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

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


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

	.proinfoTop .button a{ height: 60px;}

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


	.logoImg{ height: 50px;}
	.oneNav{ line-height: 80px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}
	.footForm .submit{height: 50px;background: url(../images/search-w.png) no-repeat center left / auto 40%;}
	.proinfoTop .button a{ height: 55px;}

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

	.contactEwm{ width: 140px;}

}

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

	.idxBan .pagination .swiper-pagination-bullet{ width: 14px; height: 14px;}
 
	.idxMore img{ height: 33px;}

	.idxAboutRight li .img img{ max-height: 100%; max-width: 100%;}
	.footLogo{ height: 50px;}
	.idxProTit li{ height: 4em;}

	.prolist li{ width: calc((100% - 50px)/3); margin-right: 25px;}

	.proinfoTop .button a{ height:50px;}

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

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

	.contactEwm{ width: 125px;}
	.contactIcon{ width: 60px;}
	.solutionList li .text{ width: 35%;}
 
}

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


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

	.idxAboutRight li .img{ height: 50px;}
	.idxProSwiper .tel .item:nth-child(2n){ border-right: none;}
	.idxProSwiper .tel .item:last-child{  display: none;}

	.idxNewsItems .text .line-clamp2{-webkit-line-clamp:1}

	.honor .button,.styleBtn,.laboratoryBtn{ width: 50px; height: 50px;}
	.swiTabCon .slide-c .swiper-slide img{ border-width: 6px;}

	.proLeft{ width: 250px;}
	.proRight{    width: calc(100% - 300px);}
	.prolist li{ width: calc((100% - 30px)/3); margin-right: 15px;}

	.proNav{ display: none;}
	.prolist li{ width: 100%; margin-right: 0 !important;}
	.proinfoTop .button a{ height:48px;}

	.solutionList li .text{ width: 40%;}

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

	.contactEwm{ width: 120px;}
}

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

	.idxAboutRight li .img{ height: 42px;}

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

	.contactIcon{ width: 50px;}
	
    
}
@media screen and (max-width:900px) {

	body{ font-size: 12px }
	.iconfont{ font-size: 1.2em;}
	.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: 20px;}
	.logoImg, .footLogo{ height: 38px;}
	.idxBan .button{ justify-content: center;}

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

	.idxBan .swiper-slide .text{ top: 45%;}
	.idxBan .pagination .swiper-pagination-bullet{ width: 12px; height: 12px;}
	.idxMore img{ height: 28px;}
	.idxAboutRight li{ width: 48%;}
	.idxAboutRight li::before{ width: 120px; height: 120px; right: -60px; top: 60px;}

	.idxNumUl{ flex-wrap: wrap; justify-content: space-between;}
	.idxNumUl li{ width: 48%;}
	.idxNumUl li .numIcon{ width: 30px;}

	.proItem .text{ background: url(../images/idxProSwiperBg.png) no-repeat center bottom var(--color); background-size: 100% auto;}
	.proItem::before{ display: none;}
	.proItem .img{ height:150px;}
	.proItem .rightIcon{ height: 28px;}

 
	.idxNewsItems .round {width: 15px;height: 15px;}
	.idxNewsItems .round .iconfont {font-size: 20px;}
	.idxNewsItems .more{ margin-top: 10px;}

	.idxAboutImg{ height: auto; width: 60%;}

	.cultureLeft{ padding-bottom: 0;}
	.cultureLeft .button .btn{ width: 60px; height: 35px;}
	.cultureRight .con{ padding-bottom: 50px;}

	.honorTitle{ margin-top: 0; margin-bottom: 25px;}
	.honorCon{ padding-left: 20px; padding-right: 20px;}
	.swiTabCon .slide-c .swiper-slide img{ border-width: 4px;}
	.honor .button, .styleBtn{ width: 38px; height: 38px;}
	.honorTit li i{ width: 5px; height: 5px;}
	.honorTit li{ margin: 0 12px;}

	.proinfoTop .button{ position: relative;  bottom: auto; left: auto; margin-top: 15px;}
	.proLeft{ margin-top: 0; padding-bottom: 0; padding-top: 10px;}

	.solutionList li { flex-direction: column !important;}
	.solutionList li .text{ width: 100%; margin-left: 0 !important; margin-right: 0 !important;}

	.contactStyle li{ border-right: none; border-bottom: 1px solid #e5e5e5;}
	.contactIcon{ width: 40px;}
	.contactEwm{ width: 100px;}
	.mapBox{ height: 320px;}

	.messagesBox .con{}
	.messagesCon{ position: relative; left: auto; bottom: auto;}
	 
}

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

	.idxNewsItems .round{ width: 20px; height: 20px;}
	.newslist li { width: 100%; margin-right: 0;}
}

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