
@media screen and (max-width:1720px) {
	
	.inner{ width:1480px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1480px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1480px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1480px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1480px)/2);}

}

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

	.zw{ margin-top: -90px; padding-top: 90px;}
	.zwHeader{ height: 90px;}
	.oneNav{ line-height:90px;}
	.logoImg{ height: 45px;}
	.searchBtn{ width: 46px; height: 46px;}

	.supportList li:nth-child(1)::after{ right: -3%; height: 110%; top: -5%;}

	

}

@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);}
 
	.zw{ margin-top: -82px; padding-top: 82px;}
	.zwHeader{ height: 82px;}
	.oneNav{ line-height:82px;}
	.logoImg{ height: 40px;}
	.searchBtn{ width: 40px; height: 40px;}

	.idxPro .left .item{ height: 600px;}
	.idxPro .right .item{ height: 300px;}

	.pageMore .round{ width: 50px; height: 50px;}
	.pageMore::after{ width: 50px; height: 50px;}

	footer .top .right{ width: 66%;}
	.ewmBox img{ width: 110px;} 

	/* .newsSwiper .img{  height: 400px;  } 
	.newsSwiper .swiper-slide {  height: 400px; }
	.newsSwiper .swiper-slide.swiper-slide-active{   height: 400px; }*/

	.proinfoItem{ margin-top: 100px;}


	.searchTop form .text{ width: calc(100% - 60px);}
	.searchTop form .submit{ width: 60px; height: 60px;}
	.searchlist li .right{ width: 60px; height: 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;}

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

	header .con{ width: 96%;}
	.idxBanImg{ height: auto;}

	.idxPro .left .item{ height: 500px;}
	.idxPro .right .item{ height:250px;}

	.pageMore .round{ width: 46px; height: 46px;}
	.pageMore::after{ width: 46px; height: 46px;}

	/* .newsSwiper .img{  height: 360px;  } 
	.newsSwiper .swiper-slide {  height: 360px; }
	.newsSwiper .swiper-slide.swiper-slide-active{   height: 360px; }*/
	.footForm .submit{ width: 46px; height: 46px;}
	.faqForm .submit{ width: 46px; height: 46px;}

	.proinfoItem{ margin-top: 80px;}

	.searchTop form .text{ width: calc(100% - 50px);}
	.searchTop form .submit{ width: 50px; height: 50px;}
	.searchlist li .right{ width: 50px; height: 50px;}
	

}

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

	.logoImg{ height: 35px;}
	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}
	.oneNav{ line-height:70px;}

	.dotBox{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }

/* 	.idxPro .left .item{ height: 440px;}
	.idxPro .right .item{ height:220px;} */
	
	.supportList li:nth-child(1)::after{ right: -2vw;}
	.oneNav{ padding: 0 1vw;}
    
}
@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 .con{ width: 100%; padding-left: 10px;}
	.logoImg{ height: 30px;}
	.zw{ margin-top: -60px; padding-top: 60px;}
	.zwHeader{ height: 60px;}
	.dotBox{ transform: scale(.6); bottom: 8px; -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); }

	.idxPro h1.font70{white-space:normal}
	.idxPro .left .item,.idxPro .right .item{ height: 290px; margin-bottom: 10px;}
	.pageMore .round,.pageMore::after{ width: 40px; height: 40px;}
	.idxAboutLeft::after{ display: none;}

	.idxAbout .scroll{ width: 100%; height: auto;}
	.idxAbout,.idxAboutLeft ,.idxAboutImg{  height: auto;}
	.idxAbout .numBox{ padding: 0 0 25px 0; position: relative; left: auto; top: auto; right: auto; color: #555; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.idxAbout .numBox .color-white{ color: #333; flex-wrap: wrap;}
	.idxAbout .numBox .color-white li{ margin-top: 25px;}
	.idxAboutRight{ width: 100% ; height: auto; padding: 25px 20px;}

	 
	.newsSwiper .swiper-slide .text{ border: 1px solid  #e5e5e5; padding-bottom: 35px; width: 100%;    }
	.newsSwiper .swiper-slide { flex-direction: column;  }
	.newsSwiper .swiper-slide.swiper-slide-active{ flex-direction: column; }
 
	/* .newsSwiper .img{ height: auto; padding-bottom: 66%;} */
	.newsSwiper .swiper-slide .more::after{ width: 2.6em; height: 2.6em;}

	.ewmBox img{ width: 95px;}
	.footForm .submit,.faqForm .submit{ width: 40px; height: 40px;}

	.idxNews .idxNewBtn{ position: relative; left: auto !important; top:  auto !important; right: auto !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; }
	.idxNewBtn{ width: 36px; height: 36px;}
	.idxNews .button{ margin-top: 20px;}
	.idxNews .button .idxNewBtn.next{ margin-left: 20px;}
	.idxLine{ height: 2px;}

	.className{ width: 100px; height: 100px; top: -80px;}
	.contactMain .className{ top: -10px;}
	.brief .round{ width: 110px; height: 110px;}

	.honorSwiper .swiper-slide{ height: 200px;}

	.conTactBan{ padding-bottom: 80px;}
	.conTactBan .text{ position: relative; left: auto; bottom: auto;}
	.contactStyleIcon{ height: 30px;}
	.contactStyle { padding-top: 25px;}
	.contactStyle  .right{ flex-direction: row; align-items: center; justify-content: center;}
	.contactStyle .ewmBox{ width: 30%; margin-top: 0; margin-left: 15px; margin-right: 15px;}

	.proInfoTop .button{ line-height: 2.6;}
	.proinfoItem{ margin-top: 32px;}

	.FeaturesUl{grid-gap: 20px;grid-template-columns: repeat(1, 1fr);}
	.FeaturesUl li{ height: auto;}
	.FeaturesUl li .w75{ width: 100%;}
	.FeaturesUl li strong{ top: auto; transform: none; bottom: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

	.supportList li:nth-child(1)::after{  display: none;}
	.supportList li .desc dd::after{ width: 6px; height: 6px;    top: 0.8em;}
	.supportList li:nth-child(2n){ flex-direction:column;}
	.supportList li:nth-child(2n) .text{ padding-left: 0;}
	.supportList li .w40.z5{ margin-top: 15px;}

	.searchTop form{ width: 90vw;}
	.searchTop form .text{ width: calc(100% - 40px);}
	.searchTop form .submit{ width: 40px; height: 40px;}
	.searchlist li .right{ width: 40px; height: 40px; display: none;}
	.searchlist{ width: 100%; padding: 0 0 25px 0;}
	.searchlist li .left{  width: 100%;}
	

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

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