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

	.honor .prev { left: -25px;}
.honor .next { right: -25px;}

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

	.idxYsUl li .img{ width: 95px; height: 95px;}
	.yearsUl span{     font-size:180px;  }
	
	.subNavLink{ line-height:80px;}

	.newslist li{ width: calc((100% - 100px)/3); margin-right: 50px;}
	/* .newsRightUl{   top: 100px;} */
	.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);}

	.footEwm li{ width: 60px; height: 60px;}

	.oneNav{ line-height: 80px;}
	.h_nav{ width: 80px; height: 80px;}
	.languageBtn{ height: 80px;}
	.zw{ padding-top: 80px; margin-top: -80px;}
	.zwHeader{ height: 80px;}

	.h_nav{ padding: 26px  18px;}
	.logoImg{ height: 58px;}
	.idxYsUl li .img{ width: 86px; height: 86px;}

	.yearsUl span{     font-size:160px;  }
	.cultureTopIcon{ height: 80px;}

	.subNavLink{ line-height: 70px;}
	.customrelist li {  height: 110px;}

	.newslist li{ width: calc((100% - 80px)/3); margin-right: 40px;}
	/* .newsRightUl{   top: 90px;} */
 
	.prolist li{ width: calc((100% - 50px)/3);  margin-bottom: 25px;}

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

     
}

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

	.idxYsUl li .img{ width: 76px; height: 76px;}
	.yearsUl span{     font-size:130px;  }

	.cultureTopIcon{ height: 75px;}

	.subNavLink{ line-height: 66px;}

	.customrelist{  grid-gap: 1.5vw; grid-template-columns: repeat(4,1fr);}
	.customrelist li {  height: 100px;}

	.newslist li{ width: calc((100% - 50px)/3); margin-right: 25px;}
	/* .newsRightUl{   top: 80px;} */
	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}

	._citys1{grid-template-columns: repeat(4, 1fr);}

	.prolist li{ width: calc((100% - 40px)/3);  margin-bottom: 20px;}
	
	.prolist li .img{ padding-bottom: 70%;}

}

@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{ line-height: 70px;}
	.h_nav{ width: 70px; height: 70px;  padding: 20px  15px}
	.languageBtn{ height: 70px;}
	.zw{ padding-top: 70px; margin-top: -70px;}
	.zwHeader{ height: 70px;}
	.idxYsUl li .img{ width: 60px; height: 60px;}
	.idxSouSwiperIcon{ height: 40px;}
	.footEwm li{ width: 50px; height: 50px;}

	.yearsUl span{     font-size:100px;  }

	.cultureTopIcon{ height:70px;}

	.subNavLink{ line-height: 60px;}

	.customrelist{  grid-gap: 25px; grid-template-columns: repeat(3,1fr);}
	.customrelist li {  height: 100px;}

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

	._citys1{grid-template-columns: repeat(3, 1fr);grid-gap:5px}

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

    
}
@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;}
	.navEwmUl{ display: none !important;}

	.h_nav{ right: 90px; width: 60px; right: 0; height: 60px; padding: 18px 8px; background: var(--color);}
	.zw{ padding-top: 60px; margin-top: -60px;}
	.zwHeader{ height: 60px;}
	.languageBtn{ height: 60px; margin-right: 75px;}
	.logoImg{ height: 48px;}
	.navUl li.w33{ width: 100% !important;}

	.idxBanImg{ height: auto;}
	.mouse-tip{ height: 40px;}

	.idxYsUl li{ flex-direction: row; text-align: left; border-right: none; border-bottom: 1px solid #e5e5e5;} 
	.idxYsUl li .img{ width: 52px; height: 52px; margin-right: 20px;}
	.idxNumImg{ width: 100%; height: 160px; object-fit: cover;}
	.idxPro .button{flex-direction: row-reverse; margin-right: 0; justify-content: center;}
	.idxPro .button .next{ margin-bottom: 0; margin-left: 18px;}
	.idxProSwiper .swiper-slide .desc{ height: 5em;}

	header .con{ height: 60px;}
	.recruit{ width: 100%; height: 320px;}
	.recruit .bg2{ background: url(../images/recruitImg.jpg) no-repeat center center / cover; }
	.idxSouSwiperIcon{ height: 36px;}
	.icons .c{ width: 20px; height: 20px;}
	.icons{ margin-left: 30px;}
	footer .top  .pl-40{ padding-left: 0;}
	.footEwm{ margin-top: 15px;}
	.footEwm li:first-child{ margin-left: 0;}
	.footEwm li .iconfont{ font-size: 20px;}
	footer .center .right{ padding-left: 0;}
	.banPlay{ border: 1px solid #fff; border-radius: 5px; padding: 8px 15px; 
	
	}
	.banLeft{width: 2vw; height: 22vw;}
	.in-nav .right{ width: 100%; height: 100%;  padding: 0; padding-right: 20px;  align-items: flex-start; justify-content: flex-start; padding-bottom: 70px; padding-top: 60px; padding-left: 20px;}
	.navUl li .font18{ font-size: 18px;}
	.navUl li dd a{ font-size: 14px; line-height: 2.4;}
	.navUl li{ margin-bottom: 15px;}
	.in-nav .right{ overflow-y: scroll;     }
	.in-nav .right::-webkit-scrollbar {  width: 2px;}
	.in-nav .right::-webkit-scrollbar-thumb {  background: #003f98; width: 2px; }
	.in-nav .right::-webkit-scrollbar-track {  background: #f2f5f9; width: 2px; }

	.historyCon{  background: url(../images/about4line2.png)  repeat-x bottom left; padding-bottom: 30px;}
	.yearsUl span{ font-size: 60px; margin-bottom: 15px;} 
	.historySwiper .swiper-slide::after{    width: 5px;height: 10px;top: 8px;}
	.historySwiper{ height: auto;}
	.historySwiper .swiper-slide .DIN{ font-size: 22px; margin-bottom: 8px;}
	.history{background: url(../images/historyBg.jpg) no-repeat center bottom; background-size: auto;}
	.cultureTopImg{ width: 100%; height: 200px; object-fit: cover;}
	.cultureTopIcon{ height: 52px;}

	.cultureUl li{ display: flex;  align-items: flex-start;}
	.cultureUl li .round{ width: 22px; height: 22px;}
	.cultureBox::after{  width: 1px; height: 100%; left: 31px; top: 14px;}
	.cultureUl li .text{ margin-top: 0; margin-left: 25px;}
	.cultureUl li + li{ margin-top: 18px;}

	/* .prolist li .img{ height: 300px;}
	.prolist li .text{ padding: 25px;}
	.prolist li .text .desc{ height: 5em;}
 */
	.subNav .inner{ width: 100%; margin: 0; padding: 0;}
	.subNavLink{ line-height:42px; margin-right: 0; padding: 0 20px;}
	.subNavLink:hover,.subNavLink.on{ color: #fff; background: var(--color);}
	.subNav .inner{  width: 100%;  overflow-x: scroll; }
	.subNav .inner::-webkit-scrollbar { height: 2px;}
	.subNav .inner::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.subNav .inner::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.neiBan .text .tit::before{ display: none;}

	.proBrief .button a{ width: 50%; padding: 12px 0;}
	.pageScroll{ display: none !important;}

	.customrelist{  grid-gap: 15px; grid-template-columns: repeat(2,1fr);}
	.customrelist li {  height: 70px;}

	
	._citys1{ max-height: 300px; overflow-y: scroll;  }
._citys1::-webkit-scrollbar {width: 2px;}
._citys1::-webkit-scrollbar-thumb { border-radius: 2px; background: #c1c1c1; width: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
._citys1::-webkit-scrollbar-track { border-radius: 2px; background: #f1f1f1; width: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }

.contatStyleIcon{ width: 40px;   }

.contactStyle  li{ display: flex; align-items: flex-start; padding: 10px  ;  border-right: none; border-bottom: 1px solid #e5e5e5;}
.contactStyle li .text{ margin-top: 0; padding-left: 20px; width: 100%;}
.mapBox{ height: 320px;}
.messages .button{ width: 40%;}

.industrylist li{ padding-bottom: 45%;}
.industrylist li  .idxSouSwiperIcon{ height: 20px;}

.searchBox .form{ width: calc(100% - 35px);}
.searchBox .keys{ height: 32px;}
.searchBox .submit{ width: auto; height: 32px; padding: 0 15px;}

.footEwm li .img{ width: 100px; margin-left: -50px;}

.side_bar{ top: auto !important; bottom: 100px; width: 50px; display: none !important;}
.side_bar>ul>li a,.side_bar>ul>li{ height: 50px;}
.side_bar>ul>li{ border-bottom: none;}



}

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

	.prolist li{ width:100%; margin-right: 0 !important; margin-bottom: 20px;}
	.prolist li .img{ padding-bottom: 50%;}

	.newslist li{ width: 100%; margin-right: 0 !important;}
}

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