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

	nav li .one{ line-height: 90px; font-size: 18px;}
	.zwHeader{ height: 90px;}
	.zw{ margin-top: -90px; padding-top: 90px;}

	.idxAboutImg{ width: 550px;}
	.numUl{ height: 279px;}
	.submenu a{ height: 100px;}

}

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

	body{ font-size: 14px;}
	nav li .one{ line-height: 80px; font-size: 16px;}
	nav li .subnav a{ font-size: 14px;}
	.zwHeader{ height: 80px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	nav li .one::before{ height: 2px;}
	.idxAboutEngTit{ font-size: 200px;} 
	.numUl{  width: 58%;}

	.logoImg{ height: 56px;}
	.submenu a{ height:80px;     padding: 0 1vw;}
	.submenu a::after{  width: 8px; height: 8px; bottom: -4px; margin-left: -4px;}
	.profile .paly{ width: 80px; height: 80px;}
	.historyTopSwiper .years{ font-size: 400px;}
	.historyTopSwiper .con{ min-height: 300px;}

	.honor .prev{ left: 0; background: #fff;}
	.honor .next{ right: 0;background: #fff;}
	.project .prev{ left: 0; background: #fff;}
	.project .next{ right: 0;background: #fff;}
	.honor .next, .honor .prev,.history .next, .history .prev,.contactStyle .next, .contactStyle .prev,.project .prev,.project .next{ width: 50px; height: 50px;}
	
	.servicekefuIcon{ height: 54px;}
	.serviceCenterUl li{ width: calc((100% - 75px)/4); margin-right: 25px;}
	.serviceBottomIcon{ width: 66px;}
 
	.ewmBox{ width: 140px;}
	.contactStyleSwiper{ width: calc(100% - 120px);}

	.prolist .more::after{ width: 50px; height: 50px;}
	.telIcon,.onlineIcon{ height: 20px;}

	.photograph .prev, .photograph .next{top: 242px;}
	.photograph .prev{ left: -60px;}
	.photograph .next{ right: -60px;}
	.photographSwiper .photographSwiperImg{ height: 220px;}
	.photograph .con::after{ top: 265px;}
	

	.newsTop .left .pic{ height: 500px;}
	.newsTop .right .img img{ height: 310px;}
	.newsTop .right .text{ height: calc(100% - 310px);}
	.newslist li{ width: calc((100% - 60px)/3); margin-right: 30px;}

	.newsTop .left{ width: calc((100% - ((100% - 60px)/3))  - 30px );}
	.newsTop .right{ width: calc((100% - 60px)/3);}

     
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 nav li .one{ line-height: 70px; font-size: 16px;}
	nav li .subnav a{ font-size: 14px;}
	.zwHeader{ height: 70px;}
	.zw{ margin-top: -70px; padding-top: 70px;}
	.logoImg{ height: 48px;}
	.banImg{ height: auto;}
	.idxAboutEngTit{ font-size: 160px;}
	.idxAboutImg{  width: 480px;}
	.numUl{ height: 244px;  width: 61%;}
	.w80{ width:min(90%,1620px);   margin: 0 auto;  }

	.submenu a{ height:70px;}

	.numIcon{ height: 20px;}
	.cultureIcon{ height: 80px;}
	.teamSwiper .img img{ width: 180px; height: 180px;}
	.historyTopSwiper .years{ font-size: 300px;}
	.historyTopSwiper .con{ min-height: 250px;}

	.servicekefuIcon{ height: 48px;}
	.serviceCenterUl li{ width: calc((100% - 60px)/4); margin-right:20px;}
	.serviceBottomIcon{ width: 58px;}

	.ewmBox{ width: 100px;}
	.prolist .more::after{ width: 40px; height: 40px;}
	.radius20{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
	.telIcon,.onlineIcon{ height: 15px;}

	.photographSwiper .swiper-slide .center{ padding: 30px 0;}
	.photograph .con::after{ top: 255px;}
	.photograph .prev, .photograph .next{ top: 230px;}

	.radius20{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
	.newsTop .left .pic{ height: 400px;}
	.newsTop .right .img img{ height: 240px;}
	.newsTop .right .text{ height: calc(100% - 240px);}
	.newslist li{ width: calc((100% - 40px)/3); margin-right:20px;}

	.newsTop .left{ width: calc((100% - ((100% - 40px)/3))  - 20px );}
	.newsTop .right{ width: calc((100% - 60px)/3);}

}

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

	header .right,.footNav{ display: none !important;}
	nav li .one{ line-height: 60px;  }
	.zwHeader{ height: 60px;}
	.zw{ margin-top: -60px; padding-top: 60px;}
	.iPad-show{ display: block;}
	.iPad-none{ display: none;}

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

	.idxAboutEngTit{ font-size: 120px;}
	.idxYin{ height: 20px;}
	.idxAboutImg{ width: 400px;}
	.numUl{ width: 58%; height: 203px;}
	.shateIcon{ height: 22px;}
	.idxCustom .right ul li{ height: 100px;}

	#back_top .master_backTop .master_backTop_btn{ width: 50px; height: 50px;}
	.logoImg{ height: 40px;}

	.submenu a{ height:60px;}

	.numIcon{ height:18px;}
	.cultureIcon{ height: 60px;}
	.cultureUl li:hover{ box-shadow: 0 0 0 5px var(--yellow);}
	.history .next{right: 0;}
	.history .prev{ left: 0;}

	.servicekefuIcon{ height: 40px;}
	.serviceCenterUl li{ width: calc((100% - 60px)/2); margin-right: 30px;}
	.serviceCenterUl li:nth-child(2n){ margin-right: 0;}

	.prolist li .line-clamp3{-webkit-line-clamp: 2;}
	.proInfoText{ width: 45%;}

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

	.photograph .prev{ left: 0;}
	.photograph .next{ right: 0;}

	.newsTop{ display: none !important;}
    
}
@media screen and (max-width:750px) {

	body{ font-size: 12px;}
	.banImg{ min-height: 360px;}
	.SCRollIcon,.idxCustomUl,footer .bottom .right,.honor .next, .honor .prev,.history .next, .history .prev,.numIcon,.contactStyle .next, .contactStyle .prev,.project .prev,.project .next,.photograph .prev, .photograph .next{ display: none !important;}
	.w90,.w80,.w1300{ width:calc(100% - 40px);    }
	header .w90{ width: 100%; padding-left: 20px;}
	.idxBan .button{ bottom: 15px; justify-content: center;}
	.idxAboutEngTit{    font-size: 40px;right: 0;}
	.idxYin{ height: 18px;}
	.idxAboutImg{   max-width: 100%; position: relative; bottom: auto; left: auto; right: auto; width: 100%; }

	.idxAboutImg3{ position: relative; width: 100%; height: auto; bottom: auto; right: auto;}
	.numUl{ width: 100%; height: auto; padding: 20px 0; flex-wrap: wrap;}
	.numUl li{ width: 50%;}
	.numUl li:nth-child(n+3){ margin-top: 20px;}
	.idxPro li{ flex-direction:  column !important;}
	.idxTrain{ padding: 40px 0; margin-top: 20px;}
	.idxCustom .left{ width: 100%;}
	.idxCustom .right{ width: 100%; margin-top: 20px;}
	footer .bottom{ text-align: center; justify-content: center;}
	
	.idxMore{ height: 40px; width: 140px;}

	.profile .top .pic{ position: relative; right: auto; top: auto; bottom: auto; width: 100%; }
	.profile .paly{ width: 50px; height: 50px;}

	.submenu{ justify-content: flex-start; width: 100%; overflow-x: scroll;}
	.submenu a::after { display: none;}
	.submenu a{ padding: 0 20px; height: 46px;}
	.submenu a.on{background: var(--yellow); } 
	.submenu::-webkit-scrollbar { height: 2px;}
	.submenu::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.submenu::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.profile .bottom ul { flex-wrap: wrap;}
	.profile .bottom ul li{ width: 50%;}
	.profile .bottom ul li:nth-child(n+3){ margin-top: 20px;}
	.cultureUl{ flex-wrap: wrap;}
	.cultureUl li{ width: 100%; display: flex; align-items: flex-start;}
	.cultureUl li + li{ margin-top: 15px;}
	.cultureIcon{ height: auto; width: 50px; flex-shrink: 0;}
	.cultureUl li>div{ width: calc(100% - 65px); padding-left: 15px;  margin-top: 0;}
	.historyTopSwiper .con{ min-height: auto;}
	.historyTopSwiper .years{ display: none;}
	.historyTopSwiper{ margin-top: 20px;}

	.programmeText{ padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}

	.servicekefuIcon{ height: 36px;}
	.serviceKefu .img{ margin-top: 18px;}
	.serviceCenterUl li{ width: 100%; margin-right: 0;}
	.serviceCenterUl li{ margin-bottom: 15px;}
	.serviceBottom{ margin-top: 0;}
	.iconfont{ font-size: 16px;}
	.serviceBottomIcon{ display: none;}
	.serviceBottom .right{ margin-top: 15px;}

	.serviceKefu .img{background: url(../images/servicekefubg.png) no-repeat center right; background-size: auto 100%;}
	.contactStyleSwiper{ width: 100%;}
	.contactStyleSwiper .img img{ height: 180px;}
	.message .w32 + .w32{ margin-top: 13px;}
	.message .p20{ padding: 10px 15px;}

	.prolist li{ flex-direction: column !important; margin-top: 0;}
	.prolist li .text{ padding-left: 0;}
	.prolist .more::after{ width: 26px ; height: 26px;}

	.proInfoText{ width: 100%; margin-bottom: 18px;}
	.proInfoText .desc{ padding-bottom: 0;}

	.planUl li{ width: 100%; margin-right:0;}
	.planUl li:nth-child(3n){ margin-right: 0;}
	.planUl li .num{  width: 40px; height: 40px;}
	.planUl li .text{ width:calc(100% - 56px) ;}

	.programmelist li a{ flex-direction:  column-reverse !important;}
	.photographSwiper .swiper-slide .center{padding: 20px 0;}
	.photographSwiper .photographSwiperImg{ height: 220px;}
	.photograph .con::after{ top: 245px;}


	.newslist li{  width: 100%; margin-right: 0;}
	.newsInfoTit{ background: url(../images/newsInfoTitbg.png) no-repeat center bottom; background-size:  auto 5px }
	 
}



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