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

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

	.idxCoreText{ padding-left: 2vw;}
	
	 
	
	}
@media screen and (max-width:1720px) {

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

.idxCoreText{ padding-left: 2vw;}

.globalUl li{  height: 500px;}
 

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

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

	.idxCoreText{ padding-left: 2vw;}

	.oneNav{ line-height:90px;}
	.zwHeader{ height: 90px;}
	.zw{ margin-top: -90px; padding-top: 90px;} 


	.w-70{ width: 60px;} .h-70{ height: 60px;}

	.ewmImg{ width: 140px;}

	.globalUl li{  height: 460px;}

}

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

	body{ font-size: 14px }
	.inner{ width:1240px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1240px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1240px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1240px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1240px)/2);}


	.zwHeader{ height: 85px;}
	.oneNav{ line-height:85px;}
	.zw{ margin-top: -85px; padding-top: 85px;}

	.w-70{ width: 55px;} .h-70{ height: 55px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}
	.h-60{ height: 50px;}.w-60{ width: 50px;}

	.ewmImg{ width: 125px;}
	.structuralUl li .round{ width: 100px; height: 100px;}

	
	.vacuumTit{ height: 90px;}

	.globalUl li{  height: 400px;}
 
     
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 
	 .inner{ width:88%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 6vw;}
	.pr-inner{ padding-right:6vw;}
	.ml-inner{ margin-left:6vw;}
	.mr-inner{ margin-right:6vw;}

	.zwHeader{ height: 80px;}
	.oneNav{ line-height:80px; font-size: 18px;}
	.zw{ margin-top: -80px; padding-top: 80px;}

	.w-70{ width: 55px;} .h-70{ height: 55px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}

	.idxBan .pagination .swiper-pagination-bullet{ width: 16px; height: 16px;}

	.idxProTitUl{ width: 66%;}
	.ewmImg{ width: 110px;}


	.proTable thead td{ height: 70px;  }
	.proTable   td{ height: 60px;}
	.meterials{ padding-bottom: 0;}

	.vacuumTit{ height: 80px;}
	.adhesionUl li .line{ height: 4px;}

}

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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}
	.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;}

	.infoImg .tableBox{  width: 100%;  overflow-x: scroll; padding-bottom: 15px; margin-bottom: 15px; }
	.infoImg .tableBox::-webkit-scrollbar { height: 2px;}
	.infoImg .tableBox::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.infoImg .tableBox::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }

	.zwHeader{ height: 70px;}
	.oneNav{ line-height:70px;}
	.zw{ margin-top: -70px; padding-top: 70px;}

	.w-70{ width: 45px;} .h-70{ height: 45px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}
	.h-60{ height: 45px;}.w-60{ width: 45px;}

	.idxCoreUl li.on{  font-size: 1em;}

	.OutlookUl{ flex-wrap: wrap;}
	.OutlookUl span{ width: 100%;}
	.OutlookUl span + span{ margin-top: 8px;}

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

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

	body{ font-size: 12px }
	/*.iconfont{ font-size: 16px;}*/
	.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;}

	.zwHeader{ height:60px;} 
	.zw{ margin-top: -60px; padding-top: 60px;}

	.w-70{ width: 40px;} .h-70{ height: 40px;}
	.h-50{ height: 40px;}.w-50{ width: 40px;}
	.h-60{ height: 40px;}.w-60{ width: 40px;}

	header{ padding: 0 0 0 20px !important;}
	header .con{ padding: 0 !important; width: 100%;}
	.logoImg{ height: 40px;}
	.scollDown{ width: 80px; height: 80px; top: -40px;}
	.idxBan .pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 3px;}
	.idxBan .pagination{ justify-content: flex-end; width: 80%;}
	.idxBan .button .videoBtn img.imgHeight{ height: 30px ;}

	.idxAboutTit{ position: relative; left: auto; top: auto;}
	.idxCoreText{ padding-left: 20px;}
	.idxCoreUl li{ height: 55px;}
	.idxCoreimg{ height: 300px;}

	.inlogo .la{ height: 60px;}
	.inlogo .la dl dd{ width: 100px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
	
	.myPagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 3px;}
	 
	footer{ padding: 0;}
	.language a{ height: 60px;}
	.ewmImg{  width: 90px;}
	.ewmImgBox{ padding: 10px;}

	.neibanTitle{ font-size: 30px;}

	.globalLeftUl,.structuralUl,.technicalUl,.adhesionUl,.micrographUl{  grid-gap: 15px; grid-template-columns: repeat(1,1fr);}
	.globalRight{ padding: 15px 0; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; margin-top: 15px; }

	.globalUl li + li{ margin-top: 15px;}
	.globalUl li{ width: 100% !important; height: auto; display: block;}
	.globalUl li  h2{ font-size: 1em; writing-mode: horizontal-tb; font-weight: bold; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; }
	.globalUl li .globalLeftUl{ display: grid;}

	.structuralImg{ width: calc(100% - 20px); margin-top: 15px;}
	.structuralImg{ position: relative; left: auto; top: auto;}
	.structuralUl{ padding-right: 20px;}
	.structuralUl li .round{ width: 80px; height: 80px;}
	.structuralUl li .structuralIcon  { height: 30px;}
	.SunrayRight{ border-left: 1px solid #d9e1ee; border-top: none;}

	.min-h-50{ min-height: 3em;}
	.technicalUlIcon{ height: 40px;}
	.meterialsIco{right: -30px;bottom: -50px;}
	.meterialsTit .left{  height: 2.5em;}
	.meterials .h-70{  height: auto; padding-top: 8px; padding-bottom: 8px;}

	.welding .img.right{ height: 300px;}
	.weldingIcon{ height: 32px;}
	.vacuumCon{ margin-top: 18px;}
	.vacuumUl li + li{ margin-top: 15px;}
	.vacuumTit .yinIconBox{ bottom: 90%;}
	.sunray .left::after{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	.sunrayUl{ padding-top: 0;}

	.adhesionUl li .line{ height: 3px;}

	.fiftyImg{ height:66px;}
	.brushUl{grid-gap: 15px; grid-template-columns: repeat(2,1fr);}
	.brushUl  .brushIcon{ height:36px;}
	.vacuumUl li .text{ border-radius: 8px 8px 0  0; -webkit-border-radius: 8px 8px 0  0; -moz-border-radius: 8px 8px 0  0; -ms-border-radius: 8px 8px 0  0; -o-border-radius: 8px 8px 0  0; }

	.sinceUl li{ flex-wrap: wrap;}
	.sinceUl li .left{ width: 100%;}
	.sinceUl li.on .w54{ padding: 20px;}
	.sinceUl li .btn{ position: absolute; right: 20px; bottom: 0;}
	.sinceUl li.on .w15-4{ display: none;}

	.worldTopSwiper .round{ width: 105px; height: 105px;}
	.Collaboration li + li { margin-top: 15px;}
	.threeIcon{ height: 38px;}
	.imgHeight.RetrofitIcon,.AnnualIcon{ height: 38px;}

	.newsPage{ display: flex; margin-top: 25px; justify-content: space-between; align-items: center;}
	.newsPage a{ width: 48%;}

	.mailboxIcon{ left: auto; right: 0;}

	.cultureIcon{ position: relative; display: block; width: 50px; margin-bottom: 10px; right: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }



	.qinghuaImgImg{ flex-wrap: wrap;}
	.qinghuaImgImg .w22{ width: 48%; margin-top: 5px;}
	.standingRight{ border: none; padding: 0; }
	.standing .pagination{ height: 4px;}

	.FutureUl{  flex-wrap: wrap; justify-content: space-between;}
	.FutureUl li{ width:49%}
	.FutureUl li:nth-child(3){ display: none;}
	.FutureUl li:first-child{ width: 100%; height: 3em; margin-bottom: 10px;}

	.capabilityUl li .center{ margin: 1em 0;}
	.factoryUl li + li{ margin-top: 12px;}



}

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


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

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