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

	

	.w90{ width:1440px;  margin: 0 auto;  }
	.maxW90{ width: 90%; max-width:1440px;  margin: 0 auto;}
	
}

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


 
	
	.w90{ width:90%;  margin: 0 auto;  }
	.maxW90{ width: 90%;  margin: 0 auto;}
	.numUl li{padding: 80px 0;}
	
	.line-height2-4{ line-height: 2;}

	
	.idxProUl a{ height: 500px;}
     

	
}

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

	
	
}

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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}

	.w90{ width:96%;  margin: 0 auto;  }
	.maxW90{ width: 96%;  margin: 0 auto;}
	
    
}
@media screen and (min-width:750px) and (max-width:1040px){
  
	
}

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



	.w90,.maxW90{width: calc(100% - 10px);}
	

	.idxProUl{ flex-wrap: wrap;}
	.idxProUl a{ width: 100%; margin-right: 0%;} 
	.idxProUl a + a{ margin-top: 15px;}
	.idxProUl a .top{ padding-top: 0;}
	.idxProUl a{ height: 150px;}
	.idxProUl a::before {
    background-image: linear-gradient(to top,rgb(167 13 5),rgb(0 0 0 / 0%));}
    .idxProUl a .line-clamp {
    display: block;
}
	.idxProUl a .idxProImg{ width: 100%;}
	.idxProIcon{ max-width: 30px; max-height: 30px;  }
	
}


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