/*index_nav*/
.index_nav { background: url(../images/index_nav_bg.jpg) repeat; padding-top: 3%; }
.index_nav ul li { float: left; width: 25%; text-align: center; margin-bottom: 2%; }
.index_nav ul li p { margin-bottom: 4%; }
.index_nav ul li p img { width: 50%; }
.index_nav ul li p a { color: #FFF; }
/*index_production*/
.index_production { background: #294d79; padding-bottom: 3%; }
.index_production_title { position: relative; margin-bottom: 2%; }
.index_production_title h2 { margin-left: 2%; font-size: 16px; color: #fff; }
.index_production_title div { position: absolute; color: #c8d3e1; right: 2%; top: 0; }
.index_production_title div a { color: #c8d3e1; }
.index_production_cont ul { float: left; width: 42%; }
.index_production_cont ul.index_production_contleft { width: 58%; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
.index_production_cont ul li { text-align: center; background: #FFF; }
.index_production_cont ul li p.title { color: #3fb8fd; padding-top: 10px; }
.index_production_cont ul li p.info { margin: 3px 0; }
.index_production_cont ul li p.consult { width: 50%; background: #3fb8fd; border-radius: 20px; text-align: center; color: #FFF; margin: 0 auto; }
.index_production_cont ul li p a { color: #FFF; }
.index_production_cont ul li.index_production_contnopadding { padding: 0; }
.index_production_cont ul li img { width: 86px; height: 60px; }
.index_production_cont ul li.index_production_contnopadding img { width: auto; height: auto; margin-top: 1px; }
.index_production_contright li { border-bottom: 1px solid #999999; }
.index_production_logo ul li { float: left; width: 30%; margin: 2% 1% 0 2%; text-align: center; background: #FFF; }
.index_production_logo ul li a { color: #4c4c4c; }
.index_production_logo ul li img { width: auto; }
/*index_test*/
.index_test_cont { padding: 0 0 3% 3%; background: url(../images/index_test_bg.jpg) repeat-y 98% 0; }
.index_test_contlist { border-left: solid #d7381b 1px; padding: 0 0 0 2%; margin-top: 3%; position: relative; }
.index_test_contlist dl { width: 90%; }
.index_test_contlist dl dt { float: right; }
.index_test_contlist dl dt img { width: 88px; height: 70px; border: 5px solid #dfe8f3; }
.index_test_contlist dl dd { color: #4c4c4c; }
.index_test_contlist dl dd a { color: #d7381b; }
.index_test_contlist p { font-size: 12px; position: absolute; top: 10%; right: 0px; background: url(../images/index_test_titbg.png) no-repeat 0 0; color: #FFF; background-size: 94px 39px; line-height: 39px; text-align: center; width: 94px; }
/*kid*/
.kid_process { padding-bottom: 2%; }
.kid_process_list { margin-top: 2%; }
.kid_process_list p { background: url(../images/kid_process_title.jpg) no-repeat; color: #FFF; text-align: center; font-size: 16px; padding: 3px 0 0; height: 46px; background-size: 100%; }
.kid_process_list p i { font-style: normal; background: #ffffff; border-radius: 22px; color: #3fb8fd; display: inline-block; line-height: 22px; width: 22px; height: 22px; margin-right: 5px; }
.kid_process_list dl dt { float: left; margin-right: 2%; display: inline; }
.kid_process_list dl dt img { width: 105px; }
.kid_process_list dl dd { font-size: 12px; }
.kid_case_cont p { text-align: center; }
.kid_case_cont p.title { font-size: 16px; margin: 2% 0 1%; }
.kid_case_cont_grey { background: #929799; padding: 2% 0; }
.kid_case_cont p img { margin-bottom: 1%; width: 190px; height: 123px; }
.kid_case_cont p.info { color: #f9fbfc; padding: 1% 5%; }
.kid_case_cont .kid_case_cont_grey p a { background: #d7381b; color: #FFF; border-radius: 20px; display: inline-block; padding: 2px 10px; }
/*about*/
.navigation { background: #FFF; padding: 2% 0 0 3%; margin-bottom:2%; }
.navigation ul li { border-radius:2px; float: left;  width: 31%; margin:0 2% 2% 0; display:inline; text-align: center; border: 1px solid #e0e0e0;  overflow:hidden;}
.navigation ul li.hover { border: 1px solid #3967a7; background:#3967a7; }
.navigation ul li.hover a { color:#FFFFFF; font-weight:bold;}
.navigation ul li a { color: #333333; line-height:30px;  }
.nav_expert ul li { width: 33.333%; }
.contact_common h1 { text-align:center;}
.about_cont_cont { padding: 2%; background: url(../images/about_line.jpg) repeat-y center 0; }
.about_cont_cont dl dd { margin-bottom: 3%; position: relative; }
.about_cont_cont dl dd i { position: absolute; top: 5px; }
.about_cont_cont dd span { color: #FFF; display: inline-block; border-radius: 50px; font-size: 12px; padding: 1% 6%; text-align: center; }
.about_cont_contleft { float: left; width: 47%; margin-right: 53%; }
.about_cont_contleft dt { color: #355c92; margin-bottom: 3%; width: 100%; text-align: right; }
.about_cont_contleft dd { text-align: right; }
.about_cont_contleft dd span { background: #227eb2; }
.about_cont_contleft dd i { color:#fff; right: -10%; display: inline-block; width: 12px; height: 12px; border-radius: 12px; background: #f0f0f0; border: 1px solid #227eb2; }
.about_cont_contright { float: right; width: 47%; top: 5px; margin-left: 53%; }
.about_cont_contright dt { color: #dd3e21; margin-bottom: 3%; width: 100%; }
.about_cont_contright dd i { color:#fff;  left: -10%; display: inline-block; width: 12px; height: 12px; border-radius: 12px; background: #dd3e21; margin-right: 4%; }
.about_cont_contright dd span { background: #dd3e21; margin-right: 1%; }
.nav_line { height: 38px; overflow: hidden; position: relative; }
.line { position: absolute; left: 0; text-align: center; cursor: pointer; background: #FFF; }
.line li { float: left; }
.line li a { color: #fff; font-size: 12px; }
/*brand*/
.brand_list { background: #FFF; padding: 2%; margin-top: 2%; }
.brand_list .brand_list_left { float: left; margin-right: 2%; display: inline-block; }
.brand_list .brand_list_left img { width: 137px; }
.brand_list .brand_list_right h3 { color: #103c78; border-bottom: #919191 1px dashed; padding-bottom: 1%; margin-bottom: 1%; font-size: 16px; }
.brand_list .brand_list_right p { color: #666666; margin-bottom: 1%; }
.brand_list .brand_list_right p a { background: #355c92; display: inline-block; padding: 1% 4%; color: #FFF; }
/*news_list*/
.news_list ul li, .network_list ul li { background: #FFF; padding: 3% 2%; margin-top: 2%; border-left: 1px solid #355c92; }
.news_list ul li img { float: left; margin-right: 2%; display: inline; width:109px; height: 64px; }
.news_list ul li h3 { margin-bottom: 1%; }
.news_list ul li h3 a { color: #4c4c4c; font-size: 15px; }
.news_list ul li p { color: #999999; font-size: 12px; }
.news_list ul li p a { color: #0a74a4; font-size: 12px; }
/*network_list*/
.network_list ul li img { width: 80px; height: 64px; float: left; margin-right: 2%; display: inline; }
.network_list ul li h3 { color: #4c4c4c; }
.network_list ul li p { color: #999999; }
.network_list ul li p a { display: inline-block; padding: 2px 10px; background: #d7381b; color: #FFF; border-radius: 5px; position: relative; margin-right: 2%; }
.network_list ul li p a i { position: absolute; top: 4px; display: inline-block; width: 20px; height: 16px; }
.network_list ul li p a.tel i { background: url(../images/index_store_tel.jpg) no-repeat 0 0px; background-size: 16px 16px; }
.network_list ul li p a.consult i { background: url(../images/consult_icon.jpg) no-repeat 0 0px; background-size: 14px 14px; }
.network_list ul li p a span { display: inline-block; margin-left: 20px; }
/*article*/
.article { padding: 3% 2%; background: #FFF; }
.article h1 { font-size: 20px; margin-bottom: 1%; line-height: 1.4em; }
.article p.time { color: #999999; padding-bottom: 1%; border-bottom: 1px solid #e0e0e0; }
.article_cont { padding: 2% 0; border-bottom: 1px solid #e0e0e0; overflow: hidden; margin-bottom: 2%; }
.article_cont div, .article_cont p, .article_cont br, .article_cont span { margin-bottom: 3%; color: #4d4d4d; line-height: 2em; }
.article_cont img { width: auto; }
.article_like ul { padding: 0 2%; }
.article_like ul li { border-bottom: 1px solid #e0e0e0; padding: 3% 0; }
.article_like ul li img { float: left; margin-right: 2%; display: inline; width: 109px; height: 64px; }
.article_like ul li h3 { margin-bottom: 1%; }
.article_like ul li p { color: #999999; }
.article_like ul li p a { color: #0a74a4; }
/*promotion_list*/
.promotion_list { padding: 3%; background: #FFF; margin-top: 2%; }
.promotion_list h3 { color: #103c78; margin-bottom: 2%; }
.promotion_list p { margin-bottom: 2%; }
.promotion_list p.info { border-bottom: 1px solid #e0e0e0; padding-bottom: 2%; }
.promotion_list .promotion_more a { color: #103c78; }
.promotion_list .promotion_more { color: #103c78; }
.promotion_list .promotion_more span { color: #808080; }
.promotion_list .promotion_more_right { float: right; }
/*production*/
.production { z-index:9999; position:relative;}
.production_nav { background: #f0f0f0; border-bottom: 1px solid #e0e0e0; position: relative; }
.production_nav ul li { width: 33.3%; float: left; text-align: center; border-right: 1px solid #e0e0e0; padding: 10px 0; cursor: pointer; }
.production_nav ul li b { background: url(../images/on_1.png) no-repeat right center; background-size: 0.75em; padding-right: 15px; }
.production_nav ul li:hover b { color: #3cb9f3; background: url(../images/on_2.png) no-repeat right center; background-size: 0.75em; }
.production_navson { width: 100%; display: none; position: absolute; top: 41px; left: 0; }
.production_navson .scv-shaixuan { width: 100%; height: 100%; background: rgba(0,0,0,0.6); padding-bottom:100%; }
.production_navson b { display: none; }
.production_navson span, .production_navson a { text-align: left; max-width: 640px; display: block; padding: 3% 15px; border-bottom: 1px solid #e0e0e0; color: #999; background: #FFF; }
.production_navson span { color: #3cb9f3; background: #FFF url(../images/production_on.png) no-repeat 98% center; }
.production_cont { padding: 2% 0 0 2%; }
.production_cont_list { float: left; width: 48%; margin: 0 2% 2% 0; }
.production_cont_listbt { background: #3a75b6; color: #FFF; padding: 2% 0 6%; }
.production_cont_listbt p { margin-top: 2%; text-align: center; }
.production_cont_listbt a { width: 42%; display: inline-block; text-align: center; }
.production_cont_listbt a.more { border: #FFF 1px solid; border-radius: 20px; margin-right: 4%; background: none; color: #FFF; }
.production_cont_listbt a.consult { background: #b0c8e2; border-radius: 20px; color: #3a75b6; border: #b0c8e2 1px solid; }
/*production_article*/
.production_article_title { background: #e9e9e9; }
.production_article_title span { background: #355c92; padding: 3% 2%; height: 100%; display: inline-block; color: #FFF; font-size: 16px; }
.production_article_txt { background: #FFF; }
.production_article_txt h1 { color: #fff; font-size: 18px; padding: 3% 2%; background: #4671b0; }
.production_article_txtcont { padding: 2%;  }
.production_article_txtcont ul li { line-height: 2.6em; border-bottom: 1px dashed #e0e0e0; background: url(../images/spot.jpg) no-repeat 0 center; padding-left: 10px; font-size: 16px; }
.production_article_txtcont p { background: #e9e9e9; margin-top: 2%; padding: 2%; line-height: 2.2em; font-size: 16px; }
.production_article_infocont { padding: 2%; background: #FFF; overflow:hidden;}
.production_article_infocont div, .production_article_infocont p, .production_article_infocont br, .production_article_infocont span { margin-bottom: 2%; line-height: 2em; }
 @media screen and (min-width: 320px) {
.index_production_cont ul li img { width: 84px; height: 58px; }
.index_production_cont ul li p.title { padding-top: 2px; }
.index_production_cont ul li p.info { margin: 1px 0; }
.index_production_cont ul li p.consult { margin-bottom: 4px; }
.index_test_contlist p { background-size: 96px 39px; width: 96px; overflow: hidden; }
}
 @media screen and (min-width: 375px) {
.index_production_cont ul li img { width: 102px; height: 70px; }
.index_production_cont ul li p.title { padding-top: 8px; }
.index_production_cont ul li p.info { margin: 3px 0; }
.index_production_cont ul li p.consult { margin-bottom: 4px; }
.index_test_contlist p { background-size: 96px 39px; width: 96px; overflow: hidden; }
}
 @media screen and (min-width: 413px) {
.index_production_cont ul li img { width: 102px; height: 70px; }
.index_production_cont ul li p.title { padding-top: 8px; }
.index_production_cont ul li p.info { margin: 10px 0; }
.index_production_cont ul li p.consult { margin-bottom: 4px; }
.index_test_contlist p { background-size: 96px 39px; width: 96px; overflow: hidden; }
.about_cont_contleft dd i { right: -9%; }
.about_cont_contright dd i { left: -9%; }
}
@media screen and (min-width: 480px) {
.index_production_cont ul li img { width: 129px; height: 90px; }
.index_production_cont ul li p.title { padding-top: 20px; }
.index_production_cont ul li p.info { margin: 7px 0; }
.index_production_cont ul li p.consult { margin-bottom: 10px; }
.index_test_contlist p { background-size: 106px 39px; width: 106px; overflow: hidden; }
.about_cont_contleft dd i { right: -9%; }
.about_cont_contright dd i { left: -9%; }
}
@media screen and (min-width: 640px) {
.index_production_cont ul li img { width: 172px; height: 120px; }
.index_production_cont ul li p.title { padding-top: 40px; }
.index_production_cont ul li p.info { margin: 7px 0; }
.index_production_cont ul li p.consult { margin-bottom: 20px; }
.index_test_contlist dl dt img { width: 176px; height: 140px; }
.index_test_contlist p { background-size: 126px 39px; width: 126px; overflow: hidden; }
.kid_process_list p { background: url(../images/kid_process_title.jpg) no-repeat; color: #FFF; text-align: center; font-size: 18px; padding: 10px 0 0; height: 65px; background-size: 100%; }
.kid_case_cont p img { width: 380px; height: 246px; }
.about_cont_contleft dd i { right: -9%; }
.about_cont_contright dd i { left: -9%; }
}