/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body { line-height:1.5}
table { border-collapse:separate; border-spacing:0}
caption, th, td { text-align:left; font-weight:normal}
table, td, th { vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after { content:""}
blockquote, q { quotes:"" ""}
a img { border:none}
ul, ol { list-style:none}


body { background:#FFFFFF url(/images/2010img/bg.gif) repeat-x; font:12px simsun, Arial,Helvetica,sans-serif; color:#666666}
.wrapper { width:960px; margin:0 auto}
.clear { clear:both}
.blank { clear:both; font-size:0; line-height:0; height:0}
.m_t_10 { margin-top:10px}
.m_t_20 { margin-top:20px}
.m_t_40 { margin-top:40px}

/* layout */
#header { height:190px; background:url(/images/2010img/headerBG.gif) repeat-x left bottom}
#logo { height:162px}
#navigation { height:28px}
#container { padding-top:30px; background:#FFFFFF}
#main { }
#sideLeft { float:left; width:640px}
#sideRight { float:left; width:300px; margin-left:20px}

/* screen */
.logo { display:block; width:359px; height:99px; margin:32px auto 0 auto; background:url(/images/2010img/logo.gif) no-repeat; text-indent:-9999px}

/* navigation */
#navigation li { position:relative; float:left; width:90px; height:28px; line-height:28px; text-align:center; border-right:1px solid #FFFFFF; background:#302C20}
#navigation li.on { background:#302C20 url(/images/2010img/navON.gif) no-repeat 6px 12px}

#navigation li ul { position:absolute; top:28px; left:0; z-index:2; border-top:1px solid #FFFFFF; display:none}
#navigation li.reHover ul li ul { display:none}
#navigation li ul li ul { left:90px; top:0; border-top:none; border-left:1px solid #FFFFFF; display:none}
#navigation li ul li { clear:left; background-image:none}

#navigation li a { font-size:14px; color:#FFFFFF; text-decoration:none}

#navigation li:hover a,
#navigation li.reHover a:hover,
#navigation li:hover ul li:hover a,
#navigation li.reHover ul li.reHover a,
#navigation li:hover ul li:hover ul li:hover a { color:#FFFFFF}

#navigation li:hover ul li a,
#navigation li.reHover ul li.reHover ul li a { color:#CCCCCC}

#navigation li:hover ul li.on,
#navigation li.reHover ul li.on { background:#302C20 url(/images/2010img/navON.gif) no-repeat 80px -24px}

#navigation li:hover,
#navigation li.reHover,
#navigation li:hover ul li:hover,
#navigation li.reHover ul li.reHover { background-color:#3A3935}

#navigation li:hover ul,
#navigation li.reHover ul,
#navigation li:hover ul li:hover ul,
#navigation li.reHover ul li.reHover ul { display:block}
#navigation li:hover ul li ul { display:none}
/* end navigation */

#welcome { width:123px; text-align:center; height:29px; line-height:31px; background:url(/images/2010img/welcome.gif); font-weight:normal; color:#000000}
#welcontent { padding:21px 0 0 230px; background:url(/images/2010img/welcontent.gif) no-repeat 130px 20px; font-size:14px; color:#AAAAAA}
#welcontent li.c0 { margin:17px 0 20px 0}

#toplinks { margin:30px 0 0 230px}
#toplinks li { display:inline; margin-right:20px; font-size:14px; color:#666666}
#toplinks li a { margin-left:4px; color:#666666; font-weight:bold; text-decoration:none}
#toplinks li a:hover { text-decoration:underline}

#searchForm { position:relative; height:40px; margin-top:40px}
#searchForm .input_t1 { height:16px; width:295px; line-height:16px; padding:5px; font-size:14px; color:#AAAAAA; border:1px solid #CCCCCC }
#searchForm .input_t2 { height:28px; width:70px; background:#626262; font-size:14px; color:#FFFFFF; border:1px solid #000000; cursor:pointer}
#searchForm a { position:absolute; right:94px; top:0; padding:6px 20px 5px 20px; border:1px solid #36863B; font-size:14px; color:#36863B; font-weight:bold; text-decoration:none}

#sideLeft h3.title { position:relative; height:16px; background:url(/images/2010img/title.gif) no-repeat; color:#FFFFFF; font-size:14px; padding:8px 0 6px 25px; font-weight:normal}
#sideLeft h3.title span.more { position:absolute; bottom:3px; left:155px; width:470px; height:16px; padding-bottom:7px; background:url(/images/2010img/line_2.gif) repeat-x 0 bottom; color:#999999; text-align:right}
#sideLeft h3.title span.more a { color:#999999}

/* list 1 */
.c1 {}
.c1 li { position:relative; float:left; display:inline; height:60px; width:280px; overflow:hidden; margin:10px 0 10px 30px; background:url(/images/2010img/line_2.gif) repeat-x 0 bottom}
.c1 li a.img { position:absolute; top:0; left:0}
.c1 li a.img img { width:48px; height:48px; vertical-align:top}
.c1 li span.title { position:absolute; top:0; left:58px}
.c1 li span.title a { color:#336699; text-decoration:none}
.c1 li span.title a:hover { text-decoration:underline}
.c1 li span.title em { font-style:normal}
.c1 li span.description { position:absolute; top:18px; left:58px; line-height:1.6}

/* list 2 */
.c2 {}
.c2 li { float:left; display:inline; height:160px; width:135px; overflow:hidden; margin:0 12px}
.c2 li a.img { display:block}
.c2 li a.img img { width:135px; height:100px; vertical-align:top}
.c2 li span.t1, .c2 li span.t2, .c2 li span.t3 { display:block; height:14px; margin:4px 0; overflow:hidden}
.c2 li span.t1 a { color:#336699; text-decoration:none}
.c2 li span.t1 a:hover { text-decoration:underline}

/* login form */
#loginForm { padding:1px; border:1px solid #C6B6B1}
#loginForm h3 { position:relative; height:30px; background:#d8c8b4}
#loginForm strong { position:absolute; bottom:0; left:5px; padding:8px 12px 4px 12px;  color:#7C554A; background:#FFFFFF}
#loginForm p { height:30px; padding:0 0 4px 35px}
#loginForm p label { color:#000000}
#loginForm p input.usr, #loginForm p input.pwd { height:14px; width:160px; font-size:12px; padding:5px 3px 3px 3px; border:1px solid #AE9F8B}
#loginForm p input.check { position:absolute; top:0; left:89px; height:14px; width:14px; padding:0; margin:0; overflow:hidden}
#loginForm p .btn { position:absolute; width:60px; top:0; height:26px; line-height:28px; overflow:hidden; text-align:center; color:#fff; background:#93836f; border:none; text-decoration:none; cursor:pointer}
#loginForm p a { position:absolute; left:180px; top:5px; color:#7C554A}

/* ad image */
.adPic { width:300px; overflow:hidden}
.adPic img { width:300px; vertical-align:top}

.b_3 { margin-top:20px}
.b_3 h3 { position:relative; padding-left:20px; line-height:23px; background:url(/images/2010img/t_3.gif) no-repeat; font-size:14px; color:#626262; border-bottom:1px solid #c82329}
.b_3 h3 a.more { position:absolute; top:-2px; right:25px; font-size:12px; font-weight:normal; text-decoration:none; color:#666666}
.b_3 h4 a { color:#000; text-decoration:none}
.b_3 .time { margin:6px 0; color:#a7a7a7}
.b_3 .info { text-indent:2em; line-height:1.4em}
.b_3_list { margin-top:10px; font-size:14px}
.b_3_list li { padding:4px 0; height:14px; line-height:18px; overflow:hidden; background:url(/images/2010img/line_2.gif) repeat-x 0 center}
.b_3_list li a { padding-left:15px; background:#fff url(/images/2010img/d_1.gif) no-repeat 0 5px; color:#000}
.b_3_list li.a a { background-image:url(/images/2010img/d_1.gif); color:#000}
.b_3 .v_list { margin-top:10px; border:1px solid #C6B6B1}
.b_3 .v_list li a { color:#666666; text-decoration:none}
.b_3 .v_list li { padding:5px}
.b_3 .v_list li span { display:inline-block; width:15px; text-align:center; margin-right:10px; background:#8e8e8e; font-family:Arial; font-size:9px; color:#fff}
.b_3 .v_list li span.a { background:#f26522}
.b_3 .v_list li { background:#dfe0c9}
.b_3 .v_list li.b { background:#FFFFFF}

/* hot words */
.hotwords { border:1px solid #C6B6B1; padding:10px}
.hotwords h3 { font-size:14px; color:#99999}
.hotwords h4 { margin-top:15px; font-size:32px; color:#D7000F}
.hotwords h4 a { text-decoration:none; color:#D7000F; font-size:14px; font-weight:normal}
.hotwords li { display:inline; margin-right:10px; border-bottom:1px solid #FF0000}
.hotwords li a { text-decoration:none; font-size:14px; color:#666666}

/* hot articles */
.hotarticles { border:1px solid #C6B6B1; padding:5px 10px 10px 60px; background:url(/images/2010img/guanzhu.gif) no-repeat 15px 10px}
.hotarticles li { padding-left:5px; line-height:26px; background:url(/images/2010img/new.gif) no-repeat 0 -26px}
.hotarticles li.new { background-position:0 -2px}
.hotarticles li em { font-style:normal; color:#FFFFFF; margin-right:10px}
.hotarticles li a { color:#336699; text-decoration:none}
.hotarticles li a:hover { text-decoration:underline}


.faq { width:100%; margin-top:15px; padding:10px 0; border-top:1px solid #705a5b; border-bottom:1px solid #705a5b; overflow:auto;}
.faq ul { float:left; width:16%; padding:5px 0;}
.faq li { padding-left:50px; line-height:160%;}
.faq li.first { font-size:13px; font-weight:bold; color:#705a5b}

#footer { clear:both; background:url(/images/2010img/foot_bg.jpg) no-repeat 0 20px}
.foot_link { font-size:14px; margin-top:10px; text-align:center}
.faq a, #footer .copyright a , .foot_link a { color:#666; text-decoration:none}
.faq a:hover, #footer a:hover .copyright a:hover, .foot_link a:hover { text-decoration:underline}
.links h2 { margin:10px 0;}
.links h2 strong { padding:5px 20px; background:#eef0df; border:1px solid #ccc;}
.links_box {  padding:5px; min-height:25px; border:1px solid #eef0df;}
.links_box li { float:left; line-height:170%; white-space:nowrap;}
.links_box li a { padding:0 10px; color:#960;}
.copyright { clear:left; padding-top:10px; padding-bottom:50px;}
.copyright p { padding-left:300px;  line-height:160%; font-size:14px; }
/* gushucha*/
#gushucha_left{width:600px; height:auto; float:left; margin-top:60px;}
#gushucha_right{
	float:right;
	width:345px;
	margin-top:60px;
	height:auto;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999900;
}
#gushucha_l_t{line-height:178%; padding:5px; font-size:14px;}
.gushucah_b{border:1px solid #FFCC00; height:20px; width:100px; padding:5px; font-size:16px; margin:10px;}
.gushucha_pro{margin:10px; height:170px; background-color: #FFFFF7; width:250px; padding:10px;}
.gushucha_l_3{margin-top:30px; font-size:14px;}
.gushucha_l_3 li{
	line-height:195%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.jingpin { height:135px; padding-left:33px; background:url(/images/2011/jingpin.png) no-repeat}
.jingpin ul { margin-left:15px; padding-top:15px}
.jingpin li { height:35px; line-height:35px; background:url(/images/2011/line_2.gif) repeat-x left bottom}
.jingpin li a { font-size:14px; margin-right:20px; text-decoration:none; color:#999}
.jingpin li.dobule a { color:#c90}
.jingpin li a:hover { text-decoration:underline}

.pro-title { font-size:18px; font-weight:bold; color:#333}
.pro-slider { position:relative; height:500px; overflow:hidden}
.pro-slider-big { width:820px}
.pro-slider-big img { width:820px; height:500px}
.pro-slider-small-list { position:absolute; top:0; right:0}
.pro-slider-small-list ul { width:124px}
.pro-slider-small-list li { float:left; margin-bottom:5px}
.pro-slider-small-list li a { display:block; width:120px; height:75px; border:2px solid #d6c3ac}
.pro-slider-small-list li a img { width:120px; height:75px}
.pro-slider-small-list li a:hover, .pro-slider-small-list li.active a { border-color:#c90}

.pro-intro-tab { margin-bottom:10px; height:31px; padding-left:80px; padding-top:6px; background:#f7efd5}
.pro-intro-tab li { display:inline; float:left; margin-right:15px}
.pro-intro-tab li a { float:left; height:30px; padding:0 20px; line-height:30px; background:#f7efd5; border:1px solid #cfc0ae; border-bottom:none; font-size:14px; color:#c90; text-decoration:none}
.pro-intro-tab li a:hover, .pro-intro-tab li.active a { background:#fff; border-color:#c90}

.pro-intro-content { padding:20px 20px 0 20px; background:url(/images/2011/pro-intro-bg.jpg) repeat-y center top; border:2px dotted #be8880}

.pro-intro-content2 { padding:20px 20px 0 20px; background:url(/images/2011/pro-intro-bg.jpg) repeat-y center top; border:2px dotted #be8880; font-size:14px; line-height:180%;}

.pro-intro .item { position:relative; width:800px; margin-left:auto; margin-right:auto; overflow:hidden; display:none}
.pro-intro .active { display:block}

.pro-intro .item-top { position:absolute; width:618px; left:179px; top:20px; height:209px; border:1px solid #ccc; border-right:none; border-top:none}
.pro-intro .item-top .pic { position:absolute; top:50px; left:50px; width:135px; border:4px solid #fff}
.pro-intro .item-top .pic img { width:135px; height:100px}
.pro-intro .item-top .right { position:absolute; top:59px; left:240px; font-size:14px; font-weight:bold; color:#111}
.pro-intro .item-top .right p { height:24px; line-height:24px; padding:3px 0; overflow:hidden}
.pro-intro .item-top .right .buy { position:absolute; top:29px; left:200px}
.pro-intro .item-top .right .r1 strong { font-size:24px; color:#c90}

.pro-intro .pro-details { width:800px; padding-top:20px}
.pro-intro .pro-details li { position:relative; width:720px; min-height:34px; _height:34px; line-height:34px; padding-left:80px; font-size:14px; border-top:1px solid #ccc}
.pro-intro .pro-details li .label { position:absolute; top:-1px; left:9px; color:#c90}
.pro-intro .pro-details li p { padding:6px 0; line-height:22px}
.pro-intro .pro-details li .qq { margin-left:40px}
.pro-intro .pro-details li .qq img { vertical-align:middle}
.pro-intro .pro-details li.first { border-top:none}
.pro-intro .pro-details li.w100 { width:100px}

.pro-intro .pinzhi { margin-top:40px; padding-bottom:5px; text-align:right}

.pro-page-bottom {}
.pro-page-bottom .pinlun { width:400px; float:left}
.pro-page-bottom .pinlun .title { height:30px}
.pro-page-bottom .pinlun .title .t { float:left; height:20px; line-height:20px; font-size:14px; font-weight:bold; color:#c90; background:#faf5f3; padding:5px 25px}
.pro-page-bottom .pinlun .title .m { float:right; height:14px; line-height:14px; padding-top:8px; color:#c90}
.pro-page-bottom .pinlun .list {}
.pro-page-bottom .pinlun .list li { padding:5px; margin-bottom:8px; border-top:1px solid #ccc; background:#f3f3f3}
.pro-page-bottom .pinlun .list li .t { font-weight:bold; color:#930}
.pro-page-bottom .pinlun .list li .c { margin-top:5px}
.pro-page-bottom .pinlun .form { margin-top:20px}
.pro-page-bottom .pinlun .form .t { margin-bottom:5px; font-size:14px; font-weight:bold; color:#c90}
.pro-page-bottom .pinlun .form p { padding:3px 0}
.pro-page-bottom .pinlun .form .p1 { color:#c90}
.pro-page-bottom .pinlun .form .p1 input { width:150px; height:14px; font:12px/14px Arial; padding:3px; border:1px solid #999}
.pro-page-bottom .pinlun .form .p2 textarea { width:300px; height:100px; padding:3px; font:12px/18px Arial; border:1px solid #999}

.pro-page-bottom .wenti { float:right; width:300px; background:#f0eae7}
.pro-page-bottom .wenti .t { height:20px; line-height:20px; font-size:14px; font-weight:bold; padding:5px 10px}
.pro-page-bottom .wenti .list { padding:0 10px 5px 10px}
.pro-page-bottom .wenti .list li { height:24px; line-height:24px; line-height:26px\9; border-top:1px dotted #999; overflow:hidden}
.pro-page-bottom .wenti .list li a { color:#000; text-decoration:none}


/* guafeng style */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:before, .clearfix:after { content:'\0020';display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after { clear:both;}
.clearfix { zoom:1;}

.guafeng-title { margin-left:20px; height:22px; line-height:22px}
.guafeng-title .title { display:inline; margin-right:20px; font-size:20px; color:#666}

.star { display:inline-block; height:16px; background:url(/images/star.png) repeat-x; vertical-align:middle; overflow:hidden}
.star-1 { width:8px}
.star-2 { width:16px}
.star-3 { width:28px}
.star-4 { width:36px}
.star-5 { width:48px}
.star-6 { width:56px}
.star-7 { width:68px}
.star-8 { width:76px}
.star-9 { width:88px}
.star-10 { width:96px}

.guafeng-top {}
.guafeng-left { display:inline; float:left; width:650px; margin-left:20px}
.guafeng-right { display:inline; float:left; width:250px; margin-left:20px}

.guafeng-top .guafeng-left .in { height:120px; padding:20px; padding-top:40px; border:1px solid #dfe5cf}
.guafeng-top .guafeng-left .in img { display:inline; float:left; margin-top:5px; margin-right:20px; margin-bottom:10px}
.guafeng-top .guafeng-left .in p { font-size:14px; line-height:1.6}

.guafeng-top .guafeng-right .in { height:140px; padding:20px; background:#f6faed; border:1px solid #dfe5cf}
.guafeng-top .guafeng-right .in dt { margin:0 40px 10px 40px; padding-bottom:5px; font-size:16px; color:#fd3e3b; text-align:center; border-bottom:1px solid #e9e9e9}
.guafeng-top .guafeng-right .in dd { margin:0 20px; padding:4px 0; font-size:14px}

.guafeng-catalogue { border:1px solid #e9e9e9; background:#fcfcfc; width:180px; padding:10px 20px}
.guafeng-catalogue dt { margin-bottom:5px; font-size:16px; font-weight:bold; color:#111}
.guafeng-catalogue dd { padding:5px 0; font-size:14px}
.guafeng-catalogue dd a { color:#666; text-decoration:none}
.guafeng-catalogue dd a:hover { text-decoration:underline; color:#705a5b}

.guafeng-left-item { margin-top:20px}
.guafeng-left-item .title { margin-bottom:20px; height:30px; line-height:30px; font-size:14px; font-weight:bold; text-indent:20px; color:#111; background:url(/images/title-bg.png) repeat-x}
.guafeng-left-item .content { font-size:14px; line-height:1.6}

.i-list {}
.i-list li { display:inline; float:left; margin-right:15px; width:137px; text-align:center}
.i-list li .img { margin-bottom:5px; display:block; width:135px; height:100px; border:1px solid #333}
.i-list li a { font-size:12px; color:#555; text-decoration:none}
.i-list li a:hover { text-decoration:underline}

.ii-list { margin-left:109px}
.ii-list li { margin-bottom:15px; width:141px}
.ii-list li .img { margin-bottom:5px; display:block; width:135px; height:100px; padding:2px; border:1px solid #ddd}
.ii-list li .year { margin-bottom:5px}
.ii-list li .title { font-size:14px; color:#c90}

.guafeng-relations {}
.guafeng-relations .title { height:28px; line-height:28px; font-weight:bold; color:#111; text-indent:20px; background:#f5f5f5; border:1px solid #e1e1e1}
.guafeng-relations .list { margin-top:15px; padding:20px; border:1px solid #e1e1e1}
.guafeng-relations .list li { margin-left:10px; list-style:outside disc; padding:5px; border-bottom:1px dotted #9e9e9e}
.guafeng-relations .list li a { color:#333; text-decoration:none}
.guafeng-relations .list li a:hover { text-decoration:underline}
.guafeng-relations .list li .link { margin-top:5px; color:#999}