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

	.mySwiper{ width: 60px; height: 60px;}
	.newsRightUl  {  top: 100px; }
}

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

	header .con{ padding: 0 3vw;}
	.logoIcon{ height: 46px;}
	body{ font-size: 14px }
	.inner{ width:1280px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1280px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1280px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1280px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1280px)/2);}


	.common.btn {  line-height:50px;   }    
	.common.btn .t {  top: -50px; 	    }
	.common.btn:hover .w { transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); }
	
 
	.oneNav{ line-height: 80px;}
	.zwHeader{ height: 80px;}
	.zw{margin-top: -80px; padding-top: 80px;}

	.dotBox li{ transform:  scale(0.9); margin: 0 6px;-webkit-transform:  scale(0.9); -moz-transform:  scale(0.9); -ms-transform:  scale(0.9); -o-transform:  scale(0.9); }
	.idxAbout .more .round{ width: 60px; height: 60px;}

	.idxAbout .paly,.brief .paly{ width: 90px; height: 90px;}
	.idxPro .swiper-slide .img{ width: 295px; height: 295px;}
	.idxPro .mySwiper.prev{ left: -70px;}
	.idxPro .mySwiper.next{ right: -70px;}
	.idxClassIcon{ height: 40px;}
	.ewmBox{ width: 130px;}

	.downScoll{ width: 60px; height: 60px;}
	.neiBan .text{ bottom: -40px;}
	.purposeUl{ width: 66%;}
	.purposeUl li .purposeIcon{ height: 40px;}
	.historySwiper .swiper-slide{ height: 420px;}
	/* .historySwiper .swiper-slide li:nth-child(1){ padding-top: 195px;}
	.historySwiper .swiper-slide li:nth-child(2){ padding-top: 165px;}
	.historySwiper .swiper-slide li:nth-child(3){ padding-top: 128px;}
	.historySwiper .swiper-slide li:nth-child(4){ padding-top: 30px;} */

	.newslist li{ width: calc((100% - 60px)/3); margin-right: 30px;}
	.newsClass{   margin-top: -100px; }
	.newsClass a{ height: 100px; }

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

	.TalentUl{ grid-gap:30px;}
	.TalentUl li{ height: 280px;}

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

}

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

	.idxBanImg{ height: auto;}
	.dotBox li{ transform:  scale(0.8);margin: 0 5px; -webkit-transform:  scale(0.8); -moz-transform:  scale(0.8); -ms-transform:  scale(0.8); -o-transform:  scale(0.8); }

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

	.idxAbout .more .round{ width: 50px; height: 50px;}

	.logoIcon{ height: 40px;}
	.dotBox{ bottom: 5%;}
	.idxAbout .paly,.brief .paly{ width: 70px; height: 70px;}
	.numIcon { width: 32px;}
	.idxPro .swiper-slide .img{ width: 225px; height: 225px;}
	.ewmBox{ width: 110px;}
	.neiBan .text{ bottom: -10px;}
	.purposeUl li{ height: 70vh;}

	.newslist li{ width: calc((100% - 40px)/3); margin-right: 20px;}
	.newsClass{   margin-top: -80px; }
	.newsClass a{ height: 80px; }

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

	.TalentUl{ grid-gap:20px;}
	.TalentUl li{ height: 220px;}

	.prolist li .img{ width: 200px;   height: 200px;}
	.searchbigBox{  margin-top: -70px;}
}

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

	.common.btn {  line-height:40px;   }    
	.common.btn .t {  top: -40px; 	    }
	.common.btn: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); }
	
    
	.dotBox li{ transform:  scale(0.7);margin: 0 4px; -webkit-transform:  scale(0.7); -moz-transform:  scale(0.7); -ms-transform:  scale(0.7); -o-transform:  scale(0.7); }
	header .con{ padding: 0 0 0 20px;}
	.idxPro .mySwiper.prev{ left: 0;}
	.idxPro .mySwiper.next{ right: 0;}
	.idxClass .con span{ margin-right: 25px;}
	.ewmBox{ width: 100px;}
	.caseClass{ width: 100vw; margin-left: -2vw; margin-right: -2vw;}
	.caseClass{    overflow-x: scroll; }
	.caseClass::-webkit-scrollbar { height: 2px;}
	.caseClass::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.caseClass::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.caseClass li{ margin-right: 0; overflow: visible; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

	.caseClass a{ line-height: 48px;}

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

	.newsClass{   margin-top: -70px; }
	.newsClass a{ height: 70px; }
	
	.prolist li{ width:48%; margin-right: 4%;}
	.prolist li:nth-child(3n){ margin-right:  4%;}
	.prolist li:nth-child(2n){ margin-right: 0;}

	.searchbigBox{  margin-top: -50px;}



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

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

	.idxAbout .more .round{ width: 32px; height: 32px;}
	.dotBox{ padding-left: 0; justify-content: center; bottom: 10px;}
	.idxAbout .paly,.brief .paly{ width: 50px; height: 50px;}
	.numIcon{  width: auto; max-width: 30px; max-height: 30px;}
	.numUl{ flex-wrap: wrap;}
	.numUl li{ width: 48%;}
	.idxPro .swiper-slide .img{ width: 180px ; height: 180px;}
	.idxClassIcon{ height: auto; max-width: 36px; max-height: 36px;}
	.idxCase .swiper-slide.swiper-slide-active::after { width: 100%;}
	.idxClass .con span{  width: 40%;}
	.idxCase .swiper-slide .desc .pr-100{ padding-right: 0;}

	.downScoll{  width: 40px; height: 40px;}
	.briefLeft{ padding-right: 20px; margin: 15px 0;}
	.briefImg{ position: relative; left: auto; top: auto; width: 100%; height: 220px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	 
	.brief .paly{ left: 50%; top: 50%; margin-left: -25px; margin-top: -25px;}
	.purposeUl{ width: 100%; margin-top: 20px; flex-wrap: wrap;}
	
	.purposeUl li{ height: auto;flex: auto; width: 33.3%; border-top: 1px solid rgba(255, 255, 255, .15);}
	.purposeUl li .purposeIcon{ height: 26px;}
	.purposeUl li .icon{ width: 36px; display: none;}
	.purposeUl li .img::after{ display: none;}
 
	.purposeUl li.on::after{ width: 100%;}
	

	
	.honorSwiper .swiper-wrapper .swiper-slide:nth-child(2n){ padding-top: 0;}


	.caseClass{ width: 100vw; margin-left: -20px; margin-right: -20px;}
	.topTitle::after{  height: 2px;   bottom: -1px; }

	.newsClass{ margin-top: 0; margin-left: 0; background: #f1f1f1;}


	.newsClass{ width: 100vw;  margin-top: 20px; justify-content: flex-start; }
	.newsClass{    overflow-x: scroll; }
	.newsClass::-webkit-scrollbar { height: 2px;}
	.newsClass::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.newsClass::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; } 

	.newsClass a{     padding: 0 25px; line-height: 48px; display: inline-block; height: 48px; margin-right: 0; color: #333;}
	.newsClass a.on span::after{ display: none;}
	.newsClass a.on{  background: var(--blue); color: #fff;}

	.jobList .top span.four{ display: none;}  
	.jobList .top span.one{ width:65%;}
	.jobList .top span{ width: 30%;}
	.jobList .top span.six{ width: 10%;}

	.jobList li .top{ flex-wrap: wrap;} 
	.jobList li  .top span.one{ width:100%;}
	.jobList li .top span.two{ padding-left: 1em;}

	.TalentUl{  grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
	.TalentUl li{ height: 120px;}
	.wapWeight{ font-weight: bold;}
	.mapBox{ height: 300px;}

	.searchbigBox{ margin-top: -40px;}
	.searchbigBox .input { width: 80%;}
	.searchbigBox button{ width: 20%;}
	 

}

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

	.newslist li{ width:100%; margin-right: 0 !important;}
	.prolist li{ width:100%; margin-right: 0 !important;}
	.prolist li .img{ width: 160px; height: 160px;}
}

@media screen and (min-width:750px) { }