@media screen and (max-width:1500px){
	.hard{
		width:100%;
		padding:60px 5%
	}
}
@media screen and (max-width:1300px){
		
	.hard1 li:first-child .h-box,.hard1 li:nth-child(2) .h-box,.hard1 li:nth-child(3) .h-box{
		padding:10px 5%;
		line-height:30px;
	}
	.hard1 li:nth-child(11) .h-box,.hard1 li:nth-child(12) .h-box{
		padding:40px 5%;
		line-height:30px;
	}
}
@media screen and (max-width:1200px){

	.w{
		width:100%
	}
	.hard1 li{
		width:48%
	}
	
}
@media screen and (max-width:1000px){	
}
@media screen and (max-width:768px){
	.hard1 li{
		width:100%;
		margin:20px 0 0
	}
	.hard{
		padding-top:0;
	}

}

@media screen and (max-width:480px){
	.hard2 ul.hard-wtb{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
	}
}