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

	.oneNav{ line-height:90px;}

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

}

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

	body{ font-size: 14px }
	 

	.rightFloat li .item{ width: 56px; height: 56px;}
	.idxBan .pagination{ bottom: 10px;}
	/* .idxBan .swiper-slide.slide02{ line-height: 1.6;} */
	.footNav dl{ margin-right: 6vw;}

	.honorSwiper{ height: 330px;}
	.honorSwiper .swiper-slide{ height: calc((100% - 15px)/2);}
 
	.honor .x-li{ width: 250px; height: 106px;}

	.proLeft{ width: 280px;}
	.proRight{ width: calc(100% - 330px);}
	.prolist li{ border-color: #fff; width: calc((100% - 45px)/4); margin-right: 15px;}
 
 
	.newslist li{ width: calc((100% - 60px)/3); margin-right:30px ;}

	.afterSaleIcon{ height: 100px;}

	.oneStopUl li{width: calc((100% - 75px)/4); margin-right:25px ;}

	.addlist li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-top: 30px;}
 
 
	.oneNav{ line-height:80px;}
	.logoImg{ height: 58px;}

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

     
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 .footNav dl{ margin-right:5vw;}
	 

	 .outLink li .img{ width: 100px; margin-left: -50px;}

	.honorSwiper{ height: 260px;}
	.honorSwiper .swiper-slide{ height: calc((100% - 10px)/2);}

	 
	.historyUl{  width: 100%; padding-bottom: 30px;  overflow-x: scroll; border-bottom: none; }
	.historyUl::-webkit-scrollbar { height: 2px;}
	.historyUl::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.historyUl::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	.historyUl::before{ display: block; content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 30px; background:#e5e5e5 }
	 
	.factoryUl li{ width: calc((100% -  20px)/3); margin-right: 10px; margin-top: 10px;}
	 
	.honor .x-li{ width: 220px; height: 93px;}


	.proLeft{ width: 250px;}
	.proRight{ width: calc(100% - 280px);}


 
	.goods__picture  .button{  height: 25px;  } 
	.goods__picture .swiper-container.gallery-thumbs{ height:330px;  }
	.goods__picture .swiper-container.gallery-thumbs .swiper-slide{ height: 75px;} 

	.swiperRight{ width: 450px;}
	.swiperLeft{ width:75px;}
	.goodsLeft{ width: 550px;} 

	.goodsRight{ width: calc(100% - 600px);}


	.newslist li{ width: calc((100% - 50px)/3); margin-right:25px ;}
	.afterSaleIcon{ height:80px;}
	.oneStopUl li{width: calc((100% - 60px)/4); margin-right:20px ;}

	.addlist li{ width: calc((100% - 40px)/3); margin-right: 20px; margin-top: 25px;}

	.idxAboutCon .pagination{ bottom: -5%;}

}

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

	body{ font-size: 12px }

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

	.rightFloat li .item{ width: 50px; height: 50px;}

	.oneNav{ line-height:70px;}
	.logoImg{ height: 48px;}

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



	.footLogo{ height: 5.5vw;}
	 
	.idxAboutCon .pagination{ left: 0;}

	.factoryUl li{ width: calc((100% - 15px)/2); margin-right: 15px; margin-top: 15px;}
	.factoryUl li:nth-child(2n){ margin-right: 0;}

	.prolist li{ border-color: #fff; width: calc((100% - 30px)/3); margin-right: 15px;}
	.prolist li:nth-child(3n){ margin-right: 0;}


	.goods__picture  .button{  height: 25px;  } 
	.goods__picture .swiper-container.gallery-thumbs{ height:310px;  }
	.goods__picture .swiper-container.gallery-thumbs .swiper-slide{ height: 70px;} 

	.swiperRight{ width: 380px;}
	.swiperLeft{ width:70px;}
	.goodsLeft{ width: 470px;} 

	.goodsRight{ width: calc(100% - 500px);}

	.addlist li{ width: calc((100% - 30px)/2); margin-right: 30px; margin-top: 30px;}
	.addlist li:nth-child(3n){ margin-right: 30px;}
	.addlist li:nth-child(2n){ margin-right: 0;}

	.shoplist li{  width: calc((100% - 30px)/2); margin-right: 30px; margin-top: 30px;}
	.shoplist li:nth-child(3n){ margin-right: 30px;}
	.shoplist li:nth-child(2n){ margin-right: 0;}

	.idxAboutCon .pagination{ bottom: -10%;}


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

	
	.iconfont{ font-size: 16px;}
	.inner{ width:calc(100% - 40px);   margin: 0 auto; padding: 0;  }
	.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;}


	.logoImg{ height: 46px;}
	.searchForm{ width: 92vw;}
	.idxBan .swiper-slide.slide03 .con{ margin-left: 10%; width: 80%;margin-top: 15%;}
	.idxBan .swiper-slide.slide03 .con .line-height{ line-height: 1.6;}

	.idxProUl li{ width: 100% !important; margin-right: 0; margin-bottom: 8px !important;}
	.idxProUl li .img{ padding-bottom: 55%;}
	.idxProUl li .img img{ max-width: 100%; max-height: 100%;}
 
	.idxProUl li .text .font20{ font-size: 18px; font-weight: bold;}
	.idxProUl li .text .more{ width: 100%; display: flex; padding-right: 20px; align-items: center; justify-content: flex-end; font-size: 16px; margin-top: 15px;}
	 .noPadding{ padding-left: 0 !important; padding-right: 0 !important;}

	 .idxAboutCon .pagination{ position: relative; left: auto; bottom: auto; width: 100%; justify-content: center;}
	 .idxAboutCon .pagination .swiper-pagination-bullet{ font-size: 16px; width: 3em;}
	 .idxAboutNum{ flex-wrap: wrap;}
	 .idxAboutNum li{ width: 50%; margin-top: 10px;}

	 .idxMenImg{ width: 100%; height: 200px; object-fit: cover;}
	 .footForm .keys{ line-height: 3;}
	 .outLink{ justify-content: center;}
	 .rightFloat{ right: 10px;}
	 .rightFloat li .item{ width: 40px; height: 40px;}

	 .honorSwiper{ height: auto;}
	.honorSwiper .swiper-slide{ height: 120px;}

	.honor .x-li{ width: 150px; height:63px;}

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

	.prolist li .img .bottom{ transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

	.proNav{ display: none;}
	.proRight{ padding: 20px;}


	.goods__picture  .button{  width:   25px; height:auto;  } 
	.goods__picture .swiper-container.gallery-thumbs{ height:auto; width: calc(100% - 70px);  }
	.goods__picture .swiper-container.gallery-thumbs .swiper-slide{ height: auto;} 

	.swiperRight{ width: 100%; }
	.swiperLeft{ width: 100%; flex-direction: row;margin-top: 12px;}
	.goodsLeft{ width:  100%;} 

	.goodsRight{ width:  100%; margin-top: 15px;}
	.goods__picture  .button  .iconfont{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
	.prodetailTit span::after{ height: 2px;}

	.buttonClick.line-height3{ line-height: 3;}
	.buttonClick{ line-height: 3;  }
	.magnifier,.cursorshade{  display: none !important;}

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

	.oneStopUl li{width: calc((100% - 20px)/2); margin-right:20px ; margin-bottom: 15px;}
	.oneStopUl li:nth-child(2n){ margin-right: 0;}
	
	.processList li{ flex-direction: column !important;}
	.customized .idxAboutCon{ padding: 0 20px;}
	.afterSaleUl{ flex-wrap: wrap;}
	.afterSaleUl li{ flex-direction: row;  align-items: flex-start; width: 100%; margin-bottom: 20px;}
	.afterSaleIcon{ height: 70px; flex-shrink: 0;}
	.afterSaleUl li .text{ margin-top: 0; margin-left: 20px; text-align: left;}
	.footLogo{ height: 45px;}

	.historyUl{ justify-content: flex-start;}

	.whyUl li{ flex-direction: row;}
	.whyUl li .whyIcon{ width: 28px; margin-right: 12px; flex-shrink: 0; }
.whyUl li .text-center{ margin-top: 0; text-align: left;}
.whyUl li + li{ margin-top: 15px;}

 

}


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

	.factoryUl li{ width: 100% ; margin-right: 0 !important; margin-top: 10px;}
	.addlist li{width: 100% ; margin-right: 0 !important;  margin-top: 15px; }
	.shoplist li{ width: 100% ; margin-right: 0 !important;  margin-top: 15px;}
 
}

@media screen and (min-width:1100px) { }
@media screen and (min-width: 500px) and (max-width: 900px) {
    /* 在这里定义宽度在500px到900px之间的样式 */
}