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

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

	header .con{padding-left: calc((100vw - 1600px)/2);padding-right: calc((100vw - 1600px)/2);}
	
	 
	
	}
@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);}
header .con{padding-left: calc((100vw - 1480px)/2);padding-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 .con{padding-left:  calc((100vw - 1360px)/2);padding-right:  calc((100vw - 1360px)/2);}

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

	.w-70{ width: 60px;} .h-70{ height: 60px;}

	.logoImg{ height:72px;}

	.h-90{ height:80px;}

	.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);}
	header .con{padding-left: calc((100vw - 1240px)/2);padding-right: calc((100vw - 1240px)/2);}


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

	.h-40{ height: 38px;}.w-40{ width: 38px; }
	.w-70{ width: 55px;} .h-70{ height: 55px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}
	.h-60{ height: 50px;}.w-60{ width: 50px;}
 
     
	.logoImg,.footLogo{ height:68px;}
	.idxMore .left{ height: 50px;}

 

	.valueUl li::after{ height: 5px;}

	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}
	.searchlist li .right{ width: 60px; 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;}
	header .con{padding-left: 6vw;padding-right: 6vw;}

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

	.w-70{ width: 55px;} .h-70{ height: 55px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}

	.logoImg,.footLogo{ height:62px;}
	.idxMore .left{ height: 48px;}
	.idxMore .right{ width: 38px; height: 38px;}
	/* .idxThereUl li .idxThereLogo{ max-height: 40px;} */

	.firstNavIcon{ height: 20px;}
	/* .secondNav{ width: 20vw;}
	.thirdNav{ width: 20vw;} */

	.h-90{ height:70px;}

	.valueUl li::after{ height: 4px;}

	.searchlist li .right{ width: 50px; 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 .con{padding-left: 2vw;padding-right: 2vw;}

	.infoImg .tableBox{  width: 100%;  overflow-x: scroll; padding-bottom: 15px; margin-bottom: 15px; }
	.infoImg .tableBox::-webkit-scrollbar { height: 2px;}
	.infoImg .tableBox::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.infoImg .tableBox::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }

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

	.w-70{ width: 45px;} .h-70{ height: 45px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}
	.h-60{ height: 45px;}.w-60{ width: 45px;}

	.h-40{ height: 35px;}.w-40{ width: 35px; }

	/* .idxThereUl li .idxThereLogo{ max-height: 32px;} */

	.idxThereUl{  grid-template-columns: repeat(2,1fr);}
	.idxServiceUl{ grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
	.idxServiceUl li .img{ height: 15vw;}

	.logoImg,.footLogo{ height:55px;}


	.firstNavIcon{ height: 16px;}
	/* .secondNav{ width: 25vw;}
	.thirdNav{ width: 22vw;} */
	.dataDownUl{ grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
	.dataDownUl li .pic{ width: 32%;}

	.valueUl li::after{ height: 3px;}
	.shareholderYs { flex-wrap: wrap; margin-top: 5px;}
	.shareholderYs>div{ width: 48%; margin-top: 10px;}
	.platformUl{ grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
	.newslist{    grid-template-columns: repeat(2, 1fr);}

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

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

	.w-70{ width: 40px;} .h-70{ height: 40px;}
	.h-50{ height: 40px;}.w-50{ width: 40px;}
	.h-60{ height: 40px;}.w-60{ width: 40px;}
	.h-40{ height: 32px;}.w-40{ width: 32px; }

	.idxMore .left{ height: 32px;}
	.idxMore .right{ width: 20px; height: 20px; right: -10px;}
	header .inner{ width: 100%; padding-left: 20px;}

	.logoImg,.footLogo{ height:42px;}
	.idxCompleteUl li .subTit span::after{ width: 2px; left: -10px;}
	.idxCompleteUl li:nth-child(2){ border-left: none;}
	.idxServiceUl li{ padding-right: 15px;}
	.idxServiceUl li .text{ height: 9em;}
	footer .bottom{ text-align: center;}
	.idxSolutionUl{grid-template-columns: repeat(2, 1fr);}
	/* .idxSolutionUl li .desc{ height: auto;} */
	.idxContactImg{ min-height: 338px; object-fit: cover; width: 100%;}
	.idxContact .text{ width: 70%;}
	.idxContact .text .more{    top: -10px;    right: -20px;}
	.idxWhyUl li .idxWhyUlIcon{ width: 28px;}
	 

	.proClassUl{ display: none;}
	.wapProTitle.on .icon-arrow-double-right{ transform:rotate(90deg) ; -webkit-transform:rotate(90deg) ; -moz-transform:rotate(90deg) ; -ms-transform:rotate(90deg) ; -o-transform:rotate(90deg) ; } 

	.parameter table tr td{ line-height: 2; padding: .6em ;}

	.solutionThereUl{ flex-wrap: wrap;}
	.solutionThereUl li:nth-child(n+3){ margin-top: 15px;}
	.solutionThereUl li,.solutionThereUl li.on{ width: 48%; height: 180px;}
	.solutionThere li.on .text .desc{ display: none;}
	.solutionThere li.on .text{ text-align: center; padding-left: 0;}
	.solutionThere li.on::after{ display: none;}

	.mapBox{ height: 300px;}
	.valueUl li::after{ height:2px;}

	.sunNav .zwHeader{ height: 50px; padding: 0 20px; flex: auto;}
	.sunNav{  width: 100%;  overflow-x: scroll; }
	.sunNav::-webkit-scrollbar { height: 2px;}
	.sunNav::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.sunNav::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }

	.valueIcon{ height: 42px;}
	.valueUl li + li{ margin-top: 25px;}

	.searchlist li .right{ width: 40px; height: 40px; display: none;}
	.searchlist{ width: 100%; padding: 0 0 25px 0;}
	.searchlist li .left{  width: 100%;}

	.idxThereLogo{ width: 120px; height: auto;}

}

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

	.idxThereUl{grid-template-columns: repeat(1,1fr);}
	/* grid-template-columns: repeat(1,1fr); */
	.idxServiceUl{ grid-gap: 10px;}
	.idxSolutionUl{grid-template-columns: repeat(1, 1fr);grid-gap: 15px;}
	.idxSolutionUl li .desc{ height: auto; min-height: 8em;}


	.prolist{ display: grid; grid-gap: 20px; grid-template-columns: repeat(1,1fr);}
	.prolist li .desc{  height: 10em;}

	.dataDownUl{   grid-gap: 20px; grid-template-columns: repeat(1,1fr);}
	.dataDownUl li{ height: 100px;}


	.technicalUl{grid-gap: 20px; grid-template-columns: repeat(1,1fr);}
	.technicalUl li{ height: 100px;}

	.systemUl,.platformUl{grid-gap: 20px; grid-template-columns: repeat(1,1fr);}
	.systemUl li{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }

	.systemUlIcon{ height: 36px;}
	.systemUlIco{  height: 24px;}
	.platformIcon{ height: 36px;}
	.platformIco{ height: 36px;}

	.newslist{  grid-gap: 20px;  grid-template-columns: repeat(1, 1fr);}
	.pop .con .iconfont{  font-size: 32px;}
	
}

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