@charset "utf-8";
@media (max-width:1200px){	
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	.header-blank{ height:80px;}
	.nav > ul > li{ padding:0 2%; }
	.nav > ul > li > h3,.servNav >  ul > li,.servRight,.prodList > ul > li > a > h3{ font-size: 14px; }
	.swiper1 .swiper-pagination{ padding-bottom:10px;}
	.prodHd > div,.honorHd > div{ padding-top: 4.5%; }
	.prodHd > div > h3,.honorHd > div > h3,.youshiHd > div > h3{ font-size: 24px; }
	.youshiList > ul > li > div > h3{ font-size: 18px; }
	.youshiList > ul > li > div > p,.aboutGyr-cont > div{ font-size: 12px; }
	.aboutGyR-header > h3{ font-size: 24px; }
	.aboutGyr-cont > h3{ font-size: 16px }
	.aboutGyr-cont > div{ height: 144px; }
	.aboutGyr-cont > a{  padding:8px 20px; font-size: 12px;}
	
}
@media (max-width:992px){
	.logo{ display:block; width:300px; padding-top:10px; padding-bottom:10px; }
	.header-blank{ height:63px;}
	.nav > ul{ height: 48px; }
	.nav > ul > li{ padding:0 7px; height: 48px; }
	.nav > ul > li > h3{ height: 48px; line-height: 48px;  }
	.nav > ul > li > p{ top:48px; }
	/*******/
	.prodHd > div,.honorHd > div{ padding-top: 5.5%; }
	.prodHd > div > h3,.honorHd > div > h3,.youshiHd > div > h3{ font-size: 20px; }
	.prodList > ul > li > a > h3{ height: 30px; line-height: 30px; }

	.honorHd > div > p{ font-size: 12px; }
	.youshiList > ul > li > div > h3,.aboutFc > header > p{ font-size: 16px; }
	.aboutGyR-header > h3{ font-size: 20px; }
	.aboutGyr-cont > h3{ font-size: 14px }
	.aboutGyr-cont > div{ height: 80px; line-height: 20px; }
	
}
@media (max-width:768px){	
	.site > .c-con,.servNav >  ul > li,.servRight,.prodList > ul > li > a > h3{ font-size: 12px; } 
	.header{  background-image: url(none);}
	/*.logo{ width:100px; padding-top: 10px; padding-bottom: 10px}*/
	.hd-right{ padding-right:10px; box-sizing: border-box;}
	.hd-right{ justify-content: flex-end; }
	.hd-right > .hdr-tools,.nav,.hd-right > span{display: none;}
	.menu{ display: block; }
	/*******/
	.swiper1 .swiper-pagination-bullet{ width: 30px; }

	/*.service > .c-con{ padding-left:0; padding-right:0; }*/
	.servNav >  ul > li{ padding:0 0; line-height: 3.6;}
	.servMain{  display: block; padding-top: 20px;}
	.servLogo{ width:150px; margin:0 auto; }
	.servRight{ width:100%; text-align: center; margin-top: 10px;}

	.prodHd > div,.honorHd > div{ padding-top: 6%; width:50%;}
	.prodHd > div > h3,.honorHd > div > h3{ font-size: 18px; width:70%; margin-left:-35%; }
	.prodCont{ padding:10px; }
	.prodList > ul > li,.honorList > ul > li,.youshiList > ul > li{ width:49%;  margin-right:0;}
	.prodList > ul > li:nth-of-type(2n),.honorList > ul > li:nth-of-type(2n),.youshiList > ul > li:nth-of-type(2n){ float: right; }
	.youshiHd{ padding-top: 25px; padding-bottom: 25px;}
	.youshiHd > div{ width:60%; padding-top: 7%;  }
	.youshiHd > div > h3{ font-size: 16px; width:80%; margin-left:-40%; }
	.youshiList > ul > li > div > h3,.aboutFc > header > p{ font-size: 14px; }
	.aboutFc > header > p{ padding:6px 20px; }
	.about > .c-con{ padding-top: 20px;}

	.aboutGy{ display: block;}
	.aboutGy-img,.aboutGy-right{ width: 100%;}
	.aboutGy-right{ padding-left:0; margin-top: 10px; }
	.aboutGyr-cont > div{ font-size: 12px; height: auto; line-height: 24px; margin-top: 10px; margin-bottom: 10px; }
	.aboutGyR-header,.aboutGyr-cont{ padding:20px; }

}

@media (max-width:640px){
	.logo{ width:200px; padding-top: 10px; padding-bottom: 10px}
	.header-blank{ height:50px;}
	.prodHd > div,.honorHd > div{ padding-top: 8.5%; }
	.youshiHd > div{ width: 80%;  padding-top: 8.5%}
	.servNav{ padding-top: 10px; padding-bottom: 10px; }
	.servNav >  ul{ display: block; }
	.servNav >  ul > li{width:25%; float: left; line-height: 2; }

	.leader-list{ height: 0; padding:0 0;}
	.leader-list2{ height: auto; padding:10px 28px;}

	.youshiList > ul > li{ padding:5% 2% 8% 2%; }
	
}

@media (max-width:480px){
	.prodHd,.honorHd{ padding-top: 20px; padding-bottom: 20px;}	
	.prodHd > div,.honorHd > div{ width:64%;}	
	.prodHd > div > h3,.honorHd > div > h3,.honorHd > div > p{ width:80%; margin-left:-40%;}
	.prodHd > div > h3,.honorHd > div > h3,.youshiHd > div > h3{ font-size: 16px; }
	.servLogo{ width:120px;}

}
	
@media (max-width:375px){	
	.youshiList > ul > li{ width:100%; }
	
	
}