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

	.logoImg{ height: 55px;}

	.oneNav{ line-height:90px;}
	.languageBtn{ height: 90px;}
	.zw{ margin-top: -90px; padding-top: 90px;}
	.zwHeader{ height: 90px;}

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


	.w-70{ width: 60px;} .h-70{ height: 60px;}



}

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

	body{ font-size: 14px }
	.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);}
 
	.logoImg{ height: 50px;}
	.oneNav{ line-height:80px;}
	.languageBtn{ height: 80px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}

	.ewmBox  img{ width: 120px;}
	.buttonImg{ height: 55px;}

	.processUl li .con{ height: 250px;}
	.processCon::after{ top: 284px;}
     
	.w-70{ width: 55px;} .h-70{ height: 55px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}
	.h-60{ height: 50px;}.w-60{ width: 50px;}

	.idxNewAbout .right::after{ left: 10%;}
 
}

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

	.banImg{ height: auto;}
	.dotBox{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
	.dotBox{ bottom: 30px;}

	.ewmBox img{ width: 110px;}

	.cultureRight{ width: 60%;}
	.prolist li .left{ width: 40px;}
	.prolist li .right{ width: calc(100% - 40px);}
	.buttonImg{ height: 50px;}
	.Blogul{ display: grid; grid-gap:5px 1vw; grid-template-columns: repeat(2,1fr);}
	.w-70{ width: 55px;} .h-70{ height: 55px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}

}

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

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

	.logoImg{ height: 45px;}
	.oneNav{ line-height:70px;}
	.languageBtn{ height: 70px;}
	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}

	.ewmBox img{ width: 100px;}

	.outLink a{ width: 40px; height: 40px;}

    .buttonImg{ height: 45px;}

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

	
}
@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;}
	.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: 38px;}


	header .con{ width: 100%; padding-left: 10px;}
	.dotBox{ transform: scale(.6); -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); }
	.dotBox{ bottom: 15px;}

	 
	.numUl{ flex-wrap: wrap;}
	.numUl li{ width: 50%; margin-bottom: 15px;}
	.footLogo{ width: 158px;}
	footer .bottom{  background: #0a192e;}
	.ewmBox{ flex-direction: column-reverse; text-align: center; margin-left: auto; margin-right: auto;}
	.ewmBox img{ width: 90px;}
	.ewmBox .text{ text-align: center; margin-right: 0; margin-top: 15px;}
	.outLink{ justify-content: center; margin-top: 10px;}
	footer .bottom .copyright{ text-align: center; line-height: 1.6;}
	.idxAbout .con{ height: 238px;}
	.idxAbout .con .round{ width: 50px; height: 50px;    bottom: -25px;    margin-left: -25px;}

	.birefLogo{ width: auto; height: 40px; margin-bottom: 15px;}
	.birefBan img{ height: 220px; object-fit: cover;}
	.birefBan .text{ width: 100%;}
	.birefBan .line{ height: 3px;}


	.birefCon{ text-align: left;}
	.culture{ height: auto;}
	.cultureTit{ padding-left: 0; padding-bottom: 25px;}
	.cultureRight li strong{ margin-bottom: 10px;}
	 
	.proNav{ display: none;}
	.proNav li i{ width: 16px; height: 16px;}

	.prolist li .w30{ border-left: none; border-top: 1px solid #e5e5e5;}
	.prolist li .img{ padding-bottom: 65%;}

	.prolist li .left{ width: 30px;}
	.prolist li .right{ width: calc(100% - 30px);}
	.featureRight{ margin-top: 18px;}
 
	.parameterInfo{  width: 100%;  overflow-x: scroll; padding-bottom: 25px;}
	.proInfoTop .img{ margin-top: 12px;}
	.parameterInfo::-webkit-scrollbar { height: 2px;}
	.parameterInfo::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.parameterInfo::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	.parameterInfo table tr:first-child td{ line-height: 2.5;}
	.parameterInfo table tr td{  line-height: 2;}

	.popCloseImg{ width: 30px; margin-top: 15px;}

	.buttonImg{ height: 38px; margin-top: 12px;}

	.customizeUl li{ flex: auto; flex-direction: row; width: 100%; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
	.customizeUl li .text{ width: 100%; height: 0; padding-bottom: 50%;}
	.customizeUl li .img{ width: 100%; height: 0; padding-bottom: 50%;}
	.customizeUl li:nth-child(2n){ flex-direction: row-reverse;}

	.processUl li{ width: 100%; display: flex; flex-direction: row-reverse;}
	.processUl li .con{ width: 100%; padding: 20px 15px; flex-direction: row; height: auto; align-items: center;}
	.processUl li .con .text{ margin-top: 0; margin-left: 20px;}
	.processUl li .Shu{ display: none;}
	.processUl li  .dian{ width: 20px; flex-shrink: 0; margin-right: 15px;}
	.processUl li + li{ margin-top: 15px;}
	.processCon::after{ top: 0; left: 30px; height: 100%; width: 1px;}
	.processIcon{ width: 50px;}
	.serviceUl li:nth-child(2n){  flex-direction: column;}
	.serviceUl li .text{ margin-bottom: 15px;}

	.contactIcon{ width: 22px ; margin-bottom: 10px;}

	.featureLeft img{ position: relative; left: auto; top: auto;}

	.proLeftBox{ position: relative;left: auto; top: auto;}

	.idxNewAbout .right::after{ right: 15px; height: calc(100% + 15px);}
	.kuai{ width: 6px; height: 7px;}

	/*  margin-top: -5vw; */
	.idxBoaUl{ display: grid; grid-gap: 15px; grid-template-columns: repeat(2,1fr);}
	.idxBoaUl li .img img{ height: 38px;}
 

}

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

	.Blogul{ display: grid; grid-gap:5px 1vw; grid-template-columns: repeat(1,1fr);}
}

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