@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
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a{ color:#a9b2bb; text-decoration:none;}
a:hover{ text-decoration:underline;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{ color:#a9b2bb; background:#232b2e; padding-bottom:15px;}
#Container{}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative; height:157px;}
#multiLanArea{ position:absolute; right:35px; top:22px;}
#multiLanArea .lanLine{ color:#626c6f; padding:0 7px;}
#multiLanArea a{ color:#7199b5; text-decoration:underline;}
#multiLanArea a:hover{ color:#7199b5; text-decoration:none;}
#Logo{top:0; left:0;}
.logoText{ position:absolute; font-size:22px;}
.logoText a{color:#fff; font-family:Verdana; line-height:77px; margin-left:20px;}
.logoText a:hover{ text-decoration:none;}

#Navbar{ position:relative; line-height: 33px; top:77px; left:0px; background:url(images/navbg.jpg) repeat-x; height:80px;}
.scrollNav{ position:absolute; right:13px; top:-3px; width:28px;}
.navleft,.navright{ width:14px; height:54px; cursor:pointer;}
.navleft{float:left; background:url(images/navLeft.gif) no-repeat center;}
.navright{ float:right; background:url(images/navRight.gif) no-repeat center;}

.nav{ background:url(images/Nav_bg.jpg) repeat-x; width:840px; height:46px; padding-left:20px;}
.nav li{float:left; margin-left:4px;}
.nav li a{ width:77px; text-align:center; display:block; text-decoration:none;  line-height:46px; font-size:14px; color:#fff;  font-weight:bold;}
.nav li a:hover,.nav .navhover a{ background:url(images/Nav_hover.jpg) repeat-x bottom; text-decoration:none;}
.nav .liImg{ width:3px;background:url(images/nav_line.jpg) no-repeat; height:46px;}

.submenu{ display:none; position:absolute; top:46px; line-height:34px; white-space:nowrap;}
.submenu .subline{ display:none;}
#Navbar .submenu a{ background:none; width:auto; padding:0 10px; vertical-align:top; line-height:33px; display:inline-block; color:#d3d5d5; font-weight:normal; font-size:12px;}
#Navbar .submenu a:hover{ color:#f28d1e; background:none; text-decoration:underline;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ background:#394249; border-left:1px solid #3d464b; border-bottom:2px solid #3d464b;  border-right:1px solid #3d464b; _border-right:none; overflow:hidden;}
#Banner{ position:relative; margin-bottom:1px;}
#Banner img{ vertical-align:bottom;}
.bannerText{ position:absolute; color:#232b2e; font-weight:bold; font-size:30px; width:420px; left:10px; top:100px; text-align:center;}

#Wrapper{ padding-bottom:32767px; margin-bottom:-32767px;}
#Main{ background:#394249 url(images/main_bg.gif) repeat-y 0 0; border-right:3px solid #3a4348; padding-top:8px;}
.side{ padding-bottom:32767px; margin-bottom:-32767px; background:#2a3436 url(images/side_left.gif) repeat-y 0 0; padding-top:8px; border-top:1px solid #273035;}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ padding:15px 0 5px; line-height:25px; text-align:center; color:#b5b9bc;}
#Footer a{ color:#b5b9bc;}
.footer_links a:hover{ text-decoration:underline;}
.footer_stat img{ margin-left:2px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title{ clear:both; background:url(images/title_bg.jpg) no-repeat left; height:34px; line-height:34px; padding-left:10px; margin-bottom:10px;}
.com_title h2{  font-weight:bold; color:#e6eff2;}
a.more{ display:none;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_title{ margin:0; background:none; font-size:14px;}
.side .com_title h2{color:#a4e50f;}
.side .content{ color:#a2abb2; }
.com_bullet li{padding-left:6px;}
.side .content a{color:#a2abb2; text-decoration:none; font-weight:normal;}
.side .content a:hover{ text-decoration:underline;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{margin-bottom:10px; padding:10px;}
.content img{ vertical-align:middle;}
.content a{ font-weight:bold;}
.content h3{ font-weight:bold; color:#9ada08; line-height:25px;}


.page{ margin:20px 10px; clear:both;}
.page input{ width:17px; height:15px; border:1px solid #5f6062; padding:1px;}
.page a{ color:#A9B2BB; text-decoration:underline; margin-right:10px;}
.page a:hover{ text-decoration:none; font-weight:normal;}
.page .disabled{ color:#6d6d6d; margin-right:10px;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{ margin-bottom:20px;}
.feedback_con{ padding:0 10px;}
.feedback_con table td { height:37px; }
.feedback_con .btn{ background:url(images/btn_bg.jpg) no-repeat; width:77px; font-weight:bold; height:19px; color:#5e830a; border:none; cursor:pointer;}
.feedback_con table input { border:1px solid #8997a2; background:#606c75; width:132px; height:17px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #8997a2; background:#606c75;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{}
.tree{ margin:20px 10px 0 20px; line-height:27px;}
.tree li{ border-bottom:1px solid #394249; zoom:1;background:url(images/treeico_child.gif) no-repeat 9px 10px;}
.tree li.open{}
.tree_parent{ background:url(images/treeico_parent.gif) no-repeat 6px 10px; height:27px; cursor:pointer;  padding-left:20px;}/*伸缩-改动*/
.faq_sidecon .tree_parent{ cursor:default;}/*伸缩-改动*/
.tree .tree_parent a{}/*伸缩-改动*/
.tree li a{ color:#a2abb2; }
.tree li a:hover{ color:#f60; font-weight:bold;}
.tree .open a{ color:#a2abb2; font-weight:bold;}
.tree_sub{ padding-bottom:5px;}
.tree .tree_sub li{ padding-left:20px; line-height:24px; border:none; background:url(images/treeico_child2.gif) no-repeat 28px 10px;}
.tree .tree_sub li a{color:#a2abb2; font-weight:normal; display:inline-block; padding-left:19px;}
.tree .tree_sub li a:hover{ background-position:9px -10px;}
.tree .tree_sub .cur a{ font-weight:bold; color:#a4e50f; background-position:9px -10px;}

.product h3 a{ font-size:14px; font-weight:bold; color:#a4e50f;}
.prdcrumb{ font-family:Simsun; margin:20px 10px; padding-left:12px; background:url(images/treeico_parent.gif) no-repeat left center;}
.prdcrumb strong{ font-weight:bold; color:#fff;}
.product_con_detail{ padding:0 10px 20px 0;}
.product_con_detail .pic{ margin:0 0 20px 10px;}
.product_con_detail .info{ margin-left:10px;}
.product_con_detail .info table{ font-family:Verdana; border:solid #4b5258; border-width:1px 0 0 1px; line-height:18px;}
.product_con_detail .info th{ background:#2a3436; border:solid #4b5258; border-width:0 1px 1px 0; text-align:right; padding:0 10px;}
.product_con_detail .info td{ height:28px; border:solid #4b5258; border-width:0 1px 1px 0; padding:0 10px;}
.prdname td{ font-size:14px; color:#a4e50f; font-weight:bold;}
.prdpromotion td{ font-size:14px; color:#f60; font-weight:bold;}

.page{ background:#2a3436; margin:20px 10px; clear:both; text-align:center; padding:5px 0;}
.page a{  text-decoration:underline; margin-right:10px;}
.page a:hover{ color:#f60;}
.page .disabled{ color:#6d6d6d; margin-right:10px;}
.page select{ color:#f60; font-size:12px;}


/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon{}
.faq_con h3{ margin:35px 10px 0; padding-left:20px; background:url(images/faqico.gif) no-repeat left center; font-size:14px; color:#a4e50f; line-height:25px;}
.faq_con p{ margin:0 10px 0 30px; line-height:25px;}