@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:900px) {
	.brandWordmark{ font-size:25px; }
	.brandHero{ min-height:760px; }
	.brandHero__content{ padding-top:80px; }
	.brandHero__eyebrow{ font-size:13px; letter-spacing:.06em; }
	.brandHero__title{ max-width:92%; margin-top:18px; font-size:clamp(45px,13vw,68px); line-height:1.02; }
	.brandHero__summary{ max-width:94%; margin-top:26px; font-size:17px; line-height:1.65; }
	.brandHero__actions{ margin-top:32px; }
	.brandHero__actions a{ min-height:48px; padding:0 21px; font-size:15px; }
	.brandHero__mark{ right:-.1em; bottom:-.08em; font-size:84vw; }
}

@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;}
	.productGuideIntro{ padding-top:80px; padding-bottom:58px; }
	.productGuideIntroGrid{ gap:6vw; }
	.productGuideCatalog{ padding-bottom:80px; }
	.productCategoryGrid{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; }
	.productCategoryBody{ padding:27px 24px 25px; }
	.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;}
	.languageBtn{ display:none; }

	.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: block;}
	/* .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: 24px;}
	.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;} */

	.neiBan{ height: 420px;}
	.neiBanBreadcrumb{ top: 78px; font-size: 12px;}
	.neiBanBreadcrumb .iconfont{ margin: 0 8px; font-size: 9px;}
	.neiBanText{ padding: 58px 0 0;}
	.neiBanTitle{ font-size: 34px; line-height: 1.2;}
	.neiBanSummary{ margin-top: 14px; font-size: 14px; line-height: 1.6;}
	.neiBanText::after{ width: 48px; height: 2px; margin-top: 22px;}

	.productGuideIntro{ padding-top:55px; padding-bottom:42px; }
	.productGuideIntroGrid{ display:block; }
	.productGuideHeading h2{ max-width:680px; font-size:36px; }
	.productGuideLead{ margin-top:25px; font-size:14px; }
	.productGuideLead span{ margin-top:17px; padding-top:16px; font-size:13px; }
	.productGuideCatalog{ padding-top:38px; padding-bottom:60px; }
	.productCategoryGrid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
	.productCategoryTitle{ font-size:24px; }
	.productCategoryDescription{ font-size:14px; }

	.cultureUl li{ width: 30%; }

	.aboutEnvironment{ padding-top:35px; padding-bottom:35px; }
	.aboutEnvironmentHead{ display:block; margin-bottom:20px; }
	.aboutEnvironmentEyebrow{ margin-bottom:10px; font-size:12px; }
	.aboutEnvironmentHeading h2{ font-size:30px; }
	.aboutEnvironmentIntro{ width:100%; max-width:none; margin-top:14px; font-size:14px; }
	.aboutEnvironmentLayout{ display:flex; flex-direction:column; gap:12px; }
	.aboutEnvironmentStage{ width:100%; }
	.aboutEnvironmentMain{ aspect-ratio:16 / 10; }
	.aboutEnvironmentMain figcaption{ padding:42px 108px 15px 58px; font-size:14px; }
	.aboutEnvironmentControls{ min-height:54px; padding:0 12px 0 15px; }
	.aboutEnvironmentCount{ gap:6px; font-size:12px; }
	.aboutEnvironmentCount .current{ font-size:18px; }
	.aboutEnvironmentButtons{ gap:7px; }
	.aboutEnvironment .mySwiperBtn{ width:36px; height:36px; }
	.aboutEnvironmentThumbs{ order:2; height:90px; }
	.aboutEnvironmentThumbs .swiper-wrapper{ position:relative; inset:auto; display:flex; gap:0; transform:translate3d(0, 0, 0); }
	.aboutEnvironmentThumbs .swiper-slide{ width:calc((100% - 14px) / 2.4) !important; height:auto !important; margin-right:10px !important; aspect-ratio:4 / 3; }

	.joblist{ display: grid; grid-gap: 25px; grid-template-columns: repeat(1,1fr);}
	.mapBox{ height: 300px;}
	.mapInner::after{ display: none;}
	.contactPage{ padding-top:60px;}
	.contactEnquiry{ padding-top:55px; padding-bottom:65px;}
	.contactEnquiryIntro{ margin-bottom:28px;}
	.contactEnquiryLead{ font-size:16px; line-height:1.65;}
	.contactEnquiryForm{ padding:24px 20px;}
	.contactEnquiryGrid{ grid-template-columns:1fr; gap:22px;}
	.contactEnquiryFieldFull{ grid-column:auto;}
	.contactEnquiryActions{ margin-top:26px; align-items:flex-start; flex-direction:column; gap:12px;}
	.contactEnquirySubmit{ width:100%;}
	.productGallery{ display:block; margin-top:20px;}
	.productGallery .swiper-button-prev,.productGallery .swiper-button-next{ width:38px; height:38px; margin-top:-19px;}
	.infoThumbs{ width:100%; height:auto; margin-top:10px;}
	.infoThumbs .swiper-slide{ width:auto; aspect-ratio:4 / 3;}
	.relatedProducts{ padding-top:55px; padding-bottom:65px;}
	.relatedProductsHead{ margin-bottom:26px; align-items:flex-end;}
	.relatedProductsHead h2{ font-size:32px;}
	.relatedProductsKicker{ font-size:12px;}
	.relatedProductsControls .swiper-button-prev,.relatedProductsControls .swiper-button-next{ width:40px; height:40px;}
	.relatedProductBody{ min-height:136px; padding:20px 18px;}
	.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; max-width: 100%;}

	.wapPadding{  padding: 0 !important;}



	.subNav{  width: 100vw; margin-left: -20px; margin-right: -20px;  overflow-x: scroll;padding: 0 10px; }
	.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: 5px; 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;}

}


@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;}
	.productGuideEyebrow{ margin-bottom:15px; font-size:11px; letter-spacing:.1em; }
	.productGuideHeading h2{ font-size:31px; line-height:1.18; }
	.productGuideCatalog{ padding-top:30px; padding-bottom:45px; }
	.productCategoryGrid{ grid-template-columns:1fr; }
	.productCategoryCard{ border-radius:2px; }
	.productCategoryBody{ padding:25px 22px 23px; }
	.productCategoryKicker{ margin-bottom:10px; }
	.productCategoryTitle{ font-size:23px; }
	.productCategoryDescription{ margin-top:12px; font-size:13px; }
	.productCategoryAction{ padding-top:23px; }
}

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

@media screen and (max-width:1100px) {
	.idxProGrid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px; }
	.idxProCardBody{ min-height:176px; padding:24px 22px; }
	.idxNewsCardBody{ min-height:285px; padding:28px 26px 26px; }
}

@media screen and (max-width:560px) {
	.idxProGrid{ grid-template-columns:1fr; gap:16px; }
	.idxProCardMedia{ width:34%; flex-basis:34%; }
	.idxProCardBody{ min-height:170px; padding:22px 19px; }
	.idxProCard h3{ font-size:24px; }
	.idxProCardDescription{ font-size:16px; }
	.idxNewsCardBody{ min-height:260px; padding:25px 22px 23px; }
	.idxNewsCardMedia{ aspect-ratio:16 / 10; }
	.quickContact{ right:8px; padding:5px; gap:6px; }
	.quickContactLink{ width:48px; min-height:48px; padding:6px 3px; }
	.quickContactLink .iconfont{ font-size:21px; }
	.quickContactLink span{ display:none; }
	.quickContactPopover{ right:calc(100% + 10px); min-width:185px; padding:12px 14px; }
}