﻿@charset "utf-8";
/*
描述: Cavan主题样式表第132套
作者: 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:#000; text-decoration:none;}
a:hover{ color:#1459a5;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{ color:#000;}
#Container{ width:1002px; }

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{ position:relative; height:73px; background:#fff url(images/header_bg.jpg) repeat-x 0 0; z-index:10;}
#multiLanArea{ position:absolute; right:15px; top:7px;}
#multiLanArea .lanLine{ color:#321a08; padding:0 7px;}
#multiLanArea a{ color:#444; text-decoration:none;}
#multiLanArea a:hover{ color:#1459a5;}	

#Logo{ left:0px; top:0px;}
.logoText { font-size:22px; position:absolute; left:95px; top:37px;}
#Logo .logoText a{color:#003481;text-decoration:none;font-family:Verdana;}
.logoText a:hover{color:#003481;}

#Navbar{ width:748px; height:44px; top:28px; right:21px; z-index:100;}
.scrollNav{ position:absolute; top:17px; right:8px; width:21px; height:26px; line-height:26px;}
.navleft, .navright{ background:url(images/nav_scoll.gif) no-repeat 0 0; width:5px; height:9px; cursor:pointer;}
.navleft{ float:left; }
.navright{ float:right; background-position:-16px 0; }

.nav,.nav_in,.nav_inner{ }
.nav{}
.nav_in{} 
.nav_inner{}
.nav li{ float:left; height:44px; }
.nav li a{ float:left; text-align:center; width:88px; height:44px; line-height:44px; font-size:14px; font-family:microsoft yahei,arial; text-decoration:none; color:#fff;}
.nav .liImg{ width:1px; background:url(images/space_line.gif) no-repeat center;}
.nav li a:hover,.nav .navhover a{ color:#ffffff; background:url(images/navhover_bg.png) bottom center no-repeat;}

.submenu{ position:absolute; top:44px; z-index:100; display:none; overflow:hidden; white-space:nowrap;  }
.submenu,.submenu div,.submenu div div{ height:32px; float:left; background:url(images/sub_nav_bg.png);}
.submenu{ padding-left: 11px; }
.submenu div{ padding-right:11px;}
.submenu div div{ height:27px; padding-top:5px; }
.subline{ width:2px; height:13px; padding:0 1px; *display:inline-block; overflow:hidden;}
 
#Navbar .submenu a{ float:none; width:auto; overflow:hidden; display:inline-block; padding:0 10px; height:16px; *height:18px; line-height:16px; *line-height:18px; color:#0C3570; font-size:12px; background:none;}
#Navbar .submenu a:hover{ color:#0C3570; background:url(images/submenu_abg.png) 0 7px no-repeat;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ margin:0 auto;}
#Banner{position:relative; overflow:hidden;}
.bannerText{position:absolute; left:280px; top:80px; color:#003481; font-size:30px; font-family:"微软雅黑"; }
#Wrapper{ width:900px; padding-left:52px;}
#Main{ padding:0 0 19px;}
#SideBar{ margin-left:-952px; padding:0 0 20px; }
#Sub,#Extra{ width:191px;}
#Sub{ padding-left:52px;}
#Extra{padding-right:52px;}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ text-align:center; background:#fff url(images/foot_bg.jpg) repeat-x 0 0;  margin:0 auto;  padding:36px 0px 20px; color:#fff;}
#Footer a{ line-height:30px; }
.footer_links a{ margin:0 4px; text-decoration:none; color:#fff;}
.footer_authentication,.footer_stat,.footer_records{ display:inline; margin-right:15px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.main_row_span1{ margin-bottom:6px; }
.main_row_span1 .content{padding:12px 8px;}
#Main .com_title,#Main .com_title_in,#Main .com_title h2{background:url(images/title_bg.gif) repeat-x 0px -37px; height:36px; }
#Main .com_title_in{ background-repeat:no-repeat; background-position:right -74px; padding-right:103px;}
#Main .com_title h2{ background-repeat:no-repeat; background-position:0 0; max-width:103px; _width:103px; color:#000; text-indent:18px; font-weight:bold; height:33px; padding-top:3px; line-height:21px;}
a.more{display:none;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_title{ border:1px solid #234F8A;}
.side .com_title, .side .com_title h2, .side .com_title_in{background:url(images/side_title_bg.gif) repeat-x 0 -28px; height:27px; }
.side .com_title_in{ background-repeat:no-repeat; background-position:right -56px; padding-right:5px;}
.side .com_title h2{ background-repeat:no-repeat; background-position:0 0; color:#fff; font-weight:bold; width:180px; min-width:180px; height:23px; padding-top:4px; line-height:20px; text-indent:23px}
.side .com_bullet{ border:1px solid #234F8A; border-top:none; background:url(images/com_bullet_bg.gif) repeat-x bottom;}
.side .com_bullet a{ text-decoration:underline;}
a.more{display:none;}

.side .content{ margin-bottom:8px; line-height:1.8; padding:8px 3px 10px 10px;}
.side .discUL li{ padding-left:14px; background:url(images/side_li_icon.gif) no-repeat 2px center; list-style-type:none; list-style-position:outside; line-height:24px;}

/* =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:#1459a5;}
.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:20px;}
.feedback_con table td { height:20px; padding:3px 0; vertical-align:top;}
.feedback_con .btn{ background:url(images/btn.png) repeat-x; width:62px; height:22px; line-height:20px; font-size:12px; color:#fff; border:1px solid #234F8A; cursor:pointer;}
.feedback_con table input { padding:1px 1px 1px 2px; border:1px solid #777; background:#fff; width:142px; height:18px; }
.feedback_con table textarea{ padding:1px 1px 1px 2px; width:286px; height:136px;  border:1px solid #777; background:#fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon, .faq_sidecon{ border:none; padding: 5px 10px 10px 15px; border:1px solid #234F8A; border-top:none;}
.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;}

.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:#3F68A0; font-weight:bold;}

#Main .product h3 a{ font-size:12px; font-weight:bold;color:#3F68A0;}
.prdcrumb{ padding:6px; font-family:Simsun; margin:0 0 10px 0;}
.prdcrumb strong{  color:#3F68A0; font-weight:bold; }
.prdcrumb a{ text-decoration:none;}

.product_con_detail{ padding-bottom:50px;}
.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{ 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:#1459a5; font-size:14px; font-weight:bold;}

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.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;}