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

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

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

	.proLeft{ width: 500px;}
	.proRight{ width: calc(100% - 500px);}

	.proInfoOne{ margin-top: -38vh;}
	.proInfoTwoTitle i{ width: 5px;}

	.contactStyleUl li .img{ width: 82px; height: 82px;}

	.newslist li{ width: calc((100% -  140px)/3); margin-right:70px;}
	.newslist li:nth-child(3n){ margin-right: 0;}

}

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

	.logoImg img{ height: 46px;}
	.oneNav{ line-height: 80px; font-size: 17px;}
	
	.zw{ margin-top: -80px; padding-top: 80px;} 
	.zwHeader{ height: 80px;}

	.idxMore{ height: 50px;}
	.idxLogoSwiper .swiper-slide{  height: 210px;}
	.idxBusIcon01{ max-width: 46px;}
	.idxDian{ height: 22px;}

	.mySwiperBtn{ width: 70px; height: 70px;}
	.idxPro .prev{left: -35px;  }
	.idxPro .next{   right: -35px;   }
	.footEwm{ width: 110px;}
	.footLogo{ height: 60px;}

	.logoImg img{ height: 40px;}
	.oneNav{ padding: 0 1vw;}
 
	/* header .tel{ display: none !important;} */

	.briefeng{ font-size: 300px;}

	.cultureIcon{ height: 60px;}
	.aboutYsUl li .aboutYsIcon{ height: 70px;}
	.historyTopSwiper .swiper-slide .historyIcon{ height: 42px;}

	.bussingList li .more{ width: 50px; height: 50px;}
	.PartnersSwiper .swiper-slide{ height: 115px;}

	.proLeft{ width: 420px;}
	.proRight{ width: calc(100% - 420px);}

	.proInfoOne{ margin-top: -35vh;}
	.proInforight{ width: 380px;}
	.proInfoleft{ width: calc(100% - 400px);}
	.proInfoTwoTitle i{ width: 4px;}

	.caselist li .text{ height: 100px;}
	.newsLeft{ width: calc(100% - 450px);}
	.newsRight{ width: 450px;}

	.contactStyleUl li .img{ width: 72px; height: 72px;}
	.subNav a{   height: 70px;}

	.joblist .jobIcon{ width: 60px;}
	.joblist li .top .btn{ width: 130px;}
     

	.newslist li{ width: calc((100% -  120px)/3); margin-right:60px;}
 

}

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

	.oneNav{  font-size: 16px;}

	.idxBanImg{ height: auto;}
	.idxBan .pagination .swiper-pagination-bullet{ margin: 0 10px;}
	.idxMore{ height: 45px;}
	.idxLogoSwiper .swiper-slide{ height: 150px;}
	.idxBusIcon01{ max-width: 40px;}
	.idxBusSwiper .swiper-slide{ height: 86vh;}
	.mySwiperBtn{ width: 60px; height: 60px;}
	.idxPro .prev{left: -30px;  }
	.idxPro .next{   right: -30px;   }
	.footNav{ display: none !important;}

	.briefeng{ font-size: 220px;}
	.cultureIcon{ height: 50px;}
	.aboutYsUl li .aboutYsIcon{ height:60px;}
	.historyTopSwiper .swiper-slide .historyIcon{ height: 38px;}
	.culture li.on .line{ height: 3px;} 

	.PartnersSwiper .swiper-slide{ height: 100px;}

	.proLeft{ width:360px;}
	.proRight{ width: calc(100% - 360px);}


	.proInfoOne{ margin-top: -30vh;}
	.proInforight{ width: 340px;}
	.proInfoleft{ width: calc(100% - 360px);}

	.caselist li .text{ height: 80px;}
	.caselist li{    width: calc((100% - 54px) / 4);    margin-right: 18px;	}
	
	.newsLeft{ width: calc(100% - 400px);}
	.newsRight{ width: 400px;}

	.contactStyleUl li .img{ width: 60px; height: 60px;}

	.subNav a{ font-size: 16px; height: 60px;}

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

	.newslist li::before{  height:2px;}
	.newslist li::after{  height:2px;}
 

}

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

	.logoImg img{ height: 40px;}
	.oneNav{ line-height: 60px; font-size: 16px;}
	
	.zw{ margin-top: -60px; padding-top: 60px;} 
	.zwHeader{ height: 60px;}

	.oneNav span::after{ font-size: 12px; top: -.1em;}
	.idxBan .pagination .swiper-pagination-bullet{ width: 10px; height: 10px;}
	.idxDian { height: 20px;}
	.aboutPlay img{ width: 88px;}
	.idxLogoSwiper .swiper-slide{ height: 120px;}
	.idxBusSwiper .swiper-slide{ height: 520px;}
	.idxBusIcon01{ max-width: 32px;}
	.idxProSwiper .swiper-slide .img{ padding-bottom: 70%;}
	.idxBottom{ height: 400px;}


	.brief .pic{ height: 380px;}
	.briefeng{ font-size: 180px; top: 0;}
	.brief .aboutPlay{    top: -50px;}
	.culture li{ padding: 160px 0;}
	.brief .infoImg{ width: 80%;}
	.brief .aboutPlay{left: 25px;}
	.cultureIcon{ height: 42px;}
	.line-height2-4{ line-height: 2;}

	.bussingList li .more{ width:40px; height: 40px;}

	.proLeft{ width:300px;}
	.proRight{ width: calc(100% - 300px);}

	.proInfoTwoTitle i{ width: 3px;}

	.newsLeft{ width: calc(100% - 320px);}
	.newsRight{ width: 320px;}

	.contactStyleUl li .img{ width: 50px; height: 50px;}

	.subNav a{ font-size: 14px; height: 50px;}


	.newslist li{ width: calc((100% -  60px)/3); margin-right:30px;}
    
}
@media screen and (max-width:900px) {

	body{ font-size: 12px ;max-width: 750px; margin: 0 auto; }
	.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;}
	.caselist li .hahaha{ font-size:16px;}


	header .con{ padding: 0 0 0 20px; margin: 0; width: 100%;}
	.logoImg img{ height: 38px;}
	.idxDian{ height: 15px;}
	.idxAboutImg{ width: 100%; height: 200px;}
	.idxMore{ height: 40px; }
	.idxLogoSwiper .swiper-slide{ height: 80px;}
	.idxBusUl{ width: 100%; background: rgba(0, 0, 0,.25); display: flex; bottom: 0; top: auto ; right: 0; left: 0; height: auto;  overflow-x: scroll; }
	.idxBusUl::-webkit-scrollbar { height: 2px;}
	.idxBusUl::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.idxBusUl::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.idxBusUl li{ height: 60px;white-space: nowrap; padding: 0 20px;}
	.idxBusIcon01{  max-width: 24px;}
	.idxBusSwiper .swiper-slide{ height: 320px;}
	.idxBusSwiper .idxMore{ bottom: auto; top: 50%;}

	.idxBottom{ height: auto; padding-top: 40px; padding-bottom: 40px; text-align: center;}
	footer .top .left{white-space:normal ;}
	.footEwm{ width: 100px; margin-top: 20px; margin-left: auto; margin-right: auto;}
	footer .bottom{ text-align: center;}

	.location .iconfont{ transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
	.briefeng{ font-size: 66px;}	
	.brief .pic{ height: 280px; } 
	.brief .aboutPlay{ left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
	.culture li{ padding:30px 20px; border-bottom: 1px solid rgba(255, 255, 255,.15); flex-direction: row;}
	.cultureIcon{ height: auto; width: 52px;flex-shrink: 0; padding-right: 15px;}
	.culture li .line{ width: 2em !important; height: 2px !important; flex-shrink: 0;   opacity: .5 !important;}
	.culture li .desc{ opacity: 1; transform: none; padding-left: 0; padding-right: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.culture li .text{ width:100%; padding-left: 15px; text-align: left;}

	.aboutYsUl li{ margin-right: 0;}
	.aboutYsUl li + li{ margin-top: 20px;}
	.aboutYsUl li .aboutYsIcon{ height: 45px;}

	.history .bottom::after{ top: 18px;}

	.buslist li{ flex-direction: column !important;}
	.buslist li .text{ padding: 20px;}
	.bussingList li .right::after{ width: 10px; left: -5px;}
	.bussingList li .more{ width: 36px; height: 36px;}
	.PartnersSwiper .swiper-slide{ height: 70px;}

	.mypagination .swiper-pagination-bullet{  width: 6PX; height: 6px; }
	.prolist .text{ padding: 20px 0 0 0;}
	.prolist .text .center{  margin: 15px 0;}
	.proLeft .box{  display: none;}
	.proLeft .title.on  .icon-youjiantou1::before{  content: "\e600"; }


	.proInfoOne{ margin-top: -100px;}
	.proInforight{ width: 340px;}
	.proInfoleft{ width: calc(100% - 360px);}

	.proInfoOne .desc{ height: auto; margin-bottom: 20px;} 

	
	.caselist li{    width: calc((100% - 18px) / 2);    margin-right: 18px;	}
	.caselist li:nth-child(2n){ margin-right: 0;}
	.caselist li .text{ height: 50px;}
	.caselist li .text{ padding:  10px;}

	.newsLeft{ padding-right: 0; border: none;}
	.retrunBtn,.newsInfoTop .location{ opacity: .5;}

	.contactStyleUl li{ padding: 25px; flex-direction: row;}
	.contactStyleUl li .text{ text-align: left; margin-top: 0; margin-left: 20px;}
	.contactStyleUl li .img{  width: 40px; height: 40px;}
	.mapBox{ height: 300px;}
	.messages .button input{ width: 48%;}

	
	.joblist li .top .text{ padding-left: 0; line-height: 2;  }
	.joblist .jobIcon{  display: none;}
	.joblist li .top .btn{ width: 100px; height: 38px; margin-top: 8px; margin-left: calc(100% - 100px);}
	.joblist li .bottom{ line-height: 2;}
	.joblist li .bottom .left{ width: 100%; text-align: left;}
	.joblist li .bottom .right{ width: 100%; padding-left: 0;}

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

	.sidebar{ top: 70%;}
	.sidebar li .item{ width: 3em; height: 3em;}

	 

}

@media screen and (max-width:560px) { 
	.newslist li{ width: 100%; margin-right: 0 !important;}
	.caselist li .hahaha{ font-size:14px; padding:10px 5px;}
}

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