﻿@charset "utf-8";
/*
描述: Cavan主题样式表第124套
作者: 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:#626262; text-decoration:none;}
a:hover{ color:#FF8C04;}

.discUL li{ padding-left:35px; background:url(images/list_ico.gif) no-repeat 25px center; border-bottom:1px solid #EBEBEB; list-style-type:none; list-style-position:outside; color:#525252;}


/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{ color:#626262;}
#Container{ width:100%; background:url(images/container_bg.jpg) center bottom no-repeat;}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{ position:relative; width:1002px; height:64px; margin:0 auto;  z-index:10; background:url(images/header_bg.jpg) no-repeat;}
#multiLanArea{ position:absolute; right:42px; top:0px;}
#multiLanArea .lanLine{ color:#321a08; padding:0 7px; color:#fff;}
#multiLanArea a{ color:#FFFFFF; text-decoration:none;}
#multiLanArea a:hover{ color:#6a0202;}	

#Logo{ left:0px; top:0px;}
#Logo img{ display:block;}
.logoText { font-size:22px; position:absolute; left:77px; top:28px;}
.logoText a{color:#323232;text-decoration:none;font-family:Verdana;}
.logoText a:hover{color:#323232;}

#Navbar{ width:735px; height:43px; top:22px; z-index:100;}
.nav{ padding-left:5px; padding-right:20px;}
.scrollNav{ position:absolute; top:15px; right:30px; width:34px; height:29px; line-height:29px;}
.navleft, .navright{ width:16px; height:16px; cursor:pointer;}
.navleft{ float:left;  background:url(images/nav_left.gif) no-repeat center center;}
.navright{ float:right;  background:url(images/nav_right.gif) no-repeat center center; }

.nav li{ float:left; height:42px; }
.nav li a{ text-align:center; display:block; width:82px; padding-top:5px; line-height:38px; height:38px;  font-size:14px; font-family:"宋体",arial; text-decoration:none; color:#2c2c2c;}
.nav .liImg{ width:1px; background:none;}
.nav li a:hover,.nav .navhover a{ color:#fff; background:url(images/nav_hover.jpg) no-repeat top; }

.submenu{ position:absolute; display:none; top:42px; z-index:5; white-space:nowrap; height:26px;}
.submenu div div{background:#A1CF2A;}
.submenu .subline{ display:none; width:0;}
#Navbar .submenu a{ width:auto; display:inline-block; background:#A1CF2A; padding:5px 5px; white-space:nowrap; line-height:26px; color:#fff; font-weight:normal; vertical-align:top; height:26px;}
#Navbar .navhover .submenu a{font-size:12px;  color:#fff;}
#Navbar .navhover .submenu a:hover{ color:#ffff00;}



/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ margin:0 auto; width:960px; padding:0px 15px 8px;}
#Banner{position:relative; overflow:hidden; width:1002px; margin:0px -21px;}
.bannerText{position:absolute; left:435px; top:60px; color:#E78000; font-size:21px; font-family:"微软雅黑"; font-weight:bold; font-style:italic;}
#SideBar{ margin-left:-960px;}


/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ text-align:center; background:url(images/footer.png) no-repeat; width:960px; margin:auto;  padding:19px 0px 25px; color:#686868;}
#Footer a{ line-height:30px; color:#686868; }
.footer_links a{ margin:0 4px; text-decoration:none; }
.footer_authentication,.footer_stat,.footer_records{ display:inline; margin-right:15px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main{ margin:0 210px;}
.main_cell{ background:url(images/main_cell_bg.png) #FEFEFE 0 45px no-repeat; border-bottom:1px solid #E0E0E0;}
.main_row_span1{ margin-bottom:2px; }
.main_row_span1 .content{padding:0 20px 18px 35px;}
#Main .com_title,#Main .com_title_in,#Main .com_title_inner{background:url(images/main_tittle_bg.png) repeat-x 0px -47px; height:47px; }
#Main .com_title_in{ background-repeat:no-repeat; background-position:left 0px; padding-left:200px;}

#Main .com_title_inner{ background-repeat:no-repeat; background-position:right -94px; padding-right:200px;}
#Main .com_title h2{ left:50px; color:#2F2F2F;}
a.more{display:none;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Sub,#Extra{ width:205px; padding-top:6px;}
.side .com_title, .side .com_title_in, .side .com_title_inner{background:url(images/side_tittle_bg.png) repeat-x 0px -33px;; height:33px; }
.side .com_title_in{ background-repeat:no-repeat; background-position:left 0px; padding-left:125px;}
.side .com_title_inner{ background-repeat:no-repeat; background-position:right -66px; padding-right:25px;}
.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
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_image_title_text1{ padding:10px 20px 15px 35px!important; border-bottom:1px solid #C6E56F; background:url(images/com_image_title_text1_bg.jpg) right bottom no-repeat;}
.content{ border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; line-height:1.8;}
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold;}

.page{ padding:30px 15px 30px 26px; clear:both; text-align:right; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0;}
.page input{ width:17px; height:15px; border:1px solid #b5b5b5; padding:1px; color:#6a0202;}
.page a{ text-decoration:underline; margin-right:10px;}
.page a:hover{ font-weight:normal;}
.page .disabled{ margin-right:10px;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .feedback_con{ padding-bottom:39px;}
.feedback_con table td { height:20px; padding:3px 0; vertical-align:top;}
.feedback_con .btn{ background:url(images/btn.png) no-repeat 0 0; width:62px; height:22px; line-height:20px; font-size:12px; color:#fff; border:0; cursor:pointer;}
.feedback_con table input { padding:1px 1px 1px 2px; border:1px solid #c9c9c9; background:#fff; width:142px; height:18px; }
.feedback_con table textarea{ padding:1px 1px 1px 2px; width:286px; height:136px;  border:1px solid #c9c9c9; background:#fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon, .faq_sidecon{  background:url(images/side_bg.png) #fefefe no-repeat; border:1px solid #E0E0E0; border-top:none; padding: 5px 10px 10px 15px;}
.tree{ line-height:27px;}
.tree li{}
.tree li.open{}
.tree_parent{ background: url(images/tree-plus.gif) no-repeat 5px 8px; height:27px; cursor:pointer; padding-left:27px;}
.tree li.open .tree_parent{background: url(images/tree-minus.gif) no-repeat 5px 8px;}
.faq_sidecon .tree_parent{ cursor:default;}
.product_con1,.product_con2{ border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0;}
.prd_row_span2, .prd_row_span3{ margin-bottom:0; padding-bottom:5px;}
.product_con1 .info{ padding:5px 0 0 22px;}

.tree li a{ text-decoration:none;}
.tree li a:hover{ text-decoration:underline;}
.tree .open a{ font-weight:bold;}
.tree_sub{}
.tree .tree_sub li{ background:url(images/side_li_icon.gif) no-repeat 31px 9px; }
.tree .tree_sub li a{ margin-left:43px; font-weight:normal;}
.tree .tree_sub .cur a{ color:#6a0202; }

#Main .product h3 a{ font-size:12px; font-weight:bold;color:#232423;}
.prdcrumb{ padding:16px 10px 16px 15px; font-family:Simsun;}
.prdcrumb strong{ color:#321a08; font-weight:bold;}
.prdcrumb a{ text-decoration:none;}

.product_con_detail{ padding-bottom:50px; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0;}
.product_con_detail .pic{ margin:0 0 10px 30px;}
.product_con_detail .pic img{ border:1px solid #CCC;}
.product_con_detail .info{ margin:0 0 0 30px; padding-bottom:10px;}
.product_con_detail .info table{ font-family:Verdana; border:solid #EFEFEF; border-width:1px 0 0 1px; line-height:18px;}
.product_con_detail .info th{ background:#FAFAFA; border:1px solid #EFEFEF; text-align:right; padding:0; padding-left:5px; color:#000; font-weight:bold;}
.product_con_detail .info td{ height:28px; border:1px solid #EFEFEF; padding:0 5px;}
.prdname td{ }
.prdpromotion td{ color:#FF8D19; font-size:14px; font-weight:bold;}

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product, .faq{background:url(images/main_cell_bg.png) #FEFEFE 0 45px no-repeat; border-bottom:1px solid #E0E0E0;}
.faq_con{ padding:16px 0 0 30px; line-height:20px; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0;}
.faq_con h3{ background:url(images/faq_ico.gif) no-repeat 0px 6px; *background-position:0 4px; padding-left:14px; font-weight:bold;}
.faq_con p{ padding-left:14px; padding-bottom:12px;}