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

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{ color:#555B62; background:#fff url(images/top_bg.jpg) repeat-x;}
#Container{ width:957px;}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative; margin:0 auto; height:107px; background:url(images/top_bottombg.jpg) no-repeat bottom;}
#multiLanArea{ position:absolute; right:15px; top:10px;}
#multiLanArea .lanLine{ color:#dbdbdb; padding:0 7px;}
#multiLanArea a{ color:#ce0f0f; text-decoration:underline;}
#multiLanArea a:hover{ color:#ce0f0f; text-decoration:none;}
#Logo{ top:0; left:0;}
#Logo img{}
.logoText{font-size:20px; position:absolute; top:20px; left:100px;}
.logoText a{ color:#959595; text-decoration:none; font-family:Verdana;}

#Navbar{ position:absolute; top:43px; left:230px; width:720px;}
.scrollNav{ position:absolute; top:3px; right:0; width:30px;}
.navleft,.navright{ width:12px; height:17px; margin-left:2px; 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{ position:absolute; right:30px; }
.nav li{ float:left; line-height:25px;}
.nav li a{ float:left; width:85px; text-align:center; color:#777; text-decoration:none; line-height:25px;}
.nav li a:hover,.nav .navhover a{ background:url(images/nav_bg.jpg) no-repeat; color:#fff;}
.nav .liImg{ display:none;}

.submenu,.submenu div,.submenu div div{}
.submenu{ position:absolute; top:25px; display:none;}
.submenu div div{ white-space:nowrap; line-height:30px;}
.submenu .subline{ display:none;}
#Navbar .submenu a{ float:none; width:auto; padding:0 10px; display:inline-block; font-size:12px; color:#fff; font-weight:normal;}
#Navbar .submenu a:hover{ text-decoration:underline;}
#Navbar .submenu a:hover,#Navbar .navhover .submenu a{ background:none;}

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

#Main{ padding-left:10px;}
#SideBar{ margin-left:-957px;}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ border-top:#bebebe 1px solid; padding:12px 0 15px; zoom:1; margin-top:12px; color:#666666; text-align:center; line-height:24px;}
#Footer a{ color:#666666; text-decoration:none;}
.footer_links a:hover{ text-decoration:underline;}
.footer_stat img{ margin-right:2px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title,.com_title_in,.com_title_inner{}
.com_title{ clear:both; position:relative; height:27px; line-height:27px; margin-bottom:10px;}
.com_title h2{ float:left; width:192px; font-size:14px; border-bottom:#be0e0e 2px solid; color:#ce0f0f; font-size:14px; font-weight:bold; }
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;}
#Main .com_image_title_text5 .img{ text-align:left; max-width:708px; margin:0 0 10px;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_title{ margin:0;}
.side .content{background:url(images/siderBar_bg.jpg) repeat-y; color:#707070; }
.com_bullet li{ background:url(images/leftbottom.jpg) no-repeat bottom; }
.side .content a{color:#707070; 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:#000; line-height:25px;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{ background: url(images/ComFeedBack_img.jpg) no-repeat 5px 10px; margin-bottom:10px; margin-top:10px; padding:10px; padding-left: 173px;}
.feedback_con table td { height:37px; }
.feedback_con .btn{ background:url(images/messageboard_btn_bg.gif) no-repeat; width:67px; height:25px; font-size:12px; color:#fff; border:none; cursor:pointer;}
.feedback_con table input { border:1px solid #757575; background:#fff; width:230px; height:17px;}
.feedback_con table textarea{ padding:1px; border:1px solid #757575; width:230px; height:160px;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{}
.tree{ margin:20px 10px 0 20px; line-height:27px;}
.tree li{zoom:1; border-bottom:1px dotted #c5c5c5;}
.tree li.open{}
.tree li a{ color:#333; text-decoration:none;}
.tree_parent{background:url(images/treeico_child.gif) no-repeat 5px 10px; height:27px; cursor:pointer; padding-left:20px;}
.faq_sidecon .tree_parent{ cursor:default;}
.tree li a:hover{font-weight:bold; color:#f60;}
.tree .open a{font-weight:bold;}
.tree_sub{padding-bottom:5px;}
.tree .tree_sub li{  background:url(images/treeico_child2.gif) no-repeat 25px 10px; padding-left:35px; border-bottom:0;}
.tree .tree_sub li a{ color:#333; font-weight:normal;}
.tree .tree_sub li a:hover{ color:#f60; text-decoration:underline;}
.tree .tree_sub .cur a{color:#f60; font-weight:bold;}

.product_con1 .info h3,.product_con2 .info h3{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{ 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{}
.faq_con h3{ margin:35px 10px 0; padding-left:20px; background:url(images/faqico.gif) no-repeat left center; font-size:14px; color:#000; line-height:25px;}
.faq_con p{ margin:0 10px 0 30px; line-height:25px;}