html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
img{display: block; vertical-align:middle;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family:"微软雅黑";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { color:#666666 ;font:12px/20px "微软雅黑"; background:#000;}
a{color:#666666; text-decoration:none;}
a:hover{color:#c52d28; text-decoration:none;}
.clear{ clear:both;}


.tf_bg{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
}
.tf_bg img{
	position:absolute;
	top:0px; /*-482px;	 -(imgh/2 - wh/2) */
	left:0px;	/* calculate a negative value to center horizontally */
	width:100%;	/* windowwidth plus negative value of left */
	/*height:1650px; /* windowheight plus negative value of top */
	z-index: 1;
	display:none;
}
.tf_pattern{
	position:absolute;
	width:100%;
	height:100%;
	background:transparent url(../images/pattern.png) repeat top left;
	z-index:2;
}
.tf_content{
	position:absolute;
	bottom:150px;
	left:50px;
	z-index:10;
	display:none;
}
.tf_content h2{
	color:#111111;
	height:35px;
	line-height:35px;
	font-size:30px;
	padding:0;
	margin:0;
	text-shadow:1px 1px 2px #000;
	margin-bottom:15px;
	font-weight:normal;
}
.tf_content h2 a{ color:#111;}
.tf_content h2 a:hover{ text-decoration:underline;}
.tf_content p{
	color:#fff;
	padding:0;
	margin:0;
	background:url(../images/incontent_bg.png) repeat;
	padding:40px;
	width:500px;
	height:100px;
	font-size:16px;
	line-height:30px;
	text-transform:uppercase;
	text-shadow:2px 2px 1px #000;
	-moz-box-shadow:1px 1px 5px #202020;
	-webkit-box-shadow:1px 1px 5px #202020;
	box-shadow:1px 1px 5px #202020;
	border:4px solid #cdcdcd;
}
.tf_content p a{ color:#fff;}
.tf_content p a:hover{ text-decoration:underline;}
.tf_thumbs{
	position:absolute;	
	z-index:12;
	right:50px;
	top:50%;
	margin-top:-79px;
	border:4px solid #b2b2b2;
	-moz-box-shadow:1px 1px 5px #202020;
	-webkit-box-shadow:1px 1px 5px #202020;
	box-shadow:1px 1px 5px #202020;	
	-webkit-box-reflect:
		below 5px
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(transparent),
			color-stop(0.6, transparent),
			to(rgb(18, 18, 18))
		);
}
.tf_thumbs img{
	display:block;
}
.tf_loading{
	position:fixed;
	top:50%;
	left:50%;
	margin:-30px 0px 0px -30px;
	width:60px;
	height:60px;
	background:#fff url(../images/loader.gif) no-repeat center center;
	z-index:999;
	opacity:0.7;
}
.tf_next,
.tf_prev{
	width:35px;
	height:14px;
	position:absolute;
	top:50%;
	right:320px;
	z-index:100;
	cursor:pointer;
	background:transparent url(../images/nav.png) no-repeat top left;
	opacity:0.5;
}
.tf_next{
	background-position:0px -14px;
	margin-top:80px;
}
.tf_prev{
	background-position:0px 0px;
	margin-top:-55px;
}
.tf_next:hover,
.tf_prev:hover{
	opacity:0.9;
}
.tf_zoom,
.tf_fullscreen{
	width:20px;
	height:20px;
	position:absolute;
	top:6px;
	right:6px;
	cursor:pointer;
	z-index:100;
	opacity:0.6;
	background:transparent url(../images/icons.png) no-repeat top left;
}
.tf_zoom{
	background-position:0px -20px;
}
.tf_fullscreen{
	background-position:0px 0px;
}
.tf_zoom:hover,
.tf_fullscreen:hover{
	opacity:0.9;
}
.reference{
	position:fixed;
	bottom:0px;
	right:0px;
	background:#000;
	height:23px;
	text-align:right;
	width:100%;
	text-shadow:1px 1px 1px #000;
	z-index:999;
	opacity:0.8;
}
.description{
	position:fixed;
	top:5px;
	right:5px;
	text-shadow:1px 1px 1px #000;
	z-index:999;
}
.reference a, .description span{
	color:#fff;
	text-transform: uppercase;
	margin-left:20px;
	text-decoration:none;
	font-family:Arial;
	font-size:10px;
}
a.last{
	float:left;
	line-height:23px;
}
.reference a:hover{
	text-shadow:0px 0px 1px #fff;
}

.head{ width:100%; height:130px; /*background:url(../images/head_bg.png) repeat-x;*/ position:absolute; z-index:15; top:0;}
.head .head_wrapper{ width:1060px; margin:0 auto;}
.head .head_wrapper .logo{ float:left;}
.head .head_wrapper .logo_right{ width:817px; float:right;}
.head .head_wrapper .logo_right .welcome{ height:43px; color:#000; padding-top:25px;}
.head .head_wrapper .logo_right .welcome h1{ font-size:12px; font-weight:normal; display:inline;}
.head .head_wrapper .logo_right .welcome h2{ font-size:16px; float:right;}
.head .head_wrapper .logo_right .welcome h2 span{ font-family:Arial, Helvetica, sans-serif;}

#nav{ width:817px; height:44px;text-align:center;background:#707070;filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; font-family:"微软雅黑";}
#nav ul{float:;width:816px;margin:0 auto;}
#nav li{float:left;position:relative; font-size:14px; background:url(../images/nav_line.png) no-repeat; padding-top:5px;}
#nav li a{display:block;float:left;text-decoration:none;color:#000;width:102px;blr:expression(this.onFocus=this.blur());outline:none;position:relative;}
#nav li a:hover,#nav .active a,#nav li.sfhover a{color:#fff;text-decoration:none;}
#nav li a span{ font-family:Arial, Helvetica, sans-serif; font-size:10px;-webkit-text-size-adjust:none;line-height:12px;padding-bottom:15px;display:block;font-weight:300;cursor:pointer;position:relative;}
/*---当前分类---*/
#nav li ul{display:none;position:absolute;top:44px;left:0;width:102px; text-align:center; z-index:31}
#nav li ul li{ background-image:none;position:relative;z-index:41; background:url(../images/2nav_bg.png) repeat-y; padding:0;}
#nav li ul a,#nav li.active ul a,#nav li.sfhover ul a{background:none;color:#000;font-size:12px;float:none; height:32px; line-height:32px;}
#nav li ul a:hover{color:#fff; background:url(../images/nav_hover.png) no-repeat center 0;}

.foot{ width:100%; height:70px; position:absolute; z-index:15; bottom:0;}
.foot .foot_wrapper{ width:1060px; height:60px; margin:0 auto; background:url(../images/foot_bg.png) repeat; text-align:center; line-height:24px; color:#fff; padding-top:10px;}
.foot .foot_wrapper a{ color:#fff;}
.foot .foot_wrapper a:hover{ text-decoration:underline;}