.main{
	min-height: 100vh;
}
.bg-index{
	background: url(../images/bg.jpg)no-repeat center center;
	background-size: cover;
}
.logo{
	position: relative;
	top: -4vh;
}
.mune{
	position: relative;
	top: -5vh;
}
.menu-list{
	position: absolute;
	z-index: 100;
	width: 17%;
	height: 25%;
	/*background: rgba(0,0,0,0.2)!important;*/
}
.menu-list1{
	top: 9%;
    left: 22%;
}
.menu-list2{
	top: 9%;
    right: 21%;
}
.menu-list3{
	bottom: 13%;
    left: 23%;
}
.menu-list4{
	bottom: 13%;
    right: 21%;
}
.menu-list5{
	top: 34%;
    right: 41%;
}
.index-bottom{
	max-width: 640px;
	position: fixed;
	bottom: 0;
	font-size: 0;
}
.index-bottom img{
	display: block;
	padding: 10px 0;
}
.index-b{
	position: absolute;
	z-index: 100;
	top: 0;
	bottom: 0;
	/*background: rgba(0,0,0,0.2)!important;*/
}
.index-b1{
	width: 32%;
	left: 0;
}
.index-b2{
	width: 36%;
	left: 33%;
}
.index-b3{
	width: 29%;
	right: 0;
}
@media only screen and (min-height: 680px) and (max-height: 800px) {
	.logo{
		top: 0;
	}
	.mune{
		top: 2vh;
	}
}