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

/* .proLeft{ width: 470px;}
.proRight{ width: calc((100% - 470px));} */


.proClassRight{ width: calc(1480px - 340px);}
.idxClassLeftUl li:last-child{display: none;}


 

}

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

	 
	.idxAboutMore{ width: 70px; height: 70px;}

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

	.footEwm{ width: 120px;}
	.inlogo .la{ height: 90px;}	

/* 	.proLeft{ width: 420px;}
	.proRight{ width: calc((100% - 420px));} */

	.proClassRight{ width: calc(1360px - 340px);}

	
	.idxClassLeftUl li:nth-last-of-type(2){display: none;}
	.idxClassLeftUl li:nth-last-of-type(3){display: none;}

}

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


	.gridBottom{display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr);}

	.w-70{ width: 55px;} .h-70{ height: 55px;}
	.h-50{ height: 45px;}.w-50{ width: 45px;}
	.h-60{ height: 50px;}.w-60{ width: 50px;}
 
     
	.footEwm{ width: 115px;}
	.inlogo .la{ height: 80px;}



	.searchTop form .text{ width: calc(100% - 60px);}
	.searchTop form .submit{ width: 60px; height: 60px;}
	.searchlist li .right{ width: 60px; height: 60px;}

	.proClassRight{ width: calc(1240px - 340px);}

	.idxClassLeft .tit{ padding-bottom: 25%;}
	


}

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

	 

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

	.idxAboutMore{ width: 60px; height: 60px;}

	.footEwm{ width: 100px;}
	.inlogo .la{ height:70px;}

	.proLeft{ width: 300px;}
	.proRight{ width: calc((100% - 300px));}

	.proClassRight{ width: calc(88vw - 340px);}

	.prolist {
		 
		grid-gap: 20px 15px;
		grid-template-columns: repeat(3, 1fr);
	}

	.searchTop form .text{ width: calc(100% - 50px);}
	.searchTop form .submit{ width: 50px; height: 50px;}
	.searchlist li .right{ width: 50px; height: 50px;}

	.idxClassLeftUl li:nth-last-of-type(4){display: none;}

	.gridBottom{display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr);}

}


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

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

	.gridBottom{display: grid; grid-gap: 12px; grid-template-columns: repeat(2,1fr);}

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

	.inlogo .la{ height: 60px;}

	html,body{ max-width: 750px; margin: 0 auto;}
	.logoImg{ height: 45px;}
	.callIcon{ filter:none ; -webkit-filter:none ; }
	
	.idxBanImg{ height: 400px; object-fit: cover;}
	.idxBan .inner{ justify-content: center; align-items: center; top: 50%;}

	.idxNavul{ flex-wrap: wrap; }
	.idxNavul li{ flex: auto; width: calc((100% - 16px)/3);}

	.iPadFlex{ flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.idxClassLeft,.idxClassRight{ width: 100%;}

	.idxClassRight ul{grid-gap:   15px;grid-template-columns: repeat(2, 1fr);}
	.idxClassLeftUl{ padding: 0; display: flex; width: 100%;}
	.idxClassLeftUl{    overflow-x: scroll;  }
	.idxClassLeftUl::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
	.idxClassLeftUl::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 0; background:var(--color); width: 1px; }
	.idxClassLeftUl::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 0; background: #fff; width: 1px; }
	.idxClassLeftUl li{ white-space: nowrap; line-height: 46px;}
	.idxClassLeftUl li{ display: block !important;}
	.idxClassLeftUl li .iconfont{ display: none;}
	.idxClassLeftUl li a{ padding: 0 20px;}
	.idxClassLeft .tit{ padding-bottom: 0; height: 80px;}

	.iPadMax{ width: 100% !important;}
	.idsSerUl{ width: 100%;}
	.idsSerUl li  .round{ width: 60px; height: 60px;}
	.idxAboutNum{ flex-wrap: wrap;}
	.idxAboutNum li{ width: 48% !important; margin-top: 15px;}

	.pagelist a{ display: none;}
    .pagelist a.page{ display: flex;}

	.neiBan .neiBanText{ height: 100%;}

	/* .proLeftUl{ padding: 0; display: flex; }
	 
	.proLeftUl{  width: 100%;  overflow-x: scroll; }
	.proLeftUl::-webkit-scrollbar { height: 2px;}
	.proLeftUl::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.proLeftUl::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	.proLeftUl li{ padding: 0;}
	.proLeftUl li a{ height: 50px; padding: 0 20px;} */
	.prolist{grid-gap:15px;grid-template-columns: repeat(2, 1fr);}

	.processUl{ padding: 0 20px;}
	.processUl li{ max-width: 100%; position: relative !important; left: auto !important; top: auto !important; z-index: 10; display: flex; align-items: start;} 
	.processUl li .text{ margin-top: 0; margin-left: 15px;}
	.processUl li .processIcon{ height: 30px; flex-shrink: 0;}
	.processUl li  { margin-top: 15px;}

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

	.zwHeader{ height:60px;} 
	.zw{ margin-top: -60px; padding-top: 60px;}

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

	.inlogo .la{ height: 50px;}

	.idxBanImg{ height: 320px;}
	.idxNavul li{ width: calc((100% - 8px) / 2) ; flex-direction: column; text-align: center;}
	.idxNavIcon { height: 36px; margin-bottom: 10px;}
	


	.radius15{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
	.idsSerUl li .round{ width: 42px; height: 42px;}
	.idsSerUl::after{ top: 21px;}
	.idsSerUl li .font20{ font-size: 12px;}
	.idxAboutMore{ width: 46px; height: 46px;}

	.idxCustomer .con{ position: relative; left: auto ; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	footer .center .left{ text-align: center;}	 
	footer .center .left .tel{ justify-content: center;}
	.footEwmBox{ margin-left: 0;}
	.inlogo .la{ margin-bottom: 12px;}

	.proinfotabTit .on::after,.proinfoTitlt strong::after{ height: 2px;}

	.searchTop form{ width: 90vw;}
	.searchTop form .text{ width: calc(100% - 40px);}
	.searchTop form .submit{ width: 40px; height: 40px;}
	.searchlist li .right{ width: 40px; height: 40px; display: none;}
	.searchlist{ width: 100%; }
	.searchlist li .left{  width: 100%;}

	.idxBan .inner .wapFlexC .light-tri.ml-50{ margin-left: 0; margin-top: 15px;}
	

}

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

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