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


.discUL{list-style-position:outside; list-style:none;}
.discUL li{ color:#fff; height:21px;  background:url(images/list_bg.gif) no-repeat 16px 6px; padding-left:30px;}
.discUL li a{color:#fff; display:block; height:21px;}
.side, .side .content, .com_bullet a{ color:#333;}
.com_bullet a:hover{ font-weight:bold;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{color:#effed2; background: url(images/body_bg.gif) repeat-x 0 bottom;}
#Container{ width:1000px; margin:0 auto;}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{ position:relative; height:88px; background:url(images/header-bg.jpg) repeat-x top; z-index:1;}
#multiLanArea{ position:absolute; right:16px; top:10px; background:none;}
#multiLanArea .lanLine{ color:#8c8f24; padding:0 7px;}
#multiLanArea a{ color:#8c8f24; text-decoration:none;}
#multiLanArea a:hover{ color:#fff; text-decoration:none;}
#Logo{ top:0px; left:0px;}
.logoText { position:absolute; top:37px; font-size:24px; left:22px;}
.logoText a{color:#FFF;text-decoration:none;font-family:Arial;}

#Navbar{ top:0px; right:70px; width:700px; height:70px;}
.scrollNav{ position:absolute; right:-25px; top:28px; width:54px;}
.navleft,.navright{ width:27px; height:25px; cursor:pointer;}
.navleft{float:left; background:url(images/nav_left.gif) no-repeat center;}
.navright{ float:right; background:url(images/nav_right.gif) no-repeat center;}

.nav .liImg {
background:none;
width:1px;
}

.nav{ }
.nav li{ float:left; display:inline; width:92px; height:70px;line-height:32px;  margin-left:-8px;}
.nav li a{ text-align:center; display:block; background:url(images/nav_bg.gif) no-repeat top;  height:70px; line-height:78px;  color:#FFF; text-decoration:none; }
.nav .navhover{ background:url(images/nav_cur.gif) no-repeat; }
.nav li a:hover,.nav .navhover a{ color:#fff; text-decoration:none; background:url(images/nav_cur.gif) no-repeat top;}


.submenu{ position:absolute; background:url(images/submenu_bg.gif) repeat-x 0px -18px; line-height:18px; height:18px; top:70px; display:none; white-space:nowrap; overflow:hidden;}

#Navbar .submenu a{ width:auto;  display:inline-block; padding:0 10px; height:18px; line-height:18px; color:#fff; vertical-align:top; font-weight:normal; background:none;}
#Navbar .submenu a:hover{ font-weight:bold;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ padding-bottom:30px; background:#233819 url(images/body_bg.jpg) no-repeat bottom; }
#Banner{position:relative; width:1000px; overflow:hidden; height:318px;}
.bannerText{position:absolute; left:140px; top:30px; color:#a7a81c; font-size:20px; font-family:"微软雅黑";}
#Main{ margin:0 220px;}
#Main .product, #Main .faq {background:#4D6D30;}
#SideBar{ margin-left:-1000px;}
#Extra,#Sub{ width:220px;}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{position:relative; background:#304a1c url(images/footer_bg.jpg) no-repeat center bottom; color:#a8c56a; height:80px; padding-top:9px; line-height:20px; text-align:center;}
#Footer a{ color:#a8c56a;}
.footer_authentication,.footer_stat,.footer_records{ display:inline; margin-right:15px;}
.footer_stat img{ border-right:1px solid #fff;}
/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title{background: url(images/com_title_bg.gif) repeat-x; height:45px;}
.com_title h2{ height:29px; background: url(images/com_h2_bg.jpg) no-repeat; font-weight:bold; color:#fff; font-size:13px; padding-left:26px; padding-top:16px; line-height:29px;}
a.more{display:none;}


/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_bullet{}
.side .com_title{ background: url(images/side_title_bg.jpg) repeat-x; height:53px;}
.side .com_title h2{ padding-top:21px; height:32px; background: url(images/side_h2_bg.jpg) no-repeat; font-weight:bold; color:#fff; padding-left:26px; line-height:32px; font-size:13px;}
.side .content{ padding-bottom:13px; background:#2f4b23; padding:10px;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.main_cell{background: url(images/content_bg.gif) repeat-x 0 29px;}
.content{ padding:10px 20px; background:#4d6d30;}
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold;}

.page{ margin:20px 0; clear:both; padding:16px 0; text-align:center;}
.page input{ width:17px; height:15px; border:1px solid #984c63; padding:1px; color:#e04170;}
.page a{ text-decoration:underline; margin-right:10px;}
.page a:hover{ font-weight:normal;}
.page .disabled{ margin-right:10px;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{}
.feedback_con table td { height:20px; padding:3px 0; vertical-align:top;}
.feedback_con .btn{ background:url(images/btn.png) no-repeat center; width:78px; height:27px; font-size:12px; color:#fff; border:0; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #eee; background:#ecffcc; width:132px; height:16px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #eee; background:#ecffcc;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon, .faq_sidecon{ padding:10px 0 19px 15px; background:#2F4B23;}
.tree{ line-height:27px;}
.tree li{ }
.tree li.open{}
.tree_parent{ background:url(images/tree-plus.gif) no-repeat 0 7px; cursor:pointer; height:27px; padding-left:23px; }
.tree li.open .tree_parent{ background: url(images/tree-minus.gif) no-repeat 0 7px;}
.faq_sidecon .tree_parent{ cursor:default;}
.tree li a{ text-decoration:none;}
.tree li a:hover{ text-decoration:underline;}
.tree .open a{ font-weight:bold;}
.tree_sub{ padding-left:25px; padding-bottom:5px; }
.tree .tree_sub li{  border:0; background:url(images/side_li_icon.gif) no-repeat 2px 10px;}
.tree .tree_sub li a{ font-weight:normal; padding-left:15px; }
.tree .tree_sub .cur a{ font-weight:bold; color:#fff;}

#Main .product h3 a{ color:#fff; font-size:12px; font-weight:bold;}
.prdcrumb{ padding:6px; padding-left:27px; background:url(images/prd_subico.gif) no-repeat 11px 8px; font-family:Simsun; margin:10px 0;}
.prdcrumb strong{ color:#fff; font-weight:bold;}

.product_con_detail{ color:#999;}
.product_con_detail .pic{ margin:0 0 10px 30px;}
.product_con_detail .info{ margin:0 0 0 30px; padding-bottom:20px;}
.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; padding-left:5px; color:#999;}
.product_con_detail .info td{ background:#fff; height:28px; border:solid #eaeaea; border-width:0 1px 1px 0; padding:0 5px;}
.prdname td{ font-weight:bold; font-size:14px;}
.prdpromotion td{ color:#f3561e; font-weight:bold; font-size:14px;}

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon .tree{}
.faq_con{ padding:16px 0 0 30px; line-height:20px;}
.faq_con h3{ color:#FFF; font-weight:bold; background:url(images/prd_subico.gif) no-repeat 0 6px; padding-left:17px;}
.faq_con p{ padding-left:17px; margin-bottom:12px;}