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

	.logoIcon{ height: 60px;}

	.idxBan .next,.idxBan .prev{ width: 65px; height: 55px;}

	
	 

 

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

	.w-70{ width: 60px;} .h-70{ height: 60px;}

	.logoIcon{ height:55px;}
	.idxBanTextUl{ display: grid; grid-gap:12px 2px; grid-template-columns: repeat(3,1fr);}

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


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

	.w-70{ width: 55px;} .h-70{ height: 55px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}
	.h-60{ height: 50px;}.w-60{ width: 50px;}
 
	.logoIcon{ height:50px;}
	.idxBan .next,.idxBan .prev{ width: 60px; height: 50px;}

	.ewmImg{ width: 105px;}
	.idxJectUl li .round{ width: 70px; height: 70px;}
	.idxCooSwiper{ height: 200px;}

 
	.idxMore::after{   width: 45px; height: 45px;  }
	.idxMore .round{ width: 45px; height: 45px;} 

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

	.videopaly{ width: 70px; height: 70px;}

	.caselist li .pic::before,.caselist li .pic::after{ width: 8px;  right: -7px;    }
 

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


}

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

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

	.w-70{ width: 55px;} .h-70{ height: 55px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}

	header .con{ padding: 0 20px;}
	.idxJectUl li .round{ width: 66px; height: 66px;}
	.idxCooSwiper{ height: 180px;}

	.idxBanTextUl{ display: grid; grid-gap:10px 2px; grid-template-columns: repeat(3,1fr);}

	.idxMore::after{   width: 40px; height: 40px;  }
	.idxMore .round{ width: 40px; height: 40px;} 

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


	.videopaly{ width: 60px; height: 60px;}
	.caselist li .pic::before,.caselist li .pic::after{ width: 6px;  right: -5px;    }
}

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

	.infoImg .tableBox{  width: 100%;  overflow-x: scroll; padding-bottom: 15px; margin-bottom: 15px; }
	.infoImg .tableBox::-webkit-scrollbar { height: 2px;}
	.infoImg .tableBox::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.infoImg .tableBox::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }

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

	.w-70{ width: 45px;} .h-70{ height: 45px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}
	.h-60{ height: 45px;}.w-60{ width: 45px;}

	.idxAboutNum li{ padding-right: 5vw;}

	.idxBanTextUl{  grid-gap:10px 2px; grid-template-columns: repeat(2,1fr);}
	.idxProlist{ grid-gap:15px; grid-template-columns: repeat(2,1fr);}
	.biref .hexin  {  grid-gap: 15px; grid-template-columns: repeat(1,1fr); }

	.ProcessUl{ flex-wrap: wrap; justify-content: space-between;}
	.ProcessUl li{ width: 48%;flex-direction: column-reverse;}
	.ProcessUl li:nth-child(2n){ }
	.ProcessUl .text{ height: auto;}
	.ProcessUl::after{ display: none;}

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

	.videopaly{ width: 50px; height: 50px;}
	
	.caselist li .pic::before,.caselist li .pic::after{ width:5px;  right: -4px;    }


	.newslist{  grid-gap: 2vw; grid-template-columns: repeat(2,1fr);}
    
}
@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;}

	.w-70{ width: 40px;} .h-70{ height: 40px;}
	.h-50{ height: 40px;}.w-50{ width: 40px;}
	.h-60{ height: 40px;}.w-60{ width: 40px;}

	header .con{ background: var(--color);}
	.idxBan .next, .idxBan .prev{ width: 36px; height: 36px;}

	.logoIcon{ height: 40px;}
	header .con{ padding-right: 0px;}
	.idxAboutImg{ position: relative; right: auto; top: auto; bottom: auto; left: auto; height: 200px; border-radius: 0; margin-top: 15px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	 
	.idxAboutNum{ flex-wrap: wrap;}

	.idxAboutNum li{ width: 33.3%;}
	.idxAboutNum li:nth-child(4),.idxAboutNum li:nth-child(5){ width: 50%; }
	.idxOurUl{  grid-gap:0 15px; grid-template-columns: repeat(2,1fr);}
	.idxOurUl li .desc{ height: auto;}
	.idxSmall .right{ flex-direction: row; align-items: center;}
	.idxSmall .right .Shu{ margin: 0 15px;}
	.idxCaseImg{ height: 100px;}
	.idxCaseImgbot{    height: 250px;}
	.idxJectUl{ flex-wrap: wrap;}
	.idxJectUl li{ width: 50%; border-right: none; border-bottom: 1px solid #e5e5e5;}
	.idxJectUl li .desc{ display: none;}
	.idxCooSwiper{ height: 120px;}
	.idxCooSwiper .swiper-slide{ height: calc((100% - 10px)/2);  }
	.ewmBox{ margin: 0 10px;}
	.lastEwm{ justify-content: center;}
	.footContact li{ margin: 0; }
	.footContact li + li{ margin-top: 10px;}
	.footBottom{ text-align: center;}

	.birefImg{ position: relative; left: auto; bottom: auto; margin-top: 15px;}
	.biref .bottom{ margin-top: 0;}

	.cultureUl li .flast{ text-align: left; justify-content: flex-start; align-items: flex-start; position: relative; height: auto; width: 100%; left: auto; top: auto;}
	.cultureUl li .top{ flex-direction: row;}
	.cultureUl li .top .cultureIcon{ height: 32px;}
	.cultureUl li .top .text{ margin-top: 0; margin-left: 15px;}
	.cultureUl li{ width: 100%; flex: auto;}
	.cultureUl li img.opacity2{ width: 100%; object-fit: cover; height: 100%; position: absolute; left: 0; top: 0;}

	.ProcessUl{ padding-right: 20px; padding-left: 20px;}
	.ProcessUl li{ width: 100%; flex-direction: row-reverse !important;}
	.ProcessUl li .ProcessIcon{ height: 18px; margin: 0 15px 0 0 ; flex-shrink: 0;}
	.ProcessUl li .text{ width: 100%;}
	.ProcessUl li + li{ margin-top: 18px;}
	.ProcessUl::after{ display: block; width: 1px; height: 100%; left:29px; top: 0;}
	.ProcessUl li{ margin-left: 0 !important;}

	.proRight{ padding-left: 0;}
	.proClassUl{ display: none;}
	.proinfoLeft{ padding:15px 20px;}

	.coreUl li{ border-right: none;}
	.coreIcon{ height: 26px;}
	.caselist li .pic::before,.caselist li .pic::after{ display: none;   }

	.mapBox{ height: 320px;}
	.messagesCon{ position: relative; left: auto; bottom: auto;}

	.contactTypeUl li{ flex: auto; width: 100%;}

	.idxCaseUl{ text-align: center;}

}

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

	.newslist{   grid-gap: 20px; grid-template-columns: repeat(1,1fr);}
}

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