﻿

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

	 
	.w90{ width:90%;   }
	.w80{ width:80%;    }
	.idxBanBtn{right:10vw;}
	.idxBanMore{left:10vw;}
	.idxSer .con{ padding-left: 10vw; }

	.briefText{ font-size: 140px;}

}



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

	.oneNav{ line-height: 90px;}
	.zwHeader{ height: 90px;}
	.zw{margin-top: -90px; padding-top: 90px;}
	.idxBanImg{   height: calc(100vh - 90px); }

	.neiBanImg{  max-height: calc(100vh - 90px); }

	.briefText{ font-size: 130px;}
}

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

	.w90{ width:90%;   }
	.w80{ width:90%;    }
	.idxBanBtn{right:5vw;}
	.idxBanMore{left:5vw;}
	.idxSer .con{ padding-left: 5vw; }

	body{ font-size: 14px }
	.oneNav{ line-height: 80px;}
	.zwHeader{ height: 80px;}
	.zw{margin-top: -80px; padding-top: 80px;}

	.logoIcon{ height: 70px;}
	.headerTel .round{ width: 50px; height: 50px;}
	.idxBanImg{   height: calc(100vh - 80px); }
	.idxBanMore .radius50,.idxAbout  .idxMore .radius50{ width: 60px; height: 60px;}
	.neiBanImg{  max-height: calc(100vh - 80px); }

	.idxCase .next,.idxCase .prev{ width: 70px; height: 70px;}
	.idxCase .prev{ left:25%;}
	.idxCase .next{ right:25%;}

	header .w90{ width: calc(100% - 40px);}

	.history .years{ font-size: 110px;}

	.historyBot{ height: 160px;}
    #historyBotSwiper .swiper-slide .yuan{ margin-top: 28%;}
    #historyBotSwiper .swiper-slide-next .yuan,#historyBotSwiper .swiper-slide-prev .yuan{    margin-top: 22%;}
    #historyBotSwiper .swiper-slide-thumb-active .yuan{ margin-top: 16%;}
    .historyBot .prev, .historyBot .next{ width: 60px; height: 60px; bottom: 50px;}
    .historyBot .next{ right: 10px;}
    .historyBot .prev{ left: 10px;}

	.trade .prev{left: -10px; background: #fff;}
	.trade .next{ right: -10px;background: #fff;}

	.briefText{ font-size: 120px;}

	.subNav a{ height: 80px;}
	.submenu a{ height: 70px;}
	.contactSwyle li .round{ width: 60px; height: 60px;}
	

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

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 .oneNav{ line-height: 70px;}
	.zwHeader{ height: 70px;}
	.zw{margin-top: -70px; padding-top: 70px;}
	.idxBanImg{   height: auto; }
	.oneNav span::after{ height: 1px;}

	.neiBanImg{  max-height: 100vh; }

	.headerTel{ display: none ;}
	.logoIcon{ height: 55px;}

	.idxBanMore .radius50,.idxCase .next,.idxCase .prev,.idxAbout  .idxMore .radius50{ width: 50px; height: 50px;}

	.idxCase .prev{ left:20%;}
	.idxCase .next{ right:20%;}

	.idxFoot .round{ width: 110px;}
	footer .two{ width: 22vw; }

	.history .years{ font-size: 90px;}
	.briefText{ font-size: 100px;}

	.subNav a{ height:70px;}
	.submenu a{ height: 60px;}
	.caseList li{ width: calc((100% - 40px)/3); margin-right: 20px;}

	.contactSwyle li .round{ width: 50px; height: 50px;}

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

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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}

	.w90{ width:96%;   }
	.w80{ width:96%;    }
	.idxBanBtn{right:2vw;}
	.idxBanMore{left:2vw;}
	.idxSer .con{ padding-left: 2vw; }

	.idxFoot{ padding-bottom: 6vw;}

	.ewmImg{ width: 100px; }

	.history .years{ font-size: 70px;}
	 
	.historyBot{ height: 120px;}

	.briefText{ font-size: 90px;}
	.subNav a{ height: 60px;}
	.submenu a{ height: 50px;}

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

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

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

	.contactSwyle{ flex-wrap: wrap;}
	.contactSwyle li{ width: 50%; margin-bottom: 15px; max-width: 50%;}
    
}
@media screen and (max-width:750px) {


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

	body{font-size: 12px;}
	.w90{ width:calc(100% - 40px);   }
	.w80{ width:calc(100% - 40px);     }

	.wap-none{ display: none !important;} 

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

	.idxAbout .numUl{ margin-top: 15px;}
	.numUl { flex-wrap: wrap }
	.numUl li{ width: 50%; margin-top:16px;}

	.idxAbout .idxMore { position: relative; right: auto; bottom: auto;}

	.idxBanMore .radius50,.idxCase .next,.idxCase .prev,.idxAbout  .idxMore .radius50{ width: 38px; height: 38px;}
	.idxNews ul .item{ width: 100%;}
	.idxNews ul .item + .item{ margin-top: 15px;}
	.idxNews ul .item.left .img{ padding-bottom: 150px; }

	.iconfont{ font-size: 16px;}
	.idxSer .con{ padding-left: 20px; padding-top: 5px;}
	.idxSerIcon{ height: 32px;}

	.scrollbar{ height: 2px;}
	.idxCase .center{ padding: 0 20px;}
	.idxCaseSwiper .swiper-slide .text { margin-top: -54px;}
	.idxFoot{ padding-bottom: 60px;}
	.idxFoot .round { width: 80px;}
	.logoBox { font-size: 20px;}

	.footNav{ width: 100%; justify-content: flex-start;}
	.footNav a{ width: auto; margin-right: 10px;  }

	.history .years{ font-size: 50px;}

	#historyBotSwiper{ display: none;}
    .historyBot .prev, .historyBot .next{ display: none;}
    .historyBot{ height: 70px;background-size:auto 100%}
	 

	.brief .numUl li{ width: 50%;  margin-top: 0;}
	.brief .numUl li:nth-child(1),.brief .numUl li:nth-child(2){ margin-top: 0;}
	.briefText {font-size: 36px;right: 0;opacity: .4;}
	.history .history-top::after{ width: 100%; left: 0;}


	.subNav{overflow-x: scroll; width: 100%;}
	.subNav a{ height: 50px;  margin-right: 0; font-size: 14px;}
	.subNav a span{display: block; line-height: 50px; padding: 0 20px;}
	.subNav::-webkit-scrollbar { height: 1px;}
	.subNav::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.subNav::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.subNav a.on{ color: var(--blue);  background: #fff;}
	.subNav a span::after{  display: none;}
	.submenu a{ height: 42px;}

	.history-top .swiper-slide{ padding-left: 10px; padding-right: 10px;}

	.caseList li{ width: 100%; margin-right:0;}
	.caseList li:nth-child(2n){ margin-right: 0;}
	.caseList li:nth-child(-n+2){  margin-top: 20px;}
	.caseList li:first-child{ margin-top: 0;}

	.newslist li{ width: 100%; margin-right:0;}
	.newslist li:nth-child(2n){ margin-right: 0;}
	.newslist li:nth-child(-n+2){  margin-top: 20px;}
	.newslist li:first-child{ margin-top: 0;}

	.honorlist li{ width: 100%; margin-right:0;}
	.honorlist li:nth-child(2n){ margin-right: 0;}
	.honorlist li:nth-child(-n+2){  margin-top: 20px;}
	.honorlist li:first-child{ margin-top: 0;}
/* ,.jobList .top span.there,.jobList .top span.two */

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


	.wapWeight{ font-weight: bold;}
	.contactSwyle li .round{ width: 40px; height: 40px;}
	.contactEwm{ width: 100px;}
	.mapBox{ height: 300px;}
	textarea.radius40{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

	.w20{ width: 40%;}
	.idxFoot .round .text .iconfont{ display: none !important;}
	.honorlist li .img{ padding-bottom: 160px;}
	
	.newsLeft{ width: 100%;}
	.location{justify-content: flex-end;}

	header{ position: fixed;}
	.idxBan,.neiBan { margin-top: 60px;}
	.idxBanBtn{ bottom: 15px;}

}

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