@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:924px;
	position:relative;
	overflow:hidden;
}
.content01{
	background-image:url(images/bg2.jpg),url(images/sub_all.jpg);
	background-position:center top,center 753px;
	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 573px;
	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:73px;
	bottom:0px;
	z-index:999;
	border-top:1px solid #c1eb00;
}
.move_wrap{
	display:block;
	position:relative;
	width:950px;
	height:auto;
	margin: 0px auto;
	padding: 0px auto;
}
.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: 197px;
	height: 126px;
	left: 23px;
	top: 760px;
}
.act2{
	background: url(images/act_02.png) center top no-repeat;
	width: 199px;
	height: 121px;
	left: 266px;
	top: 713px;
}
.act3{
	background: url(images/act_03.png) center top no-repeat;
	width: 185px;
	height: 129px;
	left: 519px;
	top: 713px;
}
.act4{
	background: url(images/act_04.png) center top no-repeat;
	width: 177px;
	height: 142px;
	left: 760px;
	top: 764px;
}

.act:hover,.act2:hover,.act3:hover,.act4:hover{
		animation: aa .2s ease-in-out 2;
}
@keyframes aa{
	0%,100%{ transform:scale(1);}
	50%{ transform:scale(1.1);}
}
.act a,.act2 a,.act3 a,.act4 a{display: block;width:100%;height:100%;cursor:pointer;}

.logo,.f1,.f2,.f3,.f4,.f5,.f6{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 2;
}
.logo{
	width: 808px;
	height: 513px;
	background: url(images/logo.png) center top no-repeat;
	left: 80px;
	top: 22px;
	transform-origin: 50% 50%;
	animation: ll 3s ease-in-out infinite;
}
@keyframes ll{
	0%,80%,90%,100%{ transform:scale(1);}
	85%,95%{ transform:scale(1.1);}
}
.f1,.f4,.f6{background: url(images/fly_R.png) center top no-repeat;background-size:contain;}
.f2,.f3,.f5{background: url(images/fly_L.png) center top no-repeat;background-size:contain;}
.f1{
	width: 60px;
	height: 65px;
	left: -175px;
	top: 290px;
}
.f2{
	width: 155px;
	height: 183px;
	left: -59px;
	top: 181px;
}
.f3{
	width: 50px;
	height: 59px;
	left: 116px;
	top: 430px;
}
.f4{
	width: 189px;
	height: 203px;
	right: -79px;
	top: 203px;
}
.f5{
	width: 50px;
	height: 59px;
	right: -98px;
	top: 124px;
}
.f6{
	width: 50px;
	height: 54px;
	right: -156px;
	top: 328px;
}
.more{
	display:block;
	width:450px;
	height:89px;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
}
