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

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

 

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

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

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

	.AwardsSwiper{ height: 500px;} 
 

}

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

	nav li.pro dl{   max-height: calc(100vh - 85px);  }

	.logoImg{ height:48px;}
	.AwardsSwiper{ height: 540px;} 
	 
}

@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: 16px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	nav li.pro dl{   max-height: calc(100vh - 80px);  }

	.idxBanImg{  height: auto;}

	.logoImg{ height:43px;}

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

	.AwardsSwiper{ height: 420px;} 
	.AwardsSwiper .swiper-slide{ background: #f7f8fc; height: calc((100% - 30px)/2);}

	.tuoziList{display: grid; grid-gap:  1.5vw ; grid-template-columns: repeat(1,1fr);}
 
}

@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;}
	nav li.pro dl{   max-height: calc(100vh - 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;}

 
	.AwardsSwiper{ height: 500px;} 
	.AwardsSwiper .swiper-slide{ background: #f7f8fc; height: calc((100% - 25px)/2);}
	.prolist{  grid-gap: 2vw; grid-template-columns: repeat(2,1fr);}

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

	.tuoziList{  grid-gap:  1.5vw ; grid-template-columns: repeat(1,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;}

	.idxAboutLeft{  position: relative; left: auto; top: auto;}
	.numUl li{ border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center;}

	.idxProList li .texyt{ padding: 0 20px 20px 20px;}

	.idxObjectText,.idxObjectTab{ width: calc(100% - 20px);}
	.idxObjectImg{  height: 420px;}
	.rightIcon{ display: none;}
 
	header .con{  padding-right: 0;  padding-left: 20px;}
	.logoImg{ height: 36px;}
	#biref,#Global,#History,#Awards,#Culture,#ability{ scroll-margin-top: 70px;}

	.AwardsSwiper{ height: auto;}
	.AwardsSwiper .swiper-slide{ background: #f7f8fc; height:auto;}
	.myPagination .swiper-pagination-bullet{ margin: 0 3px;}
	.birefBtn{ width: 15%;}

	.Global .img{ position: relative; left: auto; top: auto; margin-top: 18px;  width: 100%;}

	.cultureUl{  flex-wrap: wrap; margin-top: 20px;}
	.cultureUl li .top::after{ display: none;}
	.cultureUl li{ padding: 20px 0; flex:auto; width: calc(100% / 3); border-top: 1px solid rgba(255, 255, 255, .15);}
	.cultureIcon { height: 26px;}
	.abilityUl{ flex-wrap: wrap;}

	.proClass{ display: none;}
	.proDetialRight .img{ aspect-ratio: 1/.6;}
	/*.proDetailYs li{ padding: 50px 0 60px 0;}*/
	.proDetailYs li::after{ display: block; content: ''; width:100%; height: 1px; position: absolute; right: 0; top: 100%; }

	.commitmentUl{ flex-wrap: wrap;}
	.commitmentUl li { margin-top: 15px; width: 48%;}

	.QualityUl{ flex-wrap: wrap;}
	.QualityUl li{ width: 33.3%; margin-bottom: 12px;}
	.QualityUl li .round{ width: 66px; height: 66px;}

	img.RigorsubTit{ height: 20px;}
	.RigorUlIcon,.commitmentIcon{ height: 45px;}
	.digitalRight{ justify-content: center;}
	.digitalRight img{ width: 80%;}

	/* .newslist li .right{ padding-left: 0; padding-right: 0;} */
	.newsPage a{ width: auto;}
	.neiBanDetail{ max-height: 200px;}

	.joblist .top .btn{ margin-top: 10px; justify-content: flex-end; height: 35px;}
	.joblist .top .btn span{ padding-top: 10px; padding-bottom: 10px;}
	.joblist .descinfo{ align-items: flex-end;  }
	.joblist .jobTip .wapBold{ margin-bottom: 8px;}

	.mapBox{ height: 300px;}
	.idxCustomerTit{ font-size: 18px;}

	.industryList li .text{ position: relative; width: 100%; left: auto; right: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.industryList li:nth-child(2n) a{ flex-direction:column;}
	.solutionsOne{ padding: 20px 20px 0 20px;}
	.tuoziItem{ padding: 20px;}
	.tuoziThumb,.touziText{ width: 100%;}
	.tuoziThumb{ min-height: 0; aspect-ratio: 16 / 6;}
	.tuoziThumb img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain;}
	.tuoziText{ margin-top: 18px;}
	.touziDesc{ max-height: 220px;}
	.tuoziList li:active{ box-shadow: 0 0 15px rgba(0,0,0,.1); transform: scale(.99); -webkit-transform: scale(.99); -moz-transform: scale(.99); -ms-transform: scale(.99); -o-transform: scale(.99);}

	.journeyTwoUl{   grid-gap: 20px; grid-template-columns: repeat(1,1fr);}
	.journeyFourIcon{ height:80px;}
	.journeyFourUl li .img{ margin-top: -40px;}
	
	.idxCustomerImg{opacity:1}


	 .ssSwiper  .swiper-slide{ flex-direction: column;}
	 .ourViseIcon{ height: 50px;}
}

@media screen and (max-width:560px) { 
 
	.journeyFourUl{  grid-gap: 40px; grid-template-columns: repeat(1,1fr);}

	.tuoziList{  grid-gap: 20px ; grid-template-columns: repeat(1,1fr);}
}

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