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

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

	.oneNav{ line-height: 90px;}
	.zw{ margin-top: -90px; padding-top: 90px;}
	.zwHeader{ height: 90px;}
	.headertel{ height: 90px;}
	.logoImg{ height: 60px;}

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

	.searchsubmit{ height: 70px; }
	.ourlink li .img{ width: 130px;   margin-left: -65px;  }

}

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

	body{ font-size: 14px }
	.inner{ width:1240px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1240px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1240px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1240px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1240px)/2);}
 
	.oneNav{ line-height: 80px; font-size: 16px;  }
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}
	.headertel{ height: 80px;}
	.logoImg{ height: 55px;}

	header .con{ padding: 0 20px;}
	.idxAbout .desc{ line-height: 2;}
	.footerForem .Send{ width: calc(100% - 90px);}
	.footerForem .submit{ height: 50px; width: 90px;}
	.ewmbOX .img{ width: 140px;}

	.brand .mySwiper.prev{ left: -80px;}
	.brand .mySwiper.next{ right: -80px;}

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

	.newsRightUl{   top: 90px;}
	.brandSwiper .swiper-slide .img{ border-width: 8px;}
	.searchsubmit{ height:60px; }
	.ourlink li .img{ width: 120px;   margin-left: -60px;  }
     
}

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

	.headertel{ display: none !important;}
	.oneNav{ line-height: 70px; font-size: 16px;  }
	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}
	.headertel{ height: 70px;}
	.logoImg{ height: 48px;}

	.idxBanImg{ height: auto;}
	.mySwiper{ width: 50px; height: 50px;} 
	.idxMore::after{   width: 40px; height: 40px;   }
	.idxMore .round{ width: 40px; height: 40px;}

	.idxAbout .numUl .w30{ width: 50%;}
	.ewmbOX .img{ width: 120px;}
	.footerForem .Send{ width: calc(100% - 75px);}
	.footerForem .submit{ height: 48px; width: 75px;}

	.brand .mySwiper.prev{ left: -25px;}
	.brand .mySwiper.next{ right: -25px;}

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

	.newsRightUl{   top: 80px;}
	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}

	.brandSwiper .swiper-slide .img{ border-width: 6px;}
	.ourlink li .img{ width: 110px;   margin-left: -55px;  }

}

@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;}
    
	header .con{ padding: 0 0 0 20px;}
 
	.scroll-tip{ bottom: 10px;width: 42px; height: 42px;}
	.mouse-tip{ width: 18px; height: 30px; bottom: 7px;}
	.yinIcon{ width: 25px;}

	.footerForem .Send{ width: calc(100% - 48px);}
	.footerForem .submit{ width: 48px;}
	.idxWhyUl li span::after{ height: 5px;}
	.idxWhyUl{ line-height: 2.6;}
	.idxWhyUl li dl{ width: 30vw;}

	.base .swiperBtn.prev{ left:15%;}
	.base .swiperBtn.next{ right: 15%;}

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

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

	.brandSwiper .swiper-slide .img{ border-width: 5px;}

	.searchsubmit{ height:50px; }

	.ourlink li .img{ width: 100px;   margin-left: -50px;  }
 
	.iPad-flex{ display: flex; align-items: center;}
	.newsProlist{ display: grid; grid-gap:  20px; grid-template-columns: repeat(2,1fr);}

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


	.idxBan .text{ width: 100%; padding-right: 20px;}
	.logoImg{ height: 32px;}
	.yinIcon{ width: 15px;}

	.idxProSwiper .desc{ height: 6em; margin-bottom: 15px;}
	.idxProSwiper .swiper-slide .img{ width: 100%; height: 210px;}
	.idxProSwiper .swiper-slide .img a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}

	.idxMore::after{   width: 32px; height: 32px;   }
	.idxMore .round{ width: 32px; height: 32px;}

	.idxPro .button{ width: 100%; position: relative; right: auto; top: auto; transform: none; display: flex; align-items: center; justify-content: center; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.idxPro .button .next{ margin-top: 0; margin-left: 15px;}
	.mySwiper{ width: 40px; height: 40px;} 

	.idxWhy{ height: auto;}
	.idxWhySwiper .swiper-slide{ height: 380px;}
	.idxWhyBan{ height: 380px;}
	.idxWhyText{ width: 100%; position: relative; top: auto; right: auto; bottom: auto;}
	.idxWhyUl{ display: flex ; flex-wrap: wrap;}
	.idxWhyUl li{ width: 50%;}
	.idxWhyUl li span::after{ height: 2px;}
	.idxWhyUl li dl{ animation:normal; width: 80vw; clip-path:none; right: 0; bottom: 100%; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-animation:normal; }
	
	.newsItem .text h1{ height: auto;}
	.newsItem .text h1 .line-clamp2{-webkit-line-clamp:1}
	.newsItem .text .line-clamp3{-webkit-line-clamp:2}

	.myPagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 3px;}
	footer .top  .left{ border-right: none;}
	/* .footLogo{ height: 40px;} */
	.ewmbOX .img{ width: 100px;}

	.WeChat{ padding-left: 0; display: flex; justify-content: center;}
	.prolist li .line-clamp3{-webkit-line-clamp:2}
	.prolist li .desc{ height: 5.5em;}
	.proinfoTop .desc{ height: auto; margin-bottom: 18px;}

	.cultureUl li::after{ width: 6px; height: 6px; top: 10%;}

	.location a:last-child{ display: none;}
	.closeBtn{ width:46px; height: 46px; position: absolute; right: 0; top: -60px;}

	.contactValue li{ max-width: 100%; width: 100%;}
	.contactValue li + li{ margin-top: 20px;}
	.mapBox{ height: 300px;}
	.messages .w48 + .w48{ margin-top: 18px;}

	.MetalTwo .w75{ width:calc(100% - 40px);}
	.MetalTwo .w75 li{ align-items: flex-start;}
	.MetalTwoIcon{  margin-top: 12px; width: 50px; flex-shrink: 0;}

	.brandSwiper .swiper-slide .img{ border-width: 3px;}

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

	.ourlink li .round{ width: 40px; height: 40px;}
	.footContact{ padding-top: 0; padding-left: 0;}

	.ourlink li .img{ width: 80px;   margin-left: -40px;  }

	.soluNav li .firstNav a{ height: 40px;}
	.soluNav{ display: none;}

}

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

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

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