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

	
	.inner{ width:16rem;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 16rem)/2);}
	.pr-inner{ padding-right: calc((100vw - 16rem)/2);}
	.ml-inner{ margin-left: calc((100vw - 16rem)/2);}
	.mr-inner{ margin-right: calc((100vw - 16rem)/2);}
	

	.peerUl li .img{    height: calc(16rem / 5);}
	 
	
	}

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

		/* body{font-size: 14px;  } 
		.oneNav{ font-size: 16px;}*/
		
}

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

		div.video-wrap{ width: 90vw;height: auto;}
		.idxBanImg{ height: auto;}
		/*
		.oneNav{ font-size: 14px;}
		nav  li dl dd a{ font-size: 12px;}*/

		.neiBanImg{ height: auto;}

		.contactTypeUl{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(3,1fr);}
		 
	
		
}
@media screen and (max-width:1200px) {

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

	 
		.idxStrengthTab li .round{ padding: 12px;}
		.myPagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 3px;}
		.ewmUl{ top: 55%;}


		.honor .w38{ width: 60%;}

		.cooLogoUl{ display: grid; grid-gap: .25rem; grid-template-columns: repeat(5,1fr);}
		 
		.newslist{   grid-gap:.25rem; grid-template-columns: repeat(2,1fr);}

		/*.history .text{ width: 43vw; right: 7vw;} 
		.historyBotSwiper{ width: calc(100% - 100px);}
		 .historyTop .swiper-slide-active{ padding-top: 1rem;}
		.historyTop .swiper-slide-next{ padding-top: 40px;}
		.historyTop .swiper-slide-next + .swiper-slide +.swiper-slide{ padding-top: 80px; }  */

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

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

 
	header .con{ padding: 0 0 0 20px;}

	/* background: var(--color); */
	header{  color: #333; }
	.logoImg{ height: .76rem;}
	.idxBan .text{ top: 46%;}
	.idxBan .paginationBox{ position: absolute; left: 0; bottom: 13px; width: 100%; z-index: 10;}
	.idxBan .paginationBox .swiper-pagination-bullet{ background: #fff; opacity: .6;}
	.idxBan .paginationBox .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff; opacity: 1;}
	.idxAboutNumUl{ flex-wrap: wrap;}
	.idxAboutNumUl li{ width: 48%; margin-top: 16px; padding-left: 10px;}
	.idxAboutNumUl li::after{ width: 1px;}

	.idxAbout{ background: url(../images/bj1.jpg) no-repeat center top / cover;}
	.idxStrengthLine{    width: 90vw;margin: 2.2rem 0;}

	.idxStrengthRight{ width:calc(100% - 20px);   margin-left: 20px;}
	.idxStrengthTab li{ width: 3%;}
	.idxStrengthTab li:nth-child(1){ top: 10%;}
	.idxStrengthTab li:nth-child(2){ top: 20%;}
	.idxStrengthTab li:nth-child(3){ top: 49%;}
	.idxStrengthTab li:nth-child(4){ top: 58%;}
	.idxStrengthTab li:nth-child(5){ top: 30%;}

	.idxCooSwiper{ height: 2.5rem;}

	.idxCooSwiper .swiper-slide{ height: calc((100% - 6px) / 2);}

	
	.index7{ height: 6rem; margin-top: 20px;}
	.index7 .fix{  height: 6rem; position: relative;}
	.index7 .ab_img{ transform: scale(1); border-radius: 0;}

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

	.comparisonLeft{ width: auto;}
	.comparisonLeftRight{ width: auto;}

	.comparison table tr:first-child td{ padding-top: 1em; padding-bottom: 1em;}
	.comparison table tr td{ padding: 1em;}

	.peerUl{ width: 100%;  overflow-x: scroll; padding-bottom: 15px; }
	.peerUl li{ width: 30vw; flex-shrink: 0;}
	.peerUl::-webkit-scrollbar { height: 2px;}
	.peerUl::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.peerUl::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	.peerUl li:first-child .img {filter: drop-shadow(0 0 0.1rem rgba(24, 45, 110, 0.8));}

	.locationBox{ padding: 15px 0; justify-content: flex-end;}
	.ApplicationList{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(2,1fr);}
	.proLeftTit{ justify-content: space-between; height: auto; padding:10px 20px;}
	.proClassUl{ display: none;}
	.proLeftTit.on .icon-arrow-double-right{ transform: rotate(90deg);}

	.rdYsUl{ width: 100%;}

	.rdYsUl li{ width: 100%; position: relative; left: auto !important; top: auto !important; right:  auto !important; bottom: auto !important;}
/* 	.rdYsUl li:nth-child(1){ left: 0; top: 0;}
	.rdYsUl li:nth-child(2){ right: 0; top: 0;}
	.rdYsUl li:nth-child(3){ left: 0; bottom: 0;}
	.rdYsUl li:nth-child(4){ right: 0; bottom: 0;} */
	.rdYsUl li:nth-child(2n){ text-align: left;}
	.rdYsUl li + li{ margin-top: 15px;}
	.rdYsImg{ width: 68%; margin-top: 15px;}
	.honor{ background: url(../images/honorBg-wap.jpg) no-repeat center bottom / 100% auto #d4dde6; height: auto; padding-bottom: 80vw;}
	.honorCon{ line-height: 2.6;}



	.cooLogoUl{ display: grid; grid-gap: .25rem; grid-template-columns: repeat(3,1fr);}
	.cultureUl{grid-template-columns: repeat(1,1fr);grid-gap:15px}
	.cultureUl li::after{ border-radius: 5px;}

	.cultureUl li{ display: flex; align-items: flex-start;}
	.cultureUl li .round{ flex-shrink: 0;}
	.cultureUl li .text{ width: calc(100% - 1.05rem); padding-left: .5rem; margin-top: 0;}
	.cultureUl li .line{ height: 1.5px;}
	.honorary .prev{ margin-left: 18px;}

	.historyTop{ height: auto; }
	.historyTop .swiper-slide-active{ padding-top: 0;}
	.historyTop .swiper-slide-next{ padding-top: 0;}
	.historyTop .swiper-slide-next + .swiper-slide +.swiper-slide{ padding-top: 0; } 
	.historyTop .item::before{ top:6px}
	.historyTop .item::after{ top: 26px;}
	.historyPic{ height: 5px;margin-top: 15px;}

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

	.comparison table tr td:nth-child(3){ font-size: 1em;}

	.footLogoBox{ display: flex; justify-content: center;}
	 
}

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

	.cooLogoUl{ display: grid; grid-gap: 15px; grid-template-columns: repeat(2,1fr);}
	.cooLogoUl li .img{    aspect-ratio: 1 / .45;}
	.cooLogoUl li .img .maxImg{ padding: 15px;}

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

	.idxBan .text .font56{ font-size: 20px; width: 100%;}

	.idxStrengthImg{aspect-ratio: 1 / .7;}
}

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


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