﻿@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:#333333; text-decoration:none;}
a:hover{ color:#0d48a3;}

.discUL{list-style-position:outside; list-style:none;}
.discUL li{ border-bottom:1px solid #d1d1d1; height:23px; background: url(images/li_bg.gif) no-repeat; padding-left:20px;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html{background:#f9f9f9 url(images/body_bg.gif) repeat-x;}
body{background:url(images/footer_bg.gif) repeat-x left bottom; color:#333333;}
#Container{ width:870px;}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{ position:relative; height:140px;}
#multiLanArea{ position:absolute; right:15px; top:13px;}
#multiLanArea .lanLine{ color:#C4E0F6; padding:0 7px;}
#multiLanArea a{ color:#0187D0; text-decoration:underline; font-weight:bold;}
#multiLanArea a:hover{ color:#f86f00; text-decoration:none;}	
#Logo{ background: url(images/logo_bg.jpg) no-repeat; width:870px;}
.logoText {font-size:22px; position:absolute; left:103px; top:46px;}
.logoText a{color:#183376;text-decoration:none;font-family:Verdana;}

#Navbar{ width:870px; top:87px;}
.scrollNav{ position:absolute; right:10px; top:11px; 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:51px; background:url(images/nav_bg.jpg) no-repeat;}
.nav{}
.nav_in{}
.nav_inner{}
.nav li{ float:left; line-height:30px; height:30px;}
.nav li a{ text-align:center; display:block; width:103px; height:30px; line-height:30px; color:#FFF; text-decoration:none;}
.nav .liImg{ width:2px;background:url(images/nav_sepline.gif) no-repeat center;}
.nav li a:hover,.nav .navhover a{ color:#fff; background:url(images/nav_cur.jpg) no-repeat 2px 0;}

.submenu,.submenu div{ height:21px; line-height:21px;}
#Navbar .submenu{ position:absolute; display:none; white-space:nowrap; height:21px;}
#Navbar .submenu a{ width:auto; display:inline-block; padding:0 10px; color:#464646; background:none; margin:0; height:21px;  line-height:21px;}
#Navbar .submenu a:hover{ background: url(images/submenu_a_hover_bg.gif) repeat-x center top; color:#FFFFFF;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ padding-bottom:10px; min-height:98px; _height:98px;}
#Banner{position:relative; overflow:hidden;}
.bannerText{position:absolute; left:640px; top:280px;color:#abb0bb;font-size:18px; font-family:"微软雅黑";}

#Main{ margin:0 212px;}

#SideBar{ margin-left:-870px;}
#Sub,#Extra{ width:201px;}
/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ text-align:center; color:#868686; height:68px; padding-top:20px;}
#Footer a{ text-decoration:none; color:#868686; line-height:30px;}
.footer_links a:hover{ text-decoration:underline;}
.footer_authentication,.footer_stat,.footer_records{ display:inline; margin-right:15px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.main_row_span1{ background:#ffffff; margin-bottom:6px;}
.main_row_span1 .content{padding:12px 8px;}
.main_cell .com_title{ border:1px solid #e7e7e7;}
.main_cell .com_title h2{ background:#dbdbdb url(images/main_title_bg.jpg) no-repeat; height:36px; line-height:36px; color:#292929; padding-left:53px;}
a.more{display:none;}


/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .content{border:1px solid #e1e1e1; border-bottom:none; margin-top:1px; margin-bottom:12px;}
.side .com_title h2{ height:30px; background:url(images/side_title_bg.jpg) no-repeat; color:#fff; line-height:28px; padding-left:26px; }

/* =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 #984c63; 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:url(images/btn.jpg) no-repeat center; width:59px; height:20px; font-size:12px; color:#fff; border:0; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #e2e2e2; background:#fff; width:132px; height:16px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #e2e2e2; background:#fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{border:1px solid #e1e1e1; border-bottom:none; margin-top:1px;}
.tree{ line-height:24px;}
.tree_parent{ background:url(images/tree_close_bg.gif) no-repeat 0 0; height:24px; cursor:pointer; padding-left:34px; }/*伸缩-改动*/
.open .tree_parent{ background:url(images/tree_open_bg.gif) no-repeat 0 0;}/*伸缩-改动*/
.faq_sidecon .tree_parent{ cursor:default;}/*伸缩-改动*/
.tree .tree_parent a{ }/*伸缩-改动*/

.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/subTree_bg.gif) no-repeat;}
.tree .tree_sub li a{ margin-left:46px; font-weight:normal;}
.tree .tree_sub .cur a{ color:#0d48a3; }

.product{ background:#ffffff;}
.product .com_title{ border:1px solid #e7e7e7;}
.product .com_title h2{ background:#dbdbdb url(images/product_title_bg.jpg) no-repeat; height:36px; line-height:36px; color:#292929; padding-left:53px;}

#Main .product h3 a{ color:#0d48a3; font-size:12px;}
.prdcrumb{ padding:6px; font-family:Simsun; margin:10px 0;}
.prdcrumb strong{ color:#5c5c5c; font-weight:bold;}

.product_con_detail{}
.product_con_detail .pic{ margin:0 0 10px 30px;}
.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{ background:#333; border:solid #fff; border-width:0 1px 1px 0; text-align:right; padding:0; padding-left:5px; color:#fff;}
.product_con_detail .info td{ background:#eee; 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{ border:1px solid #e1e1e1; border-bottom:none; margin-top:1px;}

.faq{ background:#ffffff;}
.faq .com_title{ border:1px solid #e7e7e7;}
.faq .com_title h2{ background:#dbdbdb url(images/product_title_bg.jpg) no-repeat; height:36px; line-height:36px; color:#292929; padding-left:53px;}

.faq_con{ padding:16px 0 0 30px; line-height:20px;}
.faq_con h3{ color:#0d48a3; background:url(images/faq_ico.gif) no-repeat 0 6px; *background-position:0 4px; padding-left:14px;}
.faq_con p{ padding-left:14px; margin-bottom:12px;}