@charset "utf-8";
@media (max-width:1920px){
	.f3AVideo > p{  padding:9% 0 9% 10%;}

}
@media (max-width:1600px){
	.f3AVideo > p{  padding:10% 0 10% 12%;}
}
@media (max-width:1440px){
	.f3AVideo > p{  padding:14% 0 14% 14%;}

}
@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:100px;}
	.nav > ul > li{ padding:0 2%; }
	.nav > ul > li > h3{ font-size: 14px; }
	.swiper1 .swiper-slide > a > h3{ width: 100%; left:0; margin-left:0; }
	.swiper1 .swiper-pagination{ padding-bottom:10px;}
	.swiper1 .swiper-slide > a > h3 > p{ width: 200px; height: 40px;  transform: translateY(150%); -webkit-transform: translateY(150%);}
	.swiper1 .swiper-slide > a > h3 > p > i{  width: 40px; height: 40px; line-height: 40px;}
	/*******/
	.fcol-header > h3,.f5col-header > h3{ font-size: 24px;}
	.fcol-header > div > p{ font-size: 16px; }
	.f2 > ul > li > a > div > h3,.colTouzhan > ul > li > a > div > h3{ font-size: 20px; }
	.f2 > ul > li > a > div > p,.f5col-header > p,.colTouzhan > ul > li > a > div > p{ font-size: 12px;}

	.f3ACont{ font-size: 14px; }
	.f3AMore{ width: 100px;}
	.f3AVideo > p{ width:100%;}	
	.f3AVideo > p > a{ display: block; width: 60px;}

	.caseList > ul > li > a > section > div > h3{ font-size: 16px; }
	.caseList > ul > li > a > section > div > h4,.caseList > ul > li > a > section > div > p{ font-size: 12px; }
	.f6  > .f6Title > h3{ font-size: 30px; }
	.f6  > .f6Title > p{ font-size: 24px;}
	.f7Right-list > ul > li > .f7rLi-about > p{ height: 20px; overflow: hidden; }
	.f8col-header > h3,.f3A > .c-con > .f3A-about > .f3Title > h3{ font-size: 30px; }
	.f8col-header > p,.f3A > .c-con > .f3A-about > .f3Title > p{ font-size: 16px; }
	/*************/
	.colFlash > .colFlashAbout > h3{ font-size: 30px; }
	.colFlash > .colFlashAbout > div > h4{ font-size: 16px;}
	.location > .c-con > p{ font-size: 24px; }
	/*******/
	.szList > ul > li > a > .szli-about > h3{ font-size: 20px; }
	.colNews > ul > li > a > .newsLi-about > h3{ font-size: 16px; }
	.colAbout,.colAboutVideo{padding:0 0;}
	.colAbout{ font-size: 14px; line-height: 2; }
	.casesTab > p,.kuozhanTab > p{ font-size: 14px; }
	.zixunTitle{ font-size: 18px; }

	.zxList > ul > li > div > p,.zxDet-list > ul > li,.zxDet-con{ font-size: 14px; }
	.zxDet-header{ font-size: 16px; }
	
}
@media (max-width:992px){
	.logo{ display:block; width:180px; padding-top:15px; padding-bottom:15px; }
	.hd-right > .phone{ font-size: 16px; margin-left:10px;}
	.hd-right > .chat{ margin-left:10px; }
	.header-blank{ height:87px;}
	.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; }
	/*******/
	.fcol-header > h3,.f5col-header > h3{ font-size: 20px;}
	.fcol-header > div > p{ font-size: 14px; }
	.f2 > ul > li > a > div > h3,.f5Tab > h4 > p,.colTouzhan > ul > li > a > div > h3{ font-size: 16px; }
	.f2 > ul > li > a > div > p,.colTouzhan > ul > li > a > div > p{ padding:5px 10px; font-size: 12px; border:1px solid #FFF;}	

	.f3col-header > h3{font-size: 32px;}
	.f3col-header > p{font-size: 16px;}
	.f3ACont{ font-size: 12px; }
	.f3AMore{ width: 80px;}

	.caseList > ul > li > a > section > div > h3{ font-size: 14px; }
	.f6  > .f6Title > h3{ font-size: 24px; }
	.f6  > .f6Title > p{ font-size: 20px;}
	.f7 > .c-con > .f7Right{ width:40%;}
	.f8col-header > h3,.f3A > .c-con > .f3A-about > .f3Title > h3{ font-size: 24px; }
	.f8col-header > p,.f3A > .c-con > .f3A-about > .f3Title > p{ font-size: 14px; }
	.service > .servAbout{ font-size: 12px; }
	/*************/
	.colFlash > .colFlashAbout > h3{ font-size: 24px; }
	.colFlash > .colFlashAbout > div > h4{ font-size: 14px;}
	.location > .c-con > p{ font-size: 20px; }
	/***********/
	.szList > ul > li > a > .szli-about > p{ height: 48px; overflow: hidden; font-size: 12px;}
	.szList > ul > li > a > .szli-about > h3{ font-size: 16px; }
	.colNews > ul > li > a > .newsLi-img{ width: 200px;}
	.colNews > ul > li > a > .newsLi-about{ width: 100%; box-sizing: border-box; padding:0 0 0 2%;}
	.colNews > ul > li > a > .newsLi-about > h3{ font-size: 14px; }
	.colNews > ul > li > a > .newsLi-about > p{ height: 40px; line-height: 20px; font-size: 12px; overflow: hidden; }

	.contact > ul > li{ padding-left:0; }
	.contact > ul > li:nth-of-type(2){ padding-right:5%;}

	.casesTab > p,.kuozhanTab > p{ font-size: 12px; }

	.colCaseList > ul > li > a > .caseItem-about > h3{ font-size: 14px; }
	.colCaseList > ul > li > a > .caseItem-about > h4{ width:90px; }
	.zixunTitle{ font-size: 16px; }
	.zxList > ul > li > div > p{ font-size: 12px; }
}
@media (max-width:768px){	
	.site > .c-con,.contact > ul > li,.bottomer,.casesList > ul > li > a > .cli-about > h4,.casesList > ul > li > a > .cli-about > p,.casesList > ul > li > a > h5{ 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 > .hdr-link{ font-size: 12px; }
	.hd-right > .hdr-tools,.nav{display: none;}
	.menu{ display: block; }
	.header-blank{ height:52px;}
	/*******/
	.fcol-header > h3,.f5col-header > h3{ font-size: 16px;}
	.fcol-header > div > p{ font-size: 12px; }
	.f3col-header{ padding-bottom: 9%; }
	.f3col-header > h3{font-size: 24px;}
	.f3col-header > p{font-size: 14px;}
	.f3A > .c-con > .f3A-about{ width:100%; padding-bottom: 0;}
	.f3AVideo{ position: inherit; width:100%; padding-right:10px; padding-left:10px; box-sizing: border-box;}
	.f3AVideo > p{ width: 100%;  padding:0 0 13% 0;background-image: url(../images/aboutVideo2.png);}
	.f3AVideo > p > a{ display: block; width: 68px; top:10px;}
	/********/
	.caseList > ul > li{ width: 50%;}
	.caseList > ul > li > a > section > div > h3{ font-size: 18px; }
	.caseList > ul > li > a > section > div > h4,.caseList > ul > li > a > section > div > p{ font-size: 14px; }
	.f5Tab > h4 > p{ font-size: 14px; }
	.f5List > ul > li > a > h3{ padding:8px 12px; line-height: 24px; height: 40px; font-size: 12px;}
	.f5More{ width: 120px; height: 36px; line-height: 36px;}
	.f6  > .f6Title > h3{ font-size: 20px; }
	.f6  > .f6Title > p{ font-size: 16px;}
	.f6  > .f6More{ display: block; width: 96px; padding-top:24px; border-radius: 12px;}
	.f7 > .c-con{ display: block;}
	.f7 > .c-con > .f7Left,.f7 > .c-con > .f7Right{ width:100%; }
	.f7 > .c-con > .f7Left{ padding-left:0; padding-right:0; padding-bottom: 0; transform: translateX(0); -webkit-transform: translateX(0); background-color: transparent;}
	.f7 > .c-con > .f7Right{ padding-top:0; margin-top: 10px; }
	.f7Right-list > ul > li > .f7rLi-about > p{ height: auto; }
	.f8col-header > h3,.f3A > .c-con > .f3A-about > .f3Title > h3{ font-size: 20px; }
	.f8col-header > p,.f3A > .c-con > .f3A-about > .f3Title > p{ font-size: 14px; }
	.brandList > ul > li{ width: 32%; margin-right:2%; box-sizing: border-box; padding:10px;}
	.brandList > ul > li:nth-of-type(3n){ margin-right:0; }
	.service,.footCon{ box-sizing: border-box; padding-top: 3%; padding-bottom: 3%; display: block; }
	.service > .servLogo{margin:0 auto;}
	.service > .servAbout{ width: 100%; padding-right:0; text-align: center; margin-top: 10px;}
	.copyright,.footTool{ width:100%; text-align: center; }

	/************/
	.location > .c-con{ padding-top: 20px; padding-bottom: 20px; }
	.location > .c-con > p{ font-size: 16px; }
	/***********/
	.szList > ul > li > a > .szli-about{ padding:10px; }
	.szList > ul > li > a > .szli-about > h4,{ font-size: 12px; }

	.contact > ul{ display: block; }
	.contact > ul > li{ width: 100%;  }
	.contact > ul > li:nth-of-type(1){ margin-top: 10px; }
	.contact > ul > li:nth-of-type(2){ padding-right:0; padding-left:0; margin-top: 10px; margin-bottom: 10px; width:100%;}
	.contact > ul > li > p{ width: 24px; height: 24px;}
	.contact > ul > li > div{ padding-left: 10px; }
	.contact > ul > li > div > h3{ font-size: 14px; height: 24px; line-height: 24px; }
	.contact > ul > li > div > p{ font-size: 12px; }


	.colAbout{ font-size: 12px; line-height: 2; }

	.casesTab > p,.kuozhanTab > p{ width:23.5%; padding:10px 0; text-align: center; margin-right:2%; }
	.casesTab > p + p,.kuozhanTab > p + p{ margin-left:0; }
	.casesTab > p:nth-of-type(4n),.kuozhanTab > p:nth-of-type(4n){ margin-right: 0; }

	.pages > ul > li > a,.pages > ul > li > h3{ font-size:12px; }

	.colCaseList > ul > li{ width: 48.8%; float: left; margin-right:0;}
	.colCaseList > ul > li:nth-of-type(2n){ float: right; }

	.zixunTitle{ font-size: 14px; }
	.zxList > ul > li{ width: 49%; padding-top: 10%; margin-bottom: 10px; margin-right:0;}
	.zxList > ul > li:nth-of-type(2n){ float: right;}

	.zxClassList > ul > li{ width: 23.5%; }
	.zxClassList > ul > li:nth-of-type(5n){ margin-right:2%; }
	.zxClassList > ul > li:nth-of-type(4n){ margin-right:0; }

	,.zxDet-list > ul > li,.zxDet-con{ font-size: 12px; }
	.zxDet-header{ font-size: 14px; }

}

@media (max-width:640px){
	.swiper1 .swiper-slide > a > h3 > p{ width: 160px; height: 30px; transform: translateY(150%); -webkit-transform: translateY(150%);}
	.swiper1 .swiper-slide > a > h3 > p > span{ font-size: 12px;}
	.swiper1 .swiper-slide > a > h3 > p > i{  width: 30px; height: 30px; line-height: 30px; font-size: 12px;}


	.f3col-header > h3{font-size: 18px;}
	.f3col-header > p{font-size: 14px;}

	/*************/
	.colFlash > .colFlashAbout > h3{ font-size: 20px; }
	.colFlash > .colFlashAbout > div > h4{ font-size: 14px;}

	.casesTab{ flex-wrap: wrap; }
	.casesTab > p,.kuozhanTab > p{ width:50%; margin-right:0; }
	.casesTab > p + p,.kuozhanTab > p + p{ margin-left:0; }

	.zxList > ul > li{padding-top: 12%;}
}

@media (max-width:480px){

	.caseList > ul > li > a > section > div > h3{ font-size: 14px; }
	.caseList > ul > li > a > section > div > h4,.caseList > ul > li > a > section > div > p{ font-size: 12px; }
	.f5List > ul > li{ width:48.5%;float: left; margin-right:0; margin-bottom: 10px; overflow:hidden; }
	.f5List > ul > li:nth-of-type(3n){ margin-right: 0; }
	.f5List > ul > li:nth-of-type(2n){ float: right; }
	.f6  > .f6Title > h3{ font-size: 16px; }
	.f6  > .f6Title > p{ font-size: 12px;}
	.f6  > .f6More{ display: block; width: 80px; padding-top:20px; border-radius: 10px;}
	.f8col-header > h3,.f3A > .c-con > .f3A-about > .f3Title > h3{ font-size: 16px; }
	.f8col-header > p,.f3A > .c-con > .f3A-about > .f3Title > p{ font-size: 12px; }
	.brandList > ul > li{ width: 50%; margin-right:0;}
	/*************/
	.colFlash > .colFlashAbout > h3{ font-size: 16px; }
	.colFlash > .colFlashAbout > div > h4{ font-size: 12px;}
	/************/
	.szList > ul > li > a{ display: block; }
	.szList > ul > li > a > .szli-img,.szList > ul > li > a > .szli-about{ width: 100%;}
	.szList > ul > li > a > .szli-about{ padding:10px; }
	.szList > ul > li > a > .szli-about > p{ height: auto; }
	.szList > ul > li > a > .szli-about > h4{ position: inherit; padding:0 10px;}

	.colNews > ul > li > a{ display: block; }
	.colNews > ul > li > a > .newsLi-img,.colNews > ul > li > a > .newsLi-about{ width: 100%;}
	.colNews > ul > li > a > .newsLi-about{ padding:0 0 0 0; margin-top: 10px; }
	.colNews > ul > li > a > .newsLi-about > p{ height: auto; margin-top: 10px; margin-bottom: 10px; }

	.colCaseList > ul > li{ width: 100%;}
	.colCaseList > ul > li > a > .caseItem-about > p{ height: auto; }

	.zxList > ul > li{padding-top: 20%; width:100%;}

	.zxClassList > ul > li{ width: 32%; }
	.zxClassList > ul > li:nth-of-type(5n),.zxClassList > ul > li:nth-of-type(4n){ margin-right:2%; }
	.zxClassList > ul > li:nth-of-type(3n){ margin-right:0; }
}
	
@media (max-width:375px){	
	.f2 > ul > li,.colTouzhan > ul > li{ width: 100%;}
	.f2 > ul > li + li{ margin-top: 10px; }
	.caseList > ul > li > a > section > div > h4{display: none;}
	
}