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

	.idxCase .carousel-track { position: relative; width: 8.6rem; height:5rem;  } 
	
	.inner{ width:14.4rem;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 14.4rem)/2);}
	.pr-inner{ padding-right: calc((100vw - 14.4rem)/2);}
	.ml-inner{ margin-left: calc((100vw - 14.4rem)/2);}
	.mr-inner{ margin-right: calc((100vw - 14.4rem)/2);}

	header .con{   width: 16.4rem;}
	
	.infoInner{  width: 12.4rem;  }

	
	}

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

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

		.contactType{ display: grid; grid-gap: .4rem; grid-template-columns: repeat(3,1fr);}
		
}

@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{ 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{width:96%; padding: 0 2vw;}

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


		.z_kdc_bar .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 4px 0 !important;}
		.z_kdc_bar{ left: 1vw !important;}
		.z_kdc_bar .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-width: 2px !important;}
	
	 
		.contactType{ display: grid; grid-gap: .2rem; grid-template-columns: repeat(3,1fr);}
		.implementUl{ grid-template-columns: repeat(2,1fr);}
		.caselist{  grid-template-columns: repeat(2,1fr);}

		.caseNav{  width: 100%;  overflow-x: scroll; padding-bottom: 15px; }
		.caseNav::-webkit-scrollbar { height: 2px;}
		.caseNav::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
		.caseNav::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
		.caseNav a{ margin-right: 8px;}
		
		.caseinfotTip{    grid-template-columns: repeat(3, 1fr);}
		.Articlelist{  grid-template-columns: repeat(2,1fr);}
		
		.idxCase .nav-prev { left:0; } 
		.idxCase .nav-next { right:0; } 
		.idxCase .carousel-track{ width: 6.6rem ; height: 3.8rem;}
} 




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

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

	.infoInner{width:calc(100% - 40px);   margin: 0 auto; }

 
	.z_page_swiper > .swiper-wrapper{display: block;}
    .z_slide,.z_page_swiper,.z_page_swiper .swiper-wrapper{ height: auto; }

	header .con{ padding: 0 0 0 20px; width: 100%;}
	.logoImg{ height: .56rem;}
	.idxBanImg{ height: auto;}
	.idxBan .swiper-slide .text{ top: 35%;}
	.idxBan .swiper-slide .title{ font-size: 24px;}
	.idxNum{ flex-wrap: wrap;}
	.idxNum li{ width: 50%; padding: 10px 0;}
	.idxNum li:nth-child(3)::after{ display: none; }
	.idxProUl02{grid-template-columns: repeat(2, 1fr);}
	.idxProUl02 li:last-child{ display: none;}
	.idxPaddintTop { padding: 20px 0;}

	.idxSolutionImg{ height: 410px;}
	.idxSolution .idxTit{ top: 20px; color: #fff;}

	/* .idxSolution{ color: #333;} */
	/* .idxSolutionText{ position: relative; top: auto; left: auto; padding-right: 20px;} */
	.idxSolutionText{ top: 200px;  padding: 0 20px; margin-left: 0; }
	.idxSolutionFloat{ position: relative;  top: auto; right: auto; margin-top: 15px;} 
	.idxSolutionFloat .button button{ border-color: #e5e5e5; color: #e5e5e5;}
	.idxSolutionFloat .bottom{ justify-content: center;}
	.idxSolution::after{ display: none;}
	.idxSolutionImg{ position: relative; }
	.idxSolutionImg::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background:rgba(0,0,0,.35) }
	.idxSystemUl{grid-gap: 0.2rem;grid-template-columns: repeat(2, 1fr);}
	.idxContactRight{ padding: 20px;}
	.radio-th .roud{ width: 16px; height: 16px;}
	footer .top{ flex-direction: column-reverse;}
	.homeIcon{ height: 16px;}
	.wapProLeft{ display: flex; align-items: center; justify-content: space-between;} 
	.wapProLeft .border-bottom{ border-bottom:  none; padding-bottom: 0;} 
	.proNav{ display: none; margin-bottom: 16px;}
	.prolist{grid-template-columns: repeat(2, 1fr);}

	#xgcp .prolist li:last-child{ display: none;}
	.contactType{  grid-gap:16px; grid-template-columns: repeat(1,1fr);}
	.contactType li .top{ display: flex; align-items: center;}
	.contactType li .top .font24{ margin-top: 0; margin-left: 18px;}

	.mapBox{ height: 300px;}

	.solutionListMore{  height: .7rem;  }
	.solutionListMore .round{ width: .6rem; height: .6rem;} 
	.solutionListMore::after{  width: .6rem; height: .6rem;   }  
	
	.solutionList li{  padding-top: .5rem; }
	.implementUl{ grid-template-columns: repeat(1,1fr);}
	.coreValueUl li .desc{ margin-top: 12px;}

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

	.locationBox{ justify-content: flex-end; padding-bottom: 15px;}
	.caseinfoTitle::after{ height: 2px;}
	.TechnologySub a.on::after{ height: 2px;}
	.Technologylist{  grid-gap:16px; grid-template-columns: repeat(1,1fr);}
	.Articlelist{  grid-gap: 16px; grid-template-columns: repeat(1,1fr);}

	.OverviewNul{ flex-wrap: wrap;}
	.OverviewNul li { width: 50%; margin-bottom: 10px;}
	.OverviewNul li:nth-child(4){ display: none;}
	.culture{ height: auto;}
	.culture li{ border-right: none; padding: 28px 20px; border-bottom: 1px solid rgba(255, 255, 255, .1);}
	.culture li  .desc,.culture li:hover .desc{  height: auto; opacity: 1; }
	.culture li figure{  width: 100%; flex-direction: row;}
	.culture li figure .img{ width: 32px;}
	.culture li figure .text{ margin-top: 0; margin-left: 20px;text-align: left;}

	.ProcessUl li,.ProcessUl li.on{ width: 100%;  height: 3.7rem;}
	.ProcessUl li + li{ margin-top: 18px;}
	
	.aboutLink{  grid-gap: 16px; grid-template-columns: repeat(1,1fr);}

	.proinfoSub a{ text-align: center;}
	.footContact{max-width: 100%;}

	.idxCase .carousel-track{ width: 66vw ; height:38vw;}
	.idxCase .footer-desc{ margin-top: 32px;}
	.newslist li .line-clamp2{-webkit-line-clamp:1;}
	.newsRight{ display: flex; align-items: center; justify-content: space-between;}
	.newsRight .newsNext{ margin-top: 0;}
	.newsRight a{ width: 30%;}
 
	 
}

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

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


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