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

	.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;}
	.zw{ margin-top: -90px; padding-top: 90px;}
	.zwHeader{ height: 90px;}
	.rightBtn{  height: 90px;}

	.inlogo .la{ height: 230px;}
	.layoutUl li{ height: 560px;}

}

@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);}
 
	.ewmImg{ width: 130px;}
	.banBtn{ width: 60px; height: 60px;}

	.history-top .years{ font-size: 180px;}
	.history-top .img{ width: 420px;}

	.inlogo .la{ height: 200px;}
	.layoutUl li{ height: 515px;}
 


	.prolist li{ width: calc((100% - 80px)/3); margin-right: 40px; }

	.newslist li .round{   width: 56px; height: 56px;}
	.caselist li{ width:  calc((100% - 50px)/ 2); margin-right: 50px;}

	.srcachBox .keys{ width: calc(100% - 50px);}
	.srcachBox .submit{  height: 50px; width: 50px; }
     
}

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

	.ewmImg{ width: 110px;}

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

	.logoImg{ height: 50px;}
	.banBtn{ width: 50px; height: 50px;}
	.footLogo{ height: 68px;}

	.banImg{ height: auto;}

	.history-top .years{ font-size: 120px;}
	.history-top .img{ width: 400px;}

	.inlogo .la{ height: 170px;}
	.layoutUl li{ height: 460px;}
	.technicalSwiper .line-height3{ line-height: 2.4;}
	.history .prev{ left: 0;}.history .next{ right: 0;}
	.swbutton{ width: 50px; height: 50px;}

	.prolist li{ width: calc((100% - 60px)/3); margin-right:30px; }
	.newslist li .round{   width: 50px; height: 50px;}

	.caselist li{ width:  calc((100% - 40px)/ 2); margin-right: 40px;}

	.caselist li .text .con{ height: 80px; margin-top: -40px;}
	
}

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

	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}
	.rightBtn{  height: 70px;}
	.logoImg{ height: 46px;}

	.history-top .years{ font-size: 100px;}
	.history-top .img{ width: 350px;}

	.inlogo .la{ height: 150px;}
	.layoutUl li{ height: 420px;}

	.prolist li{width: 48%; margin-right: 4%;}
	.prolist li:nth-child(2n){ margin-right: 0;}

	.caselist li{ width:  calc((100% - 30px)/ 2); margin-right: 30px;}

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


	.navs__logos{ padding:10px 20px;}
	.navs__li{ margin-top: 10px; }

	.navs__menu-wrap{   overflow-y: scroll;   }
	.navs__menu-wrap::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
	.navs__menu-wrap::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #555; width: 1px; }
	.navs__menu-wrap::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #000; width: 1px; }
	
	.navs__li .left .navs__item dt{ font-size: 16px;}
	.navs__li a{ padding-left: 25px;}
	.navs__li dd p{ display: inline-block;}
	.navs__li .left dd{display: flex;flex-wrap: wrap;}
	.navs__logos .img img{ height: 50px;}
	.navs__menu-wrap{ height: 100%; padding-bottom: 63px;}
	.navClose{ font-size: 18px !important;}
	.navClose .iconfont{ font-size: 18px !important;}

	.rightBtn{ height: 60px;}
	.logoImg{ height: 40px;}
	.menuBtn{ font-size: 23px;}
	.dotBox{ width: 100%; transform: scale(.6); margin-left:0; bottom: 10px; -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); }
	.idxMore .left{ width: 10em;}.numUl{ width: 100%;}
	.numUl li{ width: 50%;}
	.idxAboutImg{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
	.idxAboutImg img { width: 100%; height: 260px; object-fit: cover;}
	/* .idxCooUl li{} */

	.scrollCon{ height: 240px;}
.idxCooUl .item{  width: calc(100% / 3); height: 80px;}
 


	.footEwmBox{ flex-direction: column-reverse; text-align: center; }
	.footEwmBox .color-white{ margin: 10px 0 0 0; width: 100%;}
	.footBot{text-align: center;}

	.history-top .years{ font-size: 40px;}
	.history-top .img{ width: 100%; margin-left: 0; margin-top: 15px;}

	.inlogo .la{ height: 100px; font-size: 12px;}
	 
	.brief{ background: #fff;}

	.technicalTit{ display: flex; width: 100%;}
	.technicalTit li{ width: calc(100% / 3); border-radius: 0; position: relative; transform: none; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
 
	.technicalImg{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.prolist li:hover{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

	.proinfoCon table tr td{ line-height: 2.6;}
	.typeName h1::after{ top: -5px;}
	.newslist li .text{ padding-top: 20px; padding-bottom: 0;}
	.newsPage{ display: flex; align-items: center; justify-content: space-between;}
	.newsPage a{ line-height: 2 !important; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	.jobCon{ background: #fff; height: auto;}
	.jobCon .infoImg{ width: 100%; position: relative; left: auto; top: auto; transform: none;  -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.jobClass a + a{ margin-top: 25px;}
	.jobClass a .line-height3{ line-height: 3;} 
	button.line-height3{ line-height: 3;} 

	.mapBox{ transform: translateX(0); height: 300px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
	.contacttypeCon{ width: 100%; position: relative; bottom: auto; right: 0; padding: 20px; }
	.contacttypeCon .p60{ padding: 0;}
	.mapBox{  width: 100%;}
	.messageBox .button{ width: 40%; height: 3em;}

	.srcachBox .keys{ width: calc(100% - 40px);}
	.srcachBox .submit{  height: 40px; width: 40px; }

	.jobIcon{ width: 30px;}

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

}

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

	.caselist li{ margin-right: 0; width: 100%;}
	.caselist li .text .con{ height: 60px; margin-top: -30px;}
}

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