@charset "utf-8";
@media(max-width:1400px){
	.box{ width: 100%; box-sizing: border-box; padding-left:0; padding-right:0;}	
	.box .swiper-button-next{ right:20px; left:auto;}
	.box .swiper-button-prev{ left:20px; right:auto;} 
}
@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;}	
	.logo{ width:200px; padding-top:20px; padding-bottom:20px; }

		
	.nav > .navlist > ul > li > div > a{height: 52px;text-align: center; line-height: 52px; }
	.header-blank{ height:100px;}
	/*.nav > .navlist > ul > li > div > p{ padding:0 6%; }*/
	.swiper1 .swiper-pagination{ padding-bottom:10px;}

	.about > .aboutRight{ padding:3%;  }
	.about > .aboutRight > h3{ font-size: 20px;  }
	.about > .aboutRight > div{ font-size: 14px; height: 144px; overflow: hidden; }

	.colNavlist > ul > li > a{ padding:0 15px; font-size: 14px;}	
	.tab > p > a{ font-size: 16px; }

	.box .swiper-button-next,.box .swiper-button-prev{   height:40px; width:40px; margin-top:-20px;}

	.colCases > ul > li > a > h3{ font-size: 16px; }
	.caseMore{ width: 48px; height: 48px;}
	.calTitle > div > h3{ font-size: 24px;  }
	.calTitle > div > p{ font-size: 16px;}
	.cultSpirit > ul > li{ width: 23.5%; padding:20px; margin-right:2%;}
	.f4Honor-about{ width: 196px;}
	.f2NewsHot{ width:360px;}
}
@media (max-width:992px){
	.logo{width:200px; padding-top:10px; padding-bottom:10px; }	
	.phone{ width: 240px; }
	.header-blank{ height:80px;}
	.nav > .navlist > ul > li > div > a{ font-size: 14px; height: 48px; line-height: 48px;}


	.colNavlist{ height: 80px;}
	.colNavlist > ul > li > a{ padding:0 6px;font-size: 12px; }
	.tab > p > a{ font-size: 14px; height: 48px; line-height: 48px;}
	.calTitle > div > h3{ font-size: 20px;  }
	.calTitle > div > p{ font-size: 14px;}
	.culHeader > h3{ font-size: 20px; }
	.cultSpirit > ul > li > h3{ font-size: 18px; }


	.about > .aboutRight > h3{ font-size: 16px;  }
	.about > .aboutRight > div{ font-size: 14px; height: 96px; overflow: hidden; }
	.swiper2 .swiper-slide > a > div > h3{ font-size: 16px; }

	.f2NewsHot{ width:320px;}
	.f2NewsHot > div > h3,.f2News-list > ul > li{ font-size: 14px; }

	.f4{ display: block;}
	.f4Honor,.f4Contact{ width: 100%; height: 300px; }
	.f4Contact{ height: auto; }
	.contatQTcode{ right:20px; bottom:20px; }
       

}
@media (max-width:768px){	
	.site > .c-con{ font-size: 12px; } 
	.header{  background-image: url(none);border-bottom:1px solid #e5e5e5;}
	.logo{ width:160px; padding-top: 10px; padding-bottom: 10px;}
	.phone{ display: none; }
	.nav,.colNavlist > ul{ display: none; }
	.menu{ display: block; }
	.header-blank{ height:68px;}
	
	.colNavlist{ height:68px;}
	.hdColChat{ margin-right:10px; }
	.tab{ display: block; }
	.tab >p{ width: 25%; float: left; }
	.colCases > ul > li > a > h3{ font-size: 14px; height: 40px; line-height: 40px;}
	.caseMore{ width: 36px; height: 36px;}
	.colAbout{ width: 100%; display: block;}
	.colAboutLeft,.colAboutRight,.colCultLeft,.colCultRight{width:100%;}	
	.calTitle > div > h3{ font-size: 30px;  }
	.calTitle > div > p,.car-header > h3,.car-header > p{ font-size: 20px;}
	.colAboutRight,.colCultRight{ margin-top: 5%; }

	.cultF1{ background-image: url(../images/emp-35.png); }
	.culHeader > h3{ font-size: 18px; }
	.cultPurpose,.brandCont{ font-size: 14px; padding-left: 0;padding-right: 0; line-height: 24px; }

	.f1{ display: block; }
	.swiper2 .swiper-slide > a > div{ padding:20px; }
	.swiper2 .swiper-slide > a > div > h3{ font-size: 20px; }
	.swiper2 .swiper-slide > a > div > p{ width: 150px; }
	.swiper2 .swiper-pagination{ left:20px; bottom:20px; }
	.server,.about{ width: 100%; margin-right: 0;}	
	.about > .aboutRight > h3{ font-size: 20px;  }
	.about > .aboutRight > div{ font-size: 14px; height: 144px; overflow: hidden; }

	.f2{ display: block; }
	.f2NewsMain{ height: auto;display: block;}
	.f2News-header{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; height: 50px; box-sizing: border-box; padding:0 10px;}
	.f2News-header > p{ width: 24px; overflow: hidden; }
	.f2News-header > h3{ font-weight: 550; font-size: 16px; margin-top: 0; margin-left:10px; }
	.f2News-list{ height: 300px; padding:10px 0 10px 0; }

	.f2NewsHot{ width:100%; }

	.f2NewsHot > div{ padding:10px 20px 20px 20px;  }
	.f2NewsHot > div > p{ margin-top: 5px; }

	.objs > .objsHeader{ font-size: 16px;}
	.box{ height: 0; }
	.box2{ height: auto; }

	.cultSpirit > ul > li{ width: 48.8%; margin-right: 0; margin-top: 2%;}
	.cultSpirit > ul > li:nth-of-type(2n){ float: right; }
	.cultSpirit > ul > li:nth-of-type(1),.cultSpirit > ul > li:nth-of-type(2){ margin-top: 0; }
	.cultSpirit > ul > li > h3{ font-size: 16px; }
	.cultSpirit > ul > li > p{ width: 60px; height: 60px; }

	.footer > .c-con{ display: block; padding-top: 10px; padding-bottom: 15px; }
	.copyright{ width:100%; text-align: center; font-size: 12px;}
	.tools{ width: 100%; margin-left:0;}
	.tools > .toolLink{ font-size: 12px; }
	.colFooter > .c-con{ display: block; }
	.contact{ width: 100%; }
	.contact > h3,.contact > p{ text-align: center; }
	.contact > h3{ font-size: 16px; }
	.QTcode{ width: 100px; margin:0 auto; margin-top: 10px; }
	.help{ width: 100%; text-align: center; }
	.f4Honor-about > h3,.f4Honor-about > p,.f4Contact h3,.f4Contact p{ font-size: 18px; }
        .colCases > ul > li:hover .txttsfw{display: block;height: auto;position:absolute;top: auto;bottom: 0;color:#fff;padding-top: 0;background: none;width: 100%;}
        .colCases > ul > li:hover .txttsfw h3{width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;box-sizing: border-box;padding:0 10px;background: rgba(29,169,86,0.5);}
        .colCases > ul > li:hover .txttsfw p{display: none;}
         .car-cont img{width:100%;height:auto;}
}

@media (max-width:640px){
	.title{ font-size: 12px; line-height: 20px;}

	.calTitle > div > h3{ font-size: 24px;  }
	.calTitle > div > p{ font-size: 18px;}
	.car-header > h3,.car-header > p{ font-size: 18px; }
	.f4Honor{ display: block; height: auto;}
	.f4Honor-about,.f4Honor-img{ width: 100%; height: auto; }
	.f4Honor-about > a,.f4Contact h4{ margin-top: 10px; }
	.f4Honor-about > p{ margin-top: 10px; margin-bottom: 10px;font-size:14px; }
	/*.f4Honor-img{ position: absolute; right:0; top:0; z-index: 300; }*/
	.contatQTcode{ position: initial;  margin-top: 10px; }
	.about{ display: block; }
	.about > .aboutImg,.about > .aboutRight{ width: 100%;}
	.about > .aboutRight{ padding:10px 10px 20px 10px; }
	.about > .aboutRight > div{ height: auto; margin-top: 20px; margin-bottom: 20px; }
}

@media (max-width:480px){
	.title{ display: none; }
	.hdChat{ position: absolute; right:40px; top:50%; margin-top: -12px; }
	.colCases > ul > li{ width: 48.5%; float: left; overflow: hidden; margin-right: 0; }
	.colCases > ul > li:nth-of-type(2n){ float: right; }
	.calTitle > div > h3{ font-size: 20px;  }
	.calTitle > div > p{ font-size: 14px;}
}
	
@media (max-width:375px){	
	.swiper2 .swiper-slide > a > div{ padding:15px; }
	.swiper2 .swiper-slide > a > div > h3{ font-size: 16px; }
	.swiper2 .swiper-slide > a > div > p{ width: 40%; }
	.swiper2 .swiper-pagination{ left:15px; bottom:10px; }
	.cultSpirit > ul > li{ width: 100%; margin-right: 0; margin-top: 10px;}
	/*.cultSpirit > ul > li:nth-of-type(2n){ float: right; }*/
	.cultSpirit > ul > li:nth-of-type(1){margin-top: 0}
	.cultSpirit > ul > li:nth-of-type(2){ margin-top: 10px; }
	.cultSpirit > ul > li > div{ height: auto;  }
	
}