@charset "utf-8";
@media (max-width:1920px){
	.sa-header > h3,.col-header > h3{ font-size: 48px; }
	.f2List,.f4About{ margin:8% auto; }
	.colFlash > p > span{ font-size: 28px; }
}
@media (max-width:1600px){
	.sa-header > h3,.col-header > h3{ font-size: 40px; }
	.f2List,.f4About{ margin:5% auto; }
	.colFlash > p > span{ font-size: 24px; }

}
@media (max-width:1440px){
	.sa-header > h3,.col-header > h3{ font-size: 32px; }
	.f2List,.f4About{ margin:2% auto; }
	.colFlash > p > span{ font-size: 20px; }

}
@media (max-width:1200px){	
	.float,.f1Main,.f2Main,.f4Main,.colFlash > p{ width:100%; left:0; margin-left:0;}
	.c-con,.f1Main,.f2Main,.f4Main{ width:100%; min-width: 320px; box-sizing:border-box; padding-left:10px; padding-right:10px;}
	.nav{ padding:0 5%;}
	.nav > ul > li > a{ font-size: 14px; }
	.swiper1 .swiper-pagination{ padding-bottom:10px;}
	.box{  padding-left:30px; padding-right:30px; }
	.box .swiper-button-next{ right:0; transform: translateX(0px); -webkit-transform: translateX(0px); }
	.box .swiper-button-prev{ left:0; transform: translateX(-0px); -webkit-transform: translateX(-0px);}

	.swiperAbout{ width: 100%; left:0; margin-left:0; }
	.sa-header > h3,.col-header > h3{ font-size: 24px; }
	.flList,.f2List,.f4About{ width: 80%; }
	.flList > ul > li > a > h3{ font-size: 14px; }
	.f2Item-title > p{ font-size: 16px;}
	.f4About-cont > div{ font-size: 14px; height: 144px;}

	.zpList{ width: 80%; }


	/*********/
	.colFlash > p{ padding-left:10px; padding-right: 10px; box-sizing: border-box; }
	.colFlash > p > span{ font-size: 18px; }
	.location > p{ font-size: 18px; }
	
	.crmForm-upfile{ display: block; }
	.crmForm-upfile-btn{ width: 80px; }
	/******/
	.serv-menu > ul > li > a > h3{ font-size: 20px; }
	
}
@media (max-width:992px){
	.nav > ul > li > a{ font-size: 14px;}
	.nav > ul > li > p{  top:70px;}
	.header-blank{ height:80px;}
	.flList{ margin:4% auto; }
	.f2List{ padding-top: 28%; }
	.f2Item-title > p{ font-size: 14px; line-height: 30px;}
	.f2Item-list > p{ font-size: 12px; }

	.sa-btn{ width: 36px; height: 36px; line-height: 36px;}
	.f4About-cont > div{ font-size: 14px; height: 120px;}

	.service > .c-con{ width:100%; box-sizing: border-box; padding-left:10px; padding-right:10px;}
	.serv-menu > ul{ flex-wrap: wrap; }
	.serv-menu > ul > li{ width:50%; box-sizing: border-box; padding-left:5%;}
	.serv-menu > ul > li > a > h3{ font-size: 16px; margin-bottom:3%;}
	/*.zpList{ width: 96%;}*/
	.zpList > ul > li > .zpItem-about > a{  width: 80px; height: 80px; line-height: 80px;}

	
	/*********/
	.location > p{ font-size: 16px; }
	.crm-right{ padding:10px;}
	/*.crmRight-other{ margin-left:10px; }*/
	.crm-right > .crmRight-form,.crm-right > .crmRight-other{ width:49%; }
	.crm-right > section:nth-of-type(2n){ margin-left:2%;}

	.center{ display: block; }
	.center > .centerMenu{ width: 100%; margin-bottom: 10px;}
	.center > .centerMenu > ul{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; }
	.center > .centerMenu > ul > li{ flex: 1; padding:0; justify-content: center; }
	.center > .centerMenu > ul > li > a > p{ margin-right:5px; }
	.center > .centerMenu > ul > li > a > h3{ display: none; }
	.center > .centerMenu > ul > li > a > span{ padding:0 5px 0 0; }

	/******/
}
@media (max-width:768px){	
	.site > .c-con{ font-size: 12px; }
	.header{  background-image: url(none);}
	.logo{ width:120px;}
	.nav,.hd-right{display: none;}
	.hdCenter{ position: absolute; right:40px; top:50%; margin-top: -15px; }
	.menu{ display: block; }
	.header-blank{ height: 66px; }
	.sa-header > p,.col-header > p{ font-size: 14px; }
	.sa-search{ width:90%; height: 36px; margin-top: 3%; margin-bottom:5%; }
	.sa-btn{ width: 32px; height: 32px;  line-height: 32px; font-size: 14px; }
	.saSearch-selectCity > h3,.saSearch-selectZhiwei > h3,.saSearch-submit input{ height: 36px; line-height: 36px;  }
	.saSearch-input > input{ height: 24px; line-height: 24px; }
	.saSearch-submit input{ height: 34px; line-height: 34px;  }



.zhwei-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items:flex-start;
    margin-bottom: 3%;
}
.zhwei-form > .zwf-select {
    margin-bottom: 3%; width:100%;
}
.zhwei-form > .zwf-btns > p{    margin-left: 0px;}
.zpItem-aside > div {
    padding-left: 0px;
}




	.flList{ margin:6% auto; width: 100%; }
	.flList > ul > li > a > h3{ font-size: 12px; }
	.f2{ background-image: url(../images/f2-2.png); background-repeat: no-repeat; background-position: center top;  background-color: #ebebeb; padding-top: 12%; padding-bottom: 14.1%; }
	.f2 > img{ display: none; }
	.f2Main{ position: inherit; width: 100%; }
	.f2List{ margin:6% auto; width: 100%; height: auto; padding-top: 40%; }
	.f2Item-list > p{ height: 24px; }

	.f4About{ margin:6% auto; width: 100%; }
	.f4About-cont > div{ font-size: 12px;}
	.zpList{ width: 100%; padding:12% 0 14.1% 0;}


	/*********/
	.colFlash > p > span{ font-size: 24px; }
	.location > p{ font-size: 14px; }
	

	.crm-right{display: block;}
	.crm-right > .crmRight-form,.crm-right > .crmRight-other{ width: 100%; }
	.crm-right > .crmRight-other{ margin-top: 10px; margin-left:0;}
	.crm-right > section:nth-of-type(2n){ margin-left:0;}

	.crmRight-form > .crmFormBtn{width:100px; margin-left:-50px; position: absolute; left: 50%; bottom: 60px; }
	.crm-right > .crmFormother{ transform: translateY(-60px); -webkit-transform: translateY(-60px); }


	/******/

	.footer > .c-con{ padding-top:10px; padding-bottom: 10px; }
	.serv-menu > ul > li > a > h3,.serv-menu > ul > li > a > p{ font-size: 12px; }
	
	.personal-apply-record-top-left{width:100%;height:auto;line-height:30px;text-align:left;border-right:none; padding-right:0px;padding-left:48px;float:left}
.personal-apply-record-top-left p{width:100%;}
.personal-apply-record-top-centre{float:left;height:auto;line-height:30px;font-size:16px;margin-left:48px}
.personal-apply-record-top a{float:left; margin-left:48px}


.personal-apply-record-footer{width:100%;height:auto;background-color:#FFF; margin:0 auto;padding-top:10px}
.personal-apply-record-ul{float:left;width:100%;height:auto;line-height:50px}
.personal-apply-record-ul li:nth-child(1){font-size:16px;float:left;margin-left:48px;color:#848484}
.personal-apply-record-ul li{font-size:20px;float:left;color:#848484;}
.img{ margin-left:0px; margin-top:0px; width:90%; max-width:433px; padding:5%}

.personal-apply-record-footer img{ width:100%}	
}

@media (max-width:640px){	
	.sa-header > h3,.col-header > h3{ font-size: 20px; }
	.f2List{ padding-top: 0; height: auto; }
	.f2Cont{ width: 100%; height: auto; display: block; position: inherit; }
	.f2Cont > .f2Items{ width: 100%; height: 300px; }
	.f2Cont > .f2Items:nth-of-type(2){ margin-top: 10px; }
	.f4{ background-image: url(../images/f4-2.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;padding-top: 12%; padding-bottom: 14.1%; }
	.f4 > img{ display: none; }
	.f4Main{ position: inherit; }
	.f4About{ display: block; padding:10px;}
	.f4About-img,.f4About-cont{ width: 100%;}
	.f4About-cont{ margin-top: 10px; }
	.f4About-cont > div{ height: auto; margin-bottom:10px; }
	.colFlash > p > span{ font-size: 20px; }
	.serv-menu > ul > li{ width:100%; box-sizing: border-box; padding-left:5%;}
}

@media (max-width:480px){
	.sa-header{ margin-bottom:20px; }
	.sa-header > h3,.col-header > h3{ font-size: 18px; }
	.sa-header > p,.col-header > p{ font-size: 12px; }		
	.sa-search{ display: none;}
	.service > .c-con{ display: block; }
	.serv-menu > ul > li{ width:50%; box-sizing: border-box; padding-left:5%;}
	.serv-ewm{ margin-top: 10px; }
	.serv-menu > ul > li > a > p{ height: 24px; line-height: 24px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; text-transform: capitalize; color: #999 !important; }
	.zpList > ul > li > .zpItem-about,.zpItem-aside{ display: block; }	
	.zpList > ul > li > .zpItem-about > a,.zpItem-aside > a{  width: 80px; height: 30px; line-height: 30px; border-radius: 0; margin-top: 10px; }
	.center > .centerMenu > ul > li > a{width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; padding: 6px 0; box-sizing: border-box;}
}
	
@media (max-width:375px){	
	
}