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

	.inner{ width:1440px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1440px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1440px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1440px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1440px)/2);}

	/* header{ padding: 0 5vw;} */
	.logoImg{ height: 50px;}
 
	.oneNav{line-height: 90px;}
	.newsRightUl{   top: 90px;}

	.zw{ margin-top: -100px; padding-top: 100px;}
	.zwHeader{ height: 90px;}
	.newsRightUl{   top: 100px;}

	/* .mySwiperBtn.next{ right: 0;}
	.mySwiperBtn.prev{ left: 0;} */
	.newsRightUl a .img{ width: 165px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 190px);}
	
	.idxProCon::before{
		width: calc(100% - 2vw);
	}
}

@media screen and (max-width:1500px) {
	.idxProCon::before{
		width: calc(100% - 1vw);
	}
}

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

	body{ font-size: 14px }
	.inner{ width:1280px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1280px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1280px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1280px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1280px)/2);}
 
     
	header{ padding: 0 25px;}
	.logoImg{ height:45px;}
	 
	.oneNav{line-height: 80px;  }
	.oneNav span::after{ height: 1px;}

	.zw{ margin-top: -90px; padding-top: 90px;}
	.zwHeader{ height: 80px;}
	.newsRightUl{   top: 90px;}

	.common.btn {  line-height:50px;   }    
	.common.btn .t {  top: -50px; 	    }
	.common.btn:hover .w { transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); }
	
	.idxProCon::before{    width: calc(100% - 1.5vw);}
	.mySwiperBtn{ width: 56px; height: 56px;}
	.idxSerIcon{ height: 58px;}
	/* .idxCooSwiper .swiper-slide{ height: 100px;} */
	.newslist li{    width: calc((100% - 100px)/3);    margin-right: 50px;}
	.ewmBox{ width: 120px;}

	.idxbanMore{ padding: 10px 15px;}
	.idxbanMore .right{ width: 34px; height: 34px;}
	/* .honorImgBox{  height: 350px;}  */

	.proList li{ width: calc((100% - 70px)/3); margin-right: 35px;}
	.joblist{ grid-gap: 30px;}

	.serveTwoUl{grid-gap: 58px;}
	.serveThereImgUl li:nth-child(1){ left: 24%;}
	.serveThereImgUl li:nth-child(2){ right: 24%;}
	
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 
	 .inner{ width:88%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 6vw;}
	.pr-inner{ padding-right:6vw;}
	.ml-inner{ margin-left:6vw;}
	.mr-inner{ margin-right:6vw;}

	.logoImg{ height: 40px;}
	 
	.oneNav{line-height: 70px;font-size: 16px;}

	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 70px;}
	.newsRightUl{   top: 80px;}

	.idxBanImg{ height: auto;}
	.idxSerIcon{ height: 48px;}
	/* .idxCooSwiper .swiper-slide{ height: 90px;} */
	.newslist li{    width: calc((100% - 60px)/3);    margin-right: 30px;}
	.ewmBox{ width: 100px;}

	.idxbanMore{ padding: 8px 15px;}
	.idxbanMore .right{ width: 30px; height: 30px;}
	/* .honorImgBox{  height: 300px;}  */

	.proList li{ width: calc((100% - 40px)/3); margin-right: 20px;}
	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}

	.joblist{ display: grid; grid-gap: 40px; grid-template-columns: repeat(2,1fr);}

	.serveTwoUl{grid-gap: 30px;}
	.serveOneRightSwiper{ height: 300px;}
	.serveThereImgUl li:nth-child(1){ left: 26%;}
	.serveThereImgUl li:nth-child(2){ right: 26%;}
	.serveThereTextUl li:nth-child(1){right: 74%;}
	.serveThereTextUl li:nth-child(2){ left: 74%;}
}

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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}
	.inner{ width:96%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 2vw;}
	.pr-inner{ padding-right:2vw;}
	.ml-inner{ margin-left:2vw;}
	.mr-inner{ margin-right:2vw;}

	.common.btn {  line-height:40px;   }    
	.common.btn .t {  top: -40px; 	    }
	.common.btn:hover .w { transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); }
	
    
	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 60px;}

	header .con{ height: 60px;}
	.z_menu_btn .cir{ width: 40px; height: 40px;}

	.newslist li{    width: 48%;    margin-right: 4%;}
	.newslist li:nth-child(3n){ margin-right: 4%;}
	.newslist li:nth-child(2n){ margin-right: 0;}
	.idxNews .newslist li:last-child{ display: none;}
	/* .honorImgBox{  height: 250px;}  */

	.proList li{ width: 48%; margin-right: 4%;}
	.proList li:nth-child(3n){ margin-right: 4%;}
	.proList li:nth-child(2n){ margin-right: 0;}

	.pop .con{ width: 96vw;margin-left: -48vw;}
	.pop .close{ width: 40px;}

	.idxAboutImg{ height: auto;}
	.idxAbout .jule .idxAboutLogo{ height: auto;}


}
@media screen and (max-width:900px) {

	body{ font-size: 12px }
	.iconfont{ font-size: 16px;}
	.inner{ width:calc(100% - 40px);   margin: 0 auto;  }
	.pl-inner{ padding-left: 20px;}
	.pr-inner{ padding-right:20px;}
	.ml-inner{ margin-left:20px;}
	.mr-inner{ margin-right:20px;}

	header{ padding: 0 0 0 20px;}
	.zw{ padding-top: 60px; margin-top: -60px;}

	.navs__logos{ padding: 20px;}
	.navs__li{ margin-top: 0; padding-bottom: 65px; }

	.navs__menu-wrap{   overflow-y: scroll;   }
	.navs__menu-wrap::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
	.navs__menu-wrap::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #555; width: 1px; }
	.navs__menu-wrap::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #000; width: 1px; }
	
	.navs__li .left .navs__item dt{ font-size: 14px;}
	.navs__li a{ padding-left: 25px; font-size: 12px;}
	.navs__li dd p{ display: inline-block;}
	.navs__li .left dd{display: flex;flex-wrap: wrap;}
	.navs__logos .img img{ height: 40px;}
	.navs__menu-wrap{ height: 100%; padding-bottom: 63px;}

	header{ padding: 0 0 0 15px;}
	.logoImg { height: 32px;}
	.z_menu_btn .cir{ width: 60px; border: none; border-left: 1px solid rgba(255, 255, 255, .2); margin-right: 0; height: 60px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.z_menu_btn .line{ width: 30px;}
	
	.idxbanMore{ padding: 6px 10px;}
	.idxbanMore .right{ width: 26px; height: 26px; margin-left: 50px;}

	.idxProSwiper .swiper-slide .font150{ font-size: 70px;}
	.idxProSwiper .swiper-slide .more{ padding: 10px;}

	.proList li .font150{ font-size: 70px;}
	.proList li .more{ padding: 10px;}

	.idxSerUl .round{ width: 90px; height: 90px; flex-shrink: 0;}
	.idxSerIcon{ height: 28px;} 
	.idxSeJian{ height: 15px;}
	.mySwiperBtn { width: 40px; height: 40px;}
	/* .idxCooSwiper .swiper-slide{ height: 60px;} */

	.neiBanText{padding-top: 6vw;}

	.cultureUl li{ width: 30%; }

	.joblist{ display: grid; grid-gap: 25px; grid-template-columns: repeat(1,1fr);}
	.mapBox{ height: 300px;}
	.mapInner::after{ display: none;}
	.messages .w25{ width: 45%; padding-top: 8px; padding-bottom: 8px;}
	.sustainableImg{  height: 300px;}

	.serveOneRightSwiper{ height: 100px;}
	.serveOneRightSwiper .swiper-slide{ height: 50px;}
	.serveTwoUl{   grid-gap: 25px; grid-template-columns: repeat(1,1fr);}
	.serveTwoUl li{ padding-bottom: 25px;}
	.serveTwoIcon { width: 80px;}
	 
	.serveThere{ padding-bottom: 40px;}
	.serveThereTextUl{ margin-top: 25px; }
	.serveThereTextUl li{text-align: left !important;   position: relative; left: auto !important; right: auto !important; top: auto !important; width: 100%; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; }
	.serveThereIcon{ width: 88px;}
	.serveThereTextUl li:nth-child(1) .tit,.serveThereTextUl li:nth-child(3) .tit{  justify-content: flex-start;}
	.numUl{ flex-wrap: wrap;}
	.numUl li{ width: 50%; margin-top: 10px;}

	._citys{ width: 100%;}
	._citys1{    grid-template-columns: repeat(3,1fr);}

	.wapInner{ padding: 0 20px; width: 100%;}
	#btn{    width: 74px;
		height: 30px;}
		.cooperationBox .w25{  width: 60%; height: 38px;}

	.newslist li  .imgBox{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

	.ewmBox{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%;}

	.wapPadding{  padding: 0 !important;}



	.subNav{  width: 100vw; margin-left: -20px; margin-right: -20px;  overflow-x: scroll; }
	.subNav::-webkit-scrollbar { height: 2px;}
	.subNav::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.subNav::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.subNav a{ line-height: 40px; padding-top: 0; padding-bottom: 0; margin-right: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.subNav a.on{ background: var(--blue); color: #fff;}
	
	
	.newPro{
		background-color: #F5F5F5;
	}
	.newPro .wapFlex{
		flex-direction: row;
	}
	.newPro li{
		width: 50%;
	}
	
	.idxCoo .pl-inner{
		padding: 0 4%;
	}
	
	.customerUl li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.customerUl li:nth-child(2n){
		margin-right: 0;
	}
	.customerUl li .img{
		height: 60px;
		padding: 5px;
	}
	
	.env ul li{
		width: 100%;
		margin-right: 0;
	}
	
}


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

	.newslist li{    width: 100%;    margin-right: 0 !important;}

	.idxNews .newslist li + li{ margin-top: 20px;}

	.proList li{ width: 100%;    margin-right: 0 !important;}
}

@media screen and (min-width:750px) { }