@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);}
	.idxProCenter::after{ width: calc((100vw - 1350px)/2) ;}

	header{ padding: 0 5vw;}
	.logoImg{ height: 50px;}
	.zw{ padding-top: 90px; margin-top: -90px;}
	.oneNav{line-height: 90px;}


	.swiBtn.prev{ left: -80px;}
	.swiBtn.next{ right: -80px;}

	.idxAboutCon::after{height: calc(100% - 60px);}

}

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

	body{ font-size: 14px }
	.inner{ width:1280px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1280px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1280px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1280px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1280px)/2);}
	.idxProCenter::after{ width:  calc((100vw - 1260px)/2) ;}
	header{ padding: 0 25px;}
	.logoImg{ height:45px;}
	.zw{ padding-top: 80px; margin-top: -80px;}
	.oneNav{line-height: 80px;  }
	.oneNav span::after{ height: 1px;}

	
	.swiBtn.prev{ left: -30px;}
	.swiBtn.next{ right: -30px;}

	.idxProductSwiper .number{ font-size: 100px;}
	.f250{ font-size:200px;}
	.common.btn {  line-height:50px;   }    
	.common.btn .t {  top: -50px; 	    }
	.common.btn:hover .w { transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); }
	.idxAboutVideo .paly{ width: 80px;  height: 80px;    margin-left: -40px;margin-top: -40px;}
	.proClassIcon{ max-height: 30px;}

	.ewmBox{ width: 120px;}
	.idxAboutCon::after{height: calc(100% - 40px);}

	.f250{ font-size: 180px;}
	.numIcon{ height: 38px;}
     
}

@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;}
	.idxProCenter::after{ width:  6vw ;}

	.swiBtn{ width: 60px; height: 60px;}
	.oneNav{ font-size: 16px;}
	.idxBanImg{ height: auto;}

	.numIcon{ height: 40px;}


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

	.f250{ font-size: 160px;}
	.idxAboutCon::after{height: calc(100% - 10px);}
	.idxProductSwiper .number{ font-size: 80px;}
	.ewmBox{ width: 100px;}
}

@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;}
	.idxProCenter::after{ width:  2vw ;}

	.common.btn {  line-height:40px;   }    
	.common.btn .t {  top: -40px; 	    }
	.common.btn:hover .w { transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); }
	
    
	.idxAboutCon::after{height:100%;}
	.idxAboutCon{ padding-bottom: 20px;}

	.swiBtn.prev{ left: 0;}
	.swiBtn.next{ right:0;}
	.idxProductSwiper .number{ font-size: 60px;}

}
@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;}
	.idxProCenter::after{ width:  20px ;}

	header{ padding: 0 0 0 20px;}
	.zw{ padding-top: 60px; margin-top: -60px;}

	.idxAboutCon::after{ display: none;}
	.codeIcon{ height: 32px;}
	.idxAboutCon{ padding-bottom: 0;}
	.idxAboutCon .w60{ padding: 20px; background: url(../image/idxAboutBg.jpg) no-repeat center center; background-size: cover;}
	.numIcon{ height: 30px;}
	.idxAboutVideo{ margin-top: 0; }
	.idxAboutVideo .bigImg{   height: 300px;}
	.idxAboutVideo .paly {width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
	.idxProClass { margin-top: 20px; margin-bottom: 20px; width: 100%; position: relative; right: auto; top: auto;}
	.idxProClass li{ font-size: 12px;  width: 25%; padding-left: 0; padding-right: 0; display: flex; align-items: center; flex-direction: column;}
	.proClassIcon { margin-top: 0; margin-bottom: 10px;}

	.idxProSwiper .swiper-slide{ display: flex; flex-direction: column;}
	.idxProSwiper .swiper-slide .fl{ float: none; width: 100%;}
	.idxProSwiper .swiper-slide .text{ padding: 10px 0;}
	.idxProSwiper .round{  width: 60px;   height: 60px;}
	.checkIcon { height: 1.2em;}
	.idxProSwiper .swiper-slide .img .bigImg{ height: 266px;}
	.idxProSwiper .img { height: auto;}

	.duiIcon{ height: 1em;}
	.idxProductSwiper .img{ padding-bottom: 62%;}
	.idxNewsItems .line-clamp2{-webkit-line-clamp: 1;}

	.idxNewsItems .round {width: 15px;height: 15px;}
	.idxNewsItems .round .iconfont {font-size: 20px;}
	.idxNewsItems .more{ margin-top: 10px;}

	.ewmBox{ width: 100px;}
	.f250{ font-size: 100px;}
	.numUl li{ width: 30%; display: flex; align-items: center; flex-direction: column; text-align: center;}

	.idxBan .swiper-pagination{ bottom: 15px;}
	.idxBan .swiper-pagination .swiper-pagination-bullet{ width: 20px;   height: 2px;   }
	.idxBan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 50px; }

	.numUl{ flex-wrap: wrap;}
	.numUl li{ width: 48%;}
	 
}

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

	.ewmBox{ width: 80px;}
	.idxNewsItems .round{ width: 20px; height: 20px;}
}

@media screen and (min-width:750px) { }