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

	.inner{ width:1480px;     }
	.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);}

	.logoImg{ height: 56px;} 
	.oneNav{ line-height: 90px;}
	.idxBanImg,.neiBan{   height: calc(100vh - 90px);}
	.zw{ margin-top: -90px; padding-top: 90px;}
	.zwHeader{ height: 90px;}

}

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

	.inner{ width:1360px;     }
	.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);}

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

	.contactEwm{ width: 140px;}

}

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

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


	.logoImg{ height: 50px;} 
	.oneNav{ line-height: 80px;}
	.idxBanImg,.neiBan{  height: calc(100vh - 80px);}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}

	.h60{  height: 50px;}
	.ewmBox{ width: 120px;}

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

	.contactEwm{ width: 125px;}
	.contactIcon{ width: 60px;}
 
     
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 
	 .inner{ width:88%;    }
	.pl-inner{ padding-left: 6vw;}
	.pr-inner{ padding-right:6vw;}
	.ml-inner{ margin-left:6vw;}
	.mr-inner{ margin-right:6vw;}

	.oneNav{ font-size: 16px;}

	.idxNewsUl .item{ width: calc((100% - 40px)/3); margin-right: 20px;}
	.newslist li{ width: calc((100% - 40px)/3); margin-right: 20px;}
 

	.joinBtn { width: 50px; height: 50px;}
	.contactEwm{ width: 120px;}
}

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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}
	.inner{ width:96%;     }
	.pl-inner{ padding-left: 2vw;}
	.pr-inner{ padding-right:2vw;}
	.ml-inner{ margin-left:2vw;}
	.mr-inner{ margin-right:2vw;}

	.logoImg{ height: 45px;} 
	.oneNav{ line-height: 70px;}
	.idxBanImg,.neiBan{  height: calc(100vh - 70px);}
	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}
	.h60{  height: 45px;}
    
	/* .brief .fix .inner .content{ padding: 35px 0 ;} 
 
	.brief .fix .inner .content .img{ width: 90%; height: auto; margin: 0 auto 25px;}*/

	.brief{ height: auto;}
	.brief .fix .inner .content .y1 .con{ padding-left: 0;}
	.brief .fix .inner .animate{ display: none;}
	.brief .fix .inner .content{ clip-path: inset(0 0 0 0) !important;}

	.brief .fix .inner .content .common_bg{ display: none;}
	.brief .fix .inner .content .img .img_con{ display: none!important;}
	.brief .fix .inner .content .img .sj_img_con{ display: block!important; width: 100%;}
	 
	.contactIcon{ width: 50px;}


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

	body{ font-size: 12px }
	 
	.inner{ width:calc(100% - 40px);    }
	.pl-inner{ padding-left: 20px;}
	.pr-inner{ padding-right:20px;}
	.ml-inner{ margin-left:20px;}
	.mr-inner{ margin-right:20px;}

	header .con{ width: 100%; padding-left: 20px;}
	.logoImg{ height: 40px;}
	.h60{  height: 40px;}

	.idxAboutNum { flex-wrap: wrap;}
	.idxAboutNum  li{ width: 50%; margin-top: 15px;}
	.idxAboutNumIcon{ width: 28px;}
	.idxProlist li{ width: 100%; margin-right: 0;}

	.idxNewsUl .item{ width: 100% ; margin-right: 0;}
	.idxNewsUl .item + .item{ margin-top: 15px;}

	.newslist li{width: 100% ; margin-right: 0;}


	.footContact{  border: none ; padding: 25px 0;}
	.ewmBox{ width: 100px; margin-left: auto; margin-right: auto;}
	body::after{ display: none;}

	.neiBan .content { width: 90vw; height: 90vw;}
	.neiBan .content .about_circle .circle{ width: 70vw; height: 70vw;}

	.idxBanImg, .neiBan{ height: 100vw;}
	.cultureRight{ padding-top: 20px; padding-bottom: 20px;}
	 
	.neiBan{ padding-bottom: 0;}
	.prodetail .info{ height: auto; margin-bottom: 20px;} 
	.joinTeamSwiper .swiper-slide{ height: auto;}
	.joinTeamSwiper .swiper-slide .w25{ width: 60%; margin-bottom: 15px;}

	.myPagination .swiper-pagination-bullet{margin: 0 3px;  width: 6px; height: 6px; }

	.joblist .top .btn{ width: 100%; justify-content: flex-end; margin-top: 10px;}
	.joblist .top .btn span{ padding-top: 10px; padding-bottom: 10px;}
	.joblist .jobTip .wapBold{ margin-bottom: 8px;}


	.contactStyle li{ border-right: none; border-bottom: 1px solid #e5e5e5;}
	.contactIcon{ width: 40px;}
	.contactEwm{ width: 100px;}
	.mapBox{ height: 320px;}
	
	.messagesCon{ position: relative; left: auto; bottom: auto;}
	.footNav   { padding-top: 0;}

}

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

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