@media screen and (max-width:1600px){
	.proCaseTXT .pbox{ padding: 40px;}
	.proCaseTXT .en{ font-size: 46px; margin-bottom: 30px;}
	.proCaseTXT .con{ height: 44px;}
	.moreCase{ width: 100px; padding-top: 25px;}
}
@media screen and (max-width:1440px){
	.pagecon{ width: 1138px;}
	.conPage,.infoPage,.pageBT{ width: 860px;}
	
	.caseList li{ width: 297px; margin-left:29px; height: auto; height: 228px;}
	.newList li{ width: 400px; height: auto;}
	.newList li .img{ width: 180px; height: 100px;}
	.newList li .con{  margin-left: 20px; width: 200px;}
	.newList li .t{ margin-bottom: 5px;}
	.newList li .c{ margin-bottom: 25px;}
}
@media screen and (max-width:1280px){
	.proNewDemo{ width: 1138px;}
	.proNewDemo .item{ margin: 0px 30px;}
	.proCaseTXT{ width: 310px; margin-left:-155px; top: 20%;}
	.proCaseTXT .pbox{ padding: 30px; width: 250px;}
	.proCaseTXT .en{ font-size: 30px; margin-bottom: 20px;}
	.proCaseTXT .zh{ font-size: 18px;}
	.proCaseTXT .con{ height: 44px;}
	.moreCase{ width: 100px; padding-top: 25px;}
	.proJoin{ padding-bottom: 70px;}
	.pagecon{ width: 1000px;}
	.conPage{ width: 770px;}
 	.caseList li{ width: 252px; margin-left:24px; height: auto; height: 193px;}
	.newList li{ width: 45%; margin-left: 5%;}
	.newList li .img{ width: 100%; height: 229px; float: none;}
	.newList li .con{ width: 100%; margin: 0px; float: none; padding: 20px 0px 25px;}
	.newList li .t{ margin-bottom: 5px;}
	.newList li .c{ margin-bottom: 25px;}
	.backTop{ right: 0px;}
	.pageBT{ width: 760px;}
}
@media screen and (max-width:1200px){
	.inner{ width: 1000px;}
	.typeIbox li{ width: 20%;}
	.subbox{ padding-left: 327px;}
	.gropNewBox dd{ width: 1000px;}
	.gropNewList li{ margin: 0px 50px 0px 0px; width: 475px;}
	.gropNewList .img{ width: 42%;}
	.gropNewList .con{ width: 50%; margin-left: 8%;}
	.newIbox{ width: 1000px;}
	.newIbox dd{ margin: 0 50px 60px 0; width: 300px;}
	.newIbox .img{ width: 100%; height: 178px;}
	.linkIbox dl,.foot .inner{ width: 940px; padding-left: 0px;}
	.linkIbox dd{ width: 165px;}
	.iLink dl,.iFoot .inner{ width: 1000px;}
	.iLink dd{ width: 170px;}
	.iLink dd.item6{ width: 115px;}
	.pbanner{ height: 450px;}
	.pbanner img.vt{ display: none;}
	.pbanner .pbtxt .en2{ font-size: 54px;}
	.pbannerThree{ height: 840px;}
	.pbannerThree .joinPage .inner{ width: 1000px; padding: 180px 0px 80px;}
	.hrType dd{ width: 150px; margin-left: 20px;}
	.probanner .pay{ width: 280px; height: 280px; margin: -140px 0px 0px -140px;}
	.probanner .pay .ibg{ padding-top: 50px;}
	.probanner .pay .line{ width: 240px;}
	.probanner .pay .en{ font-size: 22px;}
	.probanner .pay .zh{ font-size: 16px;}
	.proNewDemo,.procontect3 .proInner,.procontect4 .proInner{ width: 1000px;}
	.pro3-l{ float: none; padding: 0px;}
	.procaseDemo2{ width: 940px;}
	.procaseDemo2 .item{ margin: 0px 30px; width: 410px;}
	.pddDEMO dd{ width: 348px;}
	.pddDEMO dd.pdditem1{ margin-right: 80px;}
	.pddDEMO .en3{ font-size: 38px;}
 }
@media screen and (max-width:1024px){
	.inner{ width: 90%;}
	.head .top{ width: 100%; height: 52px;}
	.logo{ left: 3%; top: 3px; width: 118px; height: 46px; background: url(../img/logo2.png) no-repeat; background-size: cover;}
	.logo img{ display: none;}
	.nav{ display: none;}
	.subbox{ width: 90%;}
	.gropNewBox dd{ width: 90%;}
	.gropNewList li{ margin: 0px 5% 0px 0px; width: 47.5%;}
	.gropNewList .img{ width: 50%;}
	.gropNewList .con{ width: 45%; margin-left: 5%;}
	.gropNewList .con .c{ margin-bottom: 10px;}
	.newIbox{ width: 90%;}
	.newIbox dd{ margin: 0 5% 6% 0; width: 30%;}
	.newIbox .img{ width: 100%; height: auto;}
	.linkIbox,.foot{ padding: 50px 0px;}
	.linkIbox dl,.foot .inner{ width: 90%; padding-left: 0px;}
	.linkIbox dd{ width: 17.5%;}
	.linkIbox dd.item6{ width: 11.5%;}
	.iLink dd{ width: 17%;}
	.menu-handler{ display: block;}
	.videoBox .ico{ width: 56px; height: 56px; margin: -28px 0px 0px -28px;}
	.pbanner{ height: 400px;}
 
 
	.teamMore{ width: 92%;}
	.cultureDL .fc{ width: 90%;}
	.pbannerThree{ height: auto; padding-bottom: 184px;}
	.pbannerThree .joinPage{ position: relative;}
	.pbannerThree .joinPage .inner{ padding: 15% 0px 8%; width: 90%;}
	.hrType dd{ width: 15%; margin-left: 2%;}
	.pageBT{ padding: 10% 0px;}
	.contactDL .inner{ width: 90%; padding: 8% 0px;}
	.contactUl .t{ width: 30%;}
	.contactUl .c{ width: 50%;}
	.proInner,.procontect3 .proInner,.procontect4 .proInner{ width: 90%;}
	.proOnePage dd .num{ font-size: 90px;}
	.proNewDemo{ width: 95%;}
	.proNewDemo .item{ margin:0px 5%;}
	.proCase .owlp-prev,.proCase .owlp-next{ width: 66px;}
	.proCaseDemo .item{ height: 540px;}
	.proCaseDemo .item img{ display: none;}
	.proNewDemo .owl-controls .owl-page.active span, .proNewDemo .owl-controls.clickable .owl-page:hover span,.proNewDemo .owl-controls .owl-page span{ background-size: cover; width: 8px; height: 8px; margin: 0px 6px;}
	.procontact-con dd{ float: none; width: 80%; margin-bottom: 10px;}
	.proNewBanner,.procontact-img{ height: 300px;}
	.procaseDemo2{ width: 90%;}
	.procaseDemo2 .item{ margin: 0px 5%; width: auto;}
	.pddDEMO dd,.pddDEMO dd.pdditem3{ float: none; width: 100%;}
	.pddDEMO dd.pdditem3{ padding-top: 40px;}
	.pddDEMO dd.pdditem1{ margin:0px 0px 40px 0px;}
	.pbannerFOR{ height: 300px;}
	.pagecon{ width: 90%;}
	.siderPage{ width: 16%;}
	.conPage{ width: 80%;}
	.caseList li{ width: 45%; margin-left:5%; margin-bottom: 5%; height: auto;}
	.newList li{ width: 45%; margin-left: 5%;}
	.newList li .img{ width: 100%; height: auto; float: none;}
	.newList li .t{ margin-bottom: 5px;}
	.newList li .c{ margin-bottom: 25px;}
	
	.pagingTwo{ position: fixed; top: 0px; right: -72px; background: url(../img/wi_bg.png) repeat; width: 52px; height: 100%; z-index: 999;}
	.pagingVi{ width: 52px; position: absolute; top: 50%; height: 160px; margin-top: -80px;}	
	.pagingVi a{ display: block; width: 100%; height: 54px; position: relative;}
	.pagingVi a span{ display: block; width: 100%; height: 100%; text-align: center;}
	.pagingVi a:hover span.i1{ left: 0px;}
	.pagingVi span.i0{ background-color: #526885; color: #fff; font:37px/54px "宋体";}
	.pagingVi span.i1{ font: 14px/54px "microsoft yahei"; color: #fff;  background-color: #0e81d5; position:absolute; left: 100%; top: 0px; transition: 0.4s;}
	.pagingVi .con{ height: 52px; line-height: 52px; text-align: center; color: #e8ecf0; font-size: 24px; font-family: arial;}
	.pagingVi .con .act{ color: #0e81d5;}
	.pagingVi .con .num{ color: #526885; font-size: 20px;}
	.infoul li{ width: 30%;}
	.infoul li.li{ margin-right: 5%}
	.infoul li img{ width: 100%; display: block;}
	.infoPage,.infoPaging{ width: 74%; overflow: hidden;}
	.backTop{ background-size: cover; width: 42px; height: 42px;}
	.backTop .ico{ width: 9px; height: 10px; margin: 12px auto 0;}
	.backTop:hover .ico{ margin-top: 9px;}
	.pageBT{ width: 80%; overflow: hidden;margin: 0px auto;}
}
@media screen and (max-width:861px){
	.gropNewList li .img{ width: 100%; float: none;}
	.gropNewList li .con{ width: 100%; float: none; margin:20px 0px 0px 0px;}
	.newIbox dd{ width: 100%; display: block; margin: 0px 0px 38px;}
	.newIbox .t{ height: auto;}
	.newIbox .c{ height: auto;}
	.linkIbox dd{ width: 100%; float: none; padding-left: 0px; margin-bottom: 40px;}
	.linkIbox dd .t{ border-bottom: 1px solid #b8b9ba; padding-bottom:20px; margin-bottom: 20px;}
	.linkIbox dd.item6{ width: 100%;}
	.foot .sharpBox{ float: none; width: 100%; margin-bottom: 15px;}
	.banner .item .bfont p.en img{ width: 80%;}
	.page{ padding: 50px 0px;}
	.page .pl,.page .pr{ width: 100%; float: none;}
	.teamList li.firstBox .owl-controls .owl-buttons div.owl-prev,.teamList li.firstBox .owl-controls .owl-buttons div.owl-next{ width: 40px; height: 40px; background-size:cover;}
	.ri{ display: block; float: none; margin:0px 0px 20px;}
	.hrType .inner{ width: 100%;}
	.hrType dd{ width: 33.33%; margin-left: 0px;}
	.proOnePage .proInner{ width: 100%;}
	.proOnePage dd,.proOnePage dd.item4{ width: 50%; text-align: center;}
	.t2{ padding: 8% 0px;}
	.t2 .en2{ font-size: 40px; padding-bottom: 10px;}
	.icbox{ padding: 0px;}
	.icl{ display: none;}
	.caseList li .con{ position: relative; bottom: 0px;}
	.infoPage,.infoPaging{ width: 74%; overflow: hidden;}
		.pageBT{ width: 74%; overflow: hidden;margin: 0px auto;}
}
@media screen and (max-width:641px){
	.gropNewList li{ float: none; width: 100%; margin: 0px; padding: 0px 0px 5%;}
	.typeIbox{ background: none;}
	.typeIbox li{ width: 50%; margin-bottom: 5%; background: none;}
	.pbanner .pbtxt .en2{ font-size: 42px;}
	.pbanner .pbtxt .zh{ font-size: 22px;}
	.honorDl dd{ padding: 10% 0px;}
	.honorDl dd .img{ width: 40%; height: auto; margin-right: 5%;}
	.honorDl dd .con{ float: left; padding: 0px; width: 55%; line-height: 1.5;}
	.honorDl dd .con .time{ float: none; height: 48px; width: 58px;}
	.honorDl dd .con .time .moth{ padding-top: 4px; font-size: 14px;}
	.honorDl dd .con .time .year{ font-size: 14px;}
	.honorDl dd .con .c{ width: 100%; padding-top: 15px;}
	.teamList{ width: 90%;}
	.teamList li{ width: 100%; margin: 0px 0px 4%; float: none;}
	.teamList li.firstBox{ width: 100%;}
	.teamMore{ width: 100%; padding: 28px 0px;}
	.pbannerThree{ height: auto; padding-bottom: 184px;}
	.pbannerThree .joinPage .inner{ padding: 200px 0px 8%;}
	.pbannerThree .joinPage .hrLink{ background-size: cover; height: 75px; width: 150px; margin-left: -75px; font-size: 14px;}
	.pbannerThree .joinPage .hrLink .ico{ background-size: cover; width: 7px; height: 15px;}
	.joinPage .pten2{ font-size: 28px;}
	.contactDL .inner{ line-height: 2;}
	.contactUl li{ float: none;} 
	.contactUl .t,.contactUl .c{ width: auto;}
	.contactUl .t{ padding-bottom: 30px;}
	.contactUl .map a{ padding-top: 30px;}
	.proOnePage dd{ padding: 40px 0px 0px; height: 172px;}
	.proOnePage dd .num{ font-size: 70px;}
	.proCase .owlp-prev, .proCase .owlp-next{ top: 150px; width: 42px;}
	.proCase .owlp-prev .ico, .proCase .owlp-next .ico{ background-size: cover; width: 12px; height: 20px; margin-top: -5px;}
	.proCaseDemo .item{ height: 300px;}
	.proCaseTXT{ position: relative; left: 0px; top: 0px; margin-left: 0px; width: auto;}
	.proCaseTXT .pbox{ width: 90%; padding:8% 5%;}
	.procontact-con dd{ line-height: 1.8; margin-bottom: 15px; width: auto;}
	.procontact-con dd.sharpBox{ float: none; margin-bottom: 15px; height: 32px;}
	.procontact-con dd .tel,.procontact-con dd .add{ background-position: left 3px;}
	.proJoin{ background-color: #dcdcdc; padding-bottom: 8%;}
	.proJoint{ padding: 8% 0px;}
	.prot3{ margin-right: 2%;}
	.proen1{ font-size: 12px;}
	.prozh1{ font-size: 22px;}
	.procontect3 .proCase .owlp-prev,.procontect3 .proCase .owlp-next,.procontect4 .proCase .owlp-prev,.procontect4 .proCase .owlp-next{ top: 50%;}
	.t2 .en2{ font-size: 36px;}
	.pagecon{ width: 100%;}
	.siderPage{ float: none; width: 100%; padding-bottom: 40px;}
	.menu{ border-bottom: 0px none;}
	.menu li{ float: left; width: 33.33%;}
	.menu li{height: 52px; border-bottom: 3px solid #e6e6e6; border-top: 0px none;}
	.menu li a{ font: 12px/52px "microsoft yahei";}
	.menu li a span.l{ border-top: 0px none; top: 0px;}
	.conPage{ float: none; width: 90%; margin: 0px auto;}
	.caseList li{ width: 100%; margin-left: 0px;}
	.paging .prev{ margin:0px;}
	.paging .next{ margin:0px;}
	.newList li{ margin:0px 2.5%;}
	.infoul li{ width: 100%; margin-bottom: 20px;}
	.infoul li.li{ margin-right: 0px}
	.it .t{ line-height: 1.5; font-size: 18px;}
	.infoPage,.infoPaging{ width: 90%; overflow: hidden;margin: 0px auto;}
		.pageBT{ width: 100%; overflow: hidden;margin: 0px auto;}
}
@media screen and (max-width:481px) {
	.pbanner .pbtxt .en1{ font-size: 16px;}
	.pbanner .pbtxt .en2{ font-size: 25px;}
	.pbanner .pbtxt .zh{ font-size: 20px;}
	.honorDl dd .img{ width: 100%; margin-right: 0; float: none;}
	.honorDl dd .con{ float: none; padding: 0px; width: 100%;}
	.honorDl dd .con .time{display: none;}
	.hrType dd a{ padding: 26px 0px;}
	.proOnePage dd .num{ font-size: 55px;}
	.procaseDemo2 .item{ margin: 0px;}
	.newList li{ width: 100%; margin-left:0px; float: none;}
	.infoPage,.infoPaging{ width: 90%; overflow: hidden;margin: 0px auto;}
			.pageBT{ width: 100%; overflow: hidden;margin: 0px auto;}
}