@charset "utf-8";
@media (max-width:1200px){
	.c-con{ width:100%;  padding:0 15px; box-sizing:border-box; }
	.col{ padding-top:30px; padding-bottom:30px;}
	.about{ width:100%; padding:0 10px; padding-left:200px; box-sizing:border-box;}
	.yf-imglist{ width:100%; height:auto; position:absolute; left:0; bottom:0; margin-left:0; }
	.yf-img div.yf-img-about{ width:68%; height:210px;  position:absolute;left:auto; right:0; top:50%; margin-left:0;}
	.map,.menu{ width:100%;}
	.join-guanyu,.join-zhaopin,.join-zp-list,.join-dy-list,.join-rc-list,.join-zp-contact,.prod-yuanliao-list,.prod-zjt-list,.bc1-list,.bc5-list{ padding:0 10px; width:100%; box-sizing:border-box;}
	.join-zp-list{ padding:0;}
	.join-dy-list,.join-rc-list,.join-zp-contact{  padding-top:20px; padding-bottom:20px;}
	.join-rc-about,.join-rc-about1,.prod-about{ padding-top:20px; padding-bottom:20px;}
	
	.prod-fuliao,.bc4-list,.bc6-list,.bc7-list{ width:100%; padding:0 10px; box-sizing:border-box;}
	.bc6-list li div.bc6-line p,.bc7-list li div.bc7-line p{ font-size:12px;}
	.join-rc-about1 img.tu{ margin:0 auto; width:100%;}
	.wenhuas{float:left; width:30%; margin-left:1.5%; margin-right:1.5%}
}
@media (max-width:992px){
	.h-con{ padding-left:220px;}
	.nav li h4,.nav li h5{font-size:14px;}
	.nav li h5{ font-size:10px; }
	.serv-menu li h4{font-size:14px;}
	.serv-menu li p,.serv-col-about{ font-size:12px;}
	.foot-tools p{ width:21%; }
	.foot-tools p:nth-child(2){ width:36%;}
	.foot-tools p{font-size:12px;}
	.menu{ margin-top:60px;}
	.join-guanyu{ width:100%;}
	.join-guanyu li h3 span{ font-size:16px;}
	.join-zp-contact li{  width:50%; font-size:12px;}
	
	.yfml-menu li h4{ font-size:14px;}
	.bc5-list li{ width:50%;}
	.bc5-list li h4{ font-size:16px;}
	.bc5-list li h5{ font-size:12px;}
	.bc6-list li{ width:33.3%;}
	.bc6-list li:nth-child(-n+3){  margin-bottom:50px;}
	.bc6-list li div.bc6-line p{ font-size:14px; }
	.bc7-list li div.bc7-line p{border:9px solid #FFF; line-height:20px; font-size:12px;}
	
	
	.licheng-img{ width:100%; display:block}
.licheng-img img{ width:100%;}


.licheng-img1{ display:none}
.licheng-img2{ display:none}
.licheng-img3{ display:none}
	
}
@media (max-width:768px){
	.header{height:80px;}
	.c-con{height:auto;}
	.h-con{ padding-left:180px;}
	.logo{ width:160px;}
	.nav{  top:10px; right:15px; }
	.nav li{height:42px; padding:12px 0 6px 0; }
	.nav li h4,.nav li h5{ font-size:12px; height:28px; line-height:28px;}
	.nav li h5{font-size:10px; height:14px; line-height:14px; }
	.nav li div.subnav p{ font-size:12px;}
	.about{ width:100%; height:auto; padding:0 10px; box-sizing:border-box; position:relative; margin-top:30px;}
	.about-menu{ width:100%; height:60px; position:relative;}
	.about-menu li{ width:16.6%; height:60px; background-color:rgba(2,115,197,0.8); border-right:0; position:relative; cursor:pointer; padding:5px 15px 0 15px; box-sizing:border-box; float:left;}
	.about-menu li h3,.about-menu li h4{ width:100%; height:30px; line-height:30px; font-weight:normal; font-size:15px; text-align:center; overflow:hidden;color:rgba(255,255,255,0.9);}
	.about-menu li h4{ height:24px; line-height:12px; font-size:12px; text-transform:capitalize; color:rgba(255,255,255,0.6); border-bottom:0;}
	.about-menu li::after{ content:' ';width: 0; height: 0; border:0;}
	
	.about-menu li:hover h3{ font-size:16px;color:rgba(255,255,255,1);}
	.about-menu li:hover h4{color:rgba(255,255,255,0.8);}
	.about-menu li.on{ background-color:rgba(255,85,0,0.8); }
	.about-menu li:last-child h4,.about-menu li.on h4{ border-bottom:0;}
	.about-menu li.on::after{border-top: 60px solid rgba(255,85,0,0.8);}

	
	.yf-imglist{ width:162px; height:auto; position:absolute; left:50%; bottom:0; margin-left:-81px; }
	.yf-imglist li{ width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.8); margin:10px 3px;}
	.yf-imglist li img,.yf-imglist li h3{ display:none;}
	.yf-img div.yf-img-about{ width:60%; height:108px; margin-top:-54px;}
	.yf-img div.yf-img-about p{ display:none;}
	.yf-imglist li:hover,.yf-imglist li.on{ background-color:rgba(0,148,255,0.6);}
	.yf-imglist li:hover::after,.yf-imglist li:hover::before,.yf-imglist li:hover h3::after,.yf-imglist li:hover h3::before,.yf-imglist li.on::after,.yf-imglist li.on::before,.yf-imglist li.on h3::after,.yf-imglist li.on h3::before{ display:none;}
	.serv-contact,.serv-menu{ width:100%;}
	.serv-menu li h4{font-size:16px;}
	.serv-menu li p{ font-size:14px; }
	
	.c-header{  font-size:24px;}
	.c-header span{ font-size:14px;}
	.contact-list li{ width:50%;}
	.contact-list li:nth-child(3n){ border-right:1px solid #F0f0F0;}
	.contact-list li:nth-child(2n){ border-right:0;}
	.contact-list li div.cl-about{ font-size:12px;}
	
	.join-guanyu li h3 span{ font-size:16px;}
	/*.join-zp-header p,.join-zp-list li p*/,.join-dy-list li h4,.join-rc-about,.join-rc-about1,.join-rc-list li h4,.prod-about{ font-size:14px;}
	.join-dy-list li h4{ height:32px; padding:0 0 20px 0;}
	.join-dy-list li h4::after{bottom:10px;}
	.join-rc-about,.join-rc-about1,.prod-about{line-height:30px;}
	.join-rc-list li h3{ margin-top:15px; font-size:18px;}
	
	.prod-title{ font-size:16px; }
	
	.yfml-menu li p{ display:none;}
	.yfml-menu li h4{ height:45px; line-height:22px; font-size:14px; padding:0 10px; box-sizing:border-box;}
	
	.bc7-list li{ width:100%; padding:0; box-sizing:border-box;}
	.bc7-list li div.bc7-line p{ width:100%; border:15px solid #FFF; box-sizing:border-box; height:78px; line-height:24px; overflow:hidden; font-size:14px;}
	
	.foot-tools p,.foot-tools p:nth-child(2){ width:50%;}	
	.foot-tools p:nth-child(3)::after{ display:none;}
	.zis{ display:none}
	.flexslider{ display:none}
	
	.flexsliderr{position:relative;height:183px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; display:block;}
    .slidesr{position:relative;z-index:1;}
    .slidesr li{height:183px;}
	

	
	
}
@media (max-width:640px){
	.header{height:80px;}
	.c-con{height:auto;}
	.h-con{ padding-left:180px;}
	.logo{ width:160px;}
	/*.nav{ display:none;}*/
	.nav{ height:auto; padding:0;  box-sizing:border-box; position:absolute; right:50px; top:24px; z-index:360; border-radius:0 0 5px 5px; background-color:rgba(255,255,255,1); border:1px solid #DDD; padding:10px; width:120px; display:none; height:auto;}
	.nav li{ width:100%; box-sizing:border-box; height:30px; line-height:30px; line-height:32px; text-align:center; font-size:14px; float:left; cursor:pointer; padding:0;}
	.nav li h5{ display:none; }
	.nav li + li{ border-top:1px dashed #DDD;}
	.nav li:hover,.nav li.on{ background-color:rgba(0,162,255,0.8);}
	.nav li:hover a,.nav li.on a{ color:#FFF;}
	.nav li + li::after{ content:''; width:0; height:0px; font-size:0;}
	.nav li:hover div.subnav{ height:0; opacity:0;}
	.header .hd_btn{ display:block;}
	.about-menu{  height:auto;}
	.about-menu li{ width:33.3%;}
	.about-cen{ padding:10px;}
	.about-cen::after,.about-cen::before{ display:none;}
	.acl-content,.acl-img{ width:100%; height:auto;}
	.acl-img{ padding:10px; box-sizing:border-box;}
	.ac-line,.acl-content p{ height:auto;}
	.acl-content p{ font-size:12px;}
	.about-menu li{ width:50%;}
	.bc5-list li{ width:50%;}
	.video{  height:180px;}
	.video-form{ width:302px; height:168px; margin-left:-151px;}
	.video-form img{ width:280px; height:148px; } 
	.video-form::after{ content:' '; width:280px; height:148px; background-color:rgba(0,0,0,0.3); position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-73px;}
	
	.news-tab{ width:80%; height:auto; }
	.news-tab li{ width:50%;}
	.news-tab li:nth-of-type(2n-1)::after{ display:none; }
	.news-list li{ width:100%;}
	
	
	.yf-img div.yf-img-about{ width:50%; height:60px; margin-top:-30px;}
	.yf-img div.yf-img-about h5{ display:none; }
	.yf-img div.yf-img-about h3,.yf-img div.yf-img-about h4{ border-left:0;}
	.footer{ padding:20px;}
	.copyright{ font-size:12px;}
	.service{padding:20px 0;}
	.serv-col-ewm{left:10px;  margin-left:0;}
	.serv-menu li h4{font-size:14px;}
	.serv-menu li p{ font-size:12px; height:26px; line-height:26px; }
	.serv-col{ width:100%;}
	.serv-col:nth-child(1){ height:160px;}
	.contact-list li{ width:100%;}
	.contact-list li,.contact-list li:nth-child(3n),.contact-list li:nth-child(2n){ border-right:0;}
	
	.menu{ padding:0;}
	.menu-list::after,.menu-list::before{ display:none;}
	.ml-menu{ width:100%;}
	.ml-menu li h4{font-size:14px;}
	.ml-menu li p{font-size:10px; }
	.c-header p{ display:none;}
	.join-guanyu li h3{ height:80%; height:40px; line-height:40px; background-color:transparent;}
	.join-guanyu li h3 p,.join-guanyu li h3::after{ display:none;}
	.join-guanyu li h3 span{ font-size:14px; width:100%; height:20px; line-height:20px; text-align:right; color:#333; padding-right:30px; color:rgba(80,153,207,0.96);}
	.join-guanyu li h3 span:nth-of-type(1){ paddding-right:0; left:0; top:0px;}
	.join-guanyu li h3 span:nth-of-type(2){ right:0; bottom:0px; padding-left:0; text-align:right; }
	.join-guanyu li:nth-child(even) h3 span{ color:rgba(255,85,0,0.96);}
	.join-guanyu li:nth-child(even) h3{background-color:transparent;}	
	.join-zp-list td,.prod-yuanliao-list td,.prod-zjt-list td{ font-size:14px;}	
	.join-dy-list li,.join-rc-list li{  width:50%;}
	.join-zp-list td,.join-dy-list li h4,.join-rc-about,.join-rc-about1,.join-rc-list li h4,.prod-about{ font-size:14px;}	
	.prod-yuanliao-list tr td:nth-child(3),.prod-yuanliao-list tr td:nth-child(4),.prod-yuanliao-list thead td:nth-child(3),.prod-yuanliao-list thead td:nth-child(4),.prod-zjt-list thead td:nth-child(5),.prod-zjt-list tr td:nth-child(5){ display:none; }
	.prod-zjt-list tr td + td{ width:20%;}
	.prod-zj-list li{ width:100%;}
	.prod-zj-list li div.prod-zj-img,.prod-zj-list li h3,.prod-zj-list li h4,.prod-zj-list li h5{ margin:0 auto;}
	.prod-zj-list li h3,.prod-zj-list li h3 p{ height:50px; line-height:50px;font-size:16px;}
	.prod-zj-list li h4,.prod-zj-list li h5{ height:41px; line-height:36px; font-size:14px;}
	.prod-zj-list li h4 p,.prod-zj-list li h5 p{ height:36px; line-height:36px;margin-right:0px}
	
	
	.gyml-menu li p{ display:none;}
	.gyml-menu li h4{ height:45px; line-height:22px; font-size:14px; padding:0 5px; box-sizing:border-box;}
	.about-header h3{height:48px; line-height:48px; font-size:20px;}
	.about-header h4{ font-size:14px;}
	.menu{ height:80px;}
	.menu-list,.yfml-menu{ height:auto;}
	.yfml-menu li{ width:33.3%;}
	.yfml-menu li h4{  height:27px;  line-height:27px; text-align:center; font-weight:normal; font-size:16px;}
	.yfml-menu li p{ display:block;}
	.yfml-menu li.on::after,.yfml-menu li:hover::after{ top:0;}
	.bc1-list li{ border-left:120px solid #2682c5; font-size:14px; line-height:24px;}
	.bc1-list li h4{ width:120px; left:-120px; font-size:18px; height:24px; line-height:24px; margin-top:-12px;}
	.bc6-list li{ width:50%;}	
	.bc6-list li:nth-child(-n+3){  margin-bottom:0;}
	.bc6-list li:nth-child(2n+2){  margin-bottom:50px;}
	.bc7-list li div.bc7-line{  padding-left:49px; }
	.bc7-list li div.bc7-line h3{ width:49px;} 	
	.bc6-list li div.bc6-line p{ padding:10px; font-size:13px;}
	.bc7-list li div.bc7-line p{border:9px solid #FFF; line-height:20px; font-size:12px;}

	.foot-tools p,.foot-tools p:nth-child(2),.join-zp-contact li{ width:100%;}
	.foot-tools p + p::after{ display:none;}
	.wenhuas{ width:90%; margin:5%}
	
.zs1{  width:100%; float:left; overflow:hidden}
.zs1 img{ width:100%;}
.zs2{ width:100%; float:left; margin-top:15px}
.zs2 img{ width:100%;}
.zs3{ width:100%; margin-top:15px}
.zs3 img{ width:73%;}

.dongshi1{ float:left; width:100%;}
.dongshi2{ float:right; width:100%;}
.dongshi2 img{ width:100%}

.gaikuang11{ width:90%; float:left; margin-left:5%}
.gaikuang22{ width:90%; float:left; margin-left:5%}
.gaikuang33{ width:90%; float:left; margin-left:5%}


.biaozhis{ width:100%; text-align:center}
.zhengshu{ width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:15px;}
.zhengshu img{ width:100%}
.zhengshubig{ width:100%; float:left; margin-top:15px;}
.zhengshubig img{ width:100%}

.zhongshi1{ width:100%;}
.zhongshi1 img{ margin:0 auto; width:100%}
.zhongshizi{ margin-top:15px;}
.zhongstu{ width:48%; float:left; margin-left:1%; margin-right:1%; margin-top:15px}
.zhongstu img{ width:100%}



.shebeizi{ width:100%; float:left;}
.shebeizi h2{ font-size:24px; margin-top:13px; margin-bottom:5px}
.shebeiyou{ width:98%; margin-left:2%}
.shebeiyou img{ width:100%}

.shebei1{ width:100%; margin-top:10px}
.shebei1 img{ width:100%}
.xiakuang{ width:100%; overflow:hidden}


.yanfazi{ width:100%; float:left;}
.yanfazi h2{ font-size:24px; margin-top:13px; margin-bottom:5px}
.yanfayou{ width:100%; float:right;}
.yanfayou img{ width:60%; margin:15px auto}

.yanfa1{ width:48%; float:left; margin-left:1%; margin-right:1%; margin-top:10px}
.yanfa1 img{ width:100%}
.yanfakuang{ width:100%; overflow:hidden}


.tixizi{ width:100%; float:left;}
.tixizi h2{ font-size:24px; margin-top:13px; margin-bottom:5px}
.tixiyou{ width:100%; float:right; padding-top:30px}
.tixiyou img{ width:100%}
.tubie{ margin:20px auto}

.zis{ display:none}

.prod-header1 h3{ font-size:15px;}
	
}
@media (max-width:320px){
	.header{height:48px;}
	.c-con{height:auto;}
	.h-con{ padding-left:106px;}
	.logo{ width:96px;}
	.nav{ right:39px; top:9px; width:100px; }
	.header .hd_btn{ width:24px; height:30px; border:1px solid #DDD; border-radius:2px; position:absolute; right:15px; top:9px; box-sizing:border-box; cursor:pointer;}
	.header .hd_btn i{ width:16px; height:3px; background:#DDD; margin-left:-8px;}
	.header .hd_btn i:nth-child(1){ top:6px;}
	.header .hd_btn i:nth-child(2){ top:12px;}
	.header .hd_btn i:nth-child(3){ top:18px;}
	
	.about-menu li{ width:50%;}
	.video{  height:140px;}
	.video-form{ width:222px; height:136px; margin-left:-111px;}
	.video-form img{ width:200px; height:114px; } 
	.video-form::after{ content:' '; width:200px; height:114px; background-color:rgba(0,0,0,0.3); position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-57px;}
	.news-tab{ width:100%; height:auto; }
	.join-zp-list tr td:nth-child(3){ display:none;}
	.join-zp-list td,..prod-yuanliao-list td,.join-dy-list li h4,.join-rc-about,.join-rc-about1,.join-rc-list li h4,.prod-zjt-list td,.prod-about{ font-size:12px;}
	
	.menu{ height:140px;}
	.menu-list,.yfml-menu{ height:auto;}
	.yfml-menu li{ width:33.3%;}
	.bc1-list li{ border-left:100px solid #2682c5; font-size:12px; line-height:24px;}
	.bc1-list li h4{ width:100px; left:-100px; font-size:16px; height:24px; line-height:24px; margin-top:-12px;}
	.bc5-list li,.bc6-list li{ width:100%;}	
	.bc6-list li:nth-child(-n+3),.bc6-list li:nth-child(2n+2){  margin-bottom:0;}
	.bc6-list li + li{  margin-top:50px;}
	.bc6-list li div.bc6-line p{ padding:20px; font-size:14px;}

	
	.footer{ padding:10px; box-sizing:border-box;}
	.serv-menu li h4,.serv-menu li p,.serv-col-about{ font-size:12px;}
	.wenhuas{ width:90%; margin:5%}
	
}