@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
	background:#fff;
	white-space: nowrap;
    overflow-x: scroll;
	overflow-y: hidden;
}

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

.abs i{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	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;
}

.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;
}

#page{
	position: relative;
	height: 100%;
}

.body-bg{
	display: inline-block;
	vertical-align: top;
	max-width: none;
	height: 100%;
}

#box{
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow-y: hidden;
}

.logo{ width: 3.29%; height: 8.3%; left: 0.63%; top: 7.7%; background-image: url("images/logo.png"); }

.topic{ width: 6.34%; height: 46%; left: 2%; top: 22.2%; background-image: url("images/topic.png"); }

.car{ width: 2.66%; height: 16.3%; left: 3.18%; bottom: 0%; background-image: url("images/car.png"); }

.cloud1{ width: 3.6%; height: 40.4%; left: 0%; bottom: 0%; }

.cloud1 i{ background-image: url("images/cloud1.png"); background-position: left bottom; }

.cloud2{ width: 4.13%; height: 19.2%; left: 6.73%; bottom: 0%; }

.cloud2 i{ background-image: url("images/cloud2.png"); background-position: center bottom; }

.cloud3{ width: 3.77%; height: 13.1%; left: 21.7%; bottom: 0%; opacity: 1; }

.cloud3 i{ background-image: url("images/cloud3.png"); background-position: center bottom; }

.cloud4{ width: 9.34%; height: 20.6%; left: 48.96%; bottom: 0%; background-position: center bottom; opacity: 1; }

.cloud4 i{ background-image: url("images/cloud4.png"); }

.cloud5{ width: 5.38%; height: 14%; left: 56.9%; bottom: 0%; opacity: 1; }

.cloud5 i{ background-image: url("images/cloud5.png"); background-position: center bottom; }

.line{ width: 82.92%; height: 71.1%; left: 17.08%; top: 28.5%; opacity: 1; }

.line i{ background-image: url("images/line.png"); }

.infor{ width: 6.35%; height: 98.6%; left: 11.07%; bottom: 0%; background-image: url("images/infor.png"); }

.people1{ width: 3.12%; height: 68.9%; left: 15.96%; bottom: 0%; background-image: url("images/people1.png"); background-position: center bottom; }

.location1{ width: 3.51%; height: 24%; left: 18.99%; top: 70.4%; }

.location1 i{ background-image: url("images/location1.png"); }

.location2{ width: 3.51%; height: 28.7%; left: 27.71%; top: 57.2%; }

.location2 i{ background-image: url("images/location2.png"); }

.location3{ width: 3.21%; height: 24.3%; left: 37.57%; top: 40.3%; }

.location3 i{ background-image: url("images/location3.png"); }

.location4{ width: 2.91%; height: 24%; left: 48.01%; top: 72.5%; }

.location4 i{ background-image: url("images/location4.png"); }

.location5{ width: 3.95%; height: 24.2%; left: 58.51%; top: 67.7%; }

.location5 i{ background-image: url("images/location5.png"); }

.location6{ width: 3.58%; height: 23.4%; left: 69.05%; top: 68.3%; }

.location6 i{ background-image: url("images/location6.png"); }

.location7{ width: 3.58%; height: 23.6%; left: 81.57%; top: 45.9%; }

.location7 i{ background-image: url("images/location7.png"); }

.item1{ width: 1.49%; height: 51%; left: 23.15%; top: 35.1%; }

.item1 i{ background-image: url("images/item1.png"); }

.item2{ width: 2.5%; height: 58.6%; left: 25.2%; top: 6.7%; }

.item2 i{ background-image: url("images/item2.png"); }

.item3{ width: 2.35%; height: 49.8%; left: 31.25%; top: 26.4%; }

.item3 i{ background-image: url("images/item3.png"); }

.item4{ width: 1.82%; height: 39.1%; left: 34.42%; top: 57.6%; }

.item4 i{ background-image: url("images/item4.png"); }

.item5{ width: 2.83%; height: 39.2%; left: 40.45%; bottom: 0%; }

.item5 i{ background-image: url("images/item5.png"); background-position: center bottom; }

.item6{ width: 2.43%; height: 50.4%; left: 44.44%; top: 37.3%; }

.item6 i{ background-image: url("images/item6.png"); }

.item7{ width: 4.91%; height: 61%; left: 51.16%; top: 31.6%; }

.item7 i{ background-image: url("images/item7.png"); }

.item8{ width: 2.76%; height: 27.1%; left: 56.46%; top: 43.1%; }

.item8 i{ background-image: url("images/item8.png"); }

.item9{ width: 2.7%; height: 39.5%; left: 63.11%; bottom: 0%; }

.item9 i{ background-image: url("images/item9.png"); background-position: center bottom; }

.item10{ width: 1.87%; height: 70.3%; left: 66.42%; top: 14.3%; }

.item10 i{ background-image: url("images/item10.png"); }

.item11{ width: 4.25%; height: 43%; left: 71.31%; top: 29.9%; }

.item11 i{ background-image: url("images/item11.png"); }

.item12{ width: 5.73%; height: 50%; left: 75.05%; top: 58.6%; }

.item12 i{ background-image: url("images/item12.png"); }

.item13{ width: 3.94%; height: 41.1%; left: 84.82%; top: 56.2%; }

.item13 i{ background-image: url("images/item13.png"); }

.item14{ width: 3.67%; height: 47.8%; left: 89.49%; top: 39.2%; }

.item14 i{ background-image: url("images/item14.png"); }

.people2{ width: 2.16%; height: 80%; left: 93.17%; top: 14.6%; background-image: url("images/people2.png"); }

.cloud-end{ width: 5.74%; height: 78.8%; right: 0%; bottom: 0%; background-image: url("images/cloud-end.png"); background-position: right bottom; opacity: 1; }

.more{ width: 2.2%; height: 12.6%; left: 95.7%; top: 26.6%; opacity: 1; }

.more i{ background-image: url("images/more.png"); }

.editor{ width: 3.24%; height: 32%; left: 95.95%; top: 52.5%; background-image: url("images/editor.png"); opacity: 1; }

#loc-drop1,
#loc-drop2,
#loc-drop3,
#loc-drop4,
#loc-drop5,
#loc-drop6,
#loc-drop7{
	width: 3.57%;
	height: 77.2%;
	top: 11.4%;
	opacity: 1;
	display: none;
}

#loc-drop1.current,
#loc-drop2.current,
#loc-drop3.current,
#loc-drop4.current,
#loc-drop5.current,
#loc-drop6.current,
#loc-drop7.current{
	display: block;
}

#loc-drop1{ left: 22.59%; background-image: url("images/loc-drop1.png"); }

#loc-drop2{ left: 31.51%; background-image: url("images/loc-drop2.png"); }

#loc-drop3{ left: 41.05%; background-image: url("images/loc-drop3.png"); }

#loc-drop4{ left: 51.22%; background-image: url("images/loc-drop4.png"); }

#loc-drop5{ left: 62.55%; background-image: url("images/loc-drop5.png"); }

#loc-drop6{ left: 72.72%; background-image: url("images/loc-drop6.png"); }

#loc-drop7{ left: 85.34%; background-image: url("images/loc-drop7.png"); }

#item-drop1,
#item-drop2,
#item-drop3,
#item-drop4,
#item-drop5,
#item-drop6,
#item-drop7,
#item-drop8,
#item-drop9,
#item-drop10,
#item-drop11,
#item-drop12,
#item-drop13,
#item-drop14{
	width: 3.28%;
	height: 29.1%;
	opacity: 1;
	display: none;
}

#item-drop1.current,
#item-drop2.current,
#item-drop3.current,
#item-drop4.current,
#item-drop5.current,
#item-drop6.current,
#item-drop7.current,
#item-drop8.current,
#item-drop9.current,
#item-drop10.current,
#item-drop11.current,
#item-drop12.current,
#item-drop13.current,
#item-drop14.current{
	display: block;
}

#item-drop1{ left: 19.7%; top: 41%; background-image: url("images/item-drop1.png"); }

#item-drop2{ left: 24.4%; top: 68%; background-image: url("images/item-drop2.png"); }

#item-drop3{ left: 33.7%; top: 28%; background-image: url("images/item-drop3.png"); }

#item-drop4{ left: 36.3%; top: 65.4%; background-image: url("images/item-drop4.png"); }

#item-drop5{ left: 41.0%; top: 32%; background-image: url("images/item-drop5.png"); }

#item-drop6{ left: 47.0%; top: 42%; background-image: url("images/item-drop6.png"); }

#item-drop7{ left: 53.8%; top: 14.1%; background-image: url("images/item-drop7.png"); }

#item-drop8{ left: 59.3%; top: 35.7%; background-image: url("images/item-drop8.png"); }

#item-drop9{ left: 63.1%; top: 29.7%; background-image: url("images/item-drop9.png"); }

#item-drop10{ left: 68.4%; top: 33.8%; background-image: url("images/item-drop10.png"); }

#item-drop11{ left: 75.7%; top: 28.5%; background-image: url("images/item-drop11.png"); }

#item-drop12{ left: 80.9%; top: 69.6%; background-image: url("images/item-drop12.png"); }

#item-drop13{ left: 85.6%; top: 14.6%; background-image: url("images/item-drop13.png"); height: 40.8%; }

#item-drop14{ left: 92.3%; top: 9.7%; background-image: url("images/item-drop14.png"); height: 36.6%; }