@charset "utf-8";
/* CSS Document */
html,body{ height:100%; margin:0; padding:0; }

a { text-decoration:none;}
img{vertical-align:top; border:0;}
a {outline: none; /* for Forefox */ } 
a {star:expression(this.onFocus=this.blur()); /* for Ie*/ } 
a:focus{ outline:0; }

body{ background-color:#000; text-align:center; }


.menu{ width:100%; height:48px; color:#FFF; text-align:center; position:relative; padding:25px 0; z-index:9; }

.menu ul{
	list-style:none;
	display:inline-block;
	padding:30px 0 0 0;
	margin:0;
	text-align:right;
	*display:inline;
	*zoom:1;
}

.menu li{float:left; }
.menu li a{text-decoration:none;color:#E3E3E3;display:block;padding:0 10px;font:14px "Microsoft YaHei";} 
.menu li a:hover{color:#FFF;font:14px "Microsoft YaHei";}
.menu li ul{ font-size:12px;visibility:hidden;position:absolute; visibility:visible;position:absolute;display:none;padding:0 0 0 90px;background:#000 url(../images/heat-bg.png) no-repeat; background-position:38px -12px; width:200px; }
.menu li.hover ul{/*ie6不支持li:hover所以在这里写成li.hover以方便js取样式*/visibility:visible;position:absolute;display:block;padding:0 0 0 90px;background:#000 url(../images/heat-bg.png) no-repeat; background-position:38px -12px; }
.menu li.hover .h-links{color:#FFF;}
.menu ul ul li a{ font-size:12px;
	padding:0 20px 0 0px;
	line-height: 48px;	
}
.menu ul li ul{
	/*margin-top:2px;*/
	width:260px;
}

.menu ul li img{ position:relative; z-index:2; }

.menu ul ul li a:hover{line-height:48px; text-decoration:underline; font-size:12px;}

.menu p{

	color:#666;
	text-align:center;
	margin-left:60px;
	margin-top:30px;
	font:10px "Microsoft YaHei";
	
	}


#logo {
	display: inline-block; float:left; margin:0 0 0 20px;
}



#main{
	width:79%;
	height:auto;
	float:left;
	display:inline-block;	
}
#nav{ border-right:1px solid #999; text-align:center; padding:10px 0 0 0; display:inline-block; }
#nav ul{ text-align:left; margin:0; padding:10px 0; width:67%; display:inline-block; }
#nav ul span{ width:1px; height:20px; float:left; display:inline-block; } 
.section{ width:100%; height:100%; float:left; overflow:hidden; }
#content{ border-top: 1px solid #999; height:100%; width:100%; float:left; text-align:left; }



#dreambox{
display:inline-block; 
background:url(../images/back.jpg) center top no-repeat; 
background-size:100% 100%;
position:relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px auto; /* the bottom margin is the negative value of the footer's height */

}


.copyright{
color:#666; font-size:12px; width:100%; text-align:center;
position:relative;
z-index:1;
width:100%;
}

@media screen and (min-device-width: 1000px) {
	#dreambox{ width:1006px; display:inline-block; margin: 0 auto -20px auto; }
}
@media screen and (min-device-width: 1100px) {
	#dreambox{ width:1134px; display:inline-block; margin: 0 auto -20px auto; }
}
@media screen and (min-device-width: 1200px) {
	#dreambox{ width:1250px; display:inline-block; margin: 0 auto -20px auto; }
}
@media screen and (min-device-width: 1300px) {
	#dreambox{ width:1300px; display:inline-block; margin: 0 auto -40px auto; }
}