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

	
	.inner{ width:1600px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1600px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1600px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1600px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1600px)/2);}
	
	 
	
	}
@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);}

 

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

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

}

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

	body{ font-size: 16px }
	.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;}
	.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;}

	.logoImg{ height:78px;}
	.playMore{ width: 140px;}
	.footLogo{ height: 80px;}
 

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

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

     
}

@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; font-size: 16px;}
	.zw{ margin-top: -80px; padding-top: 80px;}

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

	.logoImg{ height: 68px;}
	.playMore{ width: 130px;}
	.footLogo{ height: 60px;}
	.coopConUl{    grid-template-columns: repeat(6, 1fr);}
	.cooSwiper .swiper-slide{ height: calc((100% - 30px)/3);}
	.teamTitle::after{ height: 3px; bottom: -1px;}
 

}

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

	body{ font-size: 14px }
	.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;}

	.logoImg{ height: 50px;}
	.playMore{ width: 100px;}
	.idxGroupIcon{ height: 30px;}

	.newslist{ display: grid; grid-gap: 4vw; grid-template-columns: repeat(2,1fr);}

	.bhdUl{ display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
	.qualifyList{ display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr);}

	.contactUl{ display: grid; grid-gap:20px; 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;}

	.logoImg{ height: 60px;}
	.playMore{ width: 60px;}

	.idxBan .swiper-slide .font48{ font-size: 22px;}
	.idxBan .swiper-slide .line-height2-2{ font-size: 16px; line-height: 1.6;}
	.idxBan .swiper-slide::after{    background: rgba(0, 0, 0, .25);}

	.aboutMapUl li button{ min-height: 30px;}
	.idxServices .inner{ height: 100vh;}

	.idxServicesUl li:nth-child(1){ width: 48vw; left: 0;top: 20%;}
	.idxServicesUl li:nth-child(2){ width: 40vw;left: 60%;}
	.idxServicesUl li:nth-child(3){ width: 29vw;left: 70%;}
	.idxServicesUl li:nth-child(4){ width: 33.8vw;left: 10%;}
	.idxServicesUl li:nth-child(5){ width: 26vw;}
	.idxServicesUl li:nth-child(6){ width: 30vw;}

	.idxServices .title{ left: auto; transform: none; text-align: center; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.idxGroupIcon{ height: 20px;}

	.idxTeamUl01{  grid-gap:0;  grid-template-columns: repeat(1, 1fr);}
	.idxTeamUl01 li .more{ width: 66%;}
	.h-40{ height: 32px;}
	.idxTeamUl02{ text-align: center; grid-gap:15px;  grid-template-columns: repeat(2, 1fr);}
	/* .idxTeamUl02 li:last-child{ display: none; } */
	.wapnoMargin{ margin: 0;}
	.wapnoPadding{ padding: 0;}

	/* .idxbanImg{ height: calc(100vh - 60px);} */
	.idxbanImg{ height: 80vh;}
	header .inner{ width: 100% !important; padding-left: 10px !important; padding-right: 0 !important;}

	.briefIcon{ position: absolute; right: 0; top: 0; opacity: .5;}

	.cooSwiper{ height: 200px;}
	.cooSwiper .swiper-slide{ height: calc((100% - 20px)/3);}

	.plansCenter{ transform: none; right: 0; left: auto; opacity: .3; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

	.parkCon{ display: flex; align-items: center;}

	.parkUl{ flex-wrap: wrap;}
	.parkUl li{ width: 30%;}

	.parkUl2{ flex-wrap: wrap;}
	.parkUl2 li:nth-child(1),.parkUl2 li:nth-child(2){ margin-top: 0;}
	.parkUl2 li{ width: 49%; margin-top: 15px;}
	.parkUl li .bg-e9{ min-height: 9em;}

	.qualifyTop{ padding-bottom: 60vw; background: url(../images/qualifyTopBg.jpg) repeat-y center top;}
	.qualifyTop::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0;  bottom: 0;  background: url(../images/qualifyTop.png) no-repeat right bottom / 200% auto; }
	 
	.qualifyList{ display: grid; grid-gap: 15px; grid-template-columns: repeat(2,1fr);}
	 
	.qualifyList li{ box-shadow: 0 0 10px rgba(0, 0, 0, .05);}
	.contactType li + li{ margin-top: 15px;}

	.contactUl{ display: grid; grid-gap:15px; grid-template-columns: repeat(1,1fr);}
	.contactUl li .img{ height: 30vw;}
	.online input.line-height2-8{ line-height: 3;}

	.proInfoTit::after{ height: 3px; bottom: -1px;}

	.newsTopSwiper .pagination{ left: 50%;}
	.newsTopSwiper .pagination .swiper-pagination-bullet{ background: #0a3e20;}
	.newsTopSwiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--color);}

	.logoBox{ height: 100px;}
	.OUTlINK{ justify-content: flex-start;}

	 
}

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

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

	.bhdUl{ display: grid; grid-gap: 15px; grid-template-columns: repeat(2,1fr);}
	
}

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