/* CSS Document */
#pages { text-align:center; padding:40px 0; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; }
#pages .a1, #pages font { display:none }
#pages a.current { display:none }
#pages a.prev, #pages a.next { background:#fff; border:1px solid #d6d6d6; font-size:24px; line-height:40px; }
#pages a.prev:hover, #pages a.next:hover { background:#09F; color:#fff; border-color:#09F }
#pages a, #pages span, #pages em { width:45px; line-height:45px; height:45px; font-weight:normal; display:inline-block; margin-left:5px; background:#f3f3f3; text-align:center; vertical-align:top }
#pages a:hover { color:#fff; background:#09F }
#pages em { font-size:12px; font-style:normal; font-weight:normal }
#pages span { background:#dedede }
/***/
#about_info { padding: 120px 0px; max-width: 1920px; margin: 0 auto; }
.about_auto { max-width: 1260px; margin: 0 auto }
.about_thumb { float: left; width: 595px }
.about_thumb img { display: block; width: 100%; height: auto }
.about_desc { float: right; width: 610px; font-size: 14px; line-height: 1.5 }
/**/
#group_info { background: #fff; padding: 120px 0 }
.group_thumb { float: right; width: 595px }
.group_thumb img { display: block; width: 100%; height: auto }
.group_desc { float: left; width: 610px; font-size: 14px; line-height: 1.5 }
.group_title { display: block; font-size: 25px; margin-bottom: 40px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(3, 143, 217, 1)), to(rgba(14, 100, 173, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold }
/**/
#about_honor { padding: 120px 0px; max-width: 1920px; margin: 0 auto; background:#f8f8f8 }
#cert_carousel .item p { display: none }
#cert_carousel .owl-prev, #cert_carousel .owl-next { width: 21px; height: 42px; position: absolute; top: 50%; margin-top: -21px; }
#cert_carousel .owl-prev { left: -80px; background: url(../images/prev2.png) }
#cert_carousel .owl-next { right: -80px; background: url(../images/next1.png) }
#about_honor .owl-carousel .owl-dots.disabled, #about_honor .owl-carousel .owl-nav.disabled { display: block }
/**/
#about_enviromental { background: #fff url(../images/about_bg.jpg) no-repeat center center; padding: 160px 0; }
#about_enviromental .h1_title { text-align: left }
.enviromental_desc { font-size: 14px; line-height: 1.5; width: 620px }
.enviromental_icon { margin-bottom: 50px }
/**/
#about_tearm { padding: 120px 0 }
#about_tearm *{ transition: All 0.3s ease; -ms-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -webkit-transition: All 0.3s ease; }
.tearm_p { font-size: 14px; line-height: 1.5; max-width: 880px; text-align: center; margin: 0 auto }
.tearm_desc{ margin-top:35px}
.tearm_desc li { float: left; width: 405px; margin-right: 22.5px; position: relative; }
.tearm_desc li:nth-child(3) { margin-right: 0 }
.tearm_desc li img { display: block; width: 100%; height: auto }
.tearm_desc li p { display: block; font-size: 18px; padding: 20px 0; text-align: center;}
.tearm_desc li { border-bottom: 1px solid #eee; }
.tearm_desc li:after { display:none; width: 0%; height: 3px; position: absolute; left: 0; bottom: -2px; z-index: 999; content: ""; background: url(../images/w3.jpg) no-repeat center center; }
.tearm_desc li:hover:after{-webkit-animation: w100 0.5s linear; -moz-animation: w100 0.5s linear; animation: w100 0.5s linear; width:100%}
.tearm_desc li:hover p { color:#00559d }
/***/
#body_join{ background:#f8f8f8}
#join_info{ padding:120px 0}
.join_item{ margin-bottom:15px}
.join_desc{font-size: 14px; line-height: 1.5; background:#fff; padding:20px; display:none}
.join_title{ height:59px;background:#FFF; font-size:18px; line-height:59px; padding:0 20px; position:relative}
.join_title i{ position:absolute; right:20px; top:0; line-height:59px; cursor:pointer}
.join_title i:before{ content:"+"; font-size:25px;}
.join_item.on .join_title{background:url(../images/jbg.jpg) no-repeat center center; color:#fff;}
.join_item.on .join_title i:before{ content:"-";}
.join_item.on .join_desc{ display:block}
/***/
#service_info{padding:120px 0}
.cat{ text-align:center}
.cat a{ border:1px solid #000; padding:7px 15px; display:inline-block; margin:4px 15px;}
.cat a:hover,.cat a.on{ color:#049df1; border-color:#049df1}
.cat a.on{ background:#00559d; border-color:#00559d; color:#fff}
/***/
.service_lt{ float:left; width:25%; background:#fff; padding-left:9.33333333333333vw; padding-right:35px; padding-top:25px; padding-bottom:25px; margin-top:65px;}
.service_lt .pro_subtitle{ padding-left:35px; text-align:left}
.service_rt{ float:right; width:75%; padding:0 9.33333333333333vw; padding-left:5vw;margin-top:65px; padding-bottom:50px}
.service_cat_ul{ float:right; width:100%; text-align:center;}
.service_cat_ul li{ margin-bottom:5px;}
.service_cat_ul a{ color:#636262; display:block; padding:15px 0px; padding-left:35px; text-align:left}
.service_cat_ul li.on a{ background:#f3f3f3}
.service_list{}
.service_ulist{ background:#fff; padding:5px 20px;}
.service_list .clear{ background:#f8f8f8; height:30px;}
.service_ulist li{ border-bottom:1px solid #eee; padding:15px 10px; position:relative}
.service_ulist li a:after{ width:17px; height:16px; background:url(../images/ion_dw.png) no-repeat; position:absolute; right:10px; top:15px; content:""; cursor:pointer}
.service_ulist li:last-child{ border-bottom:0}
.service_ulist li a{ color:#787878}
.service_ulist li a:hover{ color:#049df1}
.service_ulist li a:hover:after{ background-image:url(../images/icon_dw.png)}
/***/
#body_contact{ background:#fff;}
#body_contact #about_info{ padding-bottom:0}
.contact_three{}
.contact_three li{ float:left; width:33.33333%; text-align:center; line-height:1.5; padding:25px 0}
.contact_three i.icon_tel{ background:url(../images/icon_tel.png) no-repeat center center; width:42px; height:42px; display:inline-block; margin-bottom:5px;}
.contact_three i.icon_position{ background:url(../images/icon_ds.png) no-repeat center center; width:42px; height:42px; display:inline-block; margin-bottom:5px;}
.contact_three i.icon_fax{ background:url(../images/icon_fax.png) no-repeat center center; width:42px; height:42px; display:inline-block; margin-bottom:5px;}
.contact_three label{ display:block; font-size:16px;}
.contact_three font{ display:block; font-size:14px;}
.contact_three li:nth-child(2){ border-left:1px solid #eee;border-right:1px solid #eee;}
.part_four{ padding:0 10%;border-top:1px solid #eee; margin-top:35px; padding-top:25px}
.part_four li{ float:left; width:50%; padding:25px 0px; text-align:center; line-height:1.6; font-size:14px;}
.part_four li label{ font-size:18px; display:block; margin-bottom:15px;}
#contact_map{ margin-top:40px;}
#contact_map img{ width:100%; display:block; height:auto}
/***/
.news_ulist{ margin-top:35px;}
.news_ulist li{ float:left; width:100%; height:250px; font-size:14px; line-height:1.4; color:#272727; padding:25px 0; padding-right:50px; border-bottom:1px solid #eee; margin-bottom:25px; background:#fff;}
.news_ulist .thumb{ display:block; float:left; width:340px; height:200px; margin-right:50px;margin-left:25px;}
.news_ulist .title{ font-size:16px; color:#000}
.news_ulist p.time{ color:#9c9c9c; font-size:13px; margin-top:5px;}
.news_ulist p.desc{ display:block; padding-top:10px; font-size:14px; line-height:1.6; color:rgba(0,0,0,0.5)}
.news_ulist p.pmore a{ display:inline-block; padding:5px 20px; border:1px solid #333; margin-top:50px;}
.news_ulist li:hover{ background:url(../images/nbgg.jpg) left top repeat-y; color:#fff;-webkit-animation: atop 0.8s linear; -moz-animation: atop 0.8s linear; animation: atop 0.8s linear;}
.news_ulist li:hover  p.desc{ color:#fff}
.news_ulist li:hover .thumb{ margin-left:35px;}
.news_ulist li:hover a.title{ color:#fff}
.news_ulist li:hover p.time{ color:#fff}
.news_ulist li:hover p.pmore a{ border:1px solid #fff; color:#fff}
.news_ulist li{}
.news_ulist .thumb{ transition: All 0.3s ease; -ms-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -webkit-transition: All 0.3s ease; }
/**/
#body_product{ background:#f3f3f3}
.product_lt{ width:25%; float:left; background:#fff;padding-right:35px;padding-left:9.33333333333333vw; }
.product_rt{ width:75%; float:left; padding-left:5vw; padding-right:9.33333333333333vw; }
.product_cat_ul{ width:100%;float:right}
.product_rt_area{ background:#fff; padding:50px 70px; padding-bottom:0}
.product_thumb{ padding:30px; background:#fff; margin-bottom:25px;}
/***/
.news_show .owl-big img{ max-height:500px;}
.owl-big .swiper-button-next,.owl-big .swiper-button-prev{ background-image:none; background-color: rgba(204, 204, 204, 0.6); width:40px; height:40px; line-height:40px; text-align:center; font-size:25px; color:#fff;-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; position:absolute; top:50%; margin-top:-20px; border:0; outline:none}
.owl-big .swiper-button-prev{ left:0px;}
.owl-big .swiper-button-next{ right:0px;}
.owl-big .swiper-button-next:hover,.owl-big .swiper-button-prev:hover{ background-color:#049df1}
.owl-big img{ width:100%; height:auto}
.swiper_padding{ height:20px;}
.owl-small{ max-width:880px}
.owl-small img{ height:80px; max-width:100%;}
.owl-small .swiper-slide{border:0px solid #ddd; overflow:hidden}
.owl-small .swiper-slide img{filter:alpha(opacity=70); -webkit-opacity:.7; -moz-opacity:.7; -khtml-opacity:.7; -ms-opacity:.7; -o-opacity:.7;opacity:.7}
.owl-small .swiper-slide-active img{filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1;opacity:1}
.owl-small .swiper-slide.swiper-slide-thumb-active{ border-color:#083f92}
/***/
.pro_subtitle{ background:url(../images/pnavbg.jpg) no-repeat; height:45px; padding-left:35px; line-height:45px; color:#fff; font-size:18px;}
.pro_cat{}
.pro_cat li{ border-bottom:1px solid #ececec;}
.pro_cat li a{ color:#474747; padding:20px 35px; padding-right:25px; display:block}
.pro_cat li a:hover{ color:#049df1}
.pro_cat li.on a{ color:#049df1}
.hotnews_title{ color:#9b9b9b; font-size:18px; background:#ececec; padding:0 35px; height:45px; line-height:45px;}
.hotnwes_ulist{ padding:15px 15px; margin-bottom:40px}
.product_laset{ margin-top:60px;}
.hotnwes_ulist li a{ font-size:14px; color:#474747; display:block; padding:10px 0; padding-left:12px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hotnwes_ulist li a:hover{ color:#049df1}
.hotnwes_ulist li{ position:relative}
.hotnwes_ulist li:before{ content:""; width:4px; height:4px; background:#049df1; position:absolute; left:0; top:14px;}
/***/
.pro_tab{ background:#fff; margin-bottom:25px; font-size:18px; color:#818181; height:62px; position:relative; background:#fff}
.pro_tab p{ display:block; width:100%; position:absolute; left:0; top:0; height:69px;}
.pro_tab span{ display:block; padding:0 35px; float:left; height:69px; line-height:65px; color:#818181; font-size:18px; border-left:1px solid #eee; cursor:pointer}
.pro_tab span.on{ background:url(../images/tab_bgnav.png) no-repeat center top; color:#fff; border-left:0}
.pro_h1_title{ font-size:24px; display:block; margin-bottom:35px}
.pro_label{ font-size:18px; font-weight:bold; display:block; padding-left:45px; position:relative}
.pro_label:before{ width:28px; height:4px; background:#01559d; content:""; position:absolute; left:0; top:8px; display:block}
.pro_label{}
.pro_introduction{ padding:30px 0; color:#787878; line-height:1.6; font-size:14px; padding-left:45px; margin:10px 0;}
.tab_param .pro_introduction{ margin-bottom:0; padding-bottom:0}
.pro_introduction img{ max-width:100%; height:auto}
.param_table td{ padding:5px 15px}
.tab_param{ background:#fff; padding:50px 70px; margin-top:45px;}
.timer_ul{}
.timer_ul li{ position:relative; color:#01559d; font-weight:bold; padding-left:15px;}
.timer_ul li:before{ width:4px; height:4px; position:absolute; left:0; top:10px; content:""; background:#01559d}
/***/
.Validform_checktip { margin-left:0; padding:0px 6px; font-size:12px; color:#F00 }
.info { border: 1px solid #F00; padding: 2px 20px 2px 5px; border-radius: 2px; color: #F00; position: absolute; display: none; line-height: 20px; background-color: #fff; }
.dec { bottom: -8px; display: block; height: 8px; overflow: hidden; position: absolute; left: 10px; width: 17px; }
.dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: -9px; width: 17px; }
.dec .dec1 { color: #F00; }
.dec .dec2 { color: #fff; top: -10px; }
.Validform_right { display:none }
#pro_form{}
#pro_form li{ float:left; width:30%; margin-right:5%; margin-bottom:20px; position:relative}
#pro_form li input[type='text']{ display:block; width:100%; border:0; padding:8px 5px; border-bottom:1px solid #ddd; font-size:16px;}
#pro_form li textarea{display:block; width:100%; border:0; padding:8px 5px; border-bottom:1px solid #ddd; font-size:16px; min-height:100px}
#pro_form li.email{ margin-right:0}
#pro_form li.desc,#pro_form li.submit{ width:100%}
#pro_form li.submit input{ border:1px solid #ddd; padding:10px 25px; color:#787878; display:inline-block; background:none; cursor:pointer}
.product_lt{ padding-top:50px; padding-bottom:50px}
.product_rt{ padding-top:50px; padding-bottom:50px}
/**/
@-webkit-keyframes atop { 0% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
50% {
opacity:0.5;
}
100% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
}
@keyframes atop { 0% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
50% {
opacity:0.5;
-moz-opacity:0.5;
-webkit-opacity:0.5;
}
100% {
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
}
}
/*******/
#about_culture{ padding:120px 0; background:url(../images/ab_cur_bg.jpg) no-repeat center top; }
#about_culture .about_auto{ text-align:center; font-size:16px; line-height:1.5}
#about_culture .about_auto p{ display:block; padding:0px 0; color:#424242}
#about_culture .about_auto p b{ font-size:24px; display:block; margin-bottom:10px}
#about_case{ background:url(../images/ab_cvgbg.jpg) no-repeat center top; padding:120px 0;background-size:100% 100%}
#about_case .about_case_desc{ text-align:center; line-height:1.6}
.ab_case_p{ max-width:890px; margin:0 auto; text-align:center}
.ab_case_img{ margin-top:45px;}
.page_about{ color: #222;line-height: 1.6;font-size: 14px; background:#fff;margin-top: 65px; padding:50px;}
.page_about img{ max-width:100%; height:auto}
/******/
.faqs_list{}
.faqs_item{}
.faqs_title{ background:#f5f5f5; padding:10px; padding-left:40px; position:relative}
.faqs_title i.icon_q,.faqs_msg i.icon_a{ font-style:normal; font-size:12px; background:#F60; color:#fff; width:20px; height:20px; text-align:center; line-height:20px; position:absolute; left:10px; top:11px;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.faqs_msg{padding:20px 10px; padding-left:40px; position:relative; color:#787878}
.faqs_msg i.icon_a{ background-color:#09F; top:20px;}
/***/
.news_title_h2{ font-weight:normal; text-align:center}
.news_time{ padding:15px 0; text-align:center; margin-bottom:25px; border-bottom:1px solid #eee}
.page_next{ margin-top:25px;}
.page_next a:hover{ color:#39F}
.table_impg td{ padding:10px 20px;}
/***************************/
@media screen and (max-width:1600px) {
	.product_lt{padding-left:6.33333333333333vw}
	.product_rt{padding-right:6.33333333333333vw}
	.service_lt{padding-left:6.33333333333333vw}
	.service_rt{padding-right:6.33333333333333vw}
	}
@media screen and (max-width:1300px) {
	#group_info,#about_culture,#about_info,#about_honor,#about_enviromental,#about_case,#about_tearm{ padding:100px 50px}
	.about_auto{ max-width:100%}
	.group_desc{ width:52%; padding-right:50px;}
	.group_thumb{ width:48%}
	.about_thumb{ width:52%; padding-right:50px;}
	.about_desc{ width:48%}
	.ab_case_img img{ max-width:100%; height:auto}
	.tearm_desc li{ width:32%; margin-right:2%;}
	.tearm_desc li img{ width:100%; display:block}
	.tearm_desc li:nth-child(3n){ margin-right:0}
	.product_lt{padding-left:50px}
	.product_rt{padding-right:50px}
	.service_lt{padding-left:50px}
	.service_rt{padding-right:50px}
	.pro_tab span{ font-size:15px;height:59px;line-height:55px; padding:0 30px}
	.pro_tab span.on{ background-position:center bottom}
	.pro_tab{ height:52px;}
	#service_info{ padding:50px 0}
	.page_about{ margin-top:50px}
	#join_info{ padding:50px 50px}
	#body_contact #about_info{ padding-left:0; padding-right:0}
	}
@media screen and (max-width:1020px) {
	.product_lt{ width:100%; padding-bottom:30px}
	.product_rt{ width:100%; padding:0; margin-top:20px}
	.service_lt{width:100%; padding-bottom:30px; margin-top:50px}
	.service_rt{width:100%; padding:0; margin-top:20px}
	.pro_subtitle{ background-size:100% 100%}
	.product_laset{ display:none}
	.product_rt_area,.tab_param{ padding:50px}
	.pro_introduction{ padding-left:0}
	}	
@media screen and (max-width:1050px) {
	#about_enviromental{ background:none}
	.enviromental_desc{ width:100%}
	#about_enviromental .h1_title{ text-align:center}
	}	
@media screen and (max-width:1000px) {
	#group_info,#about_culture,#about_info,#about_honor,#about_enviromental,#about_case,#about_tearm{ padding:50px 35px}
	.product_lt{ padding:35px;}
	.product_rt_area{ padding:35px}
	.pro_introduction{ padding:20px 0}
	.product_rt_area, .tab_param{ padding:35px}
	.tab_param{ margin-top:20px;}
	.page_about{ padding:35px;}
	.news_ulist p.pmore a{ margin-top:15px}
	.news_ulist p.desc{ height:76px; overflow:hidden}
	.news_ulist .title{ overflow:hidden; max-height:39px}
	#join_info{ padding:35px 35px}
	.contact_three li{ width:28%}
	.contact_three li:nth-child(2){ width:44%}
	}
@media screen and (max-width:800px) {
	#group_info,#about_culture,#about_info,#about_honor,#about_enviromental,#about_case,#about_tearm{ padding:40px 20px}
	.group_thumb{ width:100%; padding-right:0; margin-bottom:25px;}
	.group_desc{ width:100%; padding-right:0}
	.group_title{ margin-bottom:20px;}
	.about_thumb{ width:100%; padding-right:0;margin-bottom:25px;}
	.about_desc{ width:100%}
	.enviromental_icon img{ max-width:100%; height:auto}
	.enviromental_icon{ margin-bottom:20px;}
	#group_info,#about_culture,#about_info,#about_honor,#about_enviromental,#about_case,#about_tearm{ padding:30px 20px}
	.product_lt{ padding:20px;}
	.product_rt_area{ padding:35px 20px}
	.pro_introduction{ padding:20px 0}
	.tab_param{ padding:35px 20px}
	.pro_subtitle{ display:none}
	.pro_cat li{ display:inline-block; float:none; border:0}
	.pro_cat li a{ padding:0 0px; margin:5px 0; margin-right:25px;}
	.service_cat li{ display:inline-block; float:none; border:0}
	.service_cat li a{ padding:0 0px; margin:5px 0; margin-right:25px;}
	.product_thumb{ padding:0}
	.pro_h1_title{ font-size:20px;}
	.pro_label{ font-size:16px;}
	.page_about{ padding:35px 20px;}
	#join_info{ padding:35px 20px}
	/***/
	.news_ulist ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.news_ulist li{ float:left; width:50%; height:auto; padding:25px 20px; padding-bottom:25px; background:#fff}
	.news_ulist li:nth-child(2n){ border-left:1px solid #eee}
	.news_ulist .thumb{ width:100%; height:auto; margin:0; float:none; margin-bottom:10px;}
	.news_ulist .thumb img{ width:100%; height:26.375vw}
	.news_ulist .title{  display:block; margin-bottom:15px;}
	.news_ulist .pmore{ display:none}
	.news_ulist li:hover .thumb{ margin-left:0}
	#pages{ padding:20px 0}
	}
@media screen and (max-width:659px) {
	.pro_tab p{ position:static; height:auto; float:left; width:100%}
	.pro_tab span{ width:20%; text-align:center; height:40px; line-height:40px; padding:0; text-align:center; font-size:14px;}
	.pro_tab span.on{background-position:left top; background-size:auto auto}
	.pro_tab{ height:40px}
	.contact_three li,.contact_three li:nth-child(2){ width:100%; padding:20px 30px; border-top:1px solid #eee}
	}		
@media screen and (max-width:600px) {
	.group_title{ font-size:20px;}
	#about_culture .about_auto p b{ font-size:20px;}
	.pro_tab{ float:left; width:100%; height:auto}
	.pro_tab span{ width:33.33333%; background:#fff; border-bottom:1px solid #eee}
	.pro_tab span:nth-child(4),.pro_tab span:nth-child(5){ border-bottom:0; width:50%}
	.news_ulist .thumb img{ width:100%; height:auto}
	#pro_form li,#pro_form li{ width:100%; margin-right:0}
	#pro_form li.submit input{ display:block; width:100%; text-align:center}
	}
@media screen and (max-width:450px) {
	.tearm_desc li{ width:100%; margin-right:0; margin-bottom:10px;}
	.news_ulist li:nth-child(2n){ border-left:0px solid #eee}
	}
@media screen and (max-width:360px) {
	.news_ulist li{ width:100%;}
	}	
@media screen and (max-width:350px) {
	.group_title{ font-size:18px;}
	.pro_tab span{ font-size:13px;}
	}