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

	.inlogo .la{ height: 230px;}

	.newsRightUl a .img{ width: 165px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 190px);}

}

@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);}
 
	.idxMore{ padding: 3px;}
	.idxBan .next, .idxBan .prev{ width: 65px; height: 55px;}

	.idxTitIcon{ height: 22px;}
	.idxAbout .eng{ font-size: 186px;}
	.idxAbout .scollIcon{ width: 176px;}
	.aboutPlay img{ width: 138px;}

	.idxAboutCon .numUl{ padding-top: 60px; padding-bottom: 35px;}
	.idxCase .button div{ height: 46px;}
	.relatedBox .button div{ height: 46px;}
	.footEwm .img{ width: 120px;}
	footer .top .left{ width: ;}

	.inlogo .la{ height: 200px;}

	.prolist li{ width: calc((100% - 120px)/3); margin-right: 60px;}
	.caseInfoBot .inner{ transform: translateY(-90px); -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); }
	.caseinfoIconUl li { height:180px; }
	.caseinfoIconUl li .img{ width: 50px; height: 50px;}

	.PromisesUlIcon{ height: 65px;}
	.PromisesUl li{ margin-right: 20px; width: calc((100% - 60px)/4);}
	.newslist li{ width: calc((100% - 120px)/3); margin-right: 60px;}

	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}


}

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

	.oneNav{ line-height: 80px; font-size: 16px; padding: 0 1.4vw;}
	.languageBtn{ height: 80px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}

	.logoImg{ height: 40px;}
	.idxBanImg{ height: auto;}
	.idxPro .next, .idxPro .prev{ width: 40px; height: 40px;}
	.idxAbout .eng{ font-size: 160px;}
	.idxAbout .scollIcon{ width: 150px;}
	.aboutPlay img{ width: 120px;}

	header .con{ width: 100%; padding-left: 20px;}

	.idxMore::after{ width: 45px; height: 45px;     }
	.idxMore .round{ width: 45px; height: 45px;}

	.inlogo .la{ height: 170px;}
	.prolist li{ width: calc((100% - 100px)/3); margin-right: 50px;}
	.proInfoTwo table tr td{ line-height: 3;}
	.ser_page .part2 .list .item{ width: 32vw; height: 22vw;}

	.caseInfoBot .inner{ transform: translateY(-75px); -webkit-transform: translateY(-75px); -moz-transform: translateY(-75px); -ms-transform: translateY(-75px); -o-transform: translateY(-75px); }
	.caseinfoIconUl li { height:150px; }
	.caseinfoIconUl li .img{ width: 42px; height: 42px;}

	.processUl li{ width: 10em; height: 10em;}
	.processUl li .processUlIcon{ height: 45px;}

	.newslist li{ width: calc((100% - 70px)/3); margin-right: 35px;}


}

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

	.oneNav{ font-weight: normal; line-height: 72px;}
	.languageBtn{ height: 72px;}
	.zw{ margin-top: -72px; padding-top: 72px;}
	.zwHeader{ height: 72px;}

	.idxMore::after{ width: 40px; height: 40px;     }
	.idxMore .round{ width: 40px; height: 40px;}

	.idxBan .next, .idxBan .prev{ width: 60px; height: 50px;}
	.idxAbout,.idxAboutCon{ height: 600px;}
	.idxAbout .eng{ font-size: 115px;}
	.idxAboutCon .numUl{ width: 78%;}  

	.aboutPlay img{ width: 100px;} 

	.inlogo .la{ height: 150px;}

	.prolist li{ width: calc((100% - 50px)/2); margin-right: 50px;}
	.prolist li:nth-child(2n){ margin-right: 0;}

	.caselist li{ width: calc((100% - 50px)/2); margin-right: 50px;}
	.caselist li:nth-child(2n){ margin-right: 0;}

	.newslist li{ width: calc((100% - 50px)/2); margin-right: 50px;}
	.newslist li:nth-child(2n){ margin-right: 0;}

	.processUl li{ width: 9em; height: 9em;}
	.processUl li .processUlIcon{ height: 40px;}
	.submitBtn{ height: 3em;}
	.PromisesUlIcon{ height: 60px;}

	.joblist li{ width:48%; margin-right:4%;}
	.joblist li:nth-child(2n){ margin-right: 0;}
 
	
	.joblist{ margin-top:5px;}
	.joblist li { margin-top: 20px;}

	.pop .con{ width: 96vw;margin-left: -48vw;}
	.pop .close{ width: 40px;}
	
    
}
@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;}

	.idxMore::after{ width: 30px; height: 30px;   top: 3px; right: 3px;   }
	.idxMore .round{ width: 30px; height: 30px;}

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

	.logoImg{ height: 35px;}
	.idxBan .next, .idxBan .prev{ width: 50px; height: 40px;} 
	.idxPro .content::before,.idxPro .content::after{ display: none;}
	.idxPro .next, .idxPro .prev{ width: 32px; height: 32px;}
	.idxAbout .eng{ font-size: 66px;}
	.idxAbout .scollIcon{ width: 110px;}


	.idxAbout{ padding: 30px 20px;}
	.idxAbout, .idxAboutCon{ height: auto; }
	.idxAboutCon .numUl{ margin-top: 25px; padding-top: 25px; padding-bottom: 25px; width: 100%; position: relative; right: auto; bottom: auto; flex-wrap: wrap;}
	.idxAboutCon .numUl li{ width: 50%; margin-top: 18px;}
	.numUlIcon{ width: 32px;}
	.idxCase .button { margin-right: 15px;}
	.idxCase .button div{  height: 35px; width: 70px;}
	.relatedBox .button div{ height: 35px; width: 70px;}
	.idxCoo .banner .swiper-container .swiper-wrapper .swiper-slide {width: 120px;height: 60px; box-shadow:	0px 6px 8px 0px rgba(171, 171, 171, 0.3) ;}
	.footEwm{  margin-top: 15px;}
	footer .top .right{  justify-content: center; justify-content: center;}
	.footEwm .img{ width: 100px;}
	footer .bottom{ text-align: center;}


	.historyUl li .years{ bottom: auto; top: auto; left: auto; margin-top: 0; right: auto; position: relative;}

	.history .circle {width:66vw;height: 15.625vw;margin:60px auto 0;  }
	.history .circle:before { width:66vw;height:66vw; }
	.history .circle .img-box {width:66vw;height:66vw;  }
	.history .circle .items {width:66vw;height:66vw;  }
	.history .circle .item span{ font-size: 22px;}


	.inlogo .la{ height: 80px;}
	.briefNum{ flex-wrap: wrap;}
	.aboutPlay img{ width: 80px;}
	.briefNum li{ width: 50%;margin-top: 18px;}
	.briefVideo{ height: 320px;}

	.culture{background: url(../images/cultureBg.png) no-repeat center top;    background-size: 100% 100%;}
	.culture .con::after{ display: none;}
	.cultureUl li{ flex-direction: column !important; text-align: left !important; }
	.cultureUl li .text { margin-top: 15px;}

	.proInfoTwo table tr td{ line-height: 2.6;}
	.ser_page .part2{ height: auto; padding-bottom: 30px;}
	.whySwiper .swiper-slide{ height: auto;}

	.myswiperBtn{ width: 38px; height: 38px;}
	.caseInfoBot .inner{ transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.caseInfoBot{ padding: 25px 0;}

	.caseinfoIconUl{ flex-wrap: wrap;}
	.caseinfoIconUl li{ width: 50%; height: 92px;}
	.caseinfoIconUl li .img{ width: 38px; height: 38px;}
	.proInfoTwo table tr td{ line-height: 2;}
	.neiBan .desc{ width: 80vw;}
	.oemUl li + li{ margin-top: 15px;}

	.PromisesUl{flex-wrap: wrap;}
	.PromisesUl li{ width: 100%; margin-right: 0; margin-top: 2%;}
	.PromisesUl li:nth-child(2n){ margin-right: 0;}
	.PromisesUlIcon{ height: 60px;}

	.processUl{ flex-wrap: wrap;}
	.processUl li{    margin: 20px 0.5em 0 0.5em;
		width: 12em;
		height: 12em;}

	.oemUl li .text{ transform: translateX(0); background-image: linear-gradient(to left,var(--color),transparent); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }


	.mapBox{ flex-direction: column;}
	.mapImg{ height: 320px;}
	.mapInfo{ width: 1000%; width: 100%; position: relative; top: auto; left: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

	.joblist li .more{ height: 40px;}
	.ser_page{ width: 100vw; overflow: hidden;}
	.page-aside-item{ width: 44px; height: 40px;}

	.idxBan .font60{ font-size: 18px;}
	.proNav a{line-height: 1.5;
		height: 3.5em;
		display: flex !important;
		align-items: center;
		justify-content: center;}

		.salesOem .pagination .swiper-pagination-bullet{ margin: 0 3px; height: 6px; width: 6px;}
}

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

	.prolist li,.caselist li,.newslist li,.joblist li{ width: 100%; margin-right: 0;}
}

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