@charset "utf-8";
/*
描述: Cavan主题样式表第二套
作者: linli
版本: 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:#707070; text-decoration:none;}
a:hover{ text-decoration:underline;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{color:#707070; background:url(images/bodyBg.jpg) repeat-x #fff; padding-bottom:31px;}
#Container{}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative; height:189px; background:url(images/top_main_bg.jpg) no-repeat;}
#multiLanArea{ position:absolute; right:15px; top:13px;}
#multiLanArea .lanLine{ color:#c1c6d1; padding:0 7px;}
#multiLanArea a{ color:#5f6062; text-decoration:underline;}
#multiLanArea a:hover{ color:#5f6062; text-decoration:none;}
#Logo{top:10px; left:10px;}
.logoText{ position:absolute; top:52px; font-size:22px; width:179px; text-align:center;}
.logoText a{color:#242424; font-family:Verdana;}
.logoText a:hover{ text-decoration:none;}

#Navbar{line-height: 33px; top:100px; left:0px; width:860px; background:url(images/navbg.jpg) repeat-x; height:64px;}
.scrollNav{ position:absolute; right:10px; top:0; width:24px;}
.navleft,.navright{ width:12px; 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{ width:800px;}
.nav li{float:left; line-height:54px; background:url(images/nav_li_bg.gif) repeat-x;}
.nav li a{width:80px; display:block; color:#5f6062; text-decoration:none; text-align:center; line-height:54px; font-weight:bold;}
.nav li a:hover { color:#f28d1e;}
.nav .liImg{ margin-left:1px; width:20px; height:54px; background:url(images/navLine.jpg) no-repeat center;}
.nav .navhover{}

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

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ margin-bottom:10px;}
#Banner{position:relative;margin-bottom:8px;}
.bannerText{position:absolute; color:#000; font-size:30px; font-weight:bold; width:420px; margin-left:360px; margin-top:100px;text-align:center;}


/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ background:#dce5ea; color:#5c6f7c; margin:auto; padding:12px; line-height:25px; text-align:center;}
#Footer a{ color:#5c6f7c;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title{ clear:both; border-bottom:1px solid #dfdfe0; height:31px;}
.com_title h2{ font-weight:bold; line-height:31px; color:#5f6062;}
a.more{ display:none;}


/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_title{background:url(images/siderBar_titleBg.gif) no-repeat; font-weight:bold; height:22px; padding-left:7px; margin:0; border:0;}
.side .com_title h2{ line-height:22px; color:#fff;}
.side .content{background:url(images/siderBar_bg.jpg) repeat-y; color:#5c6f7c; }
.side .content li{padding-left:6px;}
.side .content a{color:#5c6f7c; text-decoration:none; font-weight:normal;}
.side .content a:hover{ text-decoration:underline;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{  padding:10px;}
.content img{ vertical-align:middle;}
.content a{ font-weight:bold;}
.content h3{font-size:12px; font-weight:bold;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{ margin-bottom:20px;}
.feedback_con{ padding:0 10px;}
.feedback_con table td { height:37px; }
.feedback_con .btn{ background:url(images/messageboard_btn_bg.gif) no-repeat; width:76px; height:24px; font-size:12px; color:#fff; border:none; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #757575; background:#fff; width:132px; height:15px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #757575; background:#fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{ background:#fff url(images/siderBar_bg.jpg) repeat-y 0 0; color:#5c6f7c; padding:20px 10px 20px 20px; zoom:1;}
.tree{ line-height:27px;}
.tree li{ background:url(images/product_line.gif) repeat-x 0 bottom; zoom:1;}
.tree li.open{}
.tree_parent{ background:url(images/treeico_parent.gif) no-repeat 6px 10px; height:27px; cursor:pointer; padding-left:14px; }/*伸缩-改动*/
.faq_sidecon .tree_parent{ cursor:default;}/*伸缩-改动*/
.tree .tree_parent a{ }/*伸缩-改动*/
.tree li a{ color:#333; }
.tree li a:hover{ color:#f28d1e; font-weight:bold;}
.tree .open a{ color:#333; font-weight:bold;}
.tree_sub{ padding-bottom:5px;}
.tree .tree_sub li{ background:none; padding-left:20px; line-height:24px; border:none;}
.tree .tree_sub li a{ color:#2a67a5; font-weight:normal; background:url(images/treeico_child.gif) no-repeat 9px 10px; display:inline-block; padding-left:19px;}
.tree .tree_sub li a:hover{ color:#f28d1e; background-position:9px -10px;}
.tree .tree_sub .cur a{ font-weight:bold; color:#f28d1e; background-position:9px -10px;}
.product h3 a{ font-size:14px; font-weight:bold; color:#000;}
.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:#000;}
.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{ font-family:Verdana; border:solid #eaeaea; border-width:1px 0 0 1px; line-height:18px;}
.product_con_detail .info th{ background:#f6f6f6; border:solid #eaeaea; border-width:0 1px 1px 0; text-align:right; padding:0 10px;}
.product_con_detail .info td{ height:28px; border:solid #eaeaea; border-width:0 1px 1px 0; padding:0 10px;}
.prdname td{ font-size:14px; color:#333; font-weight:bold;}
.prdpromotion td{ font-size:14px; color:#f60; font-weight:bold;}

.page{ margin:20px 10px; clear:both; text-align:center; border-top:1px solid #dfdfe0; padding:20px 0 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{background:url(images/siderBar_bg.jpg) repeat-y; color:#5c6f7c; line-height:20px; padding:20px 10px 20px 20px;}
.faq_con h3{ margin:20px 10px 0; padding-left:20px; background:url(images/faqico.gif) no-repeat left center; font-size:14px; color:#a64a00; line-height:25px;}
.faq_con p{ padding:0 0 0 20px; margin:0 10px; line-height:25px; background:url(images/product_line.gif) repeat-x bottom;}