@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:#555B62;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{ color:#555B62; background:#f8f7f2;}
#Container{ width:860px;}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative; margin:0 auto; height:117px; background:#fff url(images/nav_bg.jpg) no-repeat bottom; width:860px;}
#multiLanArea{ position:absolute; right:15px; top:10px;}
#multiLanArea .lanLine{ color:#f6e8c3; padding:0 7px;}
#multiLanArea a{ color:#e29e0a; text-decoration:underline;}
#multiLanArea a:hover{ color:#e29e0a; text-decoration:none;}
#Logo{ top:0;}
.logoText{font-size:24px; position:absolute; left:25px;}
.logoText a{ color:#55544D; line-height:61px; text-decoration:none;font-family:Verdana;}

#Navbar{ width:550px; left:240px; top:38px; }
.scrollNav{ position:absolute; right:-40px; top:3px; width:26px;}
.navleft,.navright{ width:12px; height:35px; 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 li{ float:left;}
.nav li a{ float:left; color:#fff; width:64px; height:40px; line-height:31px; padding-top:4px; display:block; text-decoration:none; text-align:center; }
.nav .navhover a{ background:url(images/nav_cur.gif) no-repeat bottom;}
.nav .liImg{ background:url(images/nav-sepline.jpg) no-repeat center; width:5px; height:38px;}

.submenu,.submenu div,.submenu div div{ height:39px;}
.submenu{ position:absolute; top:35px; display:none; float:left;}
.submenu div div{ white-space:nowrap;}
.submenu .subline{ display:none;}
#Navbar .submenu a{ float:none; display:inline-block; line-height:38px; font-size:12px; color:#46433c; font-weight:normal;}
#Navbar .submenu a:hover{ text-decoration:underline;}
#Navbar .submenu a:hover,#Navbar .navhover .submenu a{ background:none;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ width:860px; margin:0 auto; background:url(images/center_bg.jpg) repeat-x 0 0; padding-top:11px;}
#Banner{ width:860px; cursor:pointer; text-align:center; position:relative; margin-bottom:16px;}
.bannerText{ position:absolute; left:50px; top:60px;  color:#fff; font-weight:bold; font-size:35px; text-align:center;}

#Main{}
.side{}
.side{}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ background:#8d8a81 url(images/bottom_bg.jpg) no-repeat; height:67px; padding-top:6px; margin-top:10px; color:#f3f0e7; text-align:center; line-height:22px;}
#Footer a{ color:#f3f0e7; text-decoration:none;}
.footer_links a:hover{ text-decoration:underline;}
.footer_stat{line-height:22px;}
.footer_stat img{ margin-right:2px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title,.com_title_in,.com_title_inner{ background:url(images/m_title_bg.gif) no-repeat; height:27px;}
.com_title{ clear:both; padding-left:11px; margin-bottom:10px; position:relative;}
.com_title_in{ padding-right:11px; background-position:right -56px;}
.com_title_inner{ background-position:0 -28px; background-repeat:repeat-x;}
.com_title h2{ background:url(images/m_title_icon.gif) no-repeat; text-indent:21px; color:#df9029; font-weight:bold; font-size:14px; line-height:22px;}
a.more{ display:none; text-indent:-9999px; position:absolute; top:5px; right:9px; background:url(images/more.gif) no-repeat right 1px; padding-right:10px; overflow:hidden; line-height:12px; color:#494337;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_bullet li{ font-weight:normal; line-height:22px;}
.side .content a{ text-decoration:none; color:#555b62; font-weight:normal;}
.side .content a:hover{ text-decoration:underline; color:#555b62; }

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{ padding:10px;  margin-bottom:20px;}
.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; margin-top:-10px;}
.feedback_con{ padding:10px;}
.feedback_con table td { height:37px; }
.feedback_con .btn{ background:url(images/btn.gif) no-repeat; width:62px; height:20px; font-size:12px; color:#fff; border:0; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #757575; width:132px; height:16px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px; border:1px solid #757575;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{ }
.tree{ padding:10px; line-height:27px;}
.tree li{border-bottom:1px solid #e5e5e5; zoom:1;}
.tree li.open{}
.tree li a{color:#333;}
.tree_parent{ background:url(images/treeico_parent.gif) no-repeat 6px 10px; padding-left:18px; height:27px; cursor:pointer; }
.tree .tree_parent a{}
.faq_sidecon .tree_parent{ cursor:default;}
.tree li a:hover{ text-decoration:underline;font-weight:bold;  color:#df9029;}
.tree .open a{color:#333; font-weight:bold;}
.tree_sub{padding-bottom:5px;}
.tree .tree_sub li{ padding-left:20px; line-height:24px; border:none;}
.tree .tree_sub li a{color:#333; font-weight:normal; background:url(images/treeico_child.gif) no-repeat 9px -18px; padding-left:19px; display:inline-block;}
.tree .tree_sub li a:hover{ color:#df9029; background-position:9px 12px;}
.tree .tree_sub .cur a{ font-weight:bold; color:#df9029; background-position:9px 12px;}

.product_con1 .info h3,.product_con2 .info h3{ color:#333;}
.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:#f8f6e7; 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{ background:#e5e5e5; margin:20px 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; font-size:12px;}


/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon li a{}
.faq_con h3{ margin:35px 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{ margin:0 10px 0 30px; line-height:25px;}
.faq .page{ background:none;}
.faq .page select{ color:#000;}