* {
	margin:0;
	padding:0
}
ol,ul {
	list-style:none
}
html,body {
	width:100%;
	height:100%;
	overflow:hidden
}

#header{width:100%;    position: fixed;z-index:9;  }

#header .container02:before{content: ''; position: absolute;top: -1px;left: 0;right: 0; height: 154px;
    -webkit-background-size: auto 100%; -moz-background-size: auto 100%;-ms-background-size: auto 100%;
    -o-background-size: auto 100%; background-size: auto 100%; z-index: -1;background:url(../images/bgl1.png) repeat-x;}
#header.fixed{/*background:rgba(26, 53, 101, 0.6);*/background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));}
#header.on { z-index: 55;}





#header .navA{position:absolute;left:auto;right:0;top:-5px;bottom:auto;z-index:2;background:url(../images/menu_b.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;width:82px;height:67px}
#header .navA:after{content:'';width:32px;height:32px;background:url(../images/iconl2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:60%;left:60%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#header .navA.on:after{background-image:url(../images/iconl2-1.png)}


.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; overflow: hidden;
}
.section-wrap .section .title {
	width:100%;
	position:absolute;
	top:10%;
	color:#fff;
	font-size:2.4em;
	text-align:center
}

.section-wrap .section .title01 {
	width:100%;
	position:relative;

}

.section-wrap .section-1 {
	background-size:cover;
}
.section-wrap .section-2 {
	background-size:cover;
}
.section-wrap .section-3 {
	background-size:cover;
}
.section-wrap .section-4 {
background-size:cover;
}
.section-wrap .section-5 {
	background-size:cover;
}
.section-wrap .section-6 {
	background-size:cover;
}
.section-wrap .section-7 {
background-size:cover;
}
.section-wrap .section-8 {
	background-size:cover;
}
.section-wrap .section-9 {
background-size:cover;
}
.section-wrap .section-10 {
	background-size:cover;
}
.section-wrap .section-11 {
	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%)
}

@media screen and (max-width:1240px) {
	.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-wrap{}
}



.g-nav2{display:none;position:fixed;z-index:54; width: 130px; right:0;top:0;right:0;bottom:0;overflow:hidden}
.g-nav2 .scroll{position:absolute;z-index:1;right:0;top:100px;width: 130px;padding-top:40px;bottom:0;overflow-y:auto}
.g-nav2 .scroll ul{overflow:hidden}
.g-nav2 .scroll li{float:left;width:130px;text-align:center;overflow:hidden;height:45px;line-height:45px;}
.g-nav2 .scroll li:first-child,.g-nav2 .scroll li:nth-child(5){border-left: none;}
.g-nav2 .scroll li:nth-child(4n){border-right:none}
.g-nav2 .scroll li h2{font-size:24px;line-height:3em}
.g-nav2 .scroll li a{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.g-nav2 .scroll li a:hover{color:#fc0}
.g-nav2 .scroll li .list{/*padding:20px 0*/}
.g-nav2 .scroll li .list h3{font-size:18px;line-height:2.4em;font-weight:400}





.section-btn {
	width:120px;
	position:fixed;
	right:0%;
	top:45%
}
.section-btn li {
	width:100px;
	height:40px;
	line-height:40px;

	cursor:pointer;
	/*text-indent:-9999px;
	border-radius:50%;
	-webkit-border-radius:50%;	background:#fdbe07;*/
	margin-bottom:3px;
background:rgba(0,0,0,0.4);
	text-align:center;
	color:#fff;
	cursor:pointer;

}
.section-btn li.on {
	background:rgba(5,78,158,0.8);
}
.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;
	top:30px;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:60px;
	line-height:60px;
	cursor:pointer;

	background-repeat:no-repeat;
	background-size:100%
}
.in {

}
.arrow:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused
}