@charset "utf-8";
@media (max-width:1200px){	
	.float{ width:100%; left:0; margin-left:0;}
	.c-con,.box5{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	
	.header{ background-position: center -10px;}
	.logo{ display:block; width:400px;}
	.nav-list > ul > li > a{ font-size: 16px;}

	.header-blank{ height:100px;}
	.swiper1 .swiper-pagination{ padding-bottom:10px;}
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ height:93px; width:24px; margin-top:-47px; }
	.product > header > h3,.cases > .c-con > header > h3,.news > .c-con > header > h3,.about > header > h3{ font-size: 54px; }
	.product > header > p,.cases > .c-con > header > p,.news > .c-con > header > p{ font-size: 20px; }

	.prodList > ul > li > .pl-about > a > h3{ font-size: 22px;}

	.news-list > .nl-item{  padding:8px 10px 8px 0;}
	.news-list > .nl-item > a{ font-size: 14px; }
	.topBanner > section > h3,.topBanner > section > p{ font-size: 18px; }
	.centerBanner > section > h3{ font-size: 32px; }
	.centerBanner > section > p{ font-size: 18px; }
	.btmBanner > section > h3{ font-size: 28px; }
	.btmBanner > section > p{ font-size: 14px; }

	.ac-content > h3{ font-size:18px;}
	.ac-content > div{ line-height: 2; font-size: 14px; }

	
	
}
@media (max-width:992px){
	
	.logo{ display:block; width:320px;}
	.phone p{ font-size: 14px;}
	.phone p span{ font-size: 20px; }
	.header-blank{ height:88px;}
	.nav-list > ul > li > a{ font-size: 14px;line-height:40px; height: 40px;}

	.product > header > h3,.cases > .c-con > header > h3,.news > .c-con > header > h3,.about > header > h3{ font-size: 48px; }
	.product > header > p,.cases > .c-con > header > p,.news > .c-con > header > p{ font-size: 18px; }	
	.prodList > ul > li{width: 16.56%;}
	.prodList > ul > li > .pl-about  > a > h3{ font-size: 16px;}


	.topBanner > section > h3,.topBanner > section > p{ font-size: 16px; }
	.centerBanner > section > h3{ font-size: 24px; }
	.centerBanner > section > p{ font-size: 16px; }
	.btmBanner > section > h3{ font-size: 20px; }
	.prodList > ul > li > .pl-about  > a > p,.btmBanner > section > p{ font-size: 12px; }


	.ac-content > h3{ font-size:16px;}
	.ac-content > div{ line-height: 1.8; font-size: 12px; }

	.caseList > ul > li > a > h3{ height: 36px; line-height: 36px; font-size: 14px; }

	.news-hot{ width: 56%;}
	.news-list > .nl-item{  padding:5px 10px 5px 0;}
	.news-list > .nl-item > a{ font-size: 14px; }
	
}
@media (max-width:768px){	
	.nav-list > ul > li > a{ font-size: 12px;}
	.header-blank{ height:88px;}	
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ height:78px; width:20px; margin-top:-39px; }
	.product > header > h3,.cases > .c-con > header > h3,.news > .c-con > header > h3,.about > header > h3{ font-size: 42px; }
	.product > header > p,.cases > .c-con > header > p,.news > .c-con > header > p{ font-size: 16px; }
     
    .prodList > ul > li{width: 50%;height: auto;padding: 10% 0;overflow: hidden;border: none;background: rgba(0,0,0,0.3);}
	.topBanner > section > h3,.topBanner > section > p{ font-size: 22px;  }
	.centerBanner > section > h3{ font-size: 40px; }
	.centerBanner > section > p{ font-size: 22px; }

	.btmBanner > section > h3{ font-size: 32px; }
	.btmBanner > section > p{ font-size: 14px; }

	.aboutContent{ display: block; }
	.ac-content,.ac-img{ width: 100%; }
	.ac-content{ margin-top: 2%; padding-right:0; }
	.ac-content > div{ margin-top: 2%; margin-bottom:2%; font-size: 14px;}
	.ac-content > a{ width: 120px;}

	.caseList > ul > li{ width: 49%; margin-right:0%;margin-top: 2%;}
	.caseList > ul > li:nth-of-type(4n){ margin-right:0; }
	.caseList > ul > li:nth-of-type(2n){ float: right }
	.caseList > ul > li > a > h3{ width: 100%; height: 44px; line-height: 44px; font-size: 16px; }

	.newsMain{display:block; }
	.news-hot{ width: 100%; }
	.news-list{ width:100%; padding-left:0; display: block; }
	.news-list > .nl-item{ margin-top: 10px; }
	
	.footer-about > section{ font-size: 12px; }
	.footer-ewm{ width: 80px; }
		
}

@media (max-width:640px){	

	.phone p{ font-size: 12px; text-align: right;}
	.phone p span{ font-size: 14px; display: block; width:100%; }
	.header-blank{ height:64px;}
	.phone,.nav{ display: none; }
	.menu{ display: block; }

	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ height:58px; width:15px; margin-top:-29px; }
	.product > header > h3,.cases > .c-con > header > h3,.news > .c-con > header > h3,.about > header > h3{ font-size: 36px; }
	.product > header > p,.cases > .c-con > header > p,.news > .c-con > header > p{ font-size: 14px; }
	.topBanner > section > h3,.topBanner > section > p{ font-size: 18px;  }
	.centerBanner > section > h3{ font-size: 32px; }
	.centerBanner > section > p{ font-size: 18px; }

	.btmBanner > section > h3{ font-size: 24px; }
	.btmBanner > section > p{ font-size: 12px; }

	
	.footer > .c-con{display: block; position: relative; }
	.footer-about{ width:100%;}
	.fa-phone{ display: block; width:100%; }
	.footer-logo{ width:300px;}
	.footer-ewm{ position: absolute; right:10px; top:0; }
}

@media (max-width:480px){
	.logo{ display:block; width:260px;}
	.header-blank{ height:46px;}
	.product > header > h3,.cases > .c-con > header > h3,.news > .c-con > header > h3,.about > header > h3{ font-size: 30px; }
	.product > header > p,.cases > .c-con > header > p,.news > .c-con > header > p,.ac-content > div{ font-size: 12px; }
	
	.topBanner > section > h3,.topBanner > section > p{ font-size: 14px;  }

	.centerBanner > section > h3{ font-size: 24px; }
	.centerBanner > section > p{ font-size: 14px; }
	.btmBanner > section > h3{ font-size: 18px; }
	.btmBanner > section > p{ font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; }

.caseList > ul > li > a > h3{ height: 36px; line-height: 36px; font-size: 12px; }

	.footer-about{padding-right:10px;}	
	.footer-logo{ width:280px;}
	.footer-about > section{ font-size: 12px; line-height:20px;}
	.fa-tools{ box-sizing: border-box; padding-right:90px; }
	.footer-ewm{align-self: flex-start; width:60px;}
	
}
	
@media (max-width:375px){	
	.product > header > h3,.cases > .c-con > header > h3,.news > .c-con > header > h3,.about > header > h3{ font-size: 24px; }

	.caseList > ul > li{ width: 100%; margin-right:0%;margin-top: 10px;}
	
	.footer-logo{ width:220px;}
}