body,div,ul,li,a{
	margin: 0;
	padding:0;

}
body:{
	width: 100%;
	height: 100%;
}
.index-wrapper{
	width: 100%;
	height: 100%;
	max-width: 720px;
	margin:0 auto;
}
.index-banner{
	width: 100%;
	padding-top: 56%;
	position: relative;

}
.index-banner-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.index-banner-img img{
	width: 100%;
	height:100%;
}
.index-menu, .index-menu-list{
	width: 100%;
}
.index-menu-list{
	display: flex;
}
.index-menu-item{
	flex: 1;
	max-width: 33.333%;
	padding-top: 33.3333%;
	position: relative;
	box-sizing: content-box;
	list-style: none;
	height: 0;
	border:1px solid #ededed;
}
.index-menu-item a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.index-menu-item a img{
	width: 100%;
	height: 100%;
}
a,a:focus,a:hover,a:active,a:visited{
	text-decoration: none;
  outline: none;
}