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

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

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

		/* body{font-size: 14px;  } 
		.oneNav{ font-size: 16px;}*/
		
}

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

		div.video-wrap{ width: 90vw;height: auto;}
		/*
		.oneNav{ font-size: 14px;}
		nav  li dl dd a{ font-size: 12px;}*/
		 
	
		
}
@media screen and (max-width:1200px) {

		 
		.inner,.listInner{ 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: 0 2vw;width:100%; }

		.idxInner{ width:96%;   margin: 0 auto;  }
		.pl-idxInner{ padding-left: 2vw;}
		.pr-idxInner{ padding-right:2vw;}
		.ml-idxInner{ margin-left:2vw;}
		.mr-idxInner{ margin-right:2vw;}
	
	 
		
		
} 
@media screen and (max-width:767px) {

	body{ font-size: 12px;--top: 60px } 
	.inner,.listInner{ 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;}

	.logoImg{ height: .5rem; }

	.idxBanImg{ height: 72vh;}
 
	header .con{ padding: 0 0 0 20px; width: 100%;}

	.idxNumUl{ flex-wrap: wrap;}
	.idxNumUl li{ width: 50%; padding-left: 15px;}
	.idxNumUl li:nth-child(3){ border-left: none; padding-left: 0;  border-top: 1px solid rgba(243, 248, 255, .18);}
	.idxNumUl li:nth-child(4){  border-top: 1px solid rgba(243, 248, 255, .18);}

	.idxAboutUl li{ flex-wrap: wrap; padding-bottom: 12px;}
	.idxAboutUl li .num{ width: 15%;}
	.idxAboutUl li .w24{ width: 70%;}
	.idxAboutUl li .desc{ width: 100%; line-height: 2; padding-left: 15%;}
	.idxAboutUl li .con{ padding-left: 15%; margin-top: 8px;}
	.fullpage{padding-left: 0;}
	.section-block{ flex-direction: column; margin-top: .6rem;}
	.image-section{ width: 100%;}
	.content-section{ width: 100%; margin-top: .42rem; padding-left: 0;}

	.idxProcessUl li{ display: flex; padding-left: .66rem; }
	.idxProcessUl li + li{ margin-top: .5rem;}
	.idxProcessUl li  .round{ position: absolute; left: 0; top: .2rem;margin-top: 0;}
	.idxProcessUl li  .text{ margin-top: 0; padding-left: .4rem;}
	.idxProcessUl::after{ display: none; }
	.idxPartner .item{ text-align: left !important;}
	.idxPartner .item .line{ margin-top: 18px;}

	.idxDesignUl{ display: grid; grid-gap: 25px; grid-template-columns: repeat(1,1fr); }
	.idxInfoUl li{  border-left: none; border-top: 1px solid rgba(243, 248, 255, .18);}

	.footer-panel{ position: relative; margin-top: -20vh; left: auto; top: auto; right: auto; bottom: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.idxContact{ height: auto; padding: .6rem 0;}
	.pt-idx{padding-top: .5rem;}
	.pb-idx{padding-bottom: .5rem;}
	.idxBgBox{ filter: blur(100px); -webkit-filter: blur(100px); }
	.idxContactBtn{ left: auto; right: 0;bottom: revert-layer;} 

	.caselist{ grid-gap:25px; grid-template-columns: repeat(1,1fr);}

	.neiBan{ padding-top: 60px;}
	.caseNumUl .font22{ font-size: 10px;}
	/* .sunNavBox .listInner{ width: 100%;}

	.sunNav{  width: 100%;  overflow-x: scroll; }
	.sunNav::-webkit-scrollbar { height: 2px;}
	.sunNav::-webkit-scrollbar-thumb {  background: #000; height: 2px; }
	.sunNav::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }

	.sunNav li{ flex: 1;}
	.sunNav li a::before{ display: none;} */

	.sunNav{ flex-wrap: wrap;}
	.sunNav li{ width: calc(100% / 3);}


	.footNav{ width: 62%;}
	.footNav a{ width: 2.8em; text-align: center;}
	.footNav a:first-child{ display: none;}

	.idxBan .text .font100{font-size: 24px; }
	.idxBan .text .engTit .subTit{ font-size: 10px; left: 12em; top: 40%;}
	.idxBan .text .desc{ font-size: 12px;}

	 
}

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

@media screen and (min-width:1100px) {


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