@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;
	margin: 0px auto;
	padding: 0px auto;
	height:1197px;
	position:relative;
	overflow:hidden;
}
.content01{
	background-image:url(images/bg2.png),url(images/all.png);
	background-position:center top,center 1144px;
	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 1186px;
	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:74px;
	bottom:0px;
	z-index:999;
	/*border-top:1px solid #4534c0;*/
}
.move_wrap{
	display:block;
	position:relative;
	width:950px;
	height:auto;
	margin: 0px auto;
	padding: 0px auto;
}
.act00{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 863px;
	height: 147px;
	cursor: pointer;
	z-index: 10;
	left: 45px;
	top: 882px;
}
.act00 .go{
	display: block;
	float:right;
	width: 297px;
	height: 128px;
	z-index: 2;
	background: url(images/go.png) center top no-repeat;
	margin-right: 0px;
	margin-top: 10px;
	animation: gg .5s ease-in-out infinite alternate;
}
@keyframes gg{
	from{ transform:scale(1);}
	to{ transform:scale(1.02);}
}
.act,.act2,.act3,.act4{
	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: 159px;
	height: 128px;
	left: 70px;
	top: 1034px;
}
.act2{
	background: url(images/act_02.png) center top no-repeat;
	width: 155px;
	height: 128px;
	left: 292px;
	top: 1034px;
}
.act3{
	background: url(images/act_03.png) center top no-repeat;
	width: 157px;
	height: 128px;
	left: 512px;
	top: 1034px;
}
.act4{
	background: url(images/act_04.png) center top no-repeat;
	width: 156px;
	height: 128px;
	left: 730px;
	top: 1034px;
}

.act:hover,.act2:hover,.act3:hover,.act4:hover{
	transform:scale(.97);
}

.act00 .go:hover{ animation-play-state:paused;}

.act00 a,.act a,.act2 a,.act3 a,.act4 a{display: block;width:100%;height:100%;cursor:pointer;}

.firefly{
	display:block;
	width:100%;
	height:1000px;
	margin:0 auto;
	position:absolute;
	left: 0px;
	top: 0px;
	overflow:hidden;
}
.fly{
	width: 20px;
    height: 20px;
    border-radius: 50%;
    mix-blend-mode: screen;
    background-image: radial-gradient(#c799ff, #c799ff 10%, rgba(153, 255, 255, 0) 56%);
}

.fly1,.fly2,.fly3,.logo{
	display: block;
	position: absolute;
	margin: 0 auto;
	z-index: 2;
	animation: ff 2s ease-in-out infinite alternate;
}
@keyframes ff{
	from{ transform:translateX(0);}
	to{ transform:translateX(15px);}
}
@keyframes ff2{
	from{ transform:translateX(0);}
	to{ transform:translateX(-15px);}
}
@keyframes ff3{
	0%,50%,70%,90%,100%{ transform:scale(1);}
	60%,80%{ transform:scale(1.02);}
}
.logo{
	width: 185px;
	height: 123px;
	background: url(images/logo.png) center top no-repeat;
	left: 591px;
	top: 105px;
	transform-origin:left bottom;
	animation: ff3 1s ease-in-out infinite alternate;
}
.fly1{
	width: 241px;
	height: 96px;
	background: url(images/fly_01.png) center top no-repeat;
	left: -125px;
	top: 90px;
}
.fly2{
	width: 306px;
	height: 104px;
	background: url(images/fly_02.png) center top no-repeat;
	right: 819px;
	top: 487px;
	animation-name:ff2;
	animation-delay: .3s;
}
.fly3{
	width: 391px;
	height: 92px;
	background: url(images/fly_03.png) center top no-repeat;
	right: -274px;
	top: 179px;
	animation-delay: .5s;
}

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