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

	/* .platformUl li{ width: 21vw; height: 21vw; margin-left: -5vw;} */
	.platformUl li .platformIcon{ height: 90px;}
}

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


	.oneNav{ line-height: 80px;}
	.lanBtn{ height: 80PX;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}
	.logoImg{ height: 60px;}
	.h-60{ height:50px;}.w-60{ width: 50px;}

	.idxSerSwiper .idxSerIcon{ height: 70px;}
	.idxTechUl li.on{ height: 300px;}
	.newsItem .rightIcon{ height: 6px;}
	.serviceUl li .bottom{   grid-gap: 30px; }

	.continuousUl li .round{ width: 125px; height: 125px;}
	.platformUl li .platformIcon{ height: 80px;}
	.continuousUl li{   width: calc((100% - 90px)/4); margin-right:30px;}

	.intelligentUl .item .intelligentIcon{ position: absolute; width: 50px; left: -22px; top: -20px;}

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

	.proLeft{ width: 280px;}
	.proRight{ width: calc(100% - 280px);}
 
     
}

@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{ line-height: 70px;}
	.lanBtn{ height: 70px;}
	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}
	.logoImg{ height: 50px;}
	.h-60{ height:48px;}.w-60{ width: 48px;}

	.idxBanImg{ height: auto;}
	.scroll-tip{ width: 56px; height: 56px; }
	.mouse-tip{ width: 20px; height: 30px;}
	.footLogo{ height: 70px;}
	.idxSerSwiper .idxSerIcon{ height: 60px;}

	.idxPro .next, .idxPro .prev{ width: 40px; height: 40px;}

	.developmentUl{ display: grid; grid-gap: 15px; grid-template-columns: repeat(4,1fr);}
	.developmentUl li {min-width:0 ; height: calc((50vw - 15px)/2);}
	.developmentUl li.div1 { grid-area: 1 / 2 / 2 / 4; line-height: 1.6; }
	.developmentUl li.div2 { grid-area: 1 / 1 / 3 / 2; height:50vw !important;}
	.developmentUl li.div3 { grid-area: 1 / 4 / 3 / 5; height: 50vw !important;}

	.serviceUl li .bottom{ grid-gap: 22px; }
	.howIcon{  width: 30px;}

	.intelligentUl .item .intelligentIcon{ position: absolute; width: 42px; left: -18px; top: -18px;}
	.intelligentUl .line { width: 5px; }
	.intelligentUl .line span {width: 5px; }

	.proLeft{ width:250px;}
	.proRight{ width: calc(100% - 250px);}
 

}

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

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

	.oneNav{ padding:0 1.3vw;}
	.idxSerSwiper .swiper-slide{ height: 335px;}

	.idxTechUl li.on .idxTechIcon{ height: 60px;}
	.idxTechUl li.on{ height: 260px;}
	.h-50{ height: 40px;}.w-50{ width: 40px;}
	.h-60{ height: 40px;}.w-60{ width: 40px;}
	.idxSerSwiper .idxSerIcon{ height: 50px;}
	.footLogo{ height: 60px;}

	.newsItem .rightIcon{ height: 4px;}

	.formula .img{ padding-bottom: 0; height: 100%;}
	.continuousUl li{   width: calc((100% - 60px)/4); margin-right:20px;}
 
	.systemUl li{ height: 120px;}
	.systemSwiper .swiper-slide{ height: 600px;}
	.platformUl li .platformIcon{ height: 70px;}


	.intelligentUl .item .intelligentIcon{ position: absolute; width: 30px; left: -13px; top: -13px;}
	.intelligentUl .line { width: 4px; }
	.intelligentUl .line span {width: 4px; }

	.ProcessUl{ flex-wrap: wrap; justify-content: space-between;}
	.ProcessUl li{ width: 48%;flex-direction: column-reverse;}
	.ProcessUl li:nth-child(2n){ }
	.ProcessUl .text{ height: auto;}
	.ProcessUl::after{ display: none;}

	.proLeft{ width:210px;}
	.proRight{ width: calc(100% - 210px);}
 
	.idxProlist{ grid-gap:15px; grid-template-columns: repeat(2,1fr);}
	
    
}
@media screen and (max-width:900px) {

	body{ font-size: 14px }
	.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 .inner{ width: 100%; padding-left: 20px;}
	.lanBtn{ height: 60px; margin: 0; padding: 0 15px;}
	.logoImg{ height: 40px;}
	.idxAbout .right img{ width: 100%; height: 220px; object-fit: cover;}
	.idxSerSwiper .swiper-slide .left, .idxSerSwiper .swiper-slide .right{ width: 50%;}
	.idxSerSwiper .swiper-slide{ height: 265px;}
	.idxSerSwiper .idxSerIcon{ height: 42px;}
	.idxSer .pagination{ height: 3px;}
	.idxTechUl{ justify-content: space-between; margin-top: 100px;}
	.idxTechUl li{ width: 50%; margin-right: 0;}
	.idxTechUl li.on{ width: 50%; background: #fff; color: #333;}
	.idxTechUl li.on{  height: auto;}

	.idxPro .content::before,.idxPro .content::after{ display: none;}
	.idxPro .next, .idxPro .prev{ width: 32px; height: 32px;}

	.myPagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 3px;}
	.myPagination .swiper-pagination-bullet.swiper-pagination-bullet-active{}
	.footLogo{ height: 50px;}
	 

	.biref .info{ max-height: 300px;}
	.numUl { flex-wrap: wrap;}
	.numUl li{ width: 48%; margin-top: 15px;}
	.historySwiper .img{ width: 150px; height: 100px;}
	.historySwiper .text{ width: 100%;}
	.historySwiper .infoImg{ max-height: 250px;}

	.developmentUl{ display: grid; grid-gap: 15px; grid-template-columns: repeat(1,1fr);}
	.developmentUl li {min-width:0 ; height: 150px; width: calc((100vw - 15px)/2);}
	.developmentUl li.div1 { grid-area: 1 / 1 / 2 / 5; width: 100%; line-height: 2; height: auto;}
	.developmentUl li.div2 { grid-area: 2 / 1 / 3 / 3; height: 150px !important;}
	.developmentUl li.div3 {grid-area: 2 / 3 / 3 / 5;height: 150px !important;}
	.developmentUl li.div4 { grid-area: 3 / 1 / 4 / 3; }
	.developmentUl li.div5 { grid-area: 3 / 3 / 4 / 5; }

	.serviceUl li .bottom{ display: grid; grid-gap: 15px; grid-template-columns: repeat(2,1fr);}
	.subNav{  width: 100%;  overflow-x: scroll; }
	.subNav a{ flex: auto; padding: 0 20px;}
	.subNav::-webkit-scrollbar { height: 2px;}
	.subNav::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.subNav::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }

	.formulaIcon{ width: 22px;}
	.formula .img{ height: 0; padding-bottom: 63.2%;}

	.continuousUl li{ width: 100%; margin-right: 0 !important;}
	.continuousUl li:nth-child(2n){ margin-right: 0;}
	.continuousUl li .round{ width: 100px; height: 100px; padding: 25px;}
	.continuousUl li .line{ height: 2px;}

	.platformUl li{ width: 100%; height: auto; text-align: left; flex-direction: row; margin-left: 0; padding: 15px ; margin-bottom: 15px;}
	.platformUl li .platformIcon{ height: 42px; margin-right: 20px;}
	.systemSwiper .swiper-slide{ height: 225px;}
	.systemUl li{ height: auto; padding: 15px 20px;}

	.howIcon{  width: 25px;}
	.radius{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.CNASUl{ padding-top: 0;}
	.CNASUl li .img{ padding-bottom: 30%;}
	.CNASUl li .text{  padding: 20px;}

	.intelligentUl .item .img{ padding-bottom: 50%;}
	.intelligentUl .item .intelligentIcon{ width: 20px; left: -10px; top:20px;}

	.newslist li{ border-right: none; margin-top: 10px;}
	.newslist li .newsItem .tit{ height:5em;}
	.contactDian{ width: 33%; position: absolute; left: auto; right: 0; bottom: 96%;}
	.newsItem .more .right::after{ width: 3em; height: 3em; right: -1.5em;}

	.ProcessUl{ padding-right: 20px; padding-left: 20px;}
	.ProcessUl li{ width: 100%; flex-direction: row-reverse !important;}
	.ProcessUl li .ProcessIcon{ height: 18px; margin: 0 15px 0 0 ; flex-shrink: 0;}
	.ProcessUl li .text{ width: 100%;}
	.ProcessUl li + li{ margin-top: 18px;}
	.ProcessUl::after{ display: block; width: 1px; height: 100%; left:29px; top: 0;}
	.ProcessUl li{ margin-left: 0 !important;}

	.proRight{ padding-left: 0;}
	.proClassUl{ display: none;}
	.proinfoLeft{ padding:15px 20px;}

	.jobUl li + li{ margin-top: 18px;}
	.jobUl li .text{ top: auto; bottom: 10px;}
	.jobUl li .text .desc{ height: auto; opacity: 1;}
	.jobUl li .img{ padding-bottom: 74%;}
	.jobIcon{ width: 30px;}

	footer .bottom{ text-align: center;}
	.neiban .line{ height: 3px;}

	.idxOurUl{ display: grid; grid-gap:0; grid-template-columns: repeat(1,1fr);}
	.idxOurUl li{ min-width:0 }
	.idxOurUl li:nth-child(2n){ margin-top: 20px;}
	.idxOurUl li .desc{ height: auto;}
	.idxOurUl li .line{ height: 2px;}
	.idxOurUl li .idxOurUlIcon{ height: 40px;}
	.idxAboutNum{ flex-wrap: wrap;}
	.idxAboutNum li{ width: 50%; margin-top: 15px; text-align: center;}
	.idxAboutNum li img{ height: 38px; display: none;}
	.idxAboutNum li .flex-end{ justify-content: center;}
	

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

	.idxNewlist{ flex-wrap: wrap;}
	.idxNewlist li{  margin-bottom: 15px; width: 100%; margin-right: 0 !important;}
	 
}

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