ol,ul {
	list-style:none
}
html,body {
	width:100%;
	height:100%;
	overflow:hidden
}
.section-wrap {
	width:100%;
	height:100%;
	overflow:visible;
	transition:transform 1s;
	-webkit-transition:-webkit-transform 1s
}
.section-wrap .section {
	position:relative;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background: #005bac;
}
.section-wrap .section-1 {
	/* background:url(../images/1.jpg) no-repeat;background-size:cover; */
}
.section-wrap .section-2 {background: #005bac; position: relative; padding: 220px 8% 40px 8%;}
.section-wrap .section-2::after{content: '';width: 100%; height: 100%; display: block;opacity: 0.3; background: url(../images/section_img2.png) no-repeat 0 0/100% 100%; position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.section-wrap .section-3 {background: #4387c3; position: relative; padding: 70px 8% 40px 8%;}
.section-wrap .section-3::after{content: '';width: 100%; height: 100%; display: block;opacity: 0.4; background: url(../images/section3_img1.png) no-repeat 0 0/100% 100%; position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

.section-wrap .section-4 {}
.section-wrap .section-5 {}
.section-wrap .section-6 {background: url(../images/section6_img2.png) no-repeat 0 0/100% 100%; padding: 60px 4%;}

.section-wrap .section-8 {}
.put-section-0 {
	transform:translateY(0);
	-webkit-transform:translateY(0)
}
.put-section-1 {
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%)
}
.put-section-2 {
	transform:translateY(-200%);
	-webkit-transform:translateY(-200%)
}
.put-section-3 {
	transform:translateY(-300%);
	-webkit-transform:translateY(-300%)
}
.put-section-4 {
	transform:translateY(-400%);
	-webkit-transform:translateY(-400%)
}
.put-section-5 {
	transform:translateY(-500%);
	-webkit-transform:translateY(-500%)
}
.put-section-6 {
	transform:translateY(-600%);
	-webkit-transform:translateY(-600%)
}
.put-section-7 {
	transform:translateY(-700%);
	-webkit-transform:translateY(-700%)
}
.section-btn {
	width:14px;
	position:fixed;
	right:4%;
	top:50%
}
.section-btn li {
	width:14px;
	height:14px;
	cursor:pointer;
	text-indent:-9999px;
	border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:12px;
	background:rgba(255,255,255,0.5);
	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(../images/down.png);
	background-repeat:no-repeat;
	background-size:100%;
	z-index: 6;
}
.in {
	background-image:url(../images/up.png)
}
.arrow:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused
}
@keyframes arrow {
	%0,%100 {
	bottom:30px;
	opacity:1
}
50% {
	top:60px;
	opacity:.5
}
}@-webkit-keyframes arrow {
	%0,%100 {
	bottom:30px;
	opacity:1
}
50% {
	top:60px;
	opacity:.5
}
}
@media only screen and (max-width: 540px){
	.arrow {
		/* width:60px;
		height:60px;
		line-height:50px; */
		right: 5%;
		left: auto;
	}
	 
}