.some-hero-grid-box{
	
	display: -ms-grid;
	display: grid;
	margin: 0 auto;

}

/*响应式网格，适配ie*/
@media screen and (min-width: 0px){
	.some-hero-grid-box{
		grid-template-columns: repeat(3,1fr);
	}
}
@media screen and (min-width: 400px){
	.some-hero-grid-box{
		grid-template-columns: repeat(4,1fr);
	}
}
@media screen and (min-width: 500px){
	.some-hero-grid-box{
		grid-template-columns: repeat(5,1fr);
	}
}
@media screen and (min-width: 600px){
	.some-hero-grid-box{
		grid-template-columns: repeat(6,1fr);
	}
}
@media screen and (min-width: 700px){
	.some-hero-grid-box{
		grid-template-columns: repeat(7,1fr);
	}
}
@media screen and (min-width: 800px){
	.some-hero-grid-box{
		grid-template-columns: repeat(8,1fr);
	}
}
@media screen and (min-width: 900px){
	.some-hero-grid-box{
		grid-template-columns: repeat(9,1fr);
	}
}
@media screen and (min-width: 1000px){
	.some-hero-grid-box{
		grid-template-columns: repeat(10,1fr);
	}
}
@media screen and (min-width: 1100px){
	.some-hero-grid-box{
		grid-template-columns: repeat(11,1fr);
	}
}