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

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

.layout{
	position: absolute;
	top: 0px;
	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: 99;
}

.header{
	width: 4.285%;
	height: 100%;
	opacity: 1 !important;
}

.header .logo{
	width: 23.6%;
	height: 6.7%;
	left: 4.6%;
	top: 5.3%;
	background-image: url("images/hd-logo.png");
}

.header .topic{
	width: 61.9%;
	height: 31.2%;
	left: 20.6%;
	top: 21.6%;
	background-image: url("images/hd-topic.png");
}

.header .text{
	width: 61.9%;
	height: 31.2%;
	left: 20.6%;
	top: 21.6%;
	background-image: url("images/hd-topic.png");
}

.header .infor{
	width: 65.4%;
	height: 21.6%;
	left: 18.8%;
	top: 56.6%;
	background-image: url("images/hd-infor.png");
}

.text01{ width: 2.484%; height: 32.6%; left: 5.52%; top: 15.8%; background-image: url("images/text01.png"); }

.text02{ width: 3.270%; height: 47.1%; left: 30.5%; top: 5.9%; background-image: url("images/text02.png"); }

.text03{ width: 3.312%; height: 34.2%; left: 49.18%; top: 8.7%; background-image: url("images/text03.png"); }

.text04{ width: 3.131%; height: 40.8%; left: 62.41%; top: 13.2%; background-image: url("images/text04.png"); }

.text05{ width: 3.441%; height: 40.8%; left: 74.65%; top: 13.4%; background-image: url("images/text05.png"); }

.link{
	width: 0.29%;
}

.link01{ left: 9.7%; top: 5.3%; height: 72.2%; background-image: url("images/link01.png"); }

.link02{ left: 11.7%; top: 15.6%; height: 56.8%; background-image: url("images/link02.png"); }

.link03{ left: 15.2%; top: 9.6%; height: 56.7%; background-image: url("images/link03.png"); }

.link04{ left: 18.6%; top: 7.7%; height: 81%; background-image: url("images/link04.png"); }

.link05{ left: 24.1%; top: 13%; height: 60%; background-image: url("images/link05.png"); }

.link06{ left: 27.1%; top: 15.2%; height: 28.2%; background-image: url("images/link06.png"); }

.link07{ left: 33.9%; top: 13.7%; height: 56.4%; background-image: url("images/link07.png"); }

.link08{ left: 36.5%; top: 13.7%; height: 56.2%; background-image: url("images/link08.png"); }

.link09{ left: 41.4%; top: 21%; height: 47%; background-image: url("images/link09.png"); }

.link10{ left: 46.2%; top: 10.4%; height: 51.8%; background-image: url("images/link10.png"); }

.link11{ left: 56.1%; top: 18.6%; height: 46.7%; background-image: url("images/link11.png"); }

.link12{ left: 58.5%; top: 18.6%; height: 46.7%; background-image: url("images/link12.png"); }

.link13{ left: 66%; top: 16.2%; height: 58.2%; background-image: url("images/link13.png"); }

.link14{ left: 68.6%; top: 6.1%; height: 46.7%; background-image: url("images/link14.png"); }

.link15{ left: 82.2%; top: 9.8%; height: 64.8%; background-image: url("images/link15.png"); }

.link16{ left: 87%; top: 8.4%; height: 56.6%; background-image: url("images/link16.png"); }

.link17{ left: 91.6%; top: 10%; height: 47%; background-image: url("images/link17.png"); }

.end{
	width: 3.06%;
	height: 31.1%;
	left: 95.1%;
	top: 8.8%;
	background-image: url("images/end.png");
}

.editor{
	width: 0.67%;
	height: 24.2%;
	left: 98.8%;
	top: 7.2%;
	background-image: url("images/editor.png");
	opacity: 1 !important;
}

.drop{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color:rgba(0,0,0,0.6);
	z-index: 9999;
}

.drop .close{
	position: absolute;
	width: 2em;
	height: 2em;
	right: -1em;
	top: -1em;
	background: url("images/drop-close.png");
	background-size: 100% 100%;
	cursor: pointer;
	transition: transform 0.2s;
	z-index: 99;
}

.drop .close:hover{
	transform: scale(1.05, 1.05); 
}

.drop-xilan{
	position: absolute;
	width: 94%;
	height: 94%;
	left: 3%;
	top: 3%;
}

.drop-xilan iframe{
	width: 100%;
	height: 100%;
	border-radius: 1em;
}

.drop-video{
	position: absolute;
	width: 113.77vh;
	height: 64vh;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #000;
	text-align: center;
}

.drop-video video{
	outline: none;
	height: 100%;
	width: 100%;
	background: #000;
}