﻿@charset "utf-8";
/*
描述: Cavan模板主题样式第131套
作者: 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:#232423;}

.discUL{ padding:0px; margin:0px;}
.discUL li{ list-style-type:none; list-style-position:outside; background:url(images/list-ico.gif) no-repeat 3px 8px; padding-left:15px; line-height:22px;}
.side, .side .content, .com_bullet a{ color:#232423; }
.com_bullet{ background:url(images/com_bullet_bg.png);}
.com_bullet a{ text-decoration:none;}
.com_bullet a:hover{ text-decoration:underline; color:#232423;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{ color:#fff; background:#fff url(images/bg.jpg) repeat-x 0 0;}
#Container{ width:100%; background:url(images/body-bg.png) repeat-x center top; }

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative; margin:0 auto; height:93px; width:960px; z-index:10;}
#multiLanArea{ position:absolute; right:20px; top:8px;}
#multiLanArea .lanLine{ color:#d1d1d1; padding:0 7px;}
#multiLanArea a{ color:#757575; text-decoration:none;}
#multiLanArea a:hover{ color:#82B417; text-decoration:underline;}		
#Logo{top:0px; left:0px;}
.logoText{font-size:24px; position:absolute; left:75px; top:22px;}
.logoText a{color:#5E7D02; text-decoration:none;font-family:Verdana;}

#Navbar{ background:url(images/nav-bg.jpg) no-repeat; top:60px; height:33px; padding-bottom:5px; width:960px;}
#Navbar,.nav{ }
.nav{ padding-left:37px;}
.scrollNav{ position:absolute; right:45px; top:0px; width:36px;}
.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:33px;}
.nav li a{ float:left; width:100px; overflow:hidden; line-height:33px; height:33px; font-weight:bold; font-size:14px; 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.gif) no-repeat top; color:#82B417; font-weight:bold;}

.submenu{ position:absolute; top:33px; display:none; z-index:100; height:24px; overflow:hidden;}
.submenu,.submenu div,.submenu div div{ background:url(images/sub-menu.gif) 0 -24px repeat-x; height:24px; float:left;}
.submenu div{ background-position:right -48px; background-repeat:no-repeat; padding-right:32px;}
.submenu div div{ background-position:0 0; background-repeat:no-repeat; padding-left:32px;  white-space:nowrap;}
.submenu .subline{ display:inline-block; width:1px; background:url(images/submenu-line.gif) no-repeat 0 center; height:24px; display:none;}
#Navbar .submenu a{ width:auto; float:none; background:none; display:inline-block; padding:0px 10px; height:24px; line-height:24px; *line-height:18px; font-size:12px; color:#6F6F6F; font-weight:normal; font-family:Arial,Helvetica,sans-serif;}
#Navbar .submenu a:hover{ color:#82B417; font-weight:bold;}


/* =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:6px;}
.bannerText{ position:absolute; left:140px; top:125px; color:#000; font-size:26px; font-family:Microsoft Yahei;}

#SideBar{ margin-left:-940px;}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ background:url(images/footer-bg.png) top center no-repeat; padding:72px 20px 25px 20px; color:#000; margin-top:2px; line-height:22px; text-align:center; color:#666666;}
#Footer a{ color:#666666; 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
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .content{ padding:10px;}
.com_title, .com_title_in, .com_title_inner{ background:url(images/m_title_bg.gif) repeat-x 0 -29px; height:29px;}
.com_title{ clear:both;}
.com_title_in{ background-position:right -58px; background-repeat:no-repeat; padding-right:135px; }
.com_title_inner{ background-position:0 0; background-repeat:no-repeat; padding-left:260px;}
.com_title h2{ position:absolute; left:20px; z-index:100; color:#526E00; 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
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Sub,#Extra{ width:200px;}
.side .com_title, .side .com_title_in, .side .com_title_inner{background:url(images/side_tittle_bg.png) repeat-x 0px -32px; height:32px; }
.side .com_title_in{ background-repeat:no-repeat; background-position:left 0px; padding-left:98px; padding-right:0;}
.side .com_title_inner{ background-repeat:no-repeat; background-position:right -64px; padding-right:98px; padding-left:0;}
.side .com_title h2{ color:#232423;}
/*.com_bullet{ border-bottom:1px solid #E0E0E0;}
.com_title h2{ position:absolute; left:42px; line-height:45px; *line-h3eight:46px; font-weight:bold;}
.side .com_title h2{line-height:33px; *line-height:34px; font-weight:bold; color:#2F2F2F;}
a.more{display:none;}
.side .content{ background:url(images/side_bg.png) #fefefe no-repeat; margin-bottom:8px; line-height:1.8; padding:8px 0 25px 0;}
.com_image_title_text3 .img { display:block; float:none; max-width:472px;}
.com_image_title_text3 .text{ display:block; padding-top:12px;}*/


/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold;}
.content{ padding:5px 10px 10px 10px; color:#232423; }

.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:#232423;}
.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 #B3B3B3; width:132px; height:16px; }
.feedback_con table textarea{ padding:1px 1px 1px 2px; width:286px; height:136px;  border:1px solid #B3B3B3;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{ background:url(images/com_bullet_bg.png); 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 10px 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 #eaeaea; border-width:1px 0 0 1px; line-height:18px; color:#000;}
.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; 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; background:url(images/com_bullet_bg.png);}
.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;}