body { color: #4c4c4c; font-size: 13px; line-height: 1.6em; font-family: \5FAE\8F6F\96C5\9ED1, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none; }
* { margin: 0px; padding: 0px; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
small { font-size: 0.8em; line-height: 1.4em; }
img { max-width: 100%; width: 100%; -ms-interpolation-mode: bicubic; border: none; vertical-align: top; }
img, object { max-width: 100%; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul, li, dt, dl, dd { list-style-type: none; margin: 0px; padding: 0px; background: none; }
p { margin: 0px; padding: 0px; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
body { min-width: 320px; max-width: 640px; margin: 0 auto; background: #f5f5f5; padding-bottom: 70px; }
.h2 { font-size: 16px; color: #0a74a4; position: relative; padding: 0 0 2% 2%; border-bottom: #e0e0e0 1px solid; }
.h2 i { width: 3px; height: 18px; background: #0a74a4; display: inline-block; position: absolute; top: 2px; }
.h2 span { display: inline-block; margin-left: 8px; }
.lineright { border-right: #e0e0e0 1px solid; }
.more { background: #d1d1d1; text-align: center; }
.more a { height: 36px; line-height: 36px; color: #43699f; }
/*index_header*/
.index_header { height: 68px; position: relative; background: #2a5085; }
.index_header_logo { margin-left: 2%; }
.index_header_logo img { width: 300px; }
.index_header_nav { position: absolute; right: 2%; top: 0; }
.index_header_nav img { width: 40px; }
.index_header_navson { background-color: #3967a7; z-index: 999; padding: 1% 0; position: relative; }
.index_header_navson ul { padding-bottom: 2.4%; }
.index_header_navson ul li { text-align: center; width: 25%; box-sizing: border-box; float: left; }
.index_header_navson ul li a { color: #FFF; font-size: 11px; padding: 12% 0 0; display: inline-block; }
.copyright { padding: 2% 0; }
.copyright p { text-align: center; color: #4c4c4c; }
.copyright p a { color: #4c4c4c; padding: 0 5px; }
.sale { margin-top: 2%; }
/*index_promis*/
.index_promise, .index_expert, .index_knowlege, .index_production, .index_test, .index_network, .kid_process, .kid_case, .article_like { background: #FFF; margin-top: 2%; padding: 3% 0 0; }
.index_promise h2 { border-bottom: none; }
.index_promise ul li { width: 50%; float: left; position: relative; padding: 3%; border-top: #e0e0e0 1px solid; }
.index_promise ul li p { line-height: 32px; }
.index_promise ul li img { float: right; width: 32px; }
/*index_expert*/
.index_expert { }
.index_expert_cont, .index_knowlege_cont, .index_production_cont, .index_network_cont, .kid_process_cont { padding: 0 2%; }
.index_expert_cont ul li { padding: 3% 3% 3% 0; border-bottom: #e0e0e0 1px dashed; background: url(../images/index_experts_arrow.jpg) right center no-repeat; background-size: 8px 10px; }
.index_expert_cont ul li img { width: 109px; float: left; margin-right: 3%; display: inline; height: 64px; }
.index_expert_cont ul li h3 { color: #2b5186; border-bottom: 2px solid #2b5186; display: inline-block; margin-bottom: 2%; }
.index_expert_cont ul li p { color: #808080; font-size: 12px; line-height: 1.6em; }
/*index_honor*/
.index_honor { background: url(../images/index_honor_bg.jpg) no-repeat; padding: 3% 2%; }
.index_honor h2 { float: left; margin-right: 2%; display: inline; height: 100%; width: 19%; }
.index_honor h2 img { }
.index_honor_cont { float: left; width: 79%; }
.index_honor ul li { color: #FFF; line-height: 2em; }
.index_honor ul li i { background: #b6bcc3; width: 5px; height: 5px; border-radius: 5px; display: inline-block; }
.index_honor ul li span { display: inline-block; margin: 0 1% 0 2%; }
/*index_knowlege*/
.index_knowlege_cont ul li { overflow: hidden; }
.index_knowlege_cont ul li a { color: #666666; line-height: 2.8em; width: 100%; display: inline-block; background: url(../images/index_experts_arrow.jpg) right center no-repeat; background-size: 6px 8px; }
.index_knowlege_cont ul li { border-bottom: #e8e8e8 1px dashed; }
/*index_network*/
.index_network_cont { }
.index_network_cont ul li { border-bottom: 1px dashed #e8e8e8; padding: 3% 0; }
.index_network_cont ul li img { width: 80px; height: 64px; float: left; margin-right: 2%; display: inline; }
.index_network_cont ul li h3 { color: #4c4c4c; }
.index_network_cont ul li p { color: #999999; }
.index_network_cont ul li p a { display: inline-block; padding: 2px 10px; background: #d7381b; color: #FFF; border-radius: 5px; position: relative; }
.index_network_cont ul li p a i { position: absolute; top: 4px; background: url(../images/index_store_tel.jpg) no-repeat 0 0px; display: inline-block; background-size: 16px 16px; width: 20px; height: 16px; }
.index_network_cont ul li p a span { display: inline-block; margin-left: 20px; }
/*navbar*/
.navbar { background: #355c92; padding: 8px 0 4px; position: fixed; bottom: 0px; z-index: 9999; }
.navbar ul li { float: left; width: 25%; text-align: center; background: #355c92; position: relative; }
.navbar ul li img {width:100%; }
.navbar a span { color: #fff; display: block; font-size:10px; }
.navbar a b { z-index: 99999; top: 0px; right: 20%; position: absolute; background: #e54a96; width: 20px; height: 20px; border-radius: 20px; line-height: 20px; text-align: center; color: #FFF; font-weight: normal; }
 @media screen and (min-width: 320px) {
.navbar a b { right: 8%; }
}
 @media screen and (min-width: 375px) {
.navbar a b { right:12%; }
}
 @media screen and (min-width: 413px) {
.navbar a b { right:15%; }
}
@media screen and (min-width: 480px) {
.navbar a b { right: 20%; }
}
@media screen and (min-width: 640px) {
.navbar a b { right: 20%; }
}