@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1440px) {
.container{max-width: 1100px; }

.header{ height:134px;}
.logo{ height:134px;}
.logo img{ height:134px;}

/*.lang{ margin-top:50px; width:136px; height:36px; line-height:34px; border-radius:18px; background:url(../images/lang.png) no-repeat 20px center; }
*/
.lang{ margin-top:50px;  border-radius:19px; }
.lang img{ height:36px; }



.search{ width:266px; padding:0 15px; height:36px; line-height:34px;border-radius:18px; margin-right:15px; margin-top:49px;}
.s01{ width:200px; height:34px;}
.s02{ width:34px; height:34px;}

.navlist{ height:76px; line-height:76px;}
.navlist li{ font-size:16px; }
.navlist li a{ padding:0 32px; }


.banner .banwz{ margin-top:-123px;} 
.banner .banwz .content{ }
.banner .banwz h2{ font-size:40px; line-height:50px;}
.banner .banwz h3{ font-size:20px; line-height:26px; }
.banner .banwz h3:after{ margin:20px 0;}
.banner .banwz p{ font-size:16px; line-height:26px;}


.tit01{ margin-top:80px;}
.tit01 .tname{ font-size:42px; line-height:46px; }
.tit01 .tname:after{ width:30px; height:4px; margin-top:12px;}

.tit01 .more{ width:98px; height:36px; line-height:34px; border-radius:18px; font-size:16px; margin-top:50px;}
.tit01 .more a{ display:block;}

.homenav{ margin-top:0;}
.homenav li{ margin-top:34px; line-height:56px; border-radius:28px; font-size:18px;}


.hotprod{ margin-top:60px;}
.hotprod .swiper-slide .img .more span{  height:50px; width:50px;  line-height:50px;  font-size:28px; margin:-25px 0 0 -25px; font-size:12px; }

.hotprod .swiper-slide .txt{ padding:12px 0; }
.hotprod .swiper-slide .txt h3{ font-size:18px; }

.hp-prev,.hp-next{ width:48px; height:48px; margin-top:-24px;}
.hp-prev{ margin-left:-630px; }
.hp-next{ margin-right:-630px; }


.homeabout{ margin:100px 0;}
.homeabout .abcontent .hatit{ margin-bottom:60px; margin-top:80px;}
.homeabout .abcontent .hatit h3{font-size:42px;}
.homeabout .abcontent .hatit p{ font-size:18px;}
.homeabout .abcontent .hatit p:after{width:30px; height:4px; margin-top:16px;}

.homeabout .abcontent h2{ font-size:22px;  margin-bottom:20px; }
.homeabout .abcontent .info{ font-size:16px;}
.homeabout .abcontent .more{ width:168px; height:50px; line-height:50px; border-radius:10px; margin-top:60px;}

.homeabout .ablist li{ padding:170px 38px 0 38px; height:810px;}
.homeabout .ablist li .img{ margin-bottom:17px;}
.homeabout .ablist li h3{margin-bottom:17px; font-size:18px;}
.homeabout .ablist li p{ margin-bottom:17px;}

.homeabout .ablist li.ab01 h3{ margin-top:17px;}
.homeabout .ablist li.ab03 h3{ margin-top:130px;}



.tit02 .tname{ font-size:40px; line-height:48px; }
.tit02 .nsnav{ font-size:18px; line-height:48px;}
.tit02 .nsnav a{ margin-left:60px; }
.tit02 .nsnav a.on:after{ bottom:18px; height:5px;}
.tit02 .more{ width:100px; height:36px; line-height:34px; border-radius:18px; font-size:16px; margin-top:6px;}

.newslist{  margin:34px 0 50px 0;}
.newslist li .txt{ margin:-52px auto 0 auto; padding:30px 30px 15px 30px;}
.newslist li .txt h3{ font-size:16px; }
.newslist li .txt .xian{ margin:12px 0 8px 0; }




.footer{ border-top:10px solid #eb5e02; }
.dbnav{line-height:60px; margin-top:26px; font-size:14px;}
.dbnav a{ margin:0 20px; }

.dbcontent{  padding:35px 0 15px 0;}

.dbinfo{ margin-top:12px;}
.dbinfo li{margin-right:40px; }

.dbinfo li.dbli01 h3{ background:url(../images/dbico01.png) no-repeat left center; background-size:auto 100%}
.dbinfo li.dbli02 h3{ background:url(../images/dbico02.png) no-repeat left center; background-size:auto 100%}
.dbinfo li.dbli03 h3{ background:url(../images/dbico03.png) no-repeat left center; background-size:auto 100%}
.dbinfo li.dbli04 h3{ background:url(../images/dbico04.png) no-repeat left center; background-size:auto 100%}


.wechat li{  margin-left:20px;}
.wechat li img{ width:100px; }
.wechat li span{ font-size:14px; margin-top:10px;}



.dbico a img{ width:35px;}




.nyban{ height:340px;}
.nyban h3{ font-size:40px;  margin-top:140px;}
.nyban h3:after{ width:38px; height:3px; margin:24px auto 0 auto;}

.weizhi{ line-height:55px;}
.weizhi p{ padding-left:30px; background-size:18px auto;}

.nynav li{font-size:16px; line-height:90px; }
.nynav li a{ padding:0 17px; }


.tit03 h3{ border-left:10px solid #eb5e02; padding-left:28px;  font-size:40px; }
.tit03 .more{width: 98px; height: 36px; line-height: 36px; border-radius: 18px; font-size:16px;  margin-top:2px;}

.hpmain2{ margin-bottom:42px;}

.page{ padding:70px 0;}


.showtop h1{  font-size:24px; }
.shoamain{  font-size:16px; }
.sxp{ margin:50px 0; }



.about{ font-size:16px;  margin:100px 0;}
.about .atit{  border-left:10px solid #eb5e02; font-size:40px; padding-left:18px; margin:38px 0;}
.about  h3{  font-size:20px;margin-top:40px;}
.about .aimg{  padding:0 26px 26px 0;  }



.atlist{ margin:100px 0;}
.atlist li .txt{padding:40px;}
.atlist li .txt h3{font-size:20px;}
.atlist li .txt h3:after{ width:54px; height:2px; margin:18px 0;}
.atlist li .txt p{ font-size:16px;}





.contact{  margin:65px 0px;}
.conlist li{  padding:20px 0;}
.conlist li h3{  font-size:20px; padding-left:40px; }

.conlist li.con01 p{ font-size:18px; }
.conlist li.con02 p{ font-size:16px;}
.conlist li.con03 p{ font-size:16px;}

.conlist li.con01 h3{ background-size:auto 34px;}
.conlist li.con02 h3{ background-size:auto 34px;}
.conlist li.con03 h3{ background-size:auto 34px;}
.confx{  margin-top:20px;}
.confx a{  margin-right:12px;}
.confx a img{ width:35px;}


.message h3{ font-size:20px; margin-bottom:10px;}


.mglist li.mli01 input{ line-height:58px; padding:0 16px; }
.mglist li.mli02{ margin:16px 0;}
.mglist li.mli02 textarea{ height:180px; padding:8px 16px; }
.mglist li.mli03 input{ line-height:48px; font-size:18px; }

.my-map { width: 100%; height: 420px; }


.prod{ margin-top:40px;}
.prodleft{ margin-bottom:40px;}
.prodleft .prodtit{ height:80px; line-height:80px; font-size:30px; }
.prodnav li{ line-height:40px; font-size:14px; }
.prodnav li>a{ padding:0 24px;}
.prodnav li:after{  margin:0 18px; }

.prodnav li .xiala{ width:180px; }
.prodnav li .xiala a{ padding:0 18px; line-height:40px; font-size:14px; }
.prodnav li .xiala span:after{ margin:0 24px; }



.prodcon{ margin-top:24px; padding:20px;}
.prodcon .pctel span{ font-size:20px; }
.prodcon .pctel span img{ margin-right:8px;}
.prodcon .pctel p{ font-size:20px; }


.prodfx{ margin-top:8px; padding-top:12px; }
.prodfx a{ margin:0 10px;}
.prodfx a img{ width:26px; }


.prodlist li .img .more span{  height:50px; width:50px;  line-height:50px;  font-size:28px; margin:-25px 0 0 -25px; font-size:12px; }




.cuturelist li{ margin-bottom:40px;}
.cuturelist li .txt{ padding:4% 4% 0 4%;}
.cuturelist li .txt h3{ font-size:20px;}
.cuturelist li .txt .info{ font-size:14px; margin-top:15px;}




.honorlist li{ padding:8px; }
.honorlist li .img{  border:8px solid #f6f6f6; height:200px; }
.honorlist li .title{ height:44px; padding:4px 0; line-height:18px; font-size:14px; margin-top:8px;}




}

@media screen and (max-width: 1280px){
.hp-prev { margin-left: 0; left:10px;}
.hp-next { margin-right: 0; right:10px;}
}

@media screen and (max-width: 1200px){
.container{max-width: 90%; }
 
.navlist li a { padding: 0 18px;}

.banner .banwz{ margin-top:-123px;} 
.banner .banwz h2{ font-size:34px; line-height:42px;}
.banner .banwz h3{ font-size:18px; line-height:22px; }
.banner .banwz h3:after{ margin:18px 0;}
.banner .banwz p{ font-size:14px; line-height:22px;}



.homenav li{ font-size:16px;}
.hotprod .swiper-slide .txt h3{ font-size:16px;}

.hp-prev,.hp-next{ width:40px; height:40px; margin-top:-20px;}
.hp-prev{  background-size:12px;}
.hp-next{ background-size:12px; }

.homeabout .ablist li{ padding: 170px 20px 0 20px;}

.newslist li .txt{ padding:20px 20px 10px 20px;}

.dbinfo li{margin-right:40px; }
.dbinfo li h3{ font-size:16px;}
.dbinfo li p{ font-size:12px;}
.dbinfo li.dbli03 p,.dbinfo li.dbli04 p{ font-size:20px; }
.dbinfo li.dbli02{ max-width:240px;}


.wechat li{  margin-left:10px;}
.wechat li img{ width:80px;}
.wechat li span{ font-size:12px;}



.dbico{ margin-top:35px;}
.dbico a{ margin-left:15px;}
.dbico a img{width:30px;}

.links{ line-height:36px; margin-bottom:15px;}
.links span{ font-size:16px;  padding-left:45px; }
.links a{  margin-right:12px;}




.nyban{ height:300px;}
.nyban h3{ font-size:34px;  margin-top:120px;}
.nyban h3:after{ width:32px; height:3px; margin:20px auto 0 auto;}

.weizhi{ line-height:50px;}
.weizhi p{ padding-left:25px; background-size:15px auto;}

.nynav li{line-height:80px; margin-right:3%;}
.nynav li a{ padding:0 10px; }



.news li a{  padding:50px 0; }
.news li .nscon{height:160px;}
.news li .time{ padding:50px 35px 0 35px;}
.news li .time .md{ font-size:26px;}
.news li .time .y{font-size:14px; margin-top:8px;}
.news li .txt{ padding:30px 0 0 40px;}
.news li .txt h3{ font-size:20px; }
.news li .txt p{ font-size:14px; margin-top:5px;}

.news li .more{ width:40px; height:40px; line-height:38px; margin-top:60px; font-size:20px; }



.tit03 h3{ border-left:8px solid #eb5e02; padding-left:24px;  font-size:34px; }
.tit03 .more{width:90px; height: 32px; line-height: 32px; border-radius: 16px; font-size:14px;  margin-top:1px;}

.hpmain2{ margin-bottom:35px;}


.page{ padding:60px 0;}


.showtop h1{padding:15px 0;}
.showtop .canshu{  padding:8px 0;} 
.showtop .canshu span{ margin:0 15px;}

.shoamain{ font-size:14px; padding-top:15px;}

.sxp{ margin:40px 0; }


.prodleft{ width:25%;}
.prodfx a{ margin:0 10px;}
.prodfx a img{ width:22px;}

.prodcon .pctel p{ font-size:18px;}
.prodright{ width:72%;}

.prodlist li .txt{padding:8px 0;}

.prodlist li .txt h3{ font-size:14px;}
.prodlist li .txt span{ font-size:12px;}

.cuturelist li{ margin-bottom:30px;}
.cuturelist li .txt{ padding:3% 3% 0 3%;}
.cuturelist li .txt h3{ font-size:18px;}


.honorlist li .img{ height:180px; }



}

@media screen and (max-width: 1024px){
.header{ height:auto;}
.logo{height: 0px;}
.logo img{ height:70px;width:80%;}

.nav-toggle{ display:block;}
.head1{ overflow:hidden; position:fixed; top:0; left:0; width:100%; background:#ffffff; z-index:1010;}

.head2{ width:100%; padding:10px 0; overflow:hidden; border-top:1px solid #dcdcdc; margin-top:70px;}


.lang{ width:25%; margin:0; }
.lang img{ margin:0 auto; }



.search{ width:70%; float:left; margin:0;}
.s01{ width:80%; }
.s02{ width:20%;}


.nav{ display:none; position:fixed; top:70px; left:0; z-index:9999; width:100%; border-top:1px solid #ffffff; background:none; }
.nav .container{ max-width:100%;}
.navlist{height:auto;}
.nav li{ width:100%; margin:0; text-align:left;background: #333333;}
.nav li>a{line-height:48px; padding:0 5%; font-size:16px;border-bottom:1px solid #ffffff; display:block;  }
.nav li:hover{ background:#eb5e02;}

.banner .banwz{ margin-top:-92px;} 
.banner .banwz .content{ width:50%;}
.banner .banwz h2{ font-size:28px; line-height:36px;}
.banner .banwz h3{ font-size:16px; line-height:18px; }
.banner .banwz h3:after{ margin:15px 0;}


.banner .swiper-pagination{ bottom:7%;}
.banner .swiper-pagination:after{ width:120px; left:50%; margin-left:-60px; top:7px; }
.banner .swiper-pagination-bullet{ width:15px; height:15px;margin:0 20px!important;}


.tit01{ margin-top:60px;}

.homenav li{margin-right:1%; width:24.25%; margin-top: 30px; line-height: 46px; border-radius: 23px; font-size: 15px;}

.hotprod{margin-top:40px;}

.homeabout{ margin:0;}
.homeabout .abcontent{ width:100%;}
.homeabout .abcontent .hatit{ margin:20px 0;}
.homeabout .abcontent .more{ margin-top:30px;}
.homeabout .ablist{ width:100%;}

.homeabout .ablist{ margin:40px 0;}
.homeabout .ablist li{ height:auto;padding:20px 20px 10px 20px;}
.homeabout .ablist li.ab03 h3{ margin-top:0;}
.homeabout .ablist li.ab01 h3{ margin-top:0;}
.homeabout .ablist li.ab02 p{ margin-top:0; }

.tit02 .nsnav a {margin-left:30px;}

.dbnav{ display:none;}
.dbnav a{ margin:0 15px;}

.dbcontent{ padding:0 0 10px 0;}
.dbinfo li{ margin-right:0; width:100%; }
.dbinfo li h3{ float:left; }
.dbinfo li p{ float:left;}
.dbinfo li p br{ display:none;}
.dbinfo li.dbli01 h3{ background-size:auto 80%}
.dbinfo li.dbli02{ max-width:100%;}
.dbinfo li.dbli02 h3{ background-size:auto 80%}
.dbinfo li.dbli03 h3{ background-size:auto 80%}
.dbinfo li.dbli04 h3{ background-size:auto 80%}
.dbinfo li.dbli03 p,.dbinfo li.dbli04 p{ line-height:36px; margin-top:0;}
.wechat{ width:100%; margin-top:20px;}


.dbico{ width:100%; margin-top:10px;}
.dbico a{ margin:0 15px 0 0;}


.links span{ background-size:auto 80%}


.nyban{ margin-top:100px; width:100%; }

.news li .time{ display:none;}

.page{ padding:50px 0;}




.showtop h1{padding:10px 0; font-size:20px;}
.showtop .canshu span{ margin:0 10px;}

.shoamain{  padding-top:10px;}

.sxp{ margin:20px 0; padding:10px 0; }
.sxp a{ width:100%; text-align:left; padding:5px 0;}
.sxp a.fr{ text-align:left;}



.about{ font-size:14px;  margin:80px 0;}
.about .atit{ border-left:8px solid #eb5e02; font-size:34px; padding-left:15px; margin:30px 0;}
.about  h3{  font-size:18px;margin-top:30px;}
.about .aimg{  padding:0 20px 20px 0;  }



.atlist{ margin:80px 0;}
.atlist li .txt{padding:34px;}
.atlist li .txt h3{font-size:18px;}
.atlist li .txt h3:after{ width:50px; margin:15px 0;}
.atlist li .txt p{ font-size:14px;}



.contact{ margin:40px 0px;}

.conlist li{ width:100%; padding:15px 0;}
.mglist li.mli01 { width:100%; margin-bottom:10px;}
.mglist li.mli01 input{}
.mglist li.mli02{ margin:0 0 10px 0;}

.my-map { width: 100%; height: 360px; }


.prodleft{ width:100%;}
.prodleft .prodtit{ height:60px; line-height:60px; font-size:24px; }
.prodnav li .xiala{ position:static; width:100%; overflow:hidden;}
.prodnav li .xiala span{ width:50%; float:left;}
.prodnav li.on .xiala{display:block; border-top:1px solid #ffffff; }
.prodright{ width:100%; margin-top:20px;}

.prodnav li:hover .xiala{ display:none;}

}


@media screen and (max-width: 768px) {
.container{max-width: 100%; padding:0 2%; }
.head1{ border-bottom:1px solid #dcdcdc; padding:2% 2%; }
.head2{ border:none; }


.nav .container{ padding:0;}
.lang{ width:30%;display:none;}
.lang img{ margin:1px auto 0 auto; height:26px; }


.search{ width:65%;}

.banner .banwz{ margin-top:-57px;} 
.banner .banwz .content{ width:100%; text-align:center;}
.banner .banwz h2{ font-size:20px; line-height:30px; color:#eb5e02;}
.banner .banwz h3{ font-size:14px; line-height:18px; color:#eb5e02;}
.banner .banwz h3:after{ margin:10px auto;}
.banner .banwz p{color:#eb5e02;}


.tit01{ margin-top:20px;}
.tit01 .tname{ font-size:24px; line-height:28px;}
.tit01 .tname:after{ margin-top:8px; height:3px;}

.tit01 .more { width:80px; height: 30px; line-height: 28px; border-radius: 15px; font-size: 14px; margin-top: 20px;}

.homenav li{ width:48%; margin:2% 1% 0 1%; line-height: 40px;}
.hotprod{ margin-top:20px;}
.hotprod .swiper-slide{ width:49%;}

.homeabout .abcontent .hatit h3{ font-size:24px;}
.homeabout .abcontent .hatit p{ font-size:16px;}
.homeabout .abcontent .hatit p:after{ width: 30px; height: 3px; margin-top: 12px;}
.homeabout .abcontent h2{ font-size:18px;}
.homeabout .abcontent .more { width: 150px; height: 40px; line-height: 40px; border-radius: 8px;}

.homeabout .ablist{ margin:20px 0;}
.homeabout .ablist li{ width:100%;}
.homeabout .ablist li .img{ height:auto; overflow:hidden;}
.homeabout .ablist li .img .wapimg{ display:block;}
.homeabout .ablist li .img .pcimg{ display:none;}

.tit02 .tname{ font-size:24px;}
.tit02 .nsnav{ display:none;}
.tit02 .more{width:80px; height: 30px; line-height: 28px; border-radius: 15px; font-size: 14px; margin-top:9px;}

.newslist{ margin:20px 0;}
.newslist li{ width:100%; margin:0 0 20px 0;}
.newslist li .txt{ width:90%;}

.dbinfo li h3{ padding-left:40px; font-size:14px;}

.wechat li{ width:50%; margin:0;}
.wechat li p img{ display:block; margin:0 auto;}


.links span{ padding-left:40px; font-size:14px;}


.nyban{ height:240px;}
.nyban h3{ font-size:28px;  margin-top:100px;}
.nyban h3:after{  margin:15px auto 0 auto;}


.nynav li{line-height:60px; }
.nynav li a{ padding:0 12px; }



.news li a{padding:20px 0; }
.news li .nscon{height:auto;}
.news li .img{ width:100%;}
.news li .img img{ width:100%;}
.news li .txt{ padding:0; width:100%; margin-top:20px;}
.news li .txt h3{ font-size:20px; }
.news li .txt p{ font-size:14px; margin-top:5px;}

.news li .more{ display:none; }

.news li{ background:#eb5e02; margin-top:20px;}
.news li .txt h3{ color:#ffffff;}
.news li .txt p{ color:#ffffff;}



.tit03 h3{ border-left:6px solid #eb5e02; padding-left:20px;  font-size:24px; }
.tit03 .more{width:80px; height: 24px; line-height: 24px; border-radius: 12px; font-size:12px;  margin-top:0;}

.hpmain2{ margin-bottom:35px;}



.about{  margin:30px 0;}
.about .atit{ border-left:6px solid #eb5e02; font-size:24px; padding-left:12px; margin:25px 0;}
.about  h3{  font-size:16px;margin-top:20px;}
.about .aimg{  padding:0 15px 15px 0;  }



.atlist{ margin:30px 0;}
.atlist li .img{ width:100%;}
.atlist li .txt{padding:20px; width:100%;}
.atlist li .txt h3:after{ width:50px; margin:10px 0;}


.contact{  margin:20px 0px;}
.contxt{ width:100%;}
.message{ width:100%; margin-top:20px;}

.my-map { width: 100%; height: 300px; }

.prod{ margin-top:20px;}
.prodleft{ margin-bottom:20px;}
.prodlist li{ width:48%; margin: 0 1% 2% 1%!important;}


.cuturelist li{ margin-bottom:20px;}
.cuturelist li .img{ width:100%; float:none; margin:0;}
.cuturelist li .txt{ padding:15px; width:100%;}
.cuturelist li .txt .info{ margin-top:10px;}

.honorlist li{ width:48%; margin:1%!important;}
.honorlist li .img{ height:200px; }


}

@media screen and (max-width: 480px) {
.nyban{ height:130px;}
.nyban h3{ font-size:24px;  margin-top:50px;}
.nyban h3:after{  margin:10px auto 0 auto;}
.weizhi p span.wzsp{ display:none;}

.nynav li{ margin:0; width:50%; font-size:15px; line-height:50px;}

.prod{ margin-top:0;}
.page{ padding:40px 0;}

.honorlist li .img{ height:160px; }
}