html,body{
	min-height:100vh;
}
.none{
	display: none !important;
}
.bg_26{
	background: url(../images/tablet/bg.jpg) fixed center center;
	background-size: 100vw 100vh;
}
.box{
	width:100%;
	min-width:100vw;
	height:auto;
	margin: 0 auto;
	background-size: 100% auto;
}
h1{
	margin:0 auto;
	position:fixed;
	text-align:center;
	width:100vw;
	height:28vh;
	background: url(../images/tablet/bg.jpg) fixed center center;
	background-size: 100vw 100vh;
	z-index:9999;
}
h1 img{
	margin:3vh auto;
	height:75%;
}
.boxin{
	padding-top:28vh;
	width:100vw;
	margin:0 auto;
	max-width: 100vw;
	min-width: auto;
}
h2{
	display: block;
	margin: 0 auto;
	background-size: auto 100%;
	text-align: center;
	padding: 20px 0 2vh 0;
	font-size:4vw;
	color:#fae9c1 !important;
	text-shadow: -1px 3px 2px #0b1e63;
}
.autofix{
	display: block;
	width: 100% !important;
	height:auto;
	margin: 0 auto;
}
.tips{
	position: absolute;
	right:20px;
	top:10px;
	padding: 0 15px;
	display: block;
	white-space: nowrap;
	font-size:13px;
	color:#f00;
	background: #ff0;
	border-radius: 10px;
	line-height: 20px;
	overflow: hidden;
}
.box ul{
	clear: both;
	display: block;
	position: relative;
	width: 80vw;
	margin: 0 auto 15vh auto;
	overflow: hidden;
}
.box ul li{
	float: left;
	display: block;
	margin:1vh 1%;
	width: 18%;
}
.inboard ul li a,
.box ul li div{
	display: block;
	width: 100%;
	height:0;
	padding-bottom: 75%;
	border: 1px solid #e1e2e3;
	background: #fff;
	text-align: center;
	overflow: hidden;
	transition: all 0.5s;
}
.inboard ul li a + a,
.box ul li div + div{
	margin-top: -1px;
	padding-bottom: 0;
	height:5rem;
}
.inboard ul li a img,
.box ul li div img{
	display: block;
	margin: 0 auto 0.5rem auto;
	width: 100%;
	height:auto;
	overflow: hidden;
}
.box ul li h3{
	display: block;
	margin: 0;
	white-space: nowrap;
	line-height: 2.7rem;
	font-size:1.2rem;
	font-weight: normal;
	text-overflow: ellipsis;
	color:#333;
	overflow: hidden;

}
.box ul li h4{
	display: block;
	margin: 0 3%;
	white-space: nowrap;
	height:1.8rem;
	line-height: 1.6rem;
	font-size:1rem;
	font-weight: normal;
	text-overflow: ellipsis;
	color:#999;
	overflow: hidden;

}
.box ul li span{
	display: block;
	margin: 0 0 0.5rem 0;
	white-space: nowrap;
	color:#999;

}
.inboard ul li a:hover,
.box ul li div:hover{
	transform: scale(1.08,1.08);
}
.footer{
	padding: 0;
	position: relative;
}
.footer *{
	color: #fff !important;
	text-shadow:2px 1px 2px #0b1e63;
}
.footer_in{
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
@media screen and (max-width: 1080px) {
	h1 img{
		max-width: 100vw;
	}
	.box{
		max-width:100vw !important;
		min-height:100vh;
	}
	.boxin{
		min-height: 72vh;
	}
	h2{
		font-size: 6vw;
	}
	.box ul{
		width:92%;
	}
	.box ul li{
		width:19% !important;
		margin: 0.5rem 0.5%;
	}
	.inboard ul li a + a,
	.box ul li div + div{
		height: 6rem;
	}
	.box ul li h4{
		white-space:normal;
		height:auto;
		line-height: 130%;
	}
}
@media screen and (max-width: 500px) {
	.tips{
		right: 1rem;
		top: 1rem;
		padding: 0 1rem;
		font-size: 1.2rem;
		border-radius: 1rem;
		line-height: 2rem;
	}
	.box ul{
		width:86vw;
	}
	.box ul li{
		width:48% !important;
		margin: 0.5rem 1%;
	}
	.footer_in{
		padding: 0 0 30px 0;
	}
}