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

.briefImgUl img{ height: 480px;}

 

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

	.logoImg{ height: 56px;}
	.oneNav{ line-height: 80px;  padding: 0 1.3vw;}
	.headerTel{ height: 80px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHheader{ height: 80px;}
	.idxBanImg{  max-height: calc(100vh - 80px); }

	.neiBanBtn{ width: 90px;}
	.briefImgUl img{ height: 450px;}

}

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

	header .con{ padding: 0 3vw;}

	.logoImg{ height: 50px;}
	.oneNav{ padding: 0 1.2vw;}

	.idxWhatUl .font22{font-size: 16px;}
	.idxWhatUl li .img{ height: 10vw;}
	.waves{ height: 70px;}
 
	.proLeft{ width: 355px;}
	.proRight{ width: calc(100% - 370px);}

	.proinfoBottom table tr td{ line-height: 2.6;}

	.neiBanBtn{ width: 80px;}

	.briefImgUl img{ height: 400px;}
     
}

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

	.oneNav{ font-size: 16px;}
	header .con{ padding: 0 20px;}
	.waves{ height: 60px;}

	.proLeft{ width: 300px;}
	.proRight{ width: calc(100% - 315px);}
	.hotUl li .img{ width: 60px; height: 60px;}
	.hotUl li .text{ width: calc(100% - 70px);}
	.prolsit li{ margin-right: 12px; margin-bottom: 12px; width: calc((100% - 24px) / 3);}

	.pro-item { display: flex; flex-wrap: wrap;}
    .pro-cell { width: 50%; padding-right: 2vw;}

	.neiBanBtn{ width: 70px;}

	.briefImgUl img{ height: 360px;}
	.QualityIco{ height: 58px;}

}

@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: 48px;}
	.oneNav{ line-height: 70px; }
	.headerTel{ height: 70px;}
	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHheader{ height: 70px;}
	.idxBanImg{  max-height: calc(100vh - 70px); }

	.scroll-tip{ width: 56px; height: 56px;top: -50px;}
	.mouse-tip{ width: 20px; height: 30px;}

	.idxWhatUl li{ width: 50%;}
	.waves{ height:50px;}


	.prolsit li{ margin-right: 20px; margin-bottom: 20px; width: calc((100% - 20px) / 2);}
	.prolsit li:nth-child(2n){ margin-right: 0;}

	.neiBanBtn{ width: 60px; border-width: 2px;}
	.briefImgUl img{ height: 320px;}
	.QualityIco{ height: 42px;}
    
}
@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;}

	.zw{ margin-top: -60px; padding-top: 60px;}
	.zwHheader{ height: 60px;}
	header .con{ padding-left: 20px; padding-right: 0;}
	.idxWhatUl .font22{ font-size: 12px;}
	.idxWhatUl li .img{ height: 80px;}

	.idxDPGBtn{ width: 46px; height: 46px;}
	.idxDPG .next{  right: 10%;}

	.idxHonorUl li{ margin: 0 5px; width: 160px; height: 211px;}
	.waves{ height: 32px;}
	footer .right{ padding-left: 0;}
	.proLeftNav{ display: none;}

	.prolsit li{ margin-right: 12px; margin-bottom: 12px; width: calc((100% - 12px) / 2);}

	.proInfoRight{ margin-top: 15px;}
	.proinfoTitLine::after{ width: 32px;}
	.proinfoBottom table tr td{ line-height: 1.6;}

	.customizedUl li:nth-child(2n){ flex-direction:column;}

	.designedUl li{ display: flex; margin-top: 15px;}
	.designedUl li .round{ width: 42px; height: 42px; flex-shrink: 0;   margin-right: 15px;}
	.designedUl li .text{ white-space:normal}
	.designedCenter{ width: 60vw; height: 60vw;}
	.customizedUlBox{ margin-top: 0;}
	 

	.couldBtn{ width: 42px; height: 42px; position: relative; top: auto; transform: none; right: auto; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.couldBtn.next{ right: auto;}
	.couldBtn.prev{ left: auto; margin-right: 25px;}
	.could .button{ margin-top: 20px; display: flex; align-items: center; justify-content: center;} 
	.neiBan .text{ top: 45%;}

	.briefText{ padding-left: 0; padding-right: 0;}
	.briefImgUl img{ height: 220px;}
	.briefImgUl img + img{ margin-top: 15px;}

	.qualityUl li{ flex-direction: column !important; text-align: left !important; }
	.qualityUl li .text { margin-top: 15px;}
	.QualityIco{ height: 32px;}
	.aboutGet .reset ,.aboutGet .submit{ width: 40%;}

}

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

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