﻿@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:#452517; text-decoration:none;}
a:hover{ color:#0d48a3;}

.discUL{list-style-position:outside; list-style:none;}
.discUL li{padding-left:20px;background:url(images/li_bg.jpg) no-repeat 7px 8px; line-height:24px;}
/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{background:#980000 url(images/body_bg.jpg) repeat-x; color:#452517;}
#Container{ width:960px;}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{ position:relative; height:122px; z-index:10; background:url(images/header_bg.jpg) no-repeat;}
#multiLanArea{ position:absolute; right:15px; top:19px;}
#multiLanArea .lanLine{ color:#AB1710; padding:0 7px;}
#multiLanArea a{ color:#A44302; text-decoration:underline;}
#multiLanArea a:hover{ color:#f86f00; text-decoration:none;}	
#Logo{ left:10px;}
.logoText {font-size:22px; position:absolute; left:70px; top:30px;}
.logoText a{color:#fff;text-decoration:none;font-family:Verdana;}

#Navbar{ width:961px; top:80px; z-index:100;}
.scrollNav{ position:absolute; right:40px; top:20px; width:16px;}
.navleft,.navright{ width:6px; height:7px; 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,.nav_in,.nav_inner{ height:42px; background:url(images/nav-bg.jpg) repeat-x;}
.nav{}
.nav_in{}
.nav_inner{}
.nav li{ float:left; line-height:42px; height:42px;}
.nav li a{ text-align:center; display:block; width:103px; height:42px; line-height:42px; color:#F9AA32; text-decoration:none;}
.nav .liImg{ width:4px;background:url(images/nav_sepline.jpg) no-repeat center;}
.nav li a:hover,.nav .navhover a{ color:#F9D7A3; height:42px;}


.submenu{ position:absolute; top:40px; display:none;height:80px; overflow:hidden; background:#660504;}
.submenu,.submenu div,.submenu div div{height:30px; float:left;}
.submenu div{ background-position:right -42px; background-repeat:no-repeat; padding-right:9px;}
.submenu div div{ background-position:0 0; background-repeat:no-repeat; padding-left:9px;  white-space:nowrap;}

#Navbar .submenu a{ width:auto; line-height:30px; overflow:hidden; display:inline-block; padding:0 10px; color:#F9D7A3; background:none; margin:0; }
#Navbar .submenu a:hover{ color:#F9D7A3;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ background:#fff url(images/mainBody_bg.jpg) no-repeat left bottom;}
#Banner{position:relative; overflow:hidden;}
.bannerText{position:absolute; right:100px; top:100px;color:#FFD895;font-size:26px; font-family:"微软雅黑"; font-weight:bold;}
#Wrapper{ width:960px; padding-top:30px; min-height:350px; }
#SideBar{ margin-left:-930px; width:900px; margin-top:30px; }
.com_bullet a{ text-decoration:underline;}
.com_bullet a:hover{ color:#EC8621;}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ text-align:center; background:url(images/footbg.jpg) repeat-x; color:#F1C984; height:68px; padding-top:20px;}
#Footer a{ text-decoration:none; color:#F1C984; line-height:30px;}
.footer_links a:hover{ text-decoration:underline;}
.footer_authentication,.footer_stat,.footer_records{ display:inline; margin-right:15px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main{ margin:0px 240px;}
.com_title,.com_title_in,.com_title_inner{ background:url(images/side_title_bg.jpg) repeat-x; height:30px;color:#fff;
}
.com_title h2{ font-weight:bold; height:30px; line-height:30px;}
.com_title{ padding-left:21px; background-position:0px -60px;}
.com_title_in{ padding-right:21px; background-position:right 0px;}
.com_title_inner{ background-position:-30px;}
.main_row_span1{ background:#ffffff; margin:0 3px 6px;}
.main_row_span1 .content{padding:12px 8px;}

a.more{display:none;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Sub,#Extra{ width:193px;}
.side .content{ background:#FFF; border-bottom:none; padding-bottom:10px; margin-top:1px; margin-bottom:8px;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{}
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold;}

.page{ margin:20px 0 20px 26px; padding:10px; clear:both; text-align:right;}
.page input{ width:17px; height:15px; border:1px solid #b5b5b5; 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:#8A0C0C; width:59px; height:20px; font-size:12px; color:#fff; border:0; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #b5b5b5; background:#fff; width:132px; height:16px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #b5b5b5; background:#fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{ background:#FFF; border:none; padding:10px 10px 10px 20px;}
.tree{ line-height:27px;}
.tree li{}
.tree li.open{}
.tree li a{ text-decoration:none;}
.tree_parent{ background:url(images/tree-plus.gif) no-repeat 0 7px; height:27px; cursor:pointer; padding-left:22px;}
.tree li.open .tree_parent{background: url(images/tree-minus.gif) no-repeat 0 7px;}
.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/subTree_bg.gif) no-repeat 20px 10px; padding-left:20px;}
.tree .tree_sub li a{ margin-left:10px; font-weight:normal;}
.tree .tree_sub .cur a{font-weight:bold;}


.product{ background:#ffffff;}
#Main .product h3 a{ font-size:12px; font-weight:bold;color:#B43333;}
.prdcrumb{ padding:6px; font-family:Simsun; margin:10px 0;}
.prdcrumb strong{ color:#B43333; font-weight:bold;}

.product_con_detail{}
.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 #fff; border-width:1px 0 0 1px; line-height:18px;}
.product_con_detail .info th{ border:solid #fff; border-width:0 1px 1px 0; text-align:right; padding:0; padding-left:5px; color:#452517;}
.product_con_detail .info td{ height:28px; border:solid #fff; border-width:0 1px 1px 0; padding:0 5px;}
.prdname td{ font-size:14px; font-weight:bold;}
.prdpromotion td{ color:#fe0019; font-size:14px; font-weight:bold;}

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon{ background:#FFF; border:none; padding:10px 10px 10px 20px;}

.faq{ background:#ffffff;}

.faq_con{ padding:16px 0 0 30px; line-height:20px;}
.faq_con h3{ background:url(images/faq_ico.gif) no-repeat 0 6px; *background-position:0 4px; padding-left:14px; font-weight:bold;}
.faq_con p{ padding-left:14px; margin-bottom:12px;}