@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
	background:#fff;
	-webkit-text-size-adjust: none !important;
}

body{
	-webkit-text-size-adjust: 100% !important;
}

body::-webkit-scrollbar {
width: 0;
}

@media only screen and (max-height: 938px) { body{ font-size: 15px !important; } }
@media only screen and (max-height: 875px) { body{ font-size: 14px !important; } }
@media only screen and (max-height: 813px) { body{ font-size: 13px !important; } }
@media only screen and (max-height: 750px) { body{ font-size: 12px !important; } }
@media only screen and (max-height: 688px) { body{ font-size: 11px !important; } }
@media only screen and (max-height: 625px) { body{ font-size: 10px !important; } }

a{
	color:#c00;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

table{
	font-size: 1em;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
}

.photo p{
	position: absolute;
	left: 0px;
	bottom : 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 1;
}

.abs0{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
}



.page{
	position: relative;
	width: 100%;
	height: 120vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}



#page1{
	z-index: 2000;
	background: #fff;
	height: 100vh;
	background-image: url("images/p1-bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#video1{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	object-fit: cover;
	object-position: center center;
	z-index:100;
}


@-ms-keyframes video{
	from{opacity: 1;}
	99%{opacity: 1;}
	to{ opacity: 0;}
}
@-moz-keyframes video{
	from{opacity: 1;}
	99%{opacity: 1;}
	to{ opacity: 0;}
}
@-o-keyframes video{
	from{opacity: 1;}
	99%{opacity: 1;}
	to{ opacity: 0;}
}
@-webkit-keyframes video{
	from{opacity: 1;}
	99%{opacity: 1;}
	to{ opacity: 0;}
}
@keyframes video{
	from{opacity: 1;}
	99%{opacity: 1;}
	to{ opacity: 0;}
}
@keyframes video{
	from{opacity: 1;}
	99%{opacity: 1;}
	to{ opacity: 0;}
}
#video1{
	animation:'video' 7.1s ease-in-out 0s forwards;
	-ms-animation:video 7.1s ease-in-out 0s forwards;
	-moz-animation:video 7.1s ease-in-out 0s forwards;
	-o-animation:'video' 7.1s ease-in-out 0s forwards;
	-webkit-animation:'video' 7.1s ease-in-out 0s forwards;
}



.p1-main{
	width: 1200px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin: -360px 0px 0px -600px;
}
.p1-topic1{
	width: 1255px;
	height: 617px;
	background-image: url("images/p1-topic1.png");
	left: 18px;
	top: 0px;
}

.p1-arrow{
	width: 68px;
	height: 52px;
	left: 50%;
	bottom: 50px;
	margin: -0px 0px 0px -34px;
	background-image: url("images/p1-arrow.png");
}

@-ms-keyframes video1{
	from{opacity: 0;}
	to{ opacity: 1;}
}
@-moz-keyframesvideo1{
	from{opacity: 0;}
	to{ opacity: 1;}
}
@-o-keyframes video1{
	from{opacity: 0;}
	to{ opacity: 1;}
}
@-webkit-keyframes video1{
	from{opacity: 0;}
	to{ opacity: 1;}
}
@keyframes video1{
	from{opacity: 0;}
	to{ opacity: 1;}
}
@keyframes video1{
	from{opacity: 0;}
	to{ opacity: 1;}
}
.p1-arrow{
	animation:'video1' 0.7s ease-in-out 7.3s forwards;
	-ms-animation:video1 0.7s ease-in-out 7.3s forwards;
	-moz-animation:video1 0.7s ease-in-out 7.3s forwards;
	-o-animation:'video1' 0.7s ease-in-out 7.3s forwards;
	-webkit-animation:'video1' 0.7s ease-in-out 7.3s forwards;
	opacity: 0;
}



#page2{
	background-image: url("images/p2-bg.jpg");
	z-index: 510;
	background-attachment: fixed;
}
.p2-main{
	width: 1200px;
	height: 100%;
	left: 50%;
	bottom:0;
	margin-left:-600px;
}
.p2-text{
	width:1584px;
	height:100%;
	background-image: url("images/p2-text.png");
	left: -125px;
	bottom:0;
	background-position: center bottom;
}








#page3{
	background-image: url("images/p3-bg.jpg");
	background-attachment: fixed;
	z-index: 510;
}
.p3-main{
	width: 970px;
	height: 734px;
	left: 50%;
	top: 50%;
	margin: -367px 0px 0px -485px;
}
#page3 .tab{
	position:absolute;
	left:0;
	top:0;
	height:52px;
}
#page3 .tab span{
	width:145px;
	height:53px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	margin-right:3px;
	float:left;
	border-radius:5px 5px 0px 0px;
}
#page3 .tab .sp1{ background:url(images/p3-sp1.gif) no-repeat;}
#page3 .tab .sp1.current{ background:url(images/p3-sp5.gif) no-repeat;}
#page3 .tab .sp2{ background:url(images/p3-sp2.gif) no-repeat;}
#page3 .tab .sp2.current{ background:url(images/p3-sp6.gif) no-repeat;}
#page3 .tab .sp3{ background:url(images/p3-sp3.gif) no-repeat;}
#page3 .tab .sp3.current{ background:url(images/p3-sp7.gif) no-repeat;}
#page3 .tab .sp4{ background:url(images/p3-sp4.gif) no-repeat;}
#page3 .tab .sp4.current{ background:url(images/p3-sp8.gif) no-repeat;}

#page3 .text{
	width:886px;
	height:633px;
	position:absolute;
	left:0px;
	top:53px;
	background:#fff;
	display:none;
	padding:47px 42px 0px 42px;
}
#page3 .text .movie{
	width:886px;
	height:498px;
	background:#000;
	margin-bottom:15px;
}
#page3 .text .man1{
	width:621px;
	height:913px;
	position:absolute;
	bottom:-32.8%;
	right:-510px;
	background:url(images/p3-man1.png) no-repeat center bottom;
}
#page3 .text .man2{
	background:url(images/p3-man2.png) no-repeat center bottom;
	height:924px;
	width:592px;
	position:absolute;
	bottom:-32.8%;
	right:-481px;
}
#page3 .text .man3{
	background:url(images/p3-man3.png) no-repeat center bottom;
	height:930px;
	width:637px;
	right:-494px;
	position:absolute;
	bottom:-32.8%;
}
#page3 .text .man4{
	background:url(images/p3-man4.png) no-repeat right bottom;
	height:912px;
	width:706px;
	right:-510px;
	position:absolute;
	bottom:-32.8%;
}









#page4{
	background-image: url("images/p4-bg.jpg");
	background-attachment: fixed;
	z-index: 510;
}

.p4-main{
	width: 1010px;
	height: 809px;
	left: 50%;
	top: 50%;
	margin: -405px 0px 0px -505px;
}
.p4-topic1{
	width: 801px;
	height: 181px;
	background-image: url("images/p4-topic1.png");
	left: 105px;
	top: 0px;
}
.p4-text1{
	width: 1010px;
	height: 238px;
	background-image: url("images/p4-text1.png");
	left: 0px;
	top: 204px;
}
.p4-text2{
	width: 1010px;
	height: 304px;
	left: 0px;
	top: 505px;
	background:#f3f6f7;
	position:absolute;
}
.p4-text2 .tit{
	width:486px;
	height:50px;
	background:url(images/p4-tit.png) no-repeat;
	position:absolute;
	top:20px;
	left:22px;
	z-index:200;
}
.p4-text2 .pic{
	position:absolute;
	width:1010px;
	left:0px;
	bottom:12px;
}





#page5{
	background-image: url("images/p5-bg.jpg");
	background-attachment: fixed;
	z-index: 510;
}
.p5-main{
	width: 768px;
	height: 494px;
	left: 50%;
	top: 50%;
	margin: -247px 0px 0px -384px;
}
.p5-topic1{
	width: 768px;
	height: 286px;
	background-image: url("images/p5-topic1.png");
	left: 0px;
	top: 0px;
}






#page6{
	background:url(images/p6-bg.jpg) no-repeat top center;
	height:971px;
	overflow:visible;
}
#page6 .box{
	width: 1013px;
	background:url(images/p6-box.jpg) no-repeat top center;
	top:-201px;
	left:50%;
	margin-left:-600px;
	z-index:600;
	position:absolute;
	padding:61px 94px 0px 93px;
}
#page6 .p6-zi1{
	width:1005px;
	margin:47px 0px 51px 0px;
}
#page6 .line{
	overflow:hidden;
	border-bottom:1px solid #d9d9d9;
	width:100%;
}
#page6 .line1{ padding:26px 0px 33px 8px;}
#page6 .line2{ padding:47px 0px 46px 2px;}
#page6 .line3{ padding:41px 0px 38px 0px;}

#page6 .line img{
	display:inline;
}
#page6 .ml1{ margin-left:21px;}
#page6 .ml2{ margin-left:58px;}
#page6 .ml3{ margin:0px 11px 0px 15px;}
#page6 .mb1{ margin-bottom:9px;}
#page6 .mr1{ margin-right:4px;}
#page6 .mr2{ margin-right:22px;}
#page6 .p6-zi2{ margin-top:43px;}







#page7{
	background-color:#f1f5f9;
	height:auto;
}
#page7 .box{
	width:1012px;
	margin:0px auto;
	padding:73px 0px;
}
#page7 .p7-zi1{ margin:49px 0px 40px 0px;}
.video2{
	width:100%;
	height:568px;
}
.video2 video {
    width: 100%;
    height: 100%;
}




#page8{
	background-color:#fff;
	height:auto;
}
#page8 .box{
	width:1076px;
	margin:0px auto;
	padding:66px 0px 84px 0px;
}
#page8 .p8-tit,#page8 .p8-zi1{ text-align:center;}
#page8 .p8-tit img,#page8 .p8-zi1 img{ display:inline;}
#page8 .p8-map{
	position:relative;
	margin:60px 0px 62px 0px;
}
.quan1{
	width:5.29%;
	height: 6.43%;
	background-image: url("images/quan1.png");
	left:  43.92%;
	top: 62.68%;
}
.quan2{
	width: 6.5%;
	height: 7.89%;
	background-image: url("images/quan2.png");
	left:  58.31%;
	top: 44.42%;
}
.quan3{
	width: 8.82%;
	height: 10.71%;
	background-image: url("images/quan3.png");
	left:  76.42%;
	top: 44.42%;
}
.quan4{
	width: 3.807%;
	height: 4.62%;
	background-image: url("images/quan4.png");
	left:  82.54%;
	top: 38.87%;
}
.quan5{
	width: 2.88%;
	height: 3.6%;
	background-image: url("images/quan5.png");
	left:  85.7%;
	top: 49.83%;
}
.city1{
	width: 3.53%;
	height: 2.14%;
	background-image: url("images/city1.jpg");
	left:  44.66%;
	top: 65.28%;
}
.city2{
	width: 2.69%;
	height: 2.03%;
	background-image: url("images/city2.png");
	left:  60.26%;
	top: 47.35%;
}
.city3{
	width: 4.18%;
	height: 3.72%;
	background-image: url("images/city3.png");
	left:  79.67%;
	top: 47.58%;
}
.city4{
	width: 4.27%;
	height: 1.24%;
	background-image: url("images/city4.png");
	left:  83.94%;
	top: 40.47%;
}
.city5{
	width: 2.6%;
	height: 2.03%;
	background-image: url("images/city5.png");
	left:  85.14%;
	top: 50.28%;
}
.xian1{
	width: 17.55%;
	height: 16.12%;
	background-image: url("images/xian1.png");
	left:  28.88%;
	top: 67.31%; background-position: left bottom;
}
.xian2{
	width: 15.04%;
	height: 44.98%;
	background-image: url("images/xian2.png");
	left:  46.7%;
	top: 2.14%;background-position:top left;
}
.xian3{
	width: 18.38%;
	height: 32.24%;
	background-image: url("images/xian3.png");
	left:  61.56%;
	top: 50.62%;background-position: left bottom;
}
.xian4{
	width: 7.99%;
	height: 32.02%;
	background-image: url("images/xian4.png");
	left:  76.23%;
	top: 8.46%;background-position: left bottom;
}
.xian5{
	width:1px;
	height: 34.16%;
	background-image: url("images/xian5.png");
	left:  86.82%;
	top: 52.42%;background-position: left bottom;
}
.kuai1{
	width: 19.59%;
	height: 14.09%;
	background-image: url("images/kuai1.png");
	left: 17.08%;
	top: 80.95%;
	background-position:top right;
}
.kuai2{
	width:20.06%;
	height: 14.21%;
	background-image: url("images/kuai2.png");
	left:  36.68%;
	top: 0%;background-position: bottom right;
}
.kuai3{
	width: 29.25%;
	height: 14.43%;
	background-image: url("images/kuai3.png");
	left:  49.86%;
	top: 80.95%;background-position:top right;
}
.kuai4{
	width: 17.73%;
	height: 14.66%;
	background-image: url("images/kuai4.png");
	left:  64.44%;
	top: 6.43%;background-position: bottom right;
}
.kuai5{
	width: 16.71%;
	height: 13.75%;
	background-image: url("images/kuai5.png");
	left:  81.71%;
	top:86.25%;background-position:top center;
}




@-ms-keyframes b1 {
  0% { opacity: 0.5;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
@-moz-keyframes b1 {
  0% { opacity: 0.5;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
@-o-keyframes b1 {
  0% { opacity: 0.5;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
@-webkit-keyframes b1 {
  0% { opacity: 0.5;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
@keyframes b1 {
  0% { opacity: 0.5;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
.quan1,.quan5{
  animation:'b1' 1.2s linear 0s infinite alternate;
  -ms-animation:b1 1.2s linear 0s infinite alternate;
  -moz-animation:b1 1.2s linear 0s infinite alternate;
  -o-animation:'b1' 1.2s linear 0s infinite alternate;
  -webkit-animation:'b1' 1.2s linear 0s infinite alternate;
}
.quan3{
  animation:'b1' 1.2s linear 0.2s infinite alternate;
  -ms-animation:b1 1.2s linear 0.2s infinite alternate;
  -moz-animation:b1 1.2s linear 0.2s infinite alternate;
  -o-animation:'b1' 1.2s linear 0.2s infinite alternate;
  -webkit-animation:'b1' 1.2s linear 0.2s infinite alternate;
}

@-ms-keyframes b2 {
  0% { opacity: 1;}
  50% { opacity: 0.5;}
  100% {opacity: 0.5;}
}
@-moz-keyframes b2 {
  0% { opacity: 1;}
  50% { opacity: 0.5;}
  100% {opacity: 0.5;}
}
@-o-keyframes b2 {
  0% { opacity: 1;}
  50% { opacity: 0.5;}
  100% {opacity: 0.5;}
}
@-webkit-keyframes b2 {
  0% { opacity: 1;}
  50% { opacity: 0.5;}
  100% {opacity: 0.5;}
}
@keyframes b2 {
  0% { opacity: 1;}
  50% { opacity: 0.5;}
  100% {opacity: 0.5;}
}
.quan2{
  animation:'b2' 1.2s linear 0s infinite alternate;
  -ms-animation:b2 1.2s linear 0s infinite alternate;
  -moz-animation:b2 1.2s linear 0s infinite alternate;
  -o-animation:'b2' 1.2s linear 0s infinite alternate;
  -webkit-animation:'b2' 1.2s linear 0s infinite alternate;
}
.quan4{
  animation:'b3' 1.2s linear 0.2s infinite alternate;
  -ms-animation:b2 1.2s linear 0.2s infinite alternate;
  -moz-animation:b2 1.2s linear 0.2s infinite alternate;
  -o-animation:'b2' 1.2s linear 0.2s infinite alternate;
  -webkit-animation:'b2' 1.2s linear 0.2s infinite alternate;
}


@-ms-keyframesb4{
  0% { opacity: 0;}
  9% { opacity: 1;}
  100% {opacity: 1;}
}
@-moz-keyframes b4{
  0% { opacity: 0;}
  9% { opacity: 1;}
  100% {opacity: 1;}
}
@-o-keyframes b4{
  0% { opacity: 0;}
  9% { opacity: 1;}
  100% {opacity: 1;}
}
@-webkit-keyframes b4{
  0% { opacity: 0;}
  9% { opacity: 1;}
  100% {opacity: 1;}
}
@keyframes b4{
  0% { opacity: 0;}
  9% { opacity: 1;}
  100% {opacity: 1;}
}
#page8.active .xian1,#page8.active .kuai1{
  animation:'b4' 7.8s linear 0.2s infinite;
  -ms-animation:b4 7.8s linear 0.2sinfinite;
  -moz-animation:b4 7.8s linear 0.2s infinite;
  -o-animation:'b4' 7.8s linear 0.2s infinite;
  -webkit-animation:'b4' 7.8s linear 0.2s infinite;
  opacity: 0;
}


@-ms-keyframes b5{
  9% { opacity: 0;}
  18% { opacity: 1;}
  100% {opacity: 1;}
}
@-moz-keyframes b5{
  9% { opacity: 0;}
  18% { opacity: 1;}
  100% {opacity: 1;}
}
@-o-keyframes b5{
  9% { opacity: 0;}
  18% { opacity: 1;}
  100% {opacity: 1;}
}
@-webkit-keyframes b5{
  9% { opacity: 0;}
  18% { opacity: 1;}
  100% {opacity: 1;}
}
@keyframes b5{
  9% { opacity: 0;}
  18% { opacity: 1;}
  100% {opacity: 1;}
}
#page8.active .xian2,#page8.active .kuai2{
  animation:'b5' 7.8s linear 0.2s infinite;
  -ms-animation:b5 7.8s linear 0.2sinfinite;
  -moz-animation:b5 7.8s linear 0.2s infinite;
  -o-animation:'b5' 7.8s linear 0.2s infinite;
  -webkit-animation:'b5' 7.8s linear 0.2s infinite;
  opacity: 0;
}


@-ms-keyframes b6{
  18% { opacity: 0;}
  27% { opacity: 1;}
  100% {opacity: 1;}
}
@-moz-keyframes b6{
  18% { opacity: 0;}
  27% { opacity: 1;}
  100% {opacity: 1;}
}
@-o-keyframes b6{
  18% { opacity: 0;}
  27% { opacity: 1;}
  100% {opacity: 1;}
}
@-webkit-keyframes b6{
  18% { opacity: 0;}
  27% { opacity: 1;}
  100% {opacity: 1;}
}
@keyframes b6{
  18% { opacity: 0;}
  27% { opacity: 1;}
  100% {opacity: 1;}
}
#page8.active .xian3,#page8.active .kuai3{
  animation:'b6' 7.8s linear 0.2s infinite;
  -ms-animation:b6 7.8s linear 0.2sinfinite;
  -moz-animation:b6 7.8s linear 0.2s infinite;
  -o-animation:'b6' 7.8s linear 0.2s infinite;
  -webkit-animation:'b6' 7.8s linear 0.2s infinite;
  opacity: 0;
}


@-ms-keyframes b6{
  27% { opacity: 0;}
  36% { opacity: 1;}
  100% {opacity: 1;}
}
@-moz-keyframes b6{
  27% { opacity: 0;}
  36% { opacity: 1;}
  100% {opacity: 1;}
}
@-o-keyframes b6{
  27% { opacity: 0;}
  36% { opacity: 1;}
  100% {opacity: 1;}
}
@-webkit-keyframes b6{
  27% { opacity: 0;}
  36% { opacity: 1;}
  100% {opacity: 1;}
}
@keyframes b7{
  27% { opacity: 0;}
  36% { opacity: 1;}
  100% {opacity: 1;}
}
#page8.active .xian4,#page8.active .kuai4{
  animation:'b7' 7.8s linear 0.2s infinite;
  -ms-animation:b7 7.8s linear 0.2sinfinite;
  -moz-animation:b7 7.8s linear 0.2s infinite;
  -o-animation:'b7' 7.8s linear 0.2s infinite;
  -webkit-animation:'b7' 7.8s linear 0.2s infinite;
  opacity: 0;
}


@-ms-keyframes b8{
  36% { opacity: 0;}
  45% { opacity: 1;}
  100% {opacity: 1;}
}
@-moz-keyframes b8{
  36% { opacity: 0;}
  45% { opacity: 1;}
  100% {opacity: 1;}
}
@-o-keyframes b8{
  36% { opacity: 0;}
  45% { opacity: 1;}
  100% {opacity: 1;}
}
@-webkit-keyframes b8{
  36% { opacity: 0;}
  45% { opacity: 1;}
  100% {opacity: 1;}
}
@keyframes b8{
  36% { opacity: 0;}
  45% { opacity: 1;}
  100% {opacity: 1;}
}
#page8.active .xian5,#page8.active .kuai5{
  animation:'b8' 7.8s linear 0.2s infinite;
  -ms-animation:b8 7.8s linear 0.2sinfinite;
  -moz-animation:b8 7.8s linear 0.2s infinite;
  -o-animation:'b8' 7.8s linear 0.2s infinite;
  -webkit-animation:'b8' 7.8s linear 0.2s infinite;
  opacity: 0;
}






#page9{
	background-image: url("images/p9-bg.jpg");
	background-attachment: fixed;
	z-index: 510;
}
.p9-main{
	width: 742px;
	height: 490px;
	left: 50%;
	top: 50%;
	margin: -245px 0px 0px -371px;
}
.p9-topic1{
	width: 741px;
	height: 283px;
	background-image: url("images/p9-topic1.png");
	left: 0px;
	top: 0px;
}







#page10{
	background:url(images/p10-bg.jpg) no-repeat center 632px;
	height:2010px;
	overflow:visible;
}
#page10 .box{
	width: 1008px;
	background:url(images/p6-box.jpg) no-repeat top center;
	top:-201px;
	left:50%;
	margin-left:-600px;
	z-index:600;
	position:absolute;
	padding:57px 96px 0px 96px;
}
#page10 .p10-zi1{
	width:1011px;
	margin:48px 0px 46px -2px;
}
#page10 .pic-box{
	width:1007px;
	height:412px;
	background:url(images/p10-picbox.png);
	position:relative;
	margin-top:135px;
}
#page10 .tu-box{
	width:938px;
	height:359px;
	position:absolute;
	top:27px;
	left:35px;
}
#page10 .pic-left{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#page10 .pic-right{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}
#page10 .pic-left img,#page10 .pic-right img{
	width:936px !important;
	height:359px !important;
	max-width:none;
	max-height:none;
	display:inline-block;
}
#page10 .pic-left img{ float:left;}
#page10 .pic-right img{ float:right;}
#page10 .pic-box span{
	width:63px;
	height:100%;
	display:block;
	background:url(images/p10-sp1.png) no-repeat;
	position:absolute;
	top:0;
	margin-left:-31px;
}
#page10 .year1,#page10 .year2,#page10 .year3,#page10 .year4{
	position:absolute;
	top:-92px;
	width:308px;
	height:104px;
	display:none;
}
#page10 .year1{
	background:url(images/p10-year1.png) no-repeat;
	left:-34px;
}
#page10 .year2{
	background:url(images/p10-year2.png) no-repeat;
	right:-35px;
	width:325px;
}
#page10 .year3{
	background:url(images/p10-year3.png) no-repeat;
	left:-34px;
}
#page10 .year4{
	background:url(images/p10-year4.png) no-repeat;
	right:-35px;
	width:325px;
}
#page10 .p10-zi2{ margin-top:15px;}






#page11{
	background:url(images/p11-bg.jpg) no-repeat center top;
	height:auto;
}
#page11 .box{
	width: 1012px;
	margin:0px auto;
}
#page11 .p11-tit{ margin:104px 0px 50px 0px;}
#page11 .p11-pic1{ margin:39px 0px 32px 0px;}
.list{
	margin-left:-20px;
}
.list li{
	width:324px;
	float:left;
	display:inline;
	margin:0px 0px 83px 20px;
}





#page12{
	background-image: url("images/p12-bg.jpg");
	background-attachment: fixed;
	z-index: 510;
}
.p12-main{
	width: 776px;
	height: 524px;
	left: 50%;
	top: 50%;
	margin: -262px 0px 0px -388px;
}
.p12-topic1{
	width: 776px;
	height: 262px;
	background-image: url("images/p12-topic1.png");
	left: 0px;
	top: 0px;
}






#page13{
	background-color:#fff;
	height:721px;
	overflow:visible;
}
#page13 .box{
	width: 1009px;
	top:-245px;
	left:50%;
	margin-left:-600px;
	z-index:600;
	position:absolute;
    background: url(images/p6-box.jpg) no-repeat top center;
	padding:0px 95px 0px 96px;
}
#page13 .p13-tit{ margin:58px 0px 50px 0px;}
#page13 .p13-picbox{
	width:100%;
	height:568px;
	position:relative;
	margin-top:41px;
}
#page13 .p13-pic1{
	width:100%;
	height:100%;
	position:relative;
}
#page13 .p13-pic1 .textbg,#page13 .p13-pic1 p{
	width:100%;
	height:50px;
	font-size:20px;
	text-align:center;
	line-height:50px;
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
}
#page13 .p13-pic1 .textbg{background-color:rgba(0,0,0,0.6);} 

.prve,.next{
	width:49px;
	height:119px;
	position:absolute;
	cursor:pointer;
	top:211px;
}
.prve{
	background:url(images/prve.gif) no-repeat;
	left:-97px;
}
.next{
	background:url(images/next.gif) no-repeat;
	right:-97px;
}







#page14{
	background-image: url("images/p14-bg.jpg");
	background-attachment: fixed;
	z-index: 510;
}
.p14-main{
	width: 766px;
	height: 464px;
	left: 50%;
	top: 50%;
	margin: -232px 0px 0px -383px;
}
.p14-topic1{
	width: 766px;
	height: 258px;
	background-image: url("images/p14-topic1.png");
	left: 0px;
	top: 0px;
}






#page15{
	background-color:#fff;
	height:1449px;
	overflow:visible;
}
#page15 .box{
	width: 1012px;
	top:-232px;
	left:50%;
	margin-left:-600px;
	z-index:600;
	position:absolute;
    background: url(images/p6-box.jpg) no-repeat top center;
	padding:0px 93px 0px 95px;
}
#page15 .p15-tit{ margin:58px 0px 49px 0px;}
#page15 .p15-pic1{ margin:40px 0px 32px 0px;}
#page15 .p15-pic1 img{ width:1012px; height:auto;}
#page15 .p15-picbox{
	width:100%;
	height:578px;
	position:relative;
}
#page15 .list{
	height:576px;
	overflow:hidden;
}





#page16{
	background-image: url("images/p16-bg.jpg");
	z-index: 510;
}
#page16 .p16-main{
	width: 1088px;
	margin:0px auto;
}
#page16 .p16-text{
	width: 100%;
	height:215px;
	margin:136px 0px 84px 0px;
}
#page16 .p16-editor{
	width:100%;
	text-align:center;
}
#page16 .p16-editor img{ display:inline;} 







.music{
	position: fixed;
	right: 1.5em;
	top: 1.5em;
	width: 9.5em;
	height: 2.5em;
	cursor: pointer;
	
	z-index: 9988;
}

.music i{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 2.5em;
	height: 2.5em;
	background-size: auto 100%;
	background-position: right top;
	background-repeat: no-repeat;
}

.music.on i{background-image:url(images/music-on.png); }
.music.off i{background-image:url(images/music-off.png); }
.music img{display: inline-block;}
@-moz-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-o-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-webkit-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@keyframes music{from{ transform:rotate(-360deg); }to{ }}
.music.on i{
	animation:'music' 1.5s linear 0s infinite;
	-ms-animation:music 1.5s linear 0s infinite;
	-moz-animation:music 1.5s linear 0s infinite;
	-o-animation:'music' 1.5s linear 0s infinite;
	-webkit-animation:'music' 1.5s linear 0s infinite;
}

.music.first{
	opacity: 0;
}

.music-note{
	position: fixed;
	right: 1.5em;
	top: 0.9em;
	width: 9.5em;
	height: 3.18em;
	cursor: pointer;
	z-index: 9977;
}

.music-note.hide{
	display: none;
	top: -10em;
}

.music-note span{
	position: absolute;
	left: 0px;
	top: 0.86em;
	width: 6em;
	height: 2.32em;
	background: url("images/music-note1.png") no-repeat center center;
	background-size: contain;
}

.music-note i{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 2.5em;
	height: 3.18em;
	background: url("images/music-note2.gif") no-repeat center center;
	background-size: contain;
}





/*加载页样式开始*/
.load{
	width:100%;
	height: 100vh;
	position: fixed;
	z-index: 3000;
	background:url(images/load.jpg) no-repeat center center;
	background-size:cover;
}
.load .load-tit{
	width: 46.875%;
    height: 41.44%;
    left: 26.67%;
    top: 15.07%;
    background-image: url(images/load-tit.png);
}
.load .news{
	width:100%;
	position:absolute;
	top:58.97%;
	left:0;
}
.load .bar{
	width:342px;
	height:13px;
	border:1px solid #645f5f;
	border-radius:8px;
	position:absolute;
	left:50%;
	margin-left:-171px;
}
.load .bar .sp1{
	display:block;
	height:13px;
	background:#cad3e0;
	border-radius:8px;
}
.load .sp2{
	width:58px;
	height:50px;
	position:absolute;
	top:-20px;
	background:url(images/load-sp2.png) no-repeat;
	margin-left:-29px;
}
.load .news .p2{ 
	font-size:16px;
	color:#7e7e7e;
	line-height:30px;
	text-align:center;
	position:absolute;
	left:0;
	top:15px;
	width:100%;
}
.load .enter{
	width: 8.39%;
    height: 4.64%;
    left: 45.83%;
    top: 74.64%;
    background-image: url(images/load-enter.png);
	cursor:pointer;
}
/*加载页样式结束*/