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


		.idxBanImg{ height: auto;}
		.cultureIcon{ height: 62px;}
	
		.cooUl{   grid-template-columns: repeat(4,1fr);}
		.newslist{ display: grid; grid-gap: .65rem; grid-template-columns: repeat(2,1fr);}
		.mapInner .text{ margin-right: 0;}

		.factoryList{ display: grid; grid-gap: .5rem; grid-template-columns: repeat(2,1fr);}
	 
		
		
} 
@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: 38px}

	.idxBan .swiper-slide .text .tit{ border-bottom: 1px solid #fff;}

	.pageMore{ padding: 2px; }
	.pageMore .round{   width: .7rem; height: .7rem;}
	.pageMore::after{   width: .7rem; height: .7rem;  right: 2px; top: 2px;   }
	.pageMore:hover::after{ width: calc(100% - 4px); height: calc(100% - 4px);}

	.idxProList{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(2,1fr);}
	.idxAbout .numUl{ display: flex; flex-wrap: wrap; justify-content: space-between; }
	.idxAbout .numUl li{  width: 46%;}
	.idxAbout .numUl li:first-child{ width: 100%;}

	.idxEquipment { overflow: hidden;}
	.idxYsSwiper .swiper-slide{ height: 6.3rem;}
	
	.idxYsSwiper .swiper-slide-active{ color: #fff;
		clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - .8rem), calc(100% - .8rem) 100%, 0px 100%, 0px 0px);
	  }
	  .idxYsSwiper .swiper-slide-active::after{ height: 100%;}
	  .idxYsSwiper .swiper-slide-active .line{ background: #fff;}
	  .idxYsSwiper .swiper-slide-active .idxYsIcon{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }
	  .idxYsSwiper .swiper-slide-active .text{  padding-bottom: .35rem;}
	  .idxYsSwiper .swiper-slide-active .text .desc{ opacity: 1;}
	
	.footerCenter .right{ border-left: none; padding: 25px 0;}
	.footerCenter .iconfont{  font-size: 8px;}
	.footerBot{ text-align: center;}

	.idxProList li .img{ aspect-ratio: 1 / .8;} 
	.birefUl{ flex-wrap: wrap; display: flex; justify-content: space-between;}
	.birefUl li{ width: 48%;}
	.birefUl li:first-child{ width: 100%;}

	.cultureuL li{ padding: .8rem .2rem;}
	.cultureIcon{ height: 48px;}
	.cultureuL li:before{ border-left: 0; border-top: 1px solid rgba(255, 255, 255, .15);}

	.processBoxUl{ flex-wrap:wrap;  }
	.processBoxUl li{ flex: auto; height: auto; padding-left: .5rem; width: 100%;}
	.processBoxUl li + li{ margin-top: .3rem;}
	.processBoxUl li .round{ top: .1rem; transform: none; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.processBoxUl::after{ width: 1px; height: 100%; left: calc(20px + .15rem); top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

	.machiningUl{ grid-gap: 0.3rem;   grid-template-columns: repeat(1, 1fr);}
	.Related  .button{ justify-content: center;}

	.equiepemntUl{ grid-gap: 0.5rem;   grid-template-columns: repeat(1, 1fr);}
	.equiepemntUl li .text .line::after{ height: 3px;}

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

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

	.mapInner .inner{ position: relative; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.mapInner .text{ width: 100%; padding: 0; margin-top: 25px;}

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

	.footerCenter{ border-top: 1px solid #e5e5e5;}
	.culture{ background: url(../images/cultureBg.jpg) no-repeat center center / cover;}

	.jobIcon{ width: 30px;}

	.jobPop .close{ font-size: 28px;}

	.historySwiper .swiper-slide.swiper-slide-active{ padding-top: 1rem;}
}



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

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