/* CSS Document */

@charset "UTF-8";

/*
 * body标记样式定义
 * @overlay body
 * @desc	全局的字体颜色、背景色和文本对齐设置
 */
body{
	color: #000;
	background: #fff;
	text-align: left;
}

/*
 * 将具有默认margin和padding的标记置零
 * @overlay *
 * @desc	所有标记的margin、padding都在使用时具体定义
 */
*{
	margin:0;
	padding:0;
}

/*
 * 修正IE5.x和IE6的斜体溢出bug
 * @bugfix
 * @css-for    IE 5.x/Win, IE6
 */
* html body{
	overflow: visible;
}
* html iframe, * html frame{
	overflow: auto;
}
* html frameset{
	overflow: hidden;
}

/*
 * 定义图片边框
 * @overlay img
 * @desc	当图片作为链接内容被填充时，会有默认边框出现，重定义掉
 */
img{
	border:0 none;
}

/*
 * 清除ul列表标记的样式
 * @overlay ul, li
 * @desc	ul列表更多的用在不需要列表前置符号的样式里
 */
ul, li{
	list-style-type: none;
}

/*
 * 定义默认的链接样式
 * @overlay a
 * @desc	仅仅是作为默认样式提供，可以在各自的实例中覆盖掉
 */
a:link, a:visited{
	color:#000;
	text-decoration: none;
}

a:hover{
	color:#F60;
	text-decoration: underline;
}

/*
a:hover, a:active{
	background-color:#FFFFAA;
	color:#CC0000;
}
*/

/* 通用容器 */
.wrapper{
	clear: both;
	overflow: hidden;
}

/* 清除溢出，浮动 */
/* @group 清理元素 */

	/*
	 * 清理元素
	 * @class hackbox
	 * @desc	清理浮动元素
	 */
	.clearing{
		border-top:1px solid transparent !important;
		height:0;
		clear:both;
		visibility: hidden;
		overflow:hidden;
	}
	
	/*
	 * 不需要额外增加元素的清理浮动的类
	 * @class 	wrapfix
	 * @desc	使用:after伪类来实现浮动清理
	 */
	.wrapfix:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
		/* IE7 hack */
		.wrapfix {display: inline-block;}
		/* IE-mac, IE5, IE6 */
		* html .wrapfix {height: 1%;}
		.wrapfix {display: block;}
		
	/*
	 * 清理float元素的溢出
	 * @class	floatfix
	 * @desc	浮动元素的内容可能会溢出设定的宽度之外，清除之
	 */
	.floatfix{
		overflow: hidden;
	}

/* @end */


/* @group 隐藏元素 */

	/*
	 * 隐藏元素
	 * @class invisible
	 * @desc	visibility可以隐藏元素，但是还是会在布局中占位
	 */
	.invisible{
		visibility:hidden;
	}
	
	/*
	 * 从页面布局上隐藏元素
	 * @class hidden
	 * @desc	从布局上隐藏元素
	 */
	.hidden{
		display: none;
	}

	.block {display:block;}
/* @end */

/* @index_header_footer 首页头部底部文件 */
#header { margin:0 auto; width:100%; height:180px; padding-top:3px; font-size:12px; background:url(../../images/top/bg_navbar.jpg) repeat-x 0 0;}
#header .top { margin:0 auto; width:960px; height:84px;}
#logo { display:inline; float:left; margin:13px 0 0 23px; width:160px; height:55px;}
.topnav { display:inline; float:left; margin-left:50px; width:317px; height:84px; background:url(../../images/top/topnav.jpg) no-repeat 0 0;}
.topnav ul { display:inline; float:left; margin:35px auto 0 55px; width:216px;}
.topnav li { display:inline; float:left; width:80px; margin-right:10px; }
.topnav a:link, .topnav a:visited { padding-left:20px; color:#1C8CBC; font-weight:800; font-size:14px; line-height:28px; background:url(../../images/top/header_06.gif) no-repeat left center;}
.topnav a:hover { color:#F60;}
#header .top .help { float:right; width:330px;}
.help a:link, .help a:visited { color:#666;}
.help a:hover { color:#F60;}

.help .for1 { color:#666; margin:0 8px 7px 0; height:18px; background:url(../../images/top/top1.gif) no-repeat; width:330px; float:right;}
.help .for1 ul { height:21px; text-align:center; margin-left:25px;}
.help .for1 li { float:left; display:inline; height:21px; line-height:18px; background:url(../../images/top/top2.gif) no-repeat 0 5px; width:80px; margin-left:5px;}



/*.help .for2 { margin-bottom:5px; height:24px; line-height:24px; text-align:right; background:url(../../images/top/bg_help_for2.jpg) no-repeat right 13px;}
.help .for2 a.blog { float:right; margin-right:10px; width:auto; padding-left:20px; background:url(../../images/top/ico_blog.gif) no-repeat 0 0;}
.help .for2 a.bbs { float:right; margin-right:10px;  width:auto; padding-left:20px; background:url(../../images/top/ico_bbs.gif) no-repeat 0 0;}
*/

.help .for3 { height:27px; line-height:22px; background:url(../../images/top/top3big.gif) no-repeat left top; width:270px; margin:57px 0 0 55px;_margin:30px 0 0 55px;
}
.help .for3 div { background:url(../../images/top/top3big.gif) no-repeat right bottom;height:27px;  }
.help .for3 ul { padding:0 8px}
.help .for3 li {background:url(../../images/line.gif) no-repeat right center; float:left; color:#fff; width:auto; padding:0 7px 0 5px;  }
.help .for3 li a:link, .help .for3 li a:visited { color:#fff;}
.help .for3 li a:hover{ color:#FFFF00;}

#navbar { margin:0 auto; width:100%; height:75px;}
#navbar .menu { margin:0 auto; width:960px; height:75px; background:url(../../images/top/bg_menu.jpg) no-repeat 0 0;}
#navbar .menu .menubox { width:897px; height:37px; line-height:37px;}
#navbar .menu .menubox .weather { display:inline; float:left; width:128px; margin-left:38px;}
#navbar .menu .menubox ul { float:left;}
#navbar .menu .menubox li { float:left; width:auto; padding:0 12px 0 14px; background:url(../../images/top/menu_li.jpg) no-repeat left center;}
#navbar .menu .menubox li a:link, #navbar .menu .menubox li a:visited { font-size:14px; color:#fff; font-weight:800;}
#navbar .menu .menubox li.hover a:link, #navbar .menu .menubox li.hover a:visited { color:#FFFF00;}
#navbar .menu .contbox { padding-left:22px; height:33px; line-height:33px;}
#navbar .menu .contbox span { margin:0 10px 0 0; padding-right:10px; color:#B80000; background:url(../../images/top/x.gif) no-repeat right center;}
#navbar .menu .contbox a:link, #navbar .menu .contbox a:visited { display:inline; margin-right:10px; color:#666;}
#navbar .menu .contbox a:hover { color:#F60;}
#googlead{ margin-left:10px;}
/* footer */
#footer { border-top:1px solid #B8D4F1; padding-top:10px; width:980px; margin:10px auto;clear:both; text-align:center;}
#footer div { height:25px; line-height:25px;}
/* @end */