@charset "utf-8";
/* CSS Document */



body{
	margin:0px auto;
	padding:0px auto;
}
a{
	text-decoration:none;
	outline:0;
}
map *:focus{ outline:0;}
.wrap{
	width:100%;
	margin: 0px auto;
	padding: 0px auto;
	overflow:hidden;
}
.head{
	background:#FFF;
    margin: 0px auto;
	padding: 0px auto;
	height:auto;
	border-bottom:#f0f0f0 2px solid;
	z-index:999;
}
.content{
	width:100%;
	background-image:url(images/bg.jpg);
	background-position:center top;
	background-repeat: no-repeat, no-repeat;
	margin: 0px auto;
	padding: 0px auto;
	height:839px;
	position:relative;
	overflow:hidden;
}
.content01{
	background-image:url(images/bg2.jpg),url(images/all.jpg);
	background-position:center top,center 1005px;
	background-repeat: no-repeat,repeat-y;
	margin: 0px auto;
	padding: 0px auto;
}
.p_bg,.p_bg2,.p2_bg,.p2_bg2{width:100%;margin:0 auto;padding:0 auto;height:auto;}
.p_bg{background-image:url(images/p_bg.png);}
.p2_bg{background-image:url(images/p2_bg.png);}
.p_bg2{background-image:url(images/p_bg2.png);}
.p2_bg2{background-image:url(images/p2_bg2.png);}
.p_bg,.p_bg2,.p2_bg,.p2_bg2{
	background-position:center top;
	background-repeat:repeat-y;
}
.sub_content2,.sub_content3,.sub_content4,.sub_content5,.sub_content6,.sub_content7,.sub_content02,.sub_content03,.sub_content04,.sub_content05,.sub_content06,.sub_content07{margin: 0px auto;padding: 0px;}
.sub_content2,.sub_content3,.sub_content4,.sub_content5,.sub_content6,.sub_content7{background:url(images/sub_bg.jpg) no-repeat center top;}
.sub_content02,.sub_content03,.sub_content04,.sub_content05,.sub_content06,.sub_content07{background-image:url(images/sub_bg2.jpg),url(images/sub_all.jpg);}
.sub_content02,.sub_content03,.sub_content04,.sub_content05,.sub_content06,.sub_content07{
	background-position:center top,center 878px;
	background-repeat: no-repeat, repeat-y;
	/*background-color:#031346;*/
}
.footer{
	display:block;
	background-color:#FFFFFF;
	margin: 0px auto;
	padding: 0px auto;
}
.nav{
	display:block;
	position:fixed;
	background-color:#000000;
	width:100%;
	height:75px;
	bottom:0px;
	z-index:999;
	border-top:1px solid #3581e2;
}
.move_wrap{
	display:block;
	position:relative;
	width:950px;
	height:auto;
	margin: 0px auto;
	padding: 0px auto;
}
.act,.act2,.act3,.act4,.act_1,.act_2,.act_3{
	display: block;
	position: absolute;
	margin:0;
	padding:0;
	cursor: pointer;
	z-index: 10;
	transition:all ease-in-out .2s;
}
.act{
	background: url(images/act_01.png) center top no-repeat;
	width: 210px;
	height: 174px;
	left: -15px;
	top: 631px;
}
.act2{
	background: url(images/act_02.png) center top no-repeat;
	width: 190px;
	height: 174px;
	left: 236px;
	top: 631px;
}
.act3{
	background: url(images/act_03.png) center top no-repeat;
	width: 206px;
	height: 174px;
	left: 481px;
	top: 631px;
}
.act4{
	background: url(images/act_04.png) center top no-repeat;
	width: 194px;
	height: 174px;
	left: 735px;
	top: 631px;
}

.act:hover,.act2:hover,.act3:hover,.act4:hover{
	transform:scale(.98);
}
.act a,.act2 a,.act3 a,.act4 a{display: block;width:100%;height:100%;cursor:pointer;}
.light,.light2{
	display:block;
	position:absolute;
	width:1950px;
	height:400px;
	top:0px;
	left:-500px;
	z-index:5;
}
.light{
	background: url(images/light_01.png) center top no-repeat;
	animation: bb 3s ease-in-out infinite;
	opacity:0;
}
.light2{
	background: url(images/light_02.png) center top no-repeat;
	animation: bb2 3s ease-in-out infinite;
}
@keyframes bb{
	0%,100% { opacity:0; }
	50% { opacity:1; }
}
@keyframes bb2{
	0%,100% { opacity:1; }
	50% { opacity:0; }
}

.n1,.n2,.n3,.n4,.n5,.n6,.n7{
	display:block;
	position:absolute;
	opacity:0;
	z-index:5;
}
.n1{
	background: url(images/note_01.png) center top no-repeat;
	width: 36px;
	height: 28px;
	left: 52px;
	top: 429px;
	animation: nn 2.5s ease-in-out infinite;
	animation-delay: .7s;
}
.n2{
	background: url(images/note_02.png) center top no-repeat;
	width: 11px;
	height: 22px;
	left: 96px;
	top: 415px;
	animation: nn 2.5s ease-in-out infinite;
	animation-delay: .9s;
}
.n3{
	background: url(images/note_03.png) center top no-repeat;
	width: 24px;
	height: 49px;
	left: 109px;
	top: 449px;
	animation: nn 2.5s ease-in-out infinite;
	animation-delay: 1s;
}
.n4{
	background: url(images/note_04.png) center top no-repeat;
	width: 33px;
	height: 43px;
	left: 144px;
	top: 442px;
	animation: nn 2.5s ease-in-out infinite;
	animation-delay: 1.3s;
}
.n5{
	background: url(images/note_02.png) center top no-repeat;
	width: 11px;
	height: 22px;
	left: 824px;
	top: 446px;
	animation: nn 2.5s ease-in-out infinite;
	animation-delay: .5s;
}
.n6{
	background: url(images/note_01.png) center top no-repeat;
	width: 36px;
	height: 28px;
	left: 834px;
	top: 456px;
	animation: nn 2.5s ease-in-out infinite;
	animation-delay: .3s;
}
.n7{
	background: url(images/note_03.png) center top no-repeat;
	width: 24px;
	height: 49px;
	left: 794px;
	top: 464px;
	animation: nn 2.5s ease-in-out infinite;
	animation-delay: .7s;
}
@keyframes nn{
	0%,20%,50%,100%{ opacity:0; transform:translateY(0);}
	30%{ opacity:1; transform:translateY(-5px);}
}

.bird,.bird2{
	display: block;
	position: absolute;
	z-index: 3;
}
.bird{
	background: url(images/bird.png) center top no-repeat;
	width: 210px;
	height: 213px;
	top: 288px;
	left: -121px;
	
}
.bird2{
	background: url(images/bird2.png) center top no-repeat;
	width: 91px;
	height: 95px;
	top: 400px;
	left: 864px;
}

.more{
	display:block;
	width:450px;
	height:89px;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
}