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

	
	.inner{ width:16rem;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 16rem)/2);}
	.pr-inner{ padding-right: calc((100vw - 16rem)/2);}
	.ml-inner{ margin-left: calc((100vw - 16rem)/2);}
	.mr-inner{ margin-right: calc((100vw - 16rem)/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;}*/

		.idxBanImg,.neiBanImg{ height: auto;}
		.oneNav{ padding: 0 .2rem;}
		.logoImg{ height: .5rem;}
		 
	
		
}
@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{ 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;}


		.idxProLeftUl li .img{ display: none;}
		.idxProLeftUl li{ padding-left: .15rem; padding-right: .1rem;}
		.idxProRightUl{grid-gap: 0.2rem;grid-template-columns: repeat(2, 1fr);}
		.idxProSwiper .idxProRightUl li:last-child{ display: none !important;}
		/* .idxProLeftUl li .z5{ height: 1rem;} */
	
		.idxVideo{ width: 80%; margin-left: auto; margin-right: auto;}

		.Honors button.prev{ right:auto; left: 0;}.Honors button.next{ left:auto ;right: 0;}
		.cultureUl{    grid-gap: 0.32rem;}
		.prolist{   grid-gap: .32rem; }
		.After-salesUl{    grid-gap: 0.3rem;}
		.searchlist{  grid-gap: .32rem;}
	

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

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

	.logoImg {height: 0.62rem;}
	.idxBan .text{ top: 12%;}
	.mouse-tip{ height: 30px;} 
	.idxSmallForm{ width: 100%; margin-top: 10px;}
	.idxProLeft{ padding-top: 0;}
	.idxProLeft::before{ display: none;}
	.idxProLeftUl{ display: flex ;  overflow-x: scroll;}
	.idxProLeftUl::-webkit-scrollbar { height: 2px;}
	.idxProLeftUl::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.idxProLeftUl::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	.idxProLeftUl li{ white-space: nowrap; flex-shrink: 0; padding: 0 15px;}
	.idxProLeftUl li .z5::after{ display: none;}
	.idxProLeftUl li::after{ background: rgba(0, 0, 0, .2); left: 0;}

	.birefNum{ flex-wrap: wrap;}
	.birefNum li{ width: 50%;}
	.cultureUl{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(1,1fr);}
	.cultureUl li{ display: flex; box-shadow: 0 0 .15rem rgba(0, 0, 0, .05);}
	.cultureUl li .text{ margin-top: 0; padding-left: 25px;}
	.timeline-wrapper{ align-items: flex-start;}
	.big-year{ line-height: 1;}

	.mapBox{ height: 300px;}
	.contactTypeUl{   grid-gap: .3rem; grid-template-columns: repeat(1,1fr);}
	.select + .select{ margin-top: .3rem;}

	 
	.jobProcessUl{ display: grid; grid-gap:.3rem .8rem; grid-template-columns: repeat(3,1fr);}
	.jobProcessUl li{ width: auto; }
	/*	.jobProcessUl li:nth-child(4){ margin-right: 0;} */
	.jobList .top{ flex-wrap: wrap;}
	.jobList .top .tit{ margin-bottom: 10px;}
	.jobList .top .item{ width: 38%;}
	.pop .close{ right: 0;}

	.proSub a{white-space: nowrap; margin: 0;}
	.proSub{  width: 100%;  overflow-x: scroll; }
	.proSub::-webkit-scrollbar { height: 2px;}
	.proSub::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.proSub::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	.proSub a .text{ height: 50px; line-height: 50px; padding: 0 15px;}
	.proSub a.active .text{ background: var(--color); color: #fff;}

	.prolist{   grid-gap: .3rem; grid-template-columns: repeat(2,1fr);}
	.locationBox{ justify-content: flex-end;}
	.caseList{grid-gap: .3rem;}
	.caseinfoTop .img{ aspect-ratio: 1 / .5;}
	.Materials table tr td:first-child{ padding-left: 1em;}
	.After-salesUl{grid-template-columns: repeat(1,1fr);}

	.newslist li .line-clamp3{-webkit-line-clamp:1;}
	.newsRight{ display: flex; align-items: center; justify-content: space-between;}
	.newsRight .newsNext{ margin-top: 0;}
	.newsRight a{ width: 30%;}

	.searchlist{   grid-gap: .3rem; grid-template-columns: repeat(1,1fr);}
	.idxBan .text .font60{ font-size: 22px;}
	.idxCooConLeft,.idxCooConRight{ width: 13%; }

	.welfareCon::after{ display: none;}
	.welfareCon .w45{ padding: 25px !important;   background: #f6f6f6; }
 


}

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

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


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