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

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

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

	.logoImg{  height: 70px}
 
	
}

@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);}
 

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

 
	.swiBtn.prev{ left: -30px;}
	.swiBtn.next{ right: -30px;}

	.idxProductSwiper .number{ font-size: 100px;}

	.whyUl li{ width:  calc((100% - 80px)/3); margin-right: 40px;  }
	.logoImg{  height: 65px}
	.sustainableThereIcon{ max-height: 60px;}
	.newslist li{ width: calc((100% - 80px)/3); margin-right: 40px;}

	.newsRightUl a .img{ width: 165px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 190px);}

	.yyList li{ width: calc((100% - 80px)/ 3); margin-right: 40px;}

	.ewmImg{ width: 120px;}
 
}

@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;}

	.oneNav{ line-height: 70px;font-size: 16px;}
	.zwHeader{ height: 70px;}
	.zw{margin-top: -70px; padding-top: 70px;}
	.newsRightUl {  top: 80px;  }

	.idxBottomBtn{ box-shadow: 0 5px 0 var(--blue);}
	.idxBottomBtn:hover{ transform: translateY(5px); -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); }

	 
	.idxProductSwiper .number{ font-size: 80px;}
	.whyUl li{ width:  calc((100% - 60px)/3); margin-right: 30px;  }
	.whyIcon{ max-width: 50px; max-height: 50px;}
	.logoImg{  height: 60px}

	.idxBanImg{ height: auto;}
	.sustainableThereIcon{ max-height: 50px;}
	.neiBanLine{ height: 2px;}
	.subNav a{ line-height: 80px;}
	.newslist li{ width: calc((100% - 60px)/3); margin-right: 30px;}
	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}

	.yyList li{ width: calc((100% - 60px)/ 3); margin-right:30px;}

	.ewmImg{ width: 100px;}

}

@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;}

 

	.swiBtn.prev{ left: 0;}
	.swiBtn.next{ right:0;}
	.idxProductSwiper .number{ font-size: 60px;}
	.whyUl li{ width:  calc((100% - 30px)/2); margin-right: 30px;  }
	.whyUl li:nth-child(3n){ margin-right: 30px;}
	.whyUl li:nth-child(2n){ margin-right: 0;}
	.logoImg{  height:50px}
	.idxAboutMore .round{ width: 20px; height: 20px; margin-top: -10px;}
	.sustainableThereIcon{ max-height: 46px;}
	.subNav a{ line-height: 70px;}

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

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

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


.ewmImg{ width: 90px;}
 
    
    
}
@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;}


	.zwHeader{ height: 60px;}
	 .zw{margin-top: -60px; padding-top: 60px;}

	 .idxBottomBtn img{ height: 20px;}
	 #back_top{ right: 10px;}
	#back_top .master_backTop .master_backTop_btn{ width:45px; height: 45px;}

	.idxAboutLeft,.idxAboutRight{  padding:30px 20px}
	.numUl{ width: 100%; display: flex; justify-content: space-between;}

	.duiIcon{ height: 1em;}
	/* .idxProductSwiper .img{ padding-bottom: 62%;} */

	.idxBan .swiper-pagination{ bottom: 15px;}
	.idxBan .swiper-pagination .swiper-pagination-bullet{ width: 20px;   height: 2px;   }
	.idxBan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 50px; }

	.whyUl li{ width: 100%; margin-right: 0; }
	.whyUl li:nth-child(3n){ margin-right: 0;}
	.whyUl li:nth-child(2n){ margin-right: 0;}

	header .con{ padding: 0 0 0 20px;}
	.logoImg{  height:40px}
	.footSidebar li{ display: none;}
	.footSidebar li.topJump{display: flex;}
	.footSidebar li{ width: 40px; text-align: center;min-height:50px}

	.neiBan .text{ padding-top: 60px;}
	.sustainableThereIcon{ max-height: 40px;}
	.sustainableThereUl{ border-top: 1px solid rgba(255,255,255,.2); margin-top: 25px;}
	.sustainableThere{ padding-top: 25px;}
	.neiBanLine{ height: 1px;}

	.subNav a{ line-height: 50px;}
	.subNav{  width: 100%;  overflow-x: scroll; }
	.subNav::-webkit-scrollbar { height:1px;}
	.subNav::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 1px; }
	.subNav::-webkit-scrollbar-track {   background: #f1f1f1;height: 1px; }
	.subNav a{ padding: 0 20px;}
	 
	.contactStyle li{ width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5;}
	.contactStyle li:last-child{ border-right: none;}
	.submitMessage,.resetMessage{ width: 35%;}
	.contactEwm{ width: 85px;}
	.mapBox{ height: 320px;}

	.location{ justify-content: flex-end;}

	.infoButton{ position: relative; left: auto; bottom: auto; margin-top: 15px;}
	.infoButton a{ padding-left: 10px; padding-right: 10px;}
	.infoButton a .iconfont{ margin-right: 5px;}

	.FloatingWindow2{ right: 5px; top: 74%;}
	.FloatingWindow2 .FloatingWindow2_clickTop{ width: 42px; height: 42px;}
	.FloatingWindow2 .FloatingWindow2_clickTop img{ width: 16px;}
}

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

	.newslist li{ width:100%; margin-right: 0}
	.newslist li:nth-child(3n){ margin-right: 0;} 


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

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