@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:999px;
	position:relative;
	overflow:hidden;
}
.content01{
	background-image:url(images/bg2.jpg),url(images/all.png);
	background-position:center top,center 1184px;
	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 1215px;
	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 #e3003e;
}
.move_wrap{
	display:block;
	position:relative;
	width:950px;
	height:auto;
	margin: 0px auto;
	padding: 0px auto;
}
.act,.act2,.act3,.act4,.act5{
	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: 192px;
	height: 91px;
	left: 5px;
	top: 809px;
}
.act2{
	background: url(images/act_02.png) center top no-repeat;
	width: 183px;
	height: 91px;
	left: 259px;
	top: 808px;
	animation-delay: .3s;
}
.act3{
	background: url(images/act_03.png) center top no-repeat;
	width: 184px;
	height: 91px;
	left: 512px;
	top: 811px;
}
.act4{
	background: url(images/act_04.png) center top no-repeat;
	width: 161px;
	height: 91px;
	left: 771px;
	top: 808px;
	animation-delay: .6s;
}
.act5{
	width: 664px;
	height: 302px;
	left: 156px;
	top: 349px;
}

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


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

.cloud,.cloud2,.deco,.deco2{
	display:block;
	position:absolute;
	margin:0 auto;
	z-index:1;
}
.fly{
	display:block;
	position: absolute;
	margin: 0 auto;
	z-index: 2;
	left: 21px;
	top: -46px;
	animation:mm 1s ease-in-out 1;
}
@keyframes mm{
	0%,60%{ transform: scale(0);}
	100%{transform: scale(1);}
}
.fly span{
	display: block;
	background: url(images/fly.png) center top no-repeat;
	width: 938px;
	height: 762px;
	animation:mm2 1s ease-in-out  infinite alternate;
}
@keyframes mm2{
	from{ transform:translateY(0);}
	to{transform: translateY(15px);}
}
.cloud{
	width: 87px;
	height: 42px;
	background: url(images/cloud.png) center top no-repeat;
	right: -67px;
	top: 104px;
	animation:cc 2s alternate ease-in-out infinite;
}
@keyframes cc{
	from{ transform: translateX(0);}
	to{ transform:translateX(20px);}
}
.cloud2{
	width: 100px;
	height: 40px;
	background: url(images/cloud2.png) center top no-repeat;
	left: -187px;
	top: 168px;
	animation:cc2 2.3s alternate ease-in-out infinite;
}
@keyframes cc2{
	from{ transform: translateX(0);}
	to{ transform:translateX(-20px);}
}
.deco,.deco2{
	width: 307px;
	height: 368px;
	background: url(images/deco.png) center top no-repeat;
	transform-origin:center top;
}
.deco{
	left: -339px;
	top: 578px;
	transform:scaleX(-1);
	animation:dd 5s alternate ease-in-out infinite;
}
@keyframes dd{
	0%,30%,90%,100%{ transform:scaleX(-1) rotate(0);}
	50%{ transform:scaleX(-1) rotate(-10deg);}
	70%{ transform:scaleX(-1) rotate(10deg);}
}
@keyframes dd2{
	0%,30%,90%,100%{ transform:rotate(0);}
	50%{ transform:rotate(-10deg);}
	70%{ transform:rotate(10deg);}
}
.deco2{
	right: -340px;
	top: 577px;
	animation:dd2 5s alternate ease-in-out infinite;
}

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