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


	header{ padding: 40px 0;}
	.zwHeader{ height: 190px;}

}

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

	body{ font-size: 16px }
	.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);}

	.idxCooSwiper{ height: 290px;}

	
	header{ padding: 30px 0;}
	.logoImg{ height: 70px;}
	.oneNav{ line-height: 80px;}
	.zwHeader{ height: 140px;}
	.h60{ height: 50px;}
	.idxProSwiperIcon{ height: 55px;}
	 

	.newsRight{ width: 40px;}
	.newsForm .submit{ width: 68px; height: 68px;}
	.contactStyle h1::after{ height: 6px;}
	.MessageIcon{ width: 100px;}

	.srcachBox .keys{ width: calc(100% - 70px);}
	.srcachBox .submit{  height: 70px; width: 70px; }

 
     
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 .Hub-none{ display: none !important;}
	 
	 .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;}

	body{ font-size: 14px }

	.idxCooSwiper{ height: 210px;}

	header .headerTel{ margin-right: 0;}
	header{ padding: 20px 0;}
	.logoImg{ height: 60px;}
	.oneNav{ line-height: 70px; font-size: 16px;}
	.zwHeader{ height: 110px;}
	.h60{ height:42px;}

 
	.idxProSwiperIcon{ height: 50px;}
	.idxProSwiperBtn{ width: 50px; height: 50px;}
	.ServiceUl li .img{ width: 95px;}

	.newsRight{ width: 36px;}
	.newsForm .submit{ width: 60px; height: 60px;}
	.MessageIcon{ width:90px;}
	.contactStyle h1::after{ height: 5px;}

	.srcachBox .keys{ width: calc(100% - 50px);}
	.srcachBox .submit{  height: 50px; width: 50px; }
	.footLogo{ 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;}

	header{  padding: 15px 0;}
	.zwHeader{ height: 70PX;}
	.logoImg{ height: 50PX;}
	.neiBan .inner{ height: 60vh;}

	.idxWhyUl dt::after{ width: 6px;}
	.neiBanline{ width: 5px;}
	.serviceIcon{ max-width: 65%;}

	.newsRight{ width: 30px;}
	.newsForm .submit{ width: 50px; height: 50px;}
    
}
@media screen and (max-width:900px) {

	body{ font-size: 12px }
	/* .iconfont{ font-size: 16px;} */
	.inner,.newsInner{ 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;}

	.idxCooSwiper{ height: 125px;}
	.idxCooSwiper .swiper-slide{ padding: 12px;}
	.neiBan .inner{ height: 260px;}
	header .inner{ width: 100%; padding-left: 20px;}
	header{  padding: 0}
 
	.idxBody header{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
	.idxBody::before{ display: block; content: ''; width: 100%; height: 60px; background-color: #fff;}
	.mouse-tip{ height: 40px;}
	.h60{ height: 36px;}
	.titLine{ width: 42px; left: calc(101%);}
	.idxProSwiperIcon{ height: 40px;}
	.idxWhy .idxAboutMore{ border-width: 1px;}
	.idxWhyUl dt::after{ width: 3px;}
	.footLogo{ height: 40px;  }
	footer .center .left{ border-bottom: 1px solid #b7def0;  padding-bottom: 20px; margin-bottom: 20px; border-right: none;}
	footer .center .right{ justify-content: flex-start;}
	footer .bottom{ text-align: center; line-height: 2;}
	.outlink{ margin-top: 10px;}
	.zwHeader{ height: 60px;}
	.neiBan .inner{ width: 100%;}
	.brief  .right img{ opacity: 1; height: 225px; object-fit: cover;}
	.aboutKuai{ width: 42px; height: 42px;}
	.ServiceUl li{ width: 100%; margin-right: 0;}
	.ServiceUl li .img{ width: 70px;}
	.serviceIcon{ max-height: 40px;}
	.prolist li .btn{ width: 46px; height: 46px;}
	.newslist li .typeName{ margin-left: 0; margin-bottom: 10px;}

	.newsPage{display: flex; align-items: center; justify-content: space-between;}
	.newsPage .border-right-black{ border: none;}
	.newsPage .next .flex-shrink{ flex-direction: row-reverse;}
	.newsPage .prev .icon-arrow-down{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
	.newsPage .next .icon-arrow-down{ margin-left: 18px; margin-right: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
	
	.contactStyleIcon{ position: absolute; right: 0; bottom: 0;}
	.contactStyle h1::after{ height: 2px;}
	.Message::after{ width: 100%;}
	.MessageIcon{ width: 50px;}

	.srcachBox .keys{ width: calc(100% - 40px);}
	.srcachBox .submit{  height: 40px; width: 40px; }
	
}

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

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