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


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

}

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


	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}
	.oneNav{ line-height:80px;}
	.logoImg{ height: 50px;}

	.w70-h70{ width: 60px; height: 60px;}
	.idxAppIcon{ height: 60px;}

	.subNav a{ height: 80px;}

}

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

	.commonBtn { line-height:40px; ;    }    
	.commonBtn .t {  top: -40px;   }
	.commonBtn:hover .w { transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); }
	
 
	.idxAppUl li{ height: 420px;}
	.idxAppUl li.on .con{ top: 5vw;}
	.idxAppUl li .title{ top: 6vw;}
	.logoSwiper{ height: 190px;}
	.footEwm{ width: 125px;}

	.newslist li{ width: calc((100% - 80px)/3); margin-right:40px; } 
	.subNav a{ height: 70px;}
	.supportUl .item{ height: 30vw;}
	.caselist li .text::after{width: 8px; left: -8px;}
}

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

	.banImg{ height: auto;}

	.oneNav{ font-size: 16px; padding: 0 1.5vw;}
	.oneNav span::after{ height: 1px;}
	.w70-h70{ width: 56px; height: 56px;}
	.idxAppIcon{ height: 55px;}
	.footEwm{ width: 115px;}

	.newslist li{ width: calc((100% - 60px)/3); margin-right:30px; } 
	.newsTopSwiper .swiper-slide .desc{ height: 8em;}
	.subNav a{ height: 60px;}

	.supportUl .item{ height: 33vw;}
	
	.caselist li .text::after{width: 7px; left: -7px;}
}

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

	.w70-h70{ width: 50px; height: 50px;}
	.footEwm{ width: 100px;}

	.prolist li .more{ width: 200px; height: 200px; margin-left: -100px; margin-top: -100px;}
	.prolist li { width: 50%;}
	.subNav a{ height: 50px;}

	.newDetail{ margin: 15px 0 0 0 ;}

	.supportUl .item{ height: 500px;}
    
}
@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;}

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

	.dotBox{ width: 100%; display: flex; align-items: center; justify-content: center; left: 0; right: 0; bottom: 15px; top: auto; transform: scale(.6); -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); }

	.dotBox > li{ margin: 0 6px;}
	.idxAbout .infoImg{ height: auto;  padding-bottom: 12px;}
	.numUl li:first-child{ padding-top: 25px;}
	.idxProTit{ margin-bottom: 15px;}
	.idxProSwiper .swiper-slide-prev{ padding-top: 0;}
	.idxProSwiper .swiper-slide-active{ padding-top: 0;}
	.idxProSwiper .swiper-slide-next{ padding-top: 0;}
	.w70-h70{ width: 40px; height: 40px;}
	.idxProBtn{ position: relative; left: auto; top: auto; bottom: auto; right: auto; justify-content: center; margin-top: 15px;}
	.idxAppUl li.on,.idxAppUl li{ width: 100%; height: 250px;}
	.idxAppUl li + li{ margin-top: 15px;}
	.idxAppIcon{ height: 40px;}
	.idxAppUl li  .title{ top: 0; opacity: 0; }
	.idxAppUl li  .con{ top: 8.4vw;}
	.idxAppUl li  .con .opacity0{ opacity: 1;}
	.idxAppUl li  .round{ opacity: 1; transform:translateY(0) rotate(-45deg) ; -webkit-transform:translateY(0) rotate(-45deg) ; -moz-transform:translateY(0) rotate(-45deg) ; -ms-transform:translateY(0) rotate(-45deg) ; -o-transform:translateY(0) rotate(-45deg) ; }

	.logoSwiper{ height: 150px; padding-left: 1px;}
	.logoSwiper .swiper-slide{  height: calc((100% - 15px)/2);}
	.idxApp .pagination{ height: 3px;}

	.footEwm{ width: 90px;}
	footer .footEwm{ margin: 15px auto 0 auto; }
	footer .bottom{ text-align: center;}

	.honorSwiper .swiper-wrapper .swiper-slide:nth-child(2n){ padding-top: 0;}
	.bireRight{ margin-top: 15px;}
	.cultureImg{ opacity: 1;}
	.historySwiper .swiper-slide{ height: auto;}
	.historySwiper .swiper-slide .text{ margin-top: 12px;}
	.historyBtn{ position: relative; right: auto; bottom: auto; margin-top: 15px;}

	.appDetailBox{ padding-left: 0; padding-right: 0;}
	.appDetail{ margin-top: 15px;}

	.newslist li{ width: 100% ; margin-right: 0 !important;}
	.subNav a{ height:48px;}

	.supportUl .item{ width: 100% !important; margin-bottom: 15px; height: auto;}
	.supportUl .item::after{  background: rgba(255, 255, 255, 0.95);}
	.supportUl .item .right{ padding: 0; padding-left: 2em; width: 100%; opacity: 1; position: relative; left: auto; top: auto; right: auto; bottom: auto;}
	.supportUl .item .left{ opacity: 0; display: none;}
	.supportUl .item .right .w75{ margin-top: 15px;}

	.PhilosophyTit{ transform: none; position: relative; left: auto; top: auto; right: auto; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

	.Philosophy ul li:last-child{ margin-bottom: 20px;}
	.Philosophy ul:last-child{ text-align: left;}

	.downList a{  width: 100%; margin-right: 0 !important;}
	
	.jobUl li + li{ margin-top: 18px;}
	.jobUl li .text{ top: auto; bottom: 10px;}
	.jobUl li .text .desc{ height: auto; opacity: 1;}
	.jobUl li .img{ padding-bottom: 74%;}
	.jobIcon{ width: 30px;}

	.messageBox .btn{ width: 40%;}

	.applist li:nth-child(2n){ flex-direction: column; }
	.applist li  .text{ padding-left: 20px !important; padding-right: 20px !important;}
	.applistIcon{ width: 50px;}
	.contactTypeUl{ flex-wrap: wrap;}
	.contactTypeUl li{ width: 48%; text-align: center; margin-top: 2%;}
	.mapBox{ height: 260px;}
	.reloadMarkerUl li{ height: 2.8em;}
	.h4{ height: 3.6em;}
 
	.footer .bottom{ text-align: center;}
	.caselist li .text{ padding: 10px;}
	.caselist li .text::after{ display: none;}

}

@media screen and (max-width:620px) { 
	.prolist li { width:100%;}
}

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