@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:1200px) {

    div.video-wrap{ width: 90vw;height: auto;}

	body{ --top:60px;}
	.iPad-flex{ display: flex;}
	.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;}

	.iPadFlex{ flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .iPadFlexF{ flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start;}
    .iPadFlexC{ flex-direction: column; align-items: center; justify-content: center;}

	.iPadMax{ width: 100% !important;}

	header .inner{ width: 100%; padding-right: 0; padding-left: 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; }

 
	.idxKehuUl{    grid-template-columns: repeat(3, 1fr);}

	.idxAboutLeft .infoImg{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
	 
	.idxIndustriesIconUl{ margin-top: 0;}

	/* .proNav{ background: #fff; width: 100%; display: flex;white-space: nowrap; padding-right: 0; display: flex; align-items: center; justify-content: center;}
	.proNav{  overflow-x: scroll; margin-top: 0; }
	.proNav::-webkit-scrollbar { height: 2px;}
	.proNav::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.proNav::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	.proNav li{ margin-top: 0;white-space: nowrap;  flex-shrink: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.proNav li a{} */

	.proRight{ padding: 2vw;}

    
} 

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

	 
	 
	.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:var(--top);} 
	.zw{ margin-top: var(--top); padding-top:var(--top);} */

	.w-70{ width: .8rem;} .h-70{ height: .8rem;}
	.h-50{ height: .8rem;}.w-50{ width: .8rem;}
	.h-60{ height: .8rem;}.w-60{ width: .8rem;}

	.z_page_swiper > .swiper-wrapper{display: block;}
    .z_slide,.z_page_swiper,.z_page_swiper .swiper-wrapper{ height: auto; }

	header{ padding: 0 !important; margin: 0 !important;}
	header .con{ padding: 0 0 0 20px; background: #fff; width: 100%;}
	.logoImg{ height: 38px;}
	.idxBanImg{ height: 70vh;}
	.idxBan .pagination{ padding-left: 0; bottom: 20px; left: 50%;  top: auto; transform: translateX(-50%); flex-direction: row; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
	.idxBan .swiper-pagination-bullet{ margin: 0 5px;}
	.idxBan .font100{ font-size: 30px;}
	 
	.idxMore::after{   width: .8rem; height: .8rem;   }
	.idxMore .round{ width: .8rem; height: .8rem;}
	.idxAbout,.idxPro,.idxIndustries,.idxNews{ padding: .6rem 0;}
	.idxProRight{ width: 80%;}
	.idxProImgUl{ padding: 40px;}
	.idxProTextUl{ display: flex;}
	.idxProTextUl li{ flex: 1; text-align: center;}

	.idxIndustries .inner{ position: relative; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.idxIndustriesSwiper{ position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
	/* .idxIndustries */

	.idxIndustriesIconUl{ flex-wrap: wrap;}
	.idxIndustriesIconUl li{ width: 50%; padding: .2rem 0;}
	.idxIndustriesYuan{ width: 95%;}
	.idxIndustriesIconUl li .idxIndustriesIcon{ width: .6rem;}
	 
	.wap-text-center{ text-align: center; text-wrap: pretty;}
	.wapMargin-0{ margin: 0 !important;}
	.wapPadding-0{ padding: 0 !important;}

	.myPagination .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 3px;}
	footer .bottom{ font-size: 12px; flex-wrap: wrap; padding: 10px 0;}

	.neiBan .text .font100{  font-size:36px; }
	.neiBan .text .font66{  font-size: 18px; }

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


	.Culture{ padding-bottom: .6rem; background: url(../images/cultureImg.jpg) no-repeat bottom center / cover;}
	.Culture .idxTit{ margin-top: 0; padding-top: .6rem;}
	.cultureUl{ padding: 25px 20px ;}
	.cultureUl li .text{ padding-left: 0;}
	.cultureUl li + li{ margin-top: .2rem;}
	.cultureUl li .tit{ padding-left: .3rem;}
	.cultureUl li .tit::after{ display: block; content: ''; border-radius: 50%; width: 6px; height:6px; position: absolute; left: 0; top: .3rem; background:var(--jian) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
	 
	.Awards{ background: url(../images/AwardsImg.jpg) no-repeat center center / cover; padding: .6rem 20px;}
	.Awards .idxTit{ margin-top: 0; padding-top: .6rem;}

	.historyUl li{ height: auto;margin-top: .6rem !important; }
	.Partners .btn{ transform: scale(.65); -webkit-transform: scale(.65); -moz-transform: scale(.65); -ms-transform: scale(.65); -o-transform: scale(.65); }

	.proinfoTop .desc{ height: auto; margin-bottom: .4rem;}
	.hyyyList li:nth-child(2n) a{ flex-direction: column;}

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

	.contactStyle .iconfont{ font-size: 20px;}
	.mapBox{   height: 300px;}
	
	.proRight{ padding: 20px;}
	

}