@media only screen and (max-width:1680px ) {

}

@media only screen and (max-width:1600px ) {

	
	
}
@media only screen and (max-width:1440px ) {
    .menuList ul li{ margin: 0 8px;}
	.wperTit h3{ font-size: 35px;}
	.wperTit h5{ font-size: 22px;}
	.aboutnumber ul li strong{ font-size: 30px;}
	.waperbox{ padding-top: 50px;}
	.dzmaps{ margin-top: 50px;}
	
	.servicebg{ height: 450px;}
	.screbg{ height: 426px;}
	.screlist ul li font{ font-size: 16px;}
	.mapcity{ padding-top: 20px;}
	.wperconts{ padding-top: 25px;}
	.wperconts>a{ margin-top: 30px;}
	.wfivebox1{ top: 78px;}
	.mapconts{ left: 3%;}
	.asotime{ height: 440px; margin-top: -210px;}
}
@media only screen and (max-width:1366px ) {
	
}

@media only screen and (max-width:1200px ){
	
}
@media only screen and (max-width:768px ){
	body{ font-size: 12px;}
	header{ width: 100%; top: 0; min-width: 100%; position: relative;}
	header h1{ margin-left: 0;}
	header h1 a{ width: 95px; padding: 8px 0;}
	header.active2{ 
		transform: translateX(-120%);
		-webkit-transform: translateX(-120%);
		-moz-transform: translateX(-120%);
	}
	.menuClickOn{ left: -65%;}
	.formnav{ display: none;}
	.menuList ul{ display: none;}
	.language{ display: none;}
	.mobmenu{ margin-top: 16px;}
	
	.mobnavs{ width: 65%; height: 100%; padding: 20% 3% 0;
		background: url(/EnHome/res/images/wj-menulogo.png) no-repeat 16% 3% / 88%,url(/EnHome/res/images/mainbg01.jpg) repeat;
	}
	.mobnavs ul li{ text-align: center;}
	.mobnavs ul li>a{ font-size: 15px;}
	.mobnavs ul li dl{ display: block;}
	.mobnavs ul li dl dd a{ font-size: 12px; margin-bottom: 8px;}
	
	.wperTit h5,
	.wperTit h3{ font-size: 20px;}
	
	.waperbox{ width: 90%; min-width: 90%; padding-top: 20px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}
	.wperconts{ padding-top: 10px;}
	.wperconts p{ font-size: 12px;}
	.wperconts>a{ margin-top: 15px; width: 85px; font-size: 11px;}
	.aboutUs .wsixbox{ float: none; width: 100%;}
	.aboutnumber ul li{ width: 50%; margin-bottom: 10px;}
	.aboutnumber ul li strong{ font-size: 22px;}
	.aboutnumber ul li font{ margin: 5px auto 0; font-size: 12px;}
	.aboutUs .wthreebox{ float: none; width: 100%; display: none;}
	.aboutconts{ padding-top: 10px;}
	.aboutconts p{ font-size: 12px;}
	.secrvicetype .wsixbox{ float: none; width: 100%;}
	.servicecolor{ margin-top: 30px; padding-bottom: 20px;}
	.secrvicetype .secrvicelist li{ width: 49%;}
	.secrvicetype .wthreebox{ float: none; width: 100%; margin-top: 20px;}
	
	.secrvicelist li font{ font-size: 12px;}
	
	.servicebg{ height: auto; display: none;}
	.servicebg .serviceCont{ width: 100%;}
	.serviceCont .wfivebox{ width: 100%;}
	.serviceCont .wfivebox2{ float: none;}
	.serviceCont .wfivebox1{ float: none; position: relative;}
	
	.companyMap .wfivebox4{ float: none; width: 100%;}
	.companyMap .wfivebox3{ float: none; width: 100%;}
	
	.mapbg{ min-width: 300px; width: 100%; background: url(/EnHome/res/images/companymap3.png) no-repeat; background-size: 100% 100%;}
	.mapbg ul{ display: none;}
	.newsit{ padding-left: 0%;}
	
	.newList .wfourbox1{ float: none; width: 100%;}
	.newList .wfivebox5{ float: none; width: 100%; margin-top: 20px;}
	.newTit{ padding: 15px 0; display: none;}
	.newTit a{ width: 30%; vertical-align: top; margin:5px 0;}
	.newsit .topnew dl dt{ float: none; width: 100%;}
	.newsit .topnew dl dd{ float: none; width: 100%; height: auto;}
	.newsit .topnew dl dd h3{ font-size: 12px;}
	.newsit .topnew dl dd p{ display: none;}
	.newsit .newcon{ float: left; width: 48%; margin: 5px 1% 0 1%;}
	.hy-new{ padding-left: 0;}
	
	.partenrsList{ width: 100%;}
	.partenrsList .subparent{ width: 90%; margin: 0 auto;}
	.partenrsList .subparent li{ width: 33%;}
	.partenrsList .subparent li>img{ height: 42px;}
	.partenrsList .wsixbox{ float: none; width: 100%;}
	.partenrsList .wthreebox{ float: none; width: 90%; left: 50%; margin-left: -45%;}
	
	.screbg .waperbox{ padding-top: 20px;}
	.screlist{ padding-top: 20px;}
	.screlist ul{ width: 100%; margin: 10px auto 0;}
	.screlist ul li{ width: 50%; padding-top: 20px;}
	.screlist ul li:nth-of-type(2):after{ display: none;}
	.screbg:after{ height: 100%;}
	
	.mapconts{ width: 100%; height: 445px; left: 0%; padding: 15px;}
	.dzmaps{ margin-top: 0px; height: 400px;}
	.dzmaps .submap{ height: 398px;}
	.mapconts{ height: 400px;}
	
	footer{ margin-top: 0px;}
	.foot{ width: 90%; min-width: 90%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}
	.foot .lftfoot{ float: none; width: 100%;}
	.foot .lftfoot .copy p,
	.foot .lftfoot ul li a{ font-size: 12px;}
	.foot .ritfoot{ float: none; width: 100%; padding-top: 15px;}
	.foot .ritfoot .logo{ text-align: center;}
	.foot .ritfoot .logo img{ width: 90px;}
	.foot .ritfoot .ewm{ text-align: center;}
	.foot .ritfoot .ewm img{ width: 75px;}
	.foot .ritfoot .kh{ text-align: center;}
	
	
	.jz-tops.active{ display: none; opacity: 0;}
	
	.wapTit{ margin: 5px 0;}
	.wapTit h3{ font-size: 22px;}
	.wapTit p{ font-size: 12px;}
	.wapTit font{ margin: 10px 0;}
	.group-parters,
	.group-servIstr .neiservs{ width: 90%; margin-left: -45%; padding-top: 0%;}
	.servbanner .swiper-slide h4{ left: 15px; top: 15px; font-size: 14px;}
	
	.group-parters p img{ width: 100%;}
	
	.mainbox{ width: 90%; margin-left: -45%; padding: 25px 0;}
	.mbxnav{ margin-bottom: 25px;}
	.mbxnav .lftmbx{ float: none;}
	.mbxnav .ritmbx{ float: none;}
	.newListconts .newcongs{ padding-top: 5px;}
	.newListconts .newcongs p{ font-size: 12px;}
	.newListconts .newcongs p img{ width: 100% !important; height: auto !important;}
	.fy2 .fhlist a{ width: 85px; font-size: 12px;}
	.fy2{ width: 100%;}
	
	.complangages{ padding-top: 20px;}
	
	.compLists{ padding: 5px 0 35px;}
	.secrvicebox{ padding-bottom: 5px;}
	.secrvicebox,
	.compLists ul{ width: 90%; margin-left: -45%;}
	.compLists ul{ display: inline-block;}
	.compLists ul li{ float: left; width: 50%; margin: 20px 0px;
		padding: 0 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.compLists ul li .icos{
		transform: rotateZ(45deg) scale(0.75);
		-webkit-transform: rotateZ(45deg) scale(0.75);
		-moz-transform: rotateZ(45deg) scale(0.75);
		-o-transform: rotateZ(45deg) scale(0.75);
	}
	.groupList{ padding: 0;}
	.subgroup{ padding-top: 28px;}
	.subgroup .grList ul{ font-size: 0;}
	.subgroup .grList ul li{ margin: 0; vertical-align: top; width: 31.2%; margin: 0 1%;}
	.subgroup .grList ul li a{ width: 100%; font-size: 12px; width: 100px; margin-bottom: 10px;}
	.subgroup .grList .grConts p{ font-size: 12px; margin-bottom: 10px;}
	.subgroup .grList .grConts .mores a{ width: 90px;}
	
	
	
	.secrvicelist li i img{ height: 25px;}
	.secrvicelist li font{ font-size: 12px;}
	
	.compLists ul li .fgconts p{ font-size: 12px;}
	
	.compLists ul li.co4 .icos,
	.compLists ul li.co2 .icos,
	.compLists ul li.co3 .icos,
	.compLists ul li.co1 .icos{ float: none; margin: 0 auto; display: table;}
	.compLists ul li.co1 .fgconts{ float: none; width: 100%; margin: 20px 0; text-align: center;}
	.compLists ul li .fgconts{ margin: 0; width: 100%;}
	.compLists ul li .fgconts,
	.compLists ul li.co1 .fgconts{ margin: 0; text-align: center;}

	.subgroup{ width: 90%; margin-left: -45%;}
	
	.secrvicelist li{ width: 32.5%; margin-top: 10px;}
	
	.mbxTit{ float: none;}
	.newList ul li dl dt{ float: none; width: 100%;}
	.newList ul li dl dd{ float: none; width: 100%;}
	.newList ul li dl dd h3{ font-size: 12px;}
	.newList ul li dl dd time{ font-size: 12px; margin-top: 10px;}
	.newList ul li dl dd p{ font-size: 12px;}
	.newList ul li dl dd font{ width: 85px; font-size: 12px; margin-top: 15px;}
	
	#AspNetPager1>table>tbody>tr td:first-child{ display: none;}
	#AspNetPager1>table>tbody>tr td:nth-of-type(2){ width: 100% !important;}
	#AspNetPager1>table>tbody>tr td>a{ display: block; text-align: center; float: left; width: 41%; margin-bottom: 5px;}
	.pages .cpb{ float: left; width: 41%;}
	
	.fy2 .prevnext font{ width: 100%; margin: 10px 0;}
	.fy2 .prevnext a{ width: 100%; margin: 0; line-height: 1.8;}
	
	.abouTus .abImg{ float: none; width: 100%;}
	.abouTus .abImg img{ right: 0;}
	.abouTus .abImg:after{ display: none;}
	.abouTus .abconts{ height: auto; padding: 20px 0;}
	.abouTus .abconts p{ font-size: 12px;}
	
	.subcompy{ width: 90%; margin-left: -45%;}
	.subcompy .abconts{ padding: 0; height: 200px;}
	.subcompy .abconts img{ width: 100%;}
	.zuGroup{ width: 90%; margin-left: -45%;}
	
	.joinus{ width: 90%; margin-left: -45%; padding: 20px 0;}
	.joinus ul li{ width: 100%; padding:10px 0;}
	
	.joinus ul li h3{ margin-top: 5px; font-size: 15px;}
	.joinus ul li p{ margin-top: 5px;}
	
	.neiabout h4{ font-size: 15px;}
	.neiabout p{ font-size: 12px;}
	
	.jz-about{ height: auto; padding-bottom: 20px;}
	.neiabout{ width: 90%; margin-left: -45%;}
	
	.zp-about{ width: 90%; margin-left: -45%; margin-top: 25px; margin-bottom: 5px;}
	.zp-about .zplftx{ float: none; width: 100%;}
	.zp-about .zpritx{ float: none; width: 100%; padding-left: 0; margin-top: 30px; border-left: none;}
	.zp-about .zpritx .neiritx{ height: auto; overflow-y: inherit;}
	
	.mapList .lftmap{ float: none; width: 100%; display: none;}
	.mapList .ritmap{ float: none; width: 100%; padding: 30px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.mapList .ritmap p img{ display: none;}
	.otherscompany ul li{ float: none; width: 100%; padding-left: 0; height: auto; overflow-y: inherit;}
	
	.historyYear{ background-size: cover;}
	.asotime{ width: 90%; margin-left: -45%; height: 80%; top: 5%; margin-top: auto;}
	.timeLiner li{ width: 100%;}
	.timeLiner li .neiyer{ width: 100%; text-align: center;
		box-sizing: border-box; 
		-moz-box-sizing: content-box;
	}
	.timeLiner li:nth-of-type(even) .neiyer{ text-align: center;}
	.timeLiner li .neiyer p span{ display: none;}
	.mapList .ritmap h3{ font-size: 18px;}
	.mapList .ritmap p.phonumber{ font-size: 25px;}
	.otherscompany{ margin-top: 30px;}
	.otherscompany ul{ margin-top: 15px; padding-top: 0;}
	.otherscompany ul li h4{ margin-bottom: 10px;}
	
}
@media only screen and (max-width:640px ){
	.wapTit h3 i{ float: none; width: 20px;}
	.abouTus .abconts{ float: none; width: 100%;}
}
@media only screen and (max-width:320px ){
	
}