@charset "utf-8";
/*
描述: Cavan主题样式表第十四套
作者: linli
修改: guwj@35.cn
版本: 0.1

[目录表]

0- common
1- Container
2- Header
3- Body
4- Footer
5- main
6- sidebar
7- content
8- feedback
9- product
10- faq
*/

/* =0 common
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
table,textarea,select,input{ font-size:12px;}
a{color:#8a8a8a; text-decoration:none;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{color:#8a8a8a; background:#090909 url(images/body_bg.jpg) repeat-x;}
#Container{ width:870px; }

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{ width:870px; margin:0 auto; height:165px; position:relative; z-index:100;}
#multiLanArea{ position:absolute; right:15px; top:20px;}
#multiLanArea .lanLine{ color:#616161; padding:0 7px;}
#multiLanArea a{ color:#888888; text-decoration:underline;  font-weight:bold;}
#multiLanArea a:hover{ color:#D08E14; text-decoration:none;}
#Logo{ position:relative; height:110px;}
.logoText { position:absolute; font-size:24px; top:50px; left:110px;}
.logoText a{ color:#a6a6a6; text-decoration:none; font-family:Verdana;}
#Logo img{ position:absolute; top:30px; left:38px;}

#Navbar{  position:relative; top:0; left:0; background: url(images/nav_bg.jpg) no-repeat; border-top: 1px solid #010101; height:55px; z-index:101;}
.scrollNav{ position:absolute; right:11px; top:10px; width:27px; height:29px; padding:0 10px; background: url(images/scrollNav.jpg) no-repeat;}
.navleft,.navright{ width:12px; height:13px; margin-top:10px; cursor:pointer;}
.navleft{ float:left; background:url(images/navLeft.jpg) no-repeat right 0; width:10px; height:29px; margin-top:0;}
.navright{ float:right; background:url(images/navRight.jpg) no-repeat left 0; width:10px; height:29px; margin-top:0;}

.nav{ position:absolute; z-index:102; margin:9px 11px 0;}
.nav li{ float:left;}
.nav li a{ display:block; width:100px; height:32px; line-height:31px; font-size:12px; color: #fff; text-decoration:none; text-align:center; background:url(images/nav_a_bg.jpg) no-repeat;}
.nav li a:hover,.nav .navhover a{ background: url(images/nav_ahover_bg.jpg) no-repeat; color:#f9dfc5; font-weight:bold; text-decoration:none;}
.nav .liImg{ width:0px; overflow:hidden; margin-left:0px;}

.submenu{ position:absolute; display:none; top:32px; padding-bottom:5px; z-index:5;}
.submenu div div{}
.submenu .subline{ display:none; width:0; overflow:hidden;}
#Navbar .submenu a{ display:block; white-space:nowrap; line-height:30px; color:#955c43; font-weight:normal;}
#Navbar .navhover .submenu a{ background:#f4e8d1 url(images/submenu_a_bg.gif) no-repeat 10px 11px; font-size:12px; opacity:0.8; filter:alpha(opacity=80);}
#Navbar .navhover .submenu a:hover{ font-weight:bold;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ z-index:1; margin:0 auto; overflow:hidden;}

#Banner{ position:relative; z-index:2; height:351px; overflow:hidden; background: url(images/banner_bg.jpg) no-repeat; margin-bottom:8px;}
#Banner img{ margin-left:11px;}
.bannerText { position:absolute; color:#7d7d7d; font-weight:bold; font-size:26px; right:30px; top:20px;}

#Wrapper{ float:left; overflow:hidden; width:100%;}
#Main{ margin:0 210px; overflow:hidden;}
#SideBar{ float:left; margin-left:-870px;}
#Sub,#Extra{ width:199px;}
/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ position:relative; width:870px; height:60px; overflow:hidden; padding-top:8px; margin:10px auto; background:#090909 url(images/foot.gif) repeat-x; color: #939393; text-align:center; line-height:22px; }
#Footer a{ color:#939393; text-decoration:none; }
.footer_links a:hover{ text-decoration:underline;}
.footer_authentication, .footer_stat, .footer_records {display:inline; margin-right:15px;}
.footer_stat img{ margin-right:2px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .com_title{ height:28px; overflow:hidden; background: url(images/content_title_bg.gif) repeat-x; margin-bottom:2px;}
#Main .com_title h2{ float:left; background:url(images/content_title.jpg) no-repeat; color:#B9B9B9; font-weight:bold; height:28px; overflow:hidden; line-height:28px; padding-left:40px;}
.main_row_span1{ margin-bottom:10px;}
.main_row_span1 .content{ background:#1f1f1f; padding:12px 10px; border:2px solid #2e2e2e;}
.main_row_span1 .com_image_title_text1{ background:#1f1f1f; padding:12px 10px; border:none;}
a.more{ display:none; position:absolute; top:12px; right:0; background:url(images/more.gif) no-repeat; width:29px; height:9px; overflow:hidden; text-indent:-9999px;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_title{ height:30px; overflow:hidden; background: url(images/side_title_bg.jpg) no-repeat;}
.side .com_title_in{}
.side .com_title h2{ height:30px; line-height:30px; padding-left:26px; overflow:hidden; font-weight:bold; font-size:12px; color:#b9b9b9;}
.side .content{ padding:1px 2px; border-left:2px solid #1d1d1d; border-right:2px solid #1d1d1d; border-bottom:2px solid #161616; margin-bottom:10px; }
.side .content ul{background:#090909 url(images/side_content_bg.gif) repeat-x; list-style-position:outside; padding:6px 0;}
.com_bullet li{ padding-left:20px; background: url(images/side_li_icon.gif) no-repeat 10px 10px;}
.side .content a{ line-height:22px; text-decoration:none; font-weight:normal;}
.side .content a:hover{ text-decoration:underline;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.content img{ vertical-align:middle; border:3px solid #343434;}
.content h3{font-size:12px; font-weight:bold;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{ margin-bottom:20px;}
.feedback_con{ padding:10px;}
.feedback_con table td { height:35px; }
.feedback_con .btn{ background:url(images/btn.jpg) no-repeat; width:63px; height:20px; font-size:12px; border:0px; color:#fff; cursor:pointer;}
.feedback_con table input { padding:1px; border:none; width:132px; height:16px; background:#474747; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:none; background:#474747; }


/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{border-bottom:2px solid #161616; border-left:2px solid #1D1D1D; border-right:2px solid #1D1D1D; margin-bottom:10px;
padding:1px 2px;}
.tree{ line-height:27px; background:#090909 url(images/side_content_bg.gif) repeat-x scroll 0 0; padding:6px 0;}
.tree li{ zoom:1;}
.tree li.open{}
.tree_parent{ padding-left:33px; background:url(images/tree_close.gif) no-repeat 12px 8px; height:27px; cursor:pointer;}
.faq_sidecon .tree_parent{ cursor:default;}/*伸缩-改动*/
.tree li a:hover{}
.tree .open .tree_parent{ font-weight:bold; background:url(images/tree_open.gif) no-repeat 12px 8px;}
.tree li a{ text-decoration:none;}
.tree li a:hover{ font-weight:bold;}
.tree .open a{ font-weight:bold;}
.tree_sub{ padding-bottom:5px; padding-left:25px;}
.tree .tree_sub li{ padding-left:13px; line-height:24px; background:url(images/tree_sub.gif) no-repeat 3px 11px;}
.tree .tree_sub li a{ font-weight:normal;}
.tree .tree_sub li a:hover{ font-weight:bold;}
.tree .tree_sub .cur a{ font-weight:bold;}

.product_con1,.product_con2,.product_con_detail{background:#1f1f1f; padding:12px 10px; border:2px solid #2e2e2e;}
.prdcrumb{ font-family:Simsun; margin:20px 10px;}
.prdcrumb strong{ font-weight:bold;}
.product_con_detail{ padding:0 10px;}
.product_con_detail .pic{ margin:0 0 20px 10px;}
.product_con_detail .info{ margin-left:10px;}
.product_con_detail .info table{ margin-bottom:10px; font-family:Verdana; line-height:18px;}
.product_con_detail .info th{ background:#090909; border:solid #1f1f1f; border-width:0 1px 1px 0; text-align:right; padding:0 10px;}
.product_con_detail .info td{ background:#373737; height:28px; border:solid #1f1f1f; border-width:0 1px 1px 0; padding:0 10px;}
.prdname td{ font-size:14px; font-weight:bold;}
.prdpromotion td{ font-size:14px; color:#f6ad27; font-weight:bold;}

.page{ margin:10px 10px; clear:both; text-align:center; padding:5px 0;}
.page a{ color:#555; text-decoration:underline; margin-right:10px;}
.page a:hover{ color:#f60;}
.page .disabled{ color:#6d6d6d; margin-right:10px;}
.page select{ color:#f60;}

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon{border-bottom:2px solid #161616; border-left:2px solid #1D1D1D; border-right:2px solid #1D1D1D; margin-bottom:10px;
padding:1px 2px;}
.faq_con{background:#1f1f1f; padding:12px 10px; border:2px solid #2e2e2e;}
.faq_con h3{ margin:15px 10px 0; padding-left:20px; background:url(images/faqico.gif) no-repeat left center; font-size:14px; line-height:25px; font-weight:bold;}
.faq_con p{ margin:0 10px 0 30px; line-height:25px;}