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

	.bsCase .mySwiperBtn{ box-shadow: 0 0 15px rgba(27,86,221,.15);}
	.bsCase .prev{right: calc(100% - 30px);}
	.bsCase .next{left: calc(100%  - 30px);}

	.subNav a{ height: 80px;}

	.ewmBox{ width: 160px;}
}

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


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

	.ewmBox{ width: 130px;}


	.mySwiperBtn{ width: 60px; height: 60px;}
	.newslist li{ width: calc((100% - 80px)/3); margin-right:40px; } 
	.subNav a{ height: 70px;}
	.ewmBox{ width: 140px;}

	.logoImg{ 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;}

	.oneNav{ padding: 0 1.3vw;}
	.idxProcessRight{ height: 15px;}
	.bsClassGrid{grid-template-columns: repeat(3, 1fr);}

	.newslist li{ width: calc((100% - 60px)/3); margin-right:30px; } 
	.newsTopSwiper .swiper-slide .desc{ height: 8em;}
	.subNav a{ height: 60px;}

	.ewmBox{ 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;}

	.idxBan .text{ top: 25%;}
	.idxProcessRight{ height: 10px;}
	.ewmBox{ width: 120px;}

	/* .idxkefu .left{ color: var(--blue);} */
	.idxkefuIcon{ right: 0; bottom: 0; left: auto; height: 80%; width: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

	.oneNav{ padding: 0 2vw;}
	.mySwiperBtn{ width: 50px; height: 50px;}
	.bsCase .prev{right: auto; left: 0;}
	.bsCase .next{left:auto; right: 0;}
	.subNav a{ height: 50px;}
	
	.ewmBox{ width: 100px;}

	.logoImg{ height:50px}
    
}
@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;}

	.logo{ font-size: 28px;}

	.idxServiceTitlUl{ margin-top: 20px;}
	.idxServiceTitlUl li{ flex-direction: column; height: auto; padding-top: 15px; padding-bottom: 15px;}
	.idxServiceTitlUl li .idxServiceTitIcon{ margin-bottom: 15px; margin-right: 0; height: 38px;}
	.idxServiceUl li{  width: 100%;}
	.idxServiceUl li + li{ margin-top: 15px;}
	.idxServiceUl li  .more{ height: 1em; padding-top:  1.5em; opacity: 1;}
	.idxProcessUl{ flex-wrap: wrap;}
	.idxProcessUl .item{ width: 48%;margin-bottom: 15px;}
	.idxProcessUl .item:last-child{ margin-bottom: 0; width: 100%; }
	.idxYsUl li{ width: 100%; margin-right: 0 !important;}

	.idxExpertUl .item{ width: 100%; margin-right: 0 !important;}
	.idxExpertUl .item .img{ padding-bottom: 65%;}
	.idxExpertUl .item .right{ padding-left:1em; padding-right: 1em;}
	.idxAbout  .numUl{ flex-wrap: wrap; text-align: center; }
	.idxAbout  .numUl li .flex-end{justify-content: center; }
	.idxAbout  .numUl li{ width: 48%;margin-top: 10px;}
	.footerTel{ display: flex; align-items: center; justify-content: center;}
	.footerBot .top{ text-align: center;}
	.ewmBox{ width: 100px; margin-top: 10px;}

	.bsServiceUl{ flex-wrap: wrap;}
	.bsServiceUl li{ width: calc((100% - 20px)/2); margin-right: 20px; margin-top: 20px; }
	.bsServiceUl li:nth-child(2n){ margin-right: 0;}
	.bsServiceUl li .bsServiceIcon{ height: 32px;}
	.bsClassUl li{ width: 100%; margin-right: 0; margin-top: 18px;}
	.bsClassUl li:first-child{ margin-top: 0;}

	.bsTrueUl li{ width: 100%; margin-right: 0 !important;}
 	.myPagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 2px;}
	
	.bsTeamSwiper .text .desc{ height: 8em;}
	.dzProcessUl{  flex-wrap: wrap;}
	.dzProcessUl li{ width: 48%; flex: auto; margin-top: 18px;}
	.dzProcessUl li:nth-child(-n+2){ margin-top: 0;}
	.dzProcessUl li .dzProcessIcon2{ width: 10px;}
	.dzConsultUl li{ width: 100%; margin-right: 0; }

	.brief  .numUl{ flex-wrap: wrap; text-align: center; }
	.brief  .numUl li .flex-end{justify-content: center; }
	.brief  .numUl li{ width: 48%;margin-top: 10px;}


	.cultureUl li{ width: 100%; margin-right: 0; }
	.cultureUl li .cultureUlIcon{ height: 42px;}

	.newslist li{ width: 100% ; margin-right: 0 !important;}
	.subNav a{ height:48px;}

	.ewmBox{ margin-top: 15px; margin-left: auto; margin-right: auto;}
	  
}

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

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