@charset "utf-8";
/*
    Author:Tiench
	Creat Date:2013-06-26
	Last Modify: none
	Explain:Css专题公共样式表
*/

/* Public*/ 
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0;}
body{text-align:left;color:#333;font-size:12px;font-family:"Microsoft YaHei","微软雅黑", Verdana, Geneva, sans-serif;}
a{text-decoration:none;cursor:pointer;color:#333;outline:none;}
a:hover{color:#36C; text-decoration:underline}
em, i{font-style:normal}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
label, input, select{vertical-align:middle}
img, button{background:none;border:0 none;vertical-align:middle}
input, button, textarea, select, optgroup, option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
ol,ul{list-style:none;}
table, th, td, fieldset, legend{font-weight:400;border:0 none;border-collapse:collapse}

/* Position */
.f_l{float:left;display:inline}
.f_r{float:right;display:inline}
.p_a{position:absolute}
.p_r{position:relative}

/* Clear float */
.o_f{overflow:hidden}
.none{display:none}
.b_l{display:block}
.clear{ clear:both}
* html .clearfix {display: inline-block;}
*+html .clearfix {display: inline-block;}
.clearfix{zoom:1}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}

/* Color class*/
.color_zhu{color:#2277c5}
.color_fu{ color:#8ba600}
.red{color:#C00}
.blue{color:#06F}
.green{color:#8EA62F}
.orange{color:#F60}
.black{color:#000}
.white{color:#fff}
.gray_3{color:#333}
.gray_6{color:#666}
.gray_9{color:#999}
.bgcolor_white{background-color:#FFF}
.bgcolor_black{background-color:#000}
.bgcolor_gray3{background-color:#333}
.bgcolor_gray6{background-color:#666}
.bgcolor_gray9{background-color:#999}
.bgcolor_grayE{background-color:#eee}

/* Box class*/
.zoom{zoom:1}
.c{margin:0 auto}
.t_c{text-align:center}
.t_l{text-align:left}
.t_r{text-align:right}

.w980{width:980px}
.w978{width:978px}
.w100{width:100%}
.w100p{ width:100px}
.w200p{width:200px}
.w300p{width:300px}
.w400p{width:400px}
.w500p{width:500px}
.w600p{width:600px}
.w700p{width:700px}
.w800p{width:800px}
.w900p{width:900px}
.w1000p{width:1000px}
.colums1{width:60px}
.colums2{width:100px}
.colums3{width:160px}
.colums4{width:220px}
.colums5{width:280px}
.colums6{width:340px}
.colums7{width:400px}
.colums8{width:460px}
.colums9{width:520px}
.colums10{width:580px}
.colums11{width:640px}
.colums12{width:700px}
.colums13{width:760px}
.colums14{width:820px}
.colums15{width:880px}
.colums16{width:940px}

.bd{border:1px solid #E8E8E8}
.bd_t{border-top:1px solid #666}
.bd_b{border-bottom:1px solid #666}
.bd_l{border-left:1px solid #666}
.bd_r{border-right:1px solid #666}

.m_0{margin:0!important}
.m_t0{margin-top:0!important}
.m_b0{margin-bottom:0!important}
.m_l0{margin-left:0!important}
.m_r0{margin-right:0!important}
.m_10{margin:10px}
.m_t10{margin-top:10px}
.m_b10{margin-bottom:10px}
.m_l10{margin-left:10px}
.m_r10{margin-right:10px}
.m_tb10{margin:10px 0}
.m_lr10{margin:0 10px}
.m_5{margin:5px}
.m_t5{margin-top:5px}
.m_b5{margin-bottom:5px}
.m_l5{margin-left:5px}
.m_r5{margin-right:5px}
.m_tb5{margin:5px 0}
.m_lr5{margin:0 5px}
.m_2{margin:2px}
.m_t2{margin-top:2px}
.m_b2{margin-bottom:2px}
.m_l2{margin-left:2px}
.m_r2{margin-right:2px}
.m_tb2{margin:2px 0}
.m_lr2{margin:0 2px}
.m_15{margin:15px}
.m_l15{margin-left:15px}
.m_r15{margin-right:15px}
.m_t15{margin-top:15px}
.m_b15{margin-bottom:15px}
.m_lr15{margin:0 15px}
.m_tb15{margin:15px 0}
.m_20{margin:20px}
.m_l20{margin-left:20px}
.m_r20{margin-right:20px}
.m_t20{margin-top:20px}
.m_b20{margin-bottom:20px}
.m_lr20{margin:0 20px}
.m_tb20{margin:20px 0}
.m_30{margin:30px}
.m_l30{margin-left:30px}
.m_r30{margin-right:30px}
.m_t30{margin-top:30px}
.m_b30{margin-bottom:30px}
.m_lr30{margin:0 30px}
.m_tb30{margin:30px 0}
.m_40{margin:40px}
.m_l40{margin-left:40px}
.m_r40{margin-right:40px}
.m_t40{margin-top:40px}
.m_b40{margin-bottom:40px}
.m_lr40{margin:0 40px}
.m_tb40{margin:40px 0}
.p_0{padding:0!important}
.p_t0{padding-top:0!important}
.p_b0{padding-bottom:0!important}
.p_l0{padding-left:0!important}
.p_r0{padding-right:0!important}
.p_10{padding:10px}
.p_t10{padding-top:10px}
.p_b10{padding-bottom:10px}
.p_l10{padding-left:10px}
.p_r10{padding-right:10px}
.p_tb10{padding:10px 0}
.p_lr10{padding:0 10px}
.p_5{padding:5px}
.p_t5{padding-top:5px}
.p_b5{padding-bottom:5px}
.p_l5{padding-left:5px}
.p_r5{padding-right:5px}
.p_tb5{padding:5px 0}
.p_lr5{padding:0 5px}
.p_2{padding:2px}
.p_t2{padding-top:2px}
.p_b2{padding-bottom:2px}
.p_l2{padding-left:2px}
.p_r2{padding-right:2px}
.p_tb2{padding:2px 0}
.p_lr2{padding:0 2px}
.p_15{padding:15px}
.p_t15{padding-top:15px}
.p_b15{padding-bottom:15px}
.p_l15{padding-left:15px}
.p_r15{padding-right:15px}
.p_lr15{padding:0 15px}
.p_tb15{padding:15px 0}
.p_20{padding:20px}
.p_t20{padding-top:20px}
.p_b20{padding-bottom:20px}
.p_l20{padding-left:20px}
.p_r20{padding-right:20px}
.p_lr20{padding:0 20px}
.p_tb20{padding:20px 0}
.p_30{padding:30px}
.p_t30{padding-top:30px}
.p_b30{padding-bottom:30px}
.p_l30{padding-left:30px}
.p_r30{padding-right:30px}
.p_lr30{padding:0 30px}
.p_tb30{padding:30px 0}
.p_40{padding:40px}
.p_t40{padding-top:40px}
.p_b40{padding-bottom:40px}
.p_l40{padding-left:40px}
.p_r40{padding-right:40px}
.p_lr40{padding:0 40px}
.p_tb40{padding:40px 0}

/* Font class */
.f_14{font-size:14px}
.f_16{font-size:16px}
.f_18{font-size:18px}
.f_20{font-size:20px}
.f_22{font-size:22px}
.f_strong{ font-weight:700}
.f_normal{ font-weight:400}
h1 {font-size: 25px}
h2 {font-size: 23px}
h3 {font-size: 21px}
h4 {font-size: 19px}
h5 {font-size: 17px}
h6 {font-size: 15px}
.t_i{text-indent:2em}

/* Filter  */
.alpha9{filter:Alpha(Opacity="90"); opacity:0.9;}
.alpha8{filter:Alpha(Opacity="80"); opacity:0.8;}
.alpha7{filter:Alpha(Opacity="70"); opacity:0.7;}

/*Top  and  footer  */
.wrap{ position:relative; zoom:1}

/******************* fixed_top style  Black*******************/
.sub_nav_box{background: url(../image/top_top.png) 0 -2px repeat-x;height: 46px;width:100%;position:fixed; top:0; left:0; z-index:10000; left:0;zoom:1;}
.sub_nav{ margin: 0 auto;width: 980px; height:44px;}
.sub_nav_wrap {float: left; display:inline;width: 420px;}
.sub_nav a{color: #fff;}
.sub_nav a:hover{text-decoration:none;}
.header_link{display: inline;float: left;height:46px;line-height:46px;overflow: hidden;padding: 0 13px;}
.header_link:hover{ background:#555;  color:#fff}
.header_floor{ float:left; display:inline; position:relative;}
.header_floor dt{height: 46px;line-height: 46px;padding:0 18px 0 12px; *height:auto;}
.header_floor dt:hover{ background:#fff}
.triangle{ position:absolute; overflow:hidden; top:45%; right:3px; width:0;height:0;border-width:5px;border-style:solid dashed dashed dashed;border-color:#eee transparent  transparent  transparent ;}
.header_floor dt a:hover{ color:#333}/*IE 6*/
.header_floor dd{ display:none}
.header_floor_on dt{background:#fff;}
.header_floor_on .triangle{border-color:#666 transparent  transparent  transparent ;}
.header_floor_on a{ color:#333}
.header_floor_on dd{ display:block; width:356px; position:absolute; left:0px; top:46px; overflow:hidden; background:#fff;padding:5px 0;}
.header_floor_on dd ul{ overflow:hidden}
.header_floor_on dd li{ float:left; display:inline; width:89px; border-left:1px solid #f5f5f5; margin-left:-1px; text-align:left;}
.header_floor_on dd a { padding:4px 10px; margin:0 5px; display:block; width:59px; height:20px; line-height:20px;}
.header_floor_on dd a:hover{background:#888; color:#FFF; text-decoration:none}
.header_floor_on .header_floor_pd a:hover{ color:#FFF; background:#9EBB4F;}
.header_floor_on .header_floor_lt{ border-left:1px solid #9EBB4F}

.user_login{ float:right; display:inline;}
.user_login_a{ height:47px; border-bottom:3px solid #d66f37; background:#f67e06; display:block}
.user_login_a:hover{background:#ea7500; }
.user_login_wrap,.user_register{ display:inline; height:45px; float:left}
.user_login_wrap .header_link:hover{ background:#f67e06; height:50px; border-bottom:3px solid #d66f37}
.user_center{ float:right; display:inline; width:300px; height:44px;}
.top_search{ height:43px; float:right; display:inline; line-height:43px; border-right:1px solid #555; border-left:1px solid #333;}
.top_search_ico{display:block;height:43px; width:22px;line-height:43px;overflow: hidden;padding: 0 13px; background:url(../image/search.png) no-repeat center center; text-indent:-50px;border-right:1px solid #333;border-left:1px solid #555;}
.user_center_wrap{height:44px; float:right; display:inline; line-height:44px; display:none;}
.header_floor_2 dd{ width:250px; right:0; left:auto}
.header_floor_3 dd{width:89px; right:0; left:auto}
.user_center_msg_new{ background: url(../image/top_new.png) no-repeat;position: absolute;right: -3px;top: 5px; display:block; width:21px; height:12px; overflow:hidden; text-indent:-30px;}

/**********************  go-top  ***********************/
.go-top{ position:fixed; width:50px;*width:52px; height:auto;left:50%; bottom:10px; margin-left:500px; box-shadow:0 0 5px #ddd}
.go-top-wrap{}
.go-top-wrap ul{ _padding-bottom:1px;_zoom:1; display:block}
.go-top-wrap li{ height:42px; line-height:42px; text-align:center; vertical-align:top; margin-bottom:1px; background:#fff;*border:1px solid #eee; *margin-bottom:-1px;}
.go-top-wrap a{ background:url(../image/go-top.png) no-repeat #fff; overflow:hidden; text-indent:-200px; display:block;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0.0s;}
.go-top-wrap a:hover{ background:url(../image/go-top.png) no-repeat #B9C994;}
#go-suggest{ background-position:-2px -168px;}
#go-suggest:hover{ background-position:-73px -168px;}
#go-server{background-position:6px 6px;}
#go-server:hover{ background-position:-65px 6px}
#go-top{ background-position:6px -98px;}
#go-top:hover{ background-position:-65px -98px;}





/* IE6浏览器的特有方法 */
*html .go-top,*html .sub_nav_box,*html .art_top_fixed{_position:absolute;_bottom:auto; _top:expression(eval(document.documentElement.scrollTop));  }
*html{background-image:url(about:blank);background-attachment:fixed;}