ol,ul {
	list-style:none
}
html,body {
	width:100%;
	height:100%;
	overflow:hidden
}
.section-wrap {
	margin:0;padding:0;
	width:100%;
	height:100%;
	overflow:visible;
	transition:transform 2s;
	-webkit-transition:-webkit-transform 2s
}
.section-wrap .section {
	margin:0;padding:0;
	position:relative;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat
}
.section-wrap .section .title {
	margin:0;padding:0;
	width:100%;
	position:absolute;
	bottom:10%;
	color:#fff;
	font-size:2.4em;
	text-align:center
}
.section-wrap .section-1 {
	margin:0;padding:0;
	background:url(../images/indexb_01.jpg) no-repeat;background-size:cover;
}
.section-wrap .section-2 {
	margin:0;padding:0;
	background:url(../images/indexb_02.jpg) no-repeat;background-size:cover;
}
.section-wrap .section-3 {
	margin:0;padding:0;
	background:url(../images/indexb_03.jpg) no-repeat;background-size:cover;
}
.section-wrap .section-4 {
	margin:0;padding:0;
	background:url(../images/indexb_04.jpg) no-repeat;background-size:cover;
}
.section-wrap .section-5 {
	margin:0;padding:0;
	background:url(../images/indexb_05.jpg) no-repeat;background-size:cover;
}
.section-wrap .section-6 {
	margin:0;padding:0;
	background:url(../images/indexb_06.jpg) no-repeat;background-size:cover;
}
.section-wrap .section-7 {
	margin:0;padding:0;
	background:url(../images/indexb_07.jpg) no-repeat;background-size:cover;
}
.section-wrap .section-8 {
	margin:0;padding:0;
	background:url(../images/indexb_08.jpg) no-repeat;background-size:cover;
}
.section-wrap .section-9 {
	margin:0;padding:0;
	background:url(../images/indexb_09.jpg) no-repeat;background-size:cover;
}
.put-section-0 {
	margin:0;padding:0;
	transform:translateY(0);
	-webkit-transform:translateY(0)
}
.put-section-1 {
	margin:0;padding:0;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%)
}
.put-section-2 {
	margin:0;padding:0;
	transform:translateY(-200%);
	-webkit-transform:translateY(-200%)
}
.put-section-3 {
	margin:0;padding:0;
	transform:translateY(-300%);
	-webkit-transform:translateY(-300%)
}
.put-section-4 {
	margin:0;padding:0;
	transform:translateY(-400%);
	-webkit-transform:translateY(-400%)
}
.put-section-5 {
	margin:0;padding:0;
	transform:translateY(-500%);
	-webkit-transform:translateY(-500%)
}
.put-section-6 {
	margin:0;padding:0;
	transform:translateY(-600%);
	-webkit-transform:translateY(-600%)
}
.put-section-7 {
	margin:0;padding:0;
	transform:translateY(-700%);
	-webkit-transform:translateY(-700%)
}
.put-section-8 {
	margin:0;padding:0;
	transform:translateY(-800%);
	-webkit-transform:translateY(-800%)
}
.put-section-9 {
	margin:0;padding:0;
	transform:translateY(-900%);
	-webkit-transform:translateY(-900%)
}
.section-btn {
	width:12px;
	position:fixed;
	right:1%;
	top:40%
}
.section-btn li {
	width:8px;
	height:8px;
	cursor:pointer;
	text-indent:-9999px;
	border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:12px;
	background:#fdbe07;
	border:0px solid #fdbe07;
	text-align:center;
	color:#fff;
	cursor:pointer
}
.section-btn li.on {
	background:#fff
}
.arrow {
	opacity:1;
	animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;
	-webkit-animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:60px;
	line-height:60px;
	cursor:pointer;
	background-image:url(../div/down.png);
	background-repeat:no-repeat;
	background-size:100%
}
.in {
	background-image:url(../div/up.png)
}
.arrow:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused
}
@keyframes arrow {
	%0,%100 {
	bottom:30px;
	opacity:.8
}
50% {
	bottom:60px;
	opacity:.5
}
}@-webkit-keyframes arrow {
	%0,%100 {
	bottom:30px;
	opacity:.8
}
50% {
	bottom:60px;
	opacity:.5
}
}