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

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


}

@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: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}
	.oneNav{ line-height: 80px;}

	.logoImg{ height: 62px;}

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


}

@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;}
	.ewmBox{ width: 128px;}
	.newslist li{ width: calc((100% - 120px)/3); margin-right: 60px;}
	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}

	.contactStyleIcon{ width: 66px;}

}

@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: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}
	.oneNav{ line-height: 70px; font-size: 16px;}
	.logoImg{ height: 52px;}

	.idxNavIcon{ width: 80px;}
	.rightIcon{ height: 32px;}
	.h50{ height: 42px;}
	.idxMmemberUl li{width: calc((100% - 66px)/4); margin-right: 22px;}
	.idxBrandIco{ height: 46px;}
	.idxMore .round{ width: 32px; height: 32px;}
	.ewmBox{ width: 108px;}

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

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

}

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

	.idxNavIcon{ width: 60px;}
	.idxMmemberUl li{width: calc((100% - 60px)/4); margin-right: 20px;}
	.idxBrandIco{ height: 40px;}

	.ewmBox{ width: 98px;}

	.servicelistIcon{ width: 42px;}
	.newslist li{ width: calc((100% - 50px)/2); margin-right: 50px;}
	.newslist li:nth-child(2n){ margin-right: 0;}
    
}
@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 .button{ justify-content: center;}
	.idxBan .swiper-slide .text{ top: 45%;}
	.idxBan .pagination .swiper-pagination-bullet{ width: 12px; height: 12px;}

	 
	.logoImg{ height: 48px;}
	header .inner{ width: 100%; padding-left: 20px;}
	.idxNav .inner{ flex-wrap: wrap;}
	.idxNav .item{ width: 48%; margin-top: 10px;}
 
	.idxNavIcon{ width: 45px;flex-shrink: 0;}
	.idxNav{ padding-top: 10px;}
	.h50{ height: 38px;}

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

	.idxBrandIco{ width: 35px;}

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

	.footerTop .round{ width: 60px; bottom: -30px;}
	.footerTop{ padding-bottom: 50px;}
	.ewmBox{ margin: 15px auto 0 auto;}

	.servicelist li{ flex-direction: column !important;}

	.contactStyleUl .item{ border-right: none; border-bottom: 1px solid #e5e5e5;}

	.mapBox{ height: 300px;}

}

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

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

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