@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#300;
	background: #fff;
	white-space: nowrap;
    overflow-x: scroll;
	overflow-y: hidden;
	background: url(images/body.jpg) right center;
	background-size: auto 100%;
}

@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:#300;
}

a:hover{
	text-decoration: none;
	color: #e64048 !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: 0;
	z-index: 10;
}


.music{
	position: fixed;
	right: 1em;
	top: 1em;
	width: 2.8em;
	height: 2.8em;
	cursor: pointer;
	z-index: 999;
}
.music.on{background:url(images/music-on.png) no-repeat; background-size:100% 100%;}
.music.off{background:url(images/music-off.png) no-repeat;background-size:100% 100%;}
.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{
	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;
}


#roll{
	position: relative;
	height: 100%;
	vertical-align: top;
    display: inline-block;
}

#box{display: inline;}

.main-bg{
	height: 100%;
	width: auto;
	max-width: none;
}

.layout{
	top: 0px;
	height: 100%;
	position: absolute;
	overflow: visible;
}

.layout .bg{
	height: 100%;
}




.title,.title1{
	background-position:top center;
	z-index:100;
	top:0;
}
.title:hover,.title1:hover{transform: scale(1.05,1.05);}
.title a,.title1 a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-999999px;
}


#layout1{ left: 0%; }
#layout2{ left: 3.756%; }
#layout3{ left: 8.26%; }
#layout4{ left: 13.73%; }
#layout5{ left: 20.15%; }
#layout6{ left: 27.06%; }
#layout7{ left: 32.649%; }
#layout8{ left: 39.42%; }
#layout9{ left: 45.82%; }
#layout10{ left: 52.595%; }
#layout11{ left: 59.03%; }
#layout12{ left: 64.10%; }
#layout13{ left: 70.52%; }
#layout14{ left: 75.125%; }
#layout15{ left: 81.05%; }
#layout16{ left: 86.94%; }
#layout17{ left: 93.545% }


#layout1{ background-image: url("images/bg1.jpg"); }
#layout2{ background-image: url("images/bg2.jpg"); }
#layout3{ background-image: url("images/bg3.jpg"); }
#layout4{ background-image: url("images/bg4.jpg"); }
#layout5{ background-image: url("images/bg5.jpg"); }
#layout6{ background-image: url("images/bg6.jpg"); }
#layout7{ background-image: url("images/bg7.jpg"); }
#layout8{ background-image: url("images/bg8.jpg"); }
#layout9{ background-image: url("images/bg9.jpg"); }
#layout10{ background-image: url("images/bg10.jpg"); }
#layout11{ background-image: url("images/bg11.jpg"); }
#layout12{ background-image: url("images/bg12.jpg"); }
#layout13{ background-image: url("images/bg13.jpg"); }
#layout14{ background-image: url("images/bg14.jpg"); }
#layout15{ background-image: url("images/bg15.jpg"); }
#layout16{ background-image: url("images/bg16.jpg"); }
#layout17{ background-image: url("images/bg17.jpg"); }




.p1-1a{
	left:34.63%;
	top:12.4%;
	width:24.98%;
	height:36.27%;
	background-image:url("images/p1-1a.png");
}
.p1-1b{
	left:58.52%;
	top:12.4%;
	width:26.78%;
	height:36.27%;
	background-image:url("images/p1-1b.png");
}
.p1-1c{
	left:57.35%;
	top:32.4%;
	width:2.43%;
	height:3.47%;
	background-image:url("images/p1-1c.png");
}
.p1-2{
	left:51.68%;
	top:50.8%;
	width:29.94%;
	height:4.67%;
	background-image:url("images/p1-2.png");
}
.p1-3{
	left:26.42%;
	top:59.6%;
	width:65.73%;
	height:15.33%;
	background-image:url("images/p1-3.png");
}
.p1-4{
	left:3.6%;
	top:4.13%;
	width:23.44%;
	height:5.47%;
	background-image: url("images/p1-4.png");
}
.p1-5{
	left:17.94%;
	top:27.73%;
	width:9.02%;
	height:9.73%;
	background-image:url("images/p1-5.png");
}
.p1-6{
	left:90%;
	top:39.87%;
	width:5.77%;
	height:8.13%;
	background-image:url("images/p1-6.png");
}





.p2-1{
	left:22.26%;
	top:11.2%;
	width:50.45%;
	height:15.07%;
	background-image:url("images/p2-1.png");
}
.p2-2{
	left:89.47%;
	top:0%;
	width:5.26%;
	height:51.07%;
	background-image:url("images/p2-2.png");
}
.p2-3{
	left:29.32%;
	top:78.93%;
	width:14.44%;
	height:16.93%;
	background-image:url("images/p2-3.png");
	opacity:1;
}
.p2-4{
	left:47.97%;
	top:40.13%;
	width:7.97%;
	height:14.13%;
	background-image:url("images/p2-4.png");
	opacity:1;
}
.p2-5{
	left:79.7%;
    top: 56.62%;
	width:16.77%;
	height:29.73%;
	background-image:url("images/p2-5.png");
	opacity:1;
}
.p2-4{
	animation:'music' 3.4s linear 0s infinite;
	-ms-animation:music 3.4s linear 0s infinite;
	-moz-animation:music 3.4s linear 0s infinite;
	-o-animation:'music' 3.4s linear 0s infinite;
	-webkit-animation:'music' 3.4s linear 0s infinite;
}
.p2-5,.p9-5{
	animation:'music' 4s linear 0s infinite;
	-ms-animation:music 4s linear 0s infinite;
	-moz-animation:music 4s linear 0s infinite;
	-o-animation:'music' 4s linear 0s infinite;
	-webkit-animation:'music' 4s linear 0s infinite;
}
.p2-6{
	left:79.47%;
	top:66.1%;
	width:16.77%;
	height:20.53%;
	background-image:url("images/p2-6.png");
	opacity:1;
}





#layout3 .title{width:4.4%;}
.p3-1{
	left:35.91%;
	top:5.6%;
	height:52%;
	background-image:url("images/p3-1.png");
}
.p3-2{
	left:79.32%;
	top:0.93%;
	height:59.73%;
	background-image:url("images/p3-2.png");
}
.p3-3{
	left:7.12%;
	top:11.07%;
	width:8.54%;
	height:13.07%;
	background-image:url("images/p3-3.png");
	opacity:1;
}
.p3-4{
	left:88.54%;
	top:17.07%;
	width:8.91%;
	height:16.53%;
	background-image:url("images/p3-4.png");
	opacity:1;
}
.p3-5{
	left:16.2%;
	top:0%;
	width:35.23%;
	height:51.07%;
	background-image:url("images/p3-5.gif");
	opacity:1;
}
.p3-6{
	left:44.66%;
	top:37.07%;
	width:21.3%;
	height:10.93%;
	background-image:url("images/p4-5.png");
	opacity:1;
}
.p3-7{
	left:43.16%;
	top:78.67%;
	width:23.96%;
	height:17.33%;
	background-image:url("images/p3-7.png");
	opacity:1;
}





#layout4 .title{width:3.75%;}
.p4-1{
	left:6.01%;
	top:9.33% !important;
	height:66.67%;
	background-image:url("images/p4-1.png");
}
.p4-2{
	left:28.8%;
	height:58.27%;
	background-image:url("images/p4-2.png");
}
.p4-3{
	left:60.6%;
	height:65.73%;
	background-image:url("images/p4-3.png");
}
.p4-4{
	left:86.23%;
	height:57.47%;
	background-image:url("images/p4-4.png");
}
.p4-5{
	left:-8.07%;
	top:6%;
	width:18.14%;
	height:10.93%;
	background-image:url("images/p4-5.png");
	opacity:1;
}
.p4-6{
	right:-13.13%;
	bottom:0;
	width:31.22%;
	height:17.73%;
	background-image:url("images/p4-6.png");
	opacity:1;
}





#layout5 .title{width:3.48%;}
.p5-1{
	left:14.8%;
	height:69.47%;
	background-image:url("images/p5-1.png");
}
.p5-2{
	left:58.92%;
	height:66.8%;
	background-image:url("images/p5-2.png");
}
.p5-3{
	left:0.54%;
	bottom:0;
	width:97.5%;
	height:39.6%;
	background-image:url("images/p5-3.png");
	opacity:1;
}
.p5-4{
	left:-6.52%;
	top:11.87%;
	width:19.66%;
	height:20.8%;
	background-image:url("images/p5-4.png");
	opacity:1;
}
.p5-5{
	right:-1.76%;
	top:13.07%;
	width:11.27%;
	height:10.8%;
	background-image:url("images/p5-5.png");
	opacity:1;
}






#layout6 .title{width:4.3%;}
.p6-1{
	left:4.18%;
	height:67.73%;
	background-image:url("images/p6-1.png");
}
.p6-2{
	left:88.06%;
	height:67.07%;
	background-image:url("images/p6-2.png");
}
.p6-3{
	left:36.49%;
	top:15.6%;
	width:48.55%;
	height:26.27%;
	background-image:url("images/p6-3.png");
}
.p6-4{
	left:-25.82%;
	bottom:0;
	width:51.33%;
	height:20.13%;
	background-image:url("images/p6-4.png");
	opacity:1;
}
.p6-5{
	left:17%;
	bottom:0;
	width:13.52%;
	height:20.13%;
	background-image:url("images/p6-5.png");
	opacity:1;
}
.biao{opacity:0;}
.p6-6{
	left:40.6%;
	top:63.33%;
	width:34.36%;
	height:7.47%;
	background-image:url("images/p6-6.png");
	opacity:1;
}
.moon{
	left:39.58%;
	top:55.33%;
	width:6.6%;
	height:16.93%;
	background-image:url("images/moon.png");
	z-index: 1000;
	opacity:1;
}








#layout7 .title{width:3.5%;}
.p7-1{
	left:18.2%;
	height:62.93%;
	background-image:url("images/p7-1.png");
}
.p7-2{
	left:47.05%;
	height:47.87%;
	background-image:url("images/p7-2.png");
}
.p7-3{
	left:5.45%;
	top:18.27%;
	width:5.05%;
	height:11.07%;
	background-image:url("images/p7-3.png");
	opacity:1;
}
.p7-4{
	right:2.95%;
	top:6.93%;
	width:14.25%;
	height:16.8%;
	background-image:url("images/p7-4.png");
	opacity:1;
}






#layout8 .title{width:3.76%;}
.p8-1{
	left:2.01%;
	height:51.87%;
	background-image:url("images/p8-1.png");
}
.p8-2{
	left:67.14%;
	height:53.33%;
	background-image:url("images/p8-2.png");
}
.p8-3{
	left:78.15%;
	top:25.73%;
	width:4.39%;
	height:8.8%;
	background-image:url("images/p8-3.png");
	opacity:1;
}
.p8-4{
	left:31.43%;
	top:12.27%;
	width:25.5%;
	height:7.47%;
	background-image:url("images/p8-4.png");
	opacity:1;
}
#layout8 .moon{
	top:4.27%;
	left:30.48%;
	width:5.77%;
}






.p9-1{
	left:36.83%;
	top:11.73%;
	width:44.92%;
	height:20.8%;
	background-image:url("images/p9-1.png");
}
.p9-2{
	left:3.44%;
	top:7.6%;
	width:3.81%;
	height:7.87%;
	background-image:url("images/p9-2.png");
	opacity:1;
}
.p9-3{
	left:9.1%;
	top:0;
	width:17.99%;
	height:36.93%;
	background-image:url("images/p9-3.gif");
	opacity:1;
}
.p9-4{
	left:70.2%;
	top:48.67%;
	width:2.75%;
	height:5.33%;
	background-image:url("images/p9-4.jpg");
	opacity:1;
}
.p9-5{
	right:30.45%;
	bottom:3.07%;
	width:3.95%;
	height:10.53%;
	background-image:url("images/p9-5.png");
	opacity:1;
}




.p9-6,.p9-7{
	bottom:18.67%;
	width:1.3%;
	height:3.47%;
	opacity:1;
	background-image:url("images/p9-6.png");
}
.p9-6{right:33.1%;}
.p9-7{right:22.8%;}

.p9-8,.p9-9{
	right:32.9%;
	width:0.95%;
	height:2.53%;
	opacity:1;
	background-image:url("images/p9-7.png");
}
.p9-8{bottom:50.4%;}
.p9-9{bottom:45%;}

.p9-10,.p9-11{
	width:0.9%;
	height:1.33%;
	opacity:1;
	background-image:url("images/p9-8.png");
}
.p9-10{bottom:46.93%;right:23.5%;}
.p9-11{bottom:49.73%;right:22.65%;}


.p9-12,.p9-13,.p9-14,.p9-15{
	width:0.5%;
	height:2.93%;
	opacity:1;
	background-image:url("images/p9-9.png");
}
.p9-12{bottom:35.07%;right:25.55%;}
.p9-13{bottom:31.6%;right:24.5%;}
.p9-14{bottom:28.13%;right:26.5%;}
.p9-15{bottom:24.8%;right:23.55%;}







#layout10 .title{width:3.74%;}
.p10-1{
	left:13.53%;
	height:53.73%;
	background-image:url("images/p10-1.png");
}
.p10-2{
	left:43%;
	height:65.47%;
	background-image:url("images/p10-2.png");
}
.p10-3{
	left:90.89%;
	height:70.4%;
	background-image:url("images/p10-3.png");
}
.p10-4{
	left:33.68%;
	top:15.47%;
	width:3.84%;
	height:3.87%;
	background-image:url("images/p10-4.png");
	opacity:1;
}
.p10-5{
	right:27.1%;
	top:12.13%;
	width:21%;
	height:14.27%;
	background-image:url("images/p10-5.png");
	opacity:1;
}





.p11-1{
	left:3.53%;
	top:8.27%;
	width:56.53%;
	height:9.47%;
	background-image:url("images/p11-1.png");
}
.p11-2{
	left:67.2%;
	height:60%;
	width:4.67%;
	background-image:url("images/p11-2.png");
}






#layout13 .title{width:5.15%;}
.p13-1{
	left:10.66%;
	height:49.6%;
	background-image:url("images/p13-1.png");
}
.p13-2{
	left:78.16%;
	height:50.07%;
	background-image:url("images/p13-2.png");
}
.p13-3{
	left:0;
	top:0;
	width:52.87%;
	height:32.13%;
	background-image:url("images/p13-3.png");
	opacity:1;
}
.p13-4{
	left:35.96%;
	top:34%;
	width:38.6%;
	height:34.4%;
	background-image:url("images/p13-4.png");
	opacity:1;
}
.p13-5{
	right:-29.56%;
	bottom:0;
	width:66.32%;
	height:31.6%;
	background-image:url("images/p13-5.png");
	opacity:1;
}
.p13-6{
	right:-38.6%;
	bottom:0;
	width:50.96%;
	height:31.07%;
	background-image:url("images/p13-6.png");
	opacity:1;
}
.p13-7{
	left:17.13%;
	top:60.13%;
	width:35.44%;
	height:7.47%;
	background-image:url("images/p13-7.png");
	opacity:1;
}
#layout13 .moon{
	top:52%;
	left:15.8%;
	width:8.01%;
}






.p14-1{
	left:2.69%;
	top:10.13%;
	width:46%;
	height:9.33%;
	background-image:url("images/p14-1.png");
}
.p14-2{
	left:73.09%;
	height:68.93%;
	width:4%;
	background-image:url("images/p14-2.png");
}
.p14-3{
	left:47.83%;
	top:30.53%;
	width:10.86%;
	height:64.93%;
	background-image:url("images/p14-3.png");
	opacity:1;
}
.p14-4{
	left:61.03%;
	top:20.27%;
	width:4.97%;
	height:46.93%;
	background-image:url("images/p14-4.png");
	opacity:1;
}





.p15-1{
	left:-24.71%;
	top:55.47%;
	width:55.11%;
	height:40.4%;
	background-image:url("images/p15-1.png");
	opacity:1;
}
.p15-2{
	left:46.72%;
	top:22.93%;
	width:3.97%;
	height:7.2%;
	background-image:url("images/p15-2.png");
	opacity:1;
}
.p15-3{
	left:55.44%;
	top:7.73%;
	width:3.39%;
	height:6.53%;
	background-image:url("images/p15-3.png");
	opacity:1;
}
.p15-4{
	right:20.29%;
	top:13.27%;
	width:8.62%;
	height:20%;
	background-image:url("images/p15-4.png");
	opacity:1;
}
.p15-5{
	right:24.02%;
	top:24.53%;
	width:0.92%;
	height:28.53%;
	background-image:url("images/p15-5.png");
	opacity:1;
}
.p15-6{
	right:13.97%;
	top:21.2%;
	width:6.32%;
	height:14.67%;
	background-image:url("images/p15-4.png");
	opacity:1;
}
.p15-7{
	right:16.7%;
	top:29.53%;
	width:0.69%;
	height:21.47%;
	background-image:url("images/p15-5.png");
	opacity:1;
}
.p15-4,.p9-6,.p9-8{
	animation:'music' 2s linear 0s infinite;
	-ms-animation:music 2s linear 0s infinite;
	-moz-animation:music 2s linear 0s infinite;
	-o-animation:'music' 2s linear 0s infinite;
	-webkit-animation:'music' 2s linear 0s infinite;
}
.p15-6,.p9-7,.p9-9{
	animation:'music' 2s linear 0.6s infinite;
	-ms-animation:music 2s linear 0.6s infinite;
	-moz-animation:music 2s linear 0.6s infinite;
	-o-animation:'music' 2s linear 0.6s infinite;
	-webkit-animation:'music' 2s linear 0.6s infinite;
}







.p16-1{
	left:0.26%;
	width:3.59%;
	height:64.53%;
	background-image:url("images/p16-1.png");
}
.p16-2{
	right:19.33%;
	top:8%;
	width:14.1%;
	height:15.87%;
	background-image:url("images/p16-2.png");
	opacity:1;
}
.p16-3{
	left:-9.59%;
	bottom:0;
	width:56.3%;
	height:84%;
	background-image:url("images/p16-3.png");
	opacity:1;
}








.p17-1{
	left:3.32%;
	width:3.68%;
	height:65.07%;
	background-image:url("images/p17-1.png");
}
.p17-2{
	left:33.58%;
	top:12.93%;
	width:43.95%;
	height:15.07%;
	background-image:url("images/p17-2.png");
}
.p17-3{
	left:5.89%;
	top:60.53%;
	width:20.58%;
	height:11.2%;
	background-image:url("images/p17-3.png");
	opacity:1;
}
.p17-4{
	left:90.84%;
	top:4.93%;
	width:5.95%;
	height:24.93%;
	background-image:url("images/p17-4.png");
}
.p17-5{
	left:33.1%;
	top:34.8%;
	width:12.31%;
	height:35.2%;
	background-image:url("images/p17-5.gif");
	opacity:1;
}
.p17-6{
	right:1%;
	bottom:2.13%;
	width:18.1%;
	height:3.6%;
	background-image:url("images/p17-6.png");
}






/*3.7样式修改开始*/
.p3-7{ height:14.93%;}
.p13-4{ top:25%;}
.p17-4{left:90.1%; top:4.53%;width: 5.95%;height:30.27%;}
/*3.7样式修改结束*/