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

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

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

		.proNav{ left: .1rem;}
		
}

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

		div.video-wrap{ width: 90vw;height: auto;}
		/*
		.oneNav{ font-size: 14px;}
		nav  li dl dd a{ font-size: 12px;}*/
		 
	
		
}
@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;}

		/* header .con{ padding: 0 2vw;} */

		.idxInner{ width:96%;   margin: 0 auto;  }
		.pl-idxInner{ padding-left: 2vw;}
		.pr-idxInner{ padding-right:2vw;}
		.ml-idxInner{ margin-left:2vw;}
		.mr-idxInner{ margin-right:2vw;}

		.idxBanImg{ height: auto;}
		.prolist{  grid-gap: .55rem .2rem; grid-template-columns: repeat(3,1fr);}
	
		.parameter table tr td{ padding: 1em; line-height: 2;  white-space: nowrap;}
		.SupportUl{   grid-gap: .3rem; grid-template-columns: repeat(2,1fr);}
		.newslist{ display: grid; grid-gap: .65rem; grid-template-columns: repeat(2,1fr);}
		.contactTypeUl{grid-template-columns: repeat(2,1fr);}
		
		.searchlist{  grid-gap: .32rem;}
		
} 
@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; width: 100%;}
	.logoImg{ height: .68rem;}

	.swiprebutton{ width: 100%; justify-content: center;}
	.idxAbout .cont1{ height: 80vh;}
	.idxAbout .cont1 .titEn{ font-size: 1rem; margin-top: 1rem;}
	.idxAbout .cont2 .content{ padding-bottom: 32vw;}
	.idxAboutImg{ top: auto; bottom: 0;}

	.idxAboutSwiperLeft{ height: auto; padding: 25px 20px;}
	.idxAboutSwiperLeft .contents{ display: grid; grid-gap: .2rem; grid-template-columns: repeat(2,1fr);}
	.idxAboutSwiperRight{ padding-left: 20px; padding-right: 20px;}
	.idxAboutSwiper .swiper-slide .img{ height: 60vw;}
	
	.idxAppUl li{ height: 33vh;}
	.idxAppUl li.on,.idxAppUl li{ width: 100%;}
	.idxAppItem{ display: none !important;}
	.idxAppUl li .title{ transform: translateY(-3vw); opacity: 0; display: none; -webkit-transform: translateY(-3vw); -moz-transform: translateY(-3vw); -ms-transform: translateY(-3vw); -o-transform: translateY(-3vw); }

	.idxAppUl li  .text{ padding: 15px 20px; bottom: 0; background: url(../images/idxAppTextBg.jpg) no-repeat center center / cover; opacity: 1;}
	.neiBan .text .tit {margin-top: -1em;}
	.aboutNeiLogo{ height: 25vw;} 
	.cultureuL{ border-top: none;}
	.cultureuL li{ padding-left: 30px; border-top: 1px solid rgba(255, 255, 255, 0.2); flex-direction: row; text-align: left;}
	.cultureuL li .img{ flex-shrink: 0;}
	.cultureuL li .text{ margin-top: 0; padding-left: 25px;}
	.culture {height: 68vh; }
	.qualityUl li ,.qualityUl li.on{ width: 100% !important; height: auto;box-shadow: 0 0 .15rem rgba(0, 0, 0, .15);}
	.qualityUl li + li{ margin-top: 15px;}
	.qualityUl li  .left{ display: flex; height: auto; padding: 20px;}
	.qualityUl li .left .num{ width: 40px; height: 40px;}
	.qualityUl li .left .title{ margin-top: 0; margin-left: 15px; justify-content: flex-start; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; }
	.qualityUl li .right{  display: flex;  }
	.qualityUl li.on .left{  display: flex;  }
	.qualityUl li.on .right{  display: flex;  }

	.prolist{  grid-gap:   .2rem; grid-template-columns: repeat(2,1fr);}
	.sunNav li.on a::after{ height: 2px;}
	.applicationUl li::after{ width: 100%;}
	.applicationUl li{ padding-left: 20px !important; padding-right: 20px !important;}
	.applicationUl li .desc{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
	.applicationUl li:nth-child(2n){ flex-direction: column;}
	.appInfoTop{ margin-top: 20px;}
	.SupportUl{   grid-gap: .3rem; grid-template-columns: repeat(1,1fr);}
	.downSearch{ padding-left: .6rem;}

	.newslist{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(1,1fr);}
	.jobList .top .desc{ align-items:flex-end;}
	.jobList .top button{ margin-top: 15px;}
	.contactTypeUl{grid-gap: .3rem;grid-template-columns: repeat(1,1fr);}

 
	.messages .w75{ margin-top: 12px;}
	.searchlist{   grid-gap: .3rem; grid-template-columns: repeat(1,1fr);}

	footer .top .left{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
}

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

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


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