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

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

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

		.card-text div.flex{ flex-wrap: wrap;}
		.newslist{  grid-gap: .5rem;  }
	 
		
}

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

		.headerTel{ display: none;}
		
}

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

	div.video-wrap{ width: 90vw;height: auto;}

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

		body{ --widht: 96vw ;   } 

		header .con{ 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;}
		/*  width: 800px; */

		.enterpriseCase .title{ position: relative; left: auto; top: auto; width: 800px;}
		.enterpriseCase .item{  width: 100px; }
		.enterpriseCase{  width: 100%;  overflow-x: scroll; padding-bottom: 15px; margin-bottom: 15px;
		
			/* display: flex;
			align-items: center;
			flex-direction: column; */
		}
		.enterpriseCase::-webkit-scrollbar { height: 2px;}
		.enterpriseCase::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
		.enterpriseCase::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
		.enterpriseCaseUl{ min-width: 800px;}
		.gqimg img{ height: 20px;min-height: 25px;}
	
		.equipmentDisUl{ display: grid; grid-gap: .5rem .3rem; grid-template-columns: repeat(3,1fr);}
	 
		

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

	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;}
	body{ --width: calc(100% - 40px) ;   } 

 
	header .con{ padding: 0 0 0 20px;}

	.idxBanImg,.idxBan{ height: 66vh;}

	/* header.scroll{ background: #fff;} */
	.logoImg{ height: 32px;}
	.idxBan .swiper-slide::after{ display: none;}
	.idxBanImg, .idxBan{ height: 420px;}
	.idxBan .font60{ font-size: 20px;}

	.idxBan .text{ top: 56%;}
	.idxAboutCon{ margin-top: 15px;}
	.idxAboutImg{ width: 72%; opacity: .25; bottom: 10%;}

	.neiBan .text{ top: 55%;}


	.idxTechUl li,.idxTechUl li.active{ width: 100%; height: auto;}
	.idxTechUl li + li{ margin-top: 15px;}
	.idxTechUl li{   border: 1px solid rgba(255,255,255,0.2); background: url(../images/idxTechUlRight.png) no-repeat right top / 40% auto rgba(255, 255, 255, 0.05);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
	.idxTechUl li .left .img{ width: 1.4rem; position: absolute; right: .6rem; top: .6rem;}
	.idxTechUl li .left .tit{ display: none;}
	.idxTechUl li .right{ display: block;}
	.idxTechUl li .right .item{    grid-template-columns: repeat(1, 1fr);}

	.idxSerText figure + figure{ margin-top: 15px;}
	.idxSerText figure  { margin-top: 15px;}
	.idxNewsLeftImg{    aspect-ratio: 1 / .53;}
	.honorUl li + li{ margin-top: 15px;}
	.cultureUl{  grid-template-columns: repeat(2, 1fr);grid-gap: 15px 8px;}
	.cultureUl li .desc{ opacity: .8;}
	.honorLine{bottom: 0.45rem;}
	.honorButton{ justify-content: center;}
	.honorShu {position: absolute;right: -50vw;bottom: -20vw;width: 150vw;}
	.aboutBan{ padding-top: 59px;}
	.enterprise .left{padding-bottom: 10px; margin-bottom: 15px;}
	.enterprise .left::after{ width: 100%; height: 1px; top: auto; bottom: 0; }
	.enterpriseTeam .con,.enterpriseStudy .con{ height:35vw; background-attachment: scroll;}

	.platformTitle .w55{ margin-top: 15px;}

	.equipmentDisUl{ display: grid; grid-gap: .35rem; grid-template-columns: repeat(2,1fr);}

	.cmcTextUl li::after{top: 0.5em;}
	.cmcTitle{ padding-bottom: 10px;}
	.cmcTitle .left{  width: 60%; margin-bottom: 10px;}
	.cmcTitle .left::after{-webkit-clip-path: polygon(100% 0, 95% 100%, 0 100%, 0 0);}
	.cmcImgUl{grid-gap: 15px;grid-template-columns: repeat(2, 1fr);}
	.cmcImgUl li .img{border-radius: 0.2rem;}
	.molecul{grid-template-columns: repeat(1, 1fr);}
	.molecul .card .tip{ height: .2rem;}
	.molecul .card .title{    margin-top: -0.2rem;width: 86%;}
	.erformaUl li::after{top: 0.5em;}

	.techSub a{ width: auto; flex: 1; text-align: center; height: auto; min-height: 40px;}
	.techTwoSub a{white-space:normal ;text-align: center; height: auto; padding: 10px  ; max-height: 100px;} 
	.spcUl,.spcTextUl{grid-gap: 15px;    grid-template-columns: repeat(2, 1fr) !important;}
	.spcUl::after{ display: none;}

	.transrecoItem li::after{top: 0.5em;}
	.serviceTitle{ padding-top: 2rem;}
	.serviceTitle .entit{font-size: 12vw;}

	.caselist li {  padding: 20px 0; }
	.newslist{  grid-gap: 15px; grid-template-columns: repeat(2,1fr);}
	.newsTj,.contactMain{ padding-top: 90px;}
	.myPagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 3px;}
	.newsTj .text .more{ position: relative; left: auto; bottom: auto; padding-left: 0; margin-top: 20px; padding-bottom: 0;}
	.newsTj .text .line-clamp2{-webkit-line-clamp: 1; font-weight: bold;}
	
	.contactType li + li{ margin-top: 12px;} 
	.contactType li{ align-items: flex-start; text-align: left;} 

	.pageMore .round{   width: 38px; height: 38px; }
	.pageMore::after{  width: 38px; height: 38px; right: 2px; top: 2px;  -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
 
 

	.regulatoryCon table tr td{ font-size: 12px;white-space: normal;
		word-break: break-word;}

		.footContact{ display: flex;   width: 100%;}
		.footContact .emil{ margin-top: 0 ; margin-left: 20px;}

	 
}

@media screen and (max-width:560px) { 
	.newslist,.spcTextUl{  grid-gap: 15px; grid-template-columns: repeat(1,1fr)  !important;}
 
}

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


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