@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- product detail
11- faq
*/

/* =0 common
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
table,textarea,select,input{ font-size:12px;}
a{ color:#000;}

.discUL{ padding:0px; margin:0px;}
.discUL li{ list-style-type:none; list-style-position:outside; background:url(images/list-ico.gif) no-repeat 0px 7px; padding-left:10px;}
.side, .side .content, .com_bullet a{ color:#000; }
.com_bullet a{ text-decoration:none;}
.com_bullet a:hover{ text-decoration:underline;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{ color:#fff; background:#fff url(images/bg.jpg) repeat-x 0 0;}
#Container{ width:100%; background:url(images/cnt-bg.jpg) no-repeat center top; }

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative; margin:0 auto; height:110px; width:960px; z-index:10;}
#multiLanArea{ position:absolute; right:10px; top:19px;}
#multiLanArea .lanLine{ color:#d1d1d1; padding:0 7px;}
#multiLanArea a{ color:#666; text-decoration:underline;}
#multiLanArea a:hover{ color:#f86f00; text-decoration:none;}		
#Logo{top:0px; left:0px;}
.logoText{font-size:24px; position:absolute; left:75px; top:25px;}
.logoText a{color:#c20800; text-decoration:none;font-family:Verdana;}

#Navbar{ background:url(images/nav-bg.jpg) no-repeat; top:72px; height:31px; padding-bottom:5px; width:960px;}
#Navbar,.nav{ }
.nav{ padding-left:20px;}
.scrollNav{ position:absolute; right:15px; top:0px; width:32px;}
.navleft,.navright{ width:12px; height:32px; cursor:pointer;}
.navleft{float:left; background:url(images/scoll-left.gif) no-repeat right center;}
.navright{ float:right; background:url(images/scoll-right.gif) no-repeat left center;}


.nav li{ float:left; list-style-type:none; line-height:31px;}
.nav li a{ float:left; width:90px; overflow:hidden; line-height:31px; height:33px; font-weight:bold; font-size:12px; color:#fff; text-decoration:none; text-align:center;}
.nav .liImg{ background:url(images/space-line.jpg) no-repeat top; width:2px; height:32px;}
.nav li a:hover,.nav .navhover a{ background:url(images/nav-cur.jpg) no-repeat top; color:#fff; font-weight:bold;}

.submenu{ position:absolute; top:32px; display:none; z-index:100; height:25px; overflow:hidden;}
.submenu,.submenu div,.submenu div div{ background:url(images/sub-menu.jpg) 0 -25px repeat-x; height:25px; float:left;}
.submenu div{ background-position:right -50px; background-repeat:no-repeat; padding-right:10px;}
.submenu div div{ background-position:0 0; background-repeat:no-repeat; padding-left:10px;  white-space:nowrap;}
.submenu .subline{ display:inline-block; width:1px; background:url(images/submenu-line.gif) no-repeat 0 center; height:25px;}
#Navbar .submenu a{ width:auto; float:none; background:none; display:inline-block; padding:0px 5px; height:25px; line-height:25px; *line-height:20px; font-size:12px; color:#5e5e5e; font-weight:normal; font-family:Arial,Helvetica,sans-serif;}
#Navbar .submenu a:hover{ text-decoration:underline;}


/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{width:940px;margin:0 auto; padding:0px 10px;}
#Banner{ width:962px; cursor:pointer; text-align:center; position:relative; margin-left:-10px; margin-right:-10px; margin-bottom:15px;}
.bannerText{ position:absolute; left:243px; top:93px; color:#000; font-size:26px; font-family:Microsoft Yahei; font-weight:bold;}

#SideBar{ margin-left:-940px;}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ background:url(images/footer.jpg) repeat-x 0; padding:24px 20px 25px 20px; color:#000; margin-top:2px; line-height:22px; text-align:center}
#Footer a{ color:#000; text-decoration:none;}
.footer_links a:hover{ text-decoration:underline;}
.footer_stat{}
.footer_stat img{ margin-right:2px;}
.footer_authentication, .footer_stat, .footer_records{ display:inline; padding:0 6px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title, .com_title_in, .com_title_inner{ background:url(images/m_title_bg.gif) repeat-x 0 -28px; height:28px;}
.com_title{ clear:both; margin-bottom:5px;}
.com_title_in{ background-position:right -56px; background-repeat:no-repeat; padding-right:13px; }
.com_title_inner{ background-position:0 0; background-repeat:no-repeat; padding-left:13px;}
.com_title h2{ position:absolute; left:20px; z-index:100; color:#000; font-weight:bold; font-size:14px; padding:8px 0 0 7px;}
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; display:block;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*.com_bullet li,.faq_sidecon .tree li{ list-style-type:none; list-style-position:outside; background:url(images/list-ico.jpg) no-repeat 0px 10px; color:#045386; line-height:24px; padding-left:12px;}
.com_bullet a{ color:#045386; text-decoration:none;}
.com_bullet a:hover{ font-weight:bold;}
*/
/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold;}
.content{ padding:10px; color:#000; }

.page{ margin:20px 0; text-align:center; clear:both; color:#6e6e6e;}
.page input{ width:17px; height:15px; border:1px solid #631b02; background:#eee2bc; padding:1px;}
.page a{ color:#6e6e6e; text-decoration:underline; margin-right:10px;}
.page a:hover{ color:#008e75;}
.page .disabled{ margin-right:10px;}

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

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{ background:#FFF; border:none; padding:10px 10px 10px 20px;}
.tree{ line-height:24px;}
.tree li{display:block;  line-height:27px;}
.tree li.open{}
.tree li a{ color:#6e6e6e; text-decoration:none;}
.tree_parent{ background:url(images/tree-plus.gif) no-repeat 1px 8px; height:27px; cursor:pointer; padding-left:15px;}
.tree li.open .tree_parent{background: url(images/tree-minus.gif) no-repeat 1px 8px;}
.faq_sidecon .tree_parent{ cursor:default;}
.tree li a:hover{ text-decoration:underline;font-weight:bold;}
.tree .open a{font-weight:bold;}
.tree_sub{}
.tree .tree_sub li{ background:url(images/list-ico.gif) no-repeat 22px 10px; padding-left:32px;}
.tree .tree_sub li a{color:#000; font-weight:normal; display:inline-block;}
.tree .tree_sub .cur a{color:#000;font-weight:bold;}


.prdcrumb{ padding:0 7px 10px; color:#000;}
.prdcrumb strong{ color:#000; font-weight:bold;}
.prdcrumb a{ color:#6e6e6e; text-decoration:none;}
.prdcrumb a:hover{ text-decoration:underline;}
.product_con1,.product_con2{ padding:10px 0;}
.prd_cell{ margin-top:5px; overflow:hidden;}
.prd_cell .pic a{ display:inline-block; }
.prd_cell .info{ line-height:18px; padding-top:5px;}
.prd_cell .info p{ line-height:15px; padding-top:5px; color:#000;}
.product h3 a{ color:#000; font-weight:bold; text-decoration:none;}

/* =10 product detail
--------------------------------------------------------------------*/
.product_con_detail{ padding:15px 10px;}
.product_con_detail .info{ margin:5px 0 0 10px; line-height:18px;}
.product_con_detail .pic{ margin:0 0 20px 10px;}
.product_con_detail .info table{ font-family:Verdana; border:solid #ffffff; border-width:1px 0 0 1px; line-height:18px; color:#000;}
.product_con_detail .info th{ background:none; border:solid #ffffff; border-width:0 1px 1px 0; text-align:right; padding:0 10px;}
.product_con_detail .info td{ height:28px; border:solid #ffffff; background:none; border-width:0 1px 1px 0; padding:0 10px;}
.prdname td{ font-size:14px; font-weight:bold;}
.prdpromotion td{ font-size:14px; color:#f60; font-weight:bold;}

/* =11 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon{ padding:10px 10px 10px 20px; }
.faq_con{ padding:2px 25px 15px; line-height:22px;}
.faq_con h3{ background:url(images/side_h2.gif) no-repeat 0 15px; padding:6px 0 0 20px; margin:4px 0 0; line-height:25px; color:#000; font-weight:bold;}
.faq_con p{ padding-left:20px; color:#000;}