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

	 
}

@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 2vw;}
	.oneNav{ line-height: 80px;}
	.languageBtn{ height: 80px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{  height: 80px;}

	.idxOne .prevIcon{ left: -60px;}
	.idxOne .nextIcon{ right: -60px;}

	.tjBox .prevIcon{ left: -60px;}
	.tjBox .nextIcon{ right: -60px;}

	.idxLinkUl .round{ width: 42px; height: 42px;}

	.listBtnImg{ height: 38px;}
 
	
	.prolist li{ width: calc((100% - 90px)/4); margin-right:30px;}
	.productdetailsBan .paly{ width: 80px; height: 80px;}

	.newslist li{ width: calc((100% - 60px)/3); margin-right: 30px;}

	.indexMore::after{  width: 46px; height: 46px;      }
	.indexMore .round{ width: 46px; height: 46px;}
     
}

@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{ line-height: 80px; font-size: 16px;}
	.languageBtn{ height: 80px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{  height: 80px;}
	.idxBanImg{ height: auto;}

	.swiperBtn { background-color: #000; padding:  25px 10px; }
	.swiperBtn.prevIcon{ left: 0;}
	.swiperBtn.nextIcon{ right: 0;}
	.swiperBtn.prevIcon:hover{  left: 0;}
	.swiperBtn.nextIcon:hover{ right: 0;}

	.prolist li{ width: calc((100% - 80px)/3); margin-right: 40px;}
	.prolist li:nth-child(4n){ margin-right: 40px;}
	.prolist li:nth-child(3n){ margin-right: 0  ;}

	.productdetailsBan .paly{ width: 70px; height: 70px;}
	.parameUl li{  width: calc(100% / 5);}

	.newslist li{ width: calc((100% - 50px)/3); margin-right: 25px;}

	.indexMore::after{  width: 40px; height: 40px;      }
	.indexMore .round{ width: 40px; height: 40px;}

}

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

	header .con{ padding: 0 0 0 2vw;}
	.languageBtn{ height: 60px;}
	.zw{ margin-top: -60px; padding-top: 60px;}
	.zwHeader{  height: 60px;}

	.prolist li{ width: calc((100% - 50px)/2); margin-right: 50px;}
	.prolist li:nth-child(4n){ margin-right: 40px;}
	.prolist li:nth-child(3n){ margin-right: 40px  ;}
	.prolist li:nth-child(2n){ margin-right: 0 !important  ;}

	.productdetailsBan .paly{ width: 60px; height: 60px;}
	.parameUl li{  width: calc(100% / 4);}

	.newslist li{ width: 48%; margin-right: 2%;}
	.newslist li:nth-child(3n){ margin-right: 2%;}
	.newslist li:nth-child(2n){ margin-right: 0 !important;}
    
}
@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;}

	.logoImg{ height: 20px;}
	.h_nav{ margin-left: 0;}
	.dotBox{ bottom: 5px;}

	.idxNewslist li{ width: 100%;}
	.idxContact{ height: 350px;}
	.idxLinkUl a{ width: 50%;}
	.idxLinkUl .round{ width: 38px; height: 38px;}

	.aboutFaqUl{   grid-gap: 2vw; grid-template-columns: repeat(1,1fr);}
	.prolistBtn{ width: 100%; justify-content: flex-end; margin-top: 15px;}
	.listBtnImg{ height: 32px;}
	 

	.prolist li{ width: 100%; margin-right: 0 !important;}
	.productdetailsBan .paly{ width: 48px; height: 48px;}
	.displayUl li{ margin-bottom: 25px;}

	.parameUl li{  width: calc(100% / 3);}

	.indexMore::after{  width: 32px; height: 32px;      }
	.indexMore .round{ width: 32px; height: 32px;}
	.wapPadding{ padding-left: 0 !important; padding-right: 0 !important;}
	
}



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


	.neiBan{ height: 220px;}

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

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