@charset "utf-8";
@media (max-width:1200px){	
	.float{ width:100%; left:0; margin-left:0;}
	 body{padding-top:100px; }
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}
	.header > .c-con > .logo{ width:420px;padding-top:10px; padding-bottom:10px; display:block; }
	.hc-right,.hcr-tool{ height:88px;}
	.nav > ul > li > a{ padding:0 15px; font-size: 14px;}

	.news-list > ul > li{ padding:10px; }
	.news-list > ul > li .nl-about > h3{ font-size:14px; }
	.news-list > ul > li .nl-about > p{font-size: 12px;}

	.links > .c-con{ padding-left:10px; }
	.links > .c-con > h3{ position:inherit; left:0; top:0px; width:100%; box-sizing: border-box; padding-left:10px; text-align: left; height: 36px; line-height: 36px; border-bottom:1px solid rgba(255,255,255,0.6);  }
	.links > .c-con > .links-list{  margin-top: 10px; }
	.links > .c-con > .links-list > ul > li{ width:20%; }
	.links > .c-con > .links-list > ul > li:nth-of-type(9n)::after{ display: block; }
	.links > .c-con > .links-list > ul > li:nth-of-type(5n)::after{ display: none; }

	.foot-contact > .fc-cont > div,.fo-ewm > h3{ font-size: 12px; }
	
}
@media (max-width:992px){	
	body{ padding-top:74px;}
	
	.header{background-color:rgba(255,255,255,1);border-bottom:1px solid #EEE;}	
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}
	.header > .c-con > .logo{ width:300px;padding-top:10px; padding-bottom:10px; display:block; }
	.hc-right,.hcr-tool{ height:88px;}
	.nav > ul > li > a{ padding:0 7px; font-size:12px;}
	.hcr-tool{padding-left:10px; border-left:0;}
	.hcr-tool > .hcr-tool-item{ width:24px; height:24px; line-height:22px;}
	.hcr-tool > .hcr-tool-item:nth-last-of-type(1){ margin-right:0;}
	.hc-right,.hcr-tool{ height:74px;}
	.search{ top:24px;}
	.scrolltop > .c-con > .nav > ul > li > a,.scrolltop > .c-con > .nav > ul > li i,.scrolltop > .c-con > .nav > h3{ color:#333; }
	
	.prods > .prod-header > h3,.sevice-list > ul > li > a > h3{  font-size: 14px;}
	.prods > .prod-header > .ph-tab > li > a,.prods > .prod-list > ul > li > .pl-img > h3,.sevice-list > ul > li > a > h4{ font-size:12px;}
	
	.ac-cen > p{ font-size:12px; line-height: 20px; max-height:160px; }

	.news-ad{ width:45%;}
	.news-list{ width:55%; padding-left:10px;}
	.news-list > ul > li{ padding:5px; }
	.news-list > ul > li .nl-date{ flex:2; }
	.news-list > ul > li .nl-about{ flex:6; }

	.foot-copyright > .copyright{ font-size:12px; }
	
}
@media (max-width:768px){	
	body{ padding-top:88px;}
	
	.c-con{  padding-left:10px; padding-right:10px;}
		
	.header > .c-con > .logo{ width:360px;}
	.header > .c-con > .btn-nav{ display:block;}
	.swiper1 .swiper-pagination-bullet{ width:30px;}
	.col > .col-hd > h3{ font-size:16px;}
	.nav{ display:none;}

	.btn-prodmenu{ display: block; }
	.prods > .prod-header > .ph-tab{ display: none; height:260px; float: right; width:100%;  font-size:0; position: relative; right: 0; top:0; background-color: rgba(100,100,100,0.2); border-radius: 2px; }
	.prods > .prod-header > .ph-tab > li{display: inline-block; height: 32px; line-height: 32px; padding:0 10px; position: relative;  }
	.prods > .prod-header > .ph-tab > li > a{ display: inline-block; height: 32px; line-height: 32px; font-size:14px; padding:0 10px; }
	
	.about-header > h3,.about-header > p,.sevice-header > h3{ font-size: 16px; }
	.ac-cen > p{ font-size:12px; line-height: 20px; max-height:100px; }

	.news > .c-con{ display:block;}
	.news-ad,.news-list{ width:100%;}
	.news-list{ padding-left:0; margin-top:64px; padding-right:0;}	
	.news-list > ul > li{ padding:10px; }	
	.news-list > ul > li .nl-date{ flex:1; }
	.news-list > ul > li .nl-about{ flex:6; }
	.news-btn{ display: none;; }

	.links > .c-con > .links-list > ul > li{ width:33.33%; }
	.links > .c-con > .links-list > ul > li:nth-of-type(5n)::after{ display: block; }
	.links > .c-con > .links-list > ul > li:nth-of-type(3n)::after{ display: none; }
	
	
	.foot-copyright{ width:100%; justify-content: flex-start;  }
	.foot-contact{ width:76%; border-left:0; border-right: 0; }
	.foot-copyright > h3{ width:362px; margin-bottom:20px;  padding-right:0; box-sizing: border-box; }
	.foot-contact > .fc-cont{ justify-content: flex-start; }
	.foot-online{ /*display: none;*/ width:24%; }
}

@media (max-width:640px){
	
	.prods > .prod-list > ul > li{ width: 48.5%; float: left; margin-top: 2%; margin-right:0; }
	.prods > .prod-list > ul > li:nth-of-type(2n){ margin-right:0; float: right; }

	.ac-cen > p{  max-height:60px; }
	.ac-cen > .ac-cen-more{ width: 64px; height: 26px; line-height: 24px; font-size: 12px; margin-top: 10px;}

	.sevice-list > ul > li{ width:50%; }
}

@media (max-width:480px){
	body{ padding-top: 66px; }
	.header > .c-con > .logo{ width:240px; padding-top:0px; padding-bottom:0px;}
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{  height:30px; width:30px; line-height:30px; margin-top: -10px;  } 
	.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:16px; }


	.news-list > ul > li .nl-date{ flex:3; }
	.news-list > ul > li .nl-about{ flex:6; }
	
	.foot-copyright{ width:100%;}
	.foot-contact{ width:100%; border-right:0;border-left:0; margin-top: 15px; }
	.foot-contact > img{ display: none; }
	.foot-contact > .fc-cont{ justify-content: flex-start; position: inherit; box-sizing:border-box; padding:10px; background-image: url(../images/map.png); background-repeat: no-repeat; background-position:center center; background-size: 100% auto; }
	.foot-contact > .fc-cont > div{ align-self: flex-start; }
	.foot-online{ width:100%; align-self: flex-start; }
	.fo-ewm{ width:120px; align-self: center; }
}
@media (max-width:375px){	
	.ac-cen > p{  max-height:40px; }
	.foot-copyright > h3{ width:300px; margin-bottom:20px;  padding-right:0; box-sizing: border-box; }
}