* {
	margin:0;
	padding:0
}
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
}
/* .section-wrap .section .title {
	width:100%;
	position:absolute;

	color:#fff;
	font-size:2.4em;
	text-align:center
} */
.section-wrap .section-1 {
	/*background:url(../image/1-1.jpg) no-repeat;background-size:cover;*/
	
	background-size:100% 100%;
}
.section-wrap .section-1 .title{
	position: relative;
}
.section-wrap .section-1 .vedio_bg2{
	position: absolute;
	top:5%;
	left: 50%;
	margin-left:-540px;
}
.section-wrap .section-1 video{
	outline: none;
	/* position: absolute;
	top:0;
	left: 50%;
	margin-left:-540px;
	margin-top: 5%; */
}
.section-wrap .section-2 {
	background-size:cover;
	background: #000;
}
.section-wrap .section-3 {
	background-size:cover;
	background: url(../image/threebg03.jpg) ;
}
.section-wrap .section-4 {
	background-size:cover;
	background: url(../image/bg01.jpg) ;
}
.section-wrap .section-5 {
	background-size:100% 100%;
	background: url(../image/bg02.jpg) ;
}

.section-wrap .section-6 {
	background-size:100% 100%;
	background: url(../image/bg04.jpg) ;
}
.section-wrap .section-7 {
	background:url(../image/bg05.jpg) no-repeat;background-size:100% 100%;
}
.section-wrap .section-8 {
	background:url(../image/bg06.jpg) no-repeat;background-size:100% 100%;
}

.section-wrap .section-9 {
	background:url(../image/bg08.jpg) no-repeat;background-size:100% 100%;
}
.section-wrap .section-10 {
	background:url(../image/wenyish04.jpg) no-repeat;background-size:cover;
}
.section-wrap .section-11 {
	background-size:cover;
	background:url(../image/xiehui.jpg) no-repeat center #fff;
}
.section-wrap .section-12 {
	background:#fff;background-size:cover;
}
.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%)
}
.put-section-8 {
	transform:translateY(-800%);
	-webkit-transform:translateY(-800%)
}
.put-section-9 {
	transform:translateY(-900%);
	-webkit-transform:translateY(-900%)
}
.put-section-10 {
	transform:translateY(-1000%);
	-webkit-transform:translateY(-1000%)
}
.put-section-11 {
	transform:translateY(-1100%);
	-webkit-transform:translateY(-1100%)
}

.section-btn {
	width:14px;
	position:fixed;
	right:4%;
	top:36%
}
.section-btn li {
	width:14px;
	height:14px;
	cursor:pointer;
	text-indent:-9999px;
	border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:12px;
	background:#808080;
	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:0px;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:60px;
	line-height:60px;
	cursor:pointer;
	background-image:url(../image/down.png);
	background-repeat:no-repeat;
	background-size:100%
}

.arrow:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused
}
@keyframes arrow {
	%0,%100 {
	bottom:0px;
	opacity:1
}
50% {
	bottom:20px;
	opacity:.5
}
}@-webkit-keyframes arrow {
	%0,%100 {
	bottom:0px;
	opacity:1
}
50% {
	bottom:20px;
	opacity:.5
}
}