@charset "utf-8";
/*
描述: Cavan主题样式表第110套
作者: 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:#3d3d3d; text-decoration:none;}
a:hover{ text-decoration:underline;}


.discUL{list-style-position:outside; list-style:none;}
.discUL li{ color:#3d3d3d; height:21px;  background:url(images/list_ico.gif) no-repeat 8px 8px; padding-left:15px;}
.discUL li a{color:#3d3d3d; display:block; height:21px;}
.side, .side .content, .com_bullet a{ color:#3d3d3d;}
.com_bullet a:hover{ color:#cc896f;}


/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{background:#2e4765 url(images/body_bg.jpg) repeat-x top; margin:0px; padding: 0px;}
#Container{ width:100%; padding:0px; margin:0px;}


/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative;margin:0 auto; padding:0px; width:960px; height:155px; background:url(images/header_bg.jpg) no-repeat right top;}
#multiLanArea{ position:absolute; right:15px; top:19px;}
#multiLanArea .lanLine{ color:#fff; padding:0 7px;}
#multiLanArea a{ color:#fff; text-decoration:underline;}
#multiLanArea a:hover{ color:#27defb; text-decoration:none;}	
#Logo{top:0; left:0px; }
.logoText{font-size:24px; left:85px; position:absolute;}
.logoText a{color:#fff; line-height:80px; font-family:Verdana;}
.logoText a:hover{ text-decoration:none;}

#Navbar{top:70px; width:958px; height:42px; background:url(images/nav_bg.jpg) no-repeat;}
.scrollNav{ position:absolute; right:20px; top:0px; width:50px;}
.navleft,.navright{ width:25px; height:34px; 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{ padding-left:50px;}
.nav_in{}
.nav li{float:left; line-height:42px; height:42px; overflow:hidden;}
.nav li a{width:auto; display:inline-block; padding:0px 15px; font-weight:bold; text-align:center; color:#05243d;}
.nav li a:hover,.nav .navhover a{color:#0b3150; text-decoration:none;  background:url(images/nav_hover.jpg) repeat-x; }
.nav .liImg{ width:1px; background:none;}

.submenu{ position:absolute; top:42px; z-index:100; display:none;line-height:28px; height:30px; overflow:hidden; white-space:nowrap;}
.submenu, .submenu div, .submenu div div{ background:url(images/submenu_bg.gif) repeat-x 0px -30px; height:30px;}
.submenu div{ padding-left:20px; background-position:left 0px; background-repeat:no-repeat; }
.submenu div div{ padding-right:20px; background-position:right -60px; background-repeat:no-repeat;}
.submenu .subline{display:none;}
#Navbar .submenu a{ background:none; width:auto; display:inline-block; padding:0px 8px; color:#373737; font-weight:normal; *height:28px; _height:28px; *overflow:hidden; _overflow:hidden }
#Navbar .submenu a:hover{ background:url(images/submenu_hover.gif) top repeat-x; }

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{padding-bottom:20px; width:960px; margin:0px auto;}
#Banner{position:relative; margin:0 auto 8px; z-index: 0; width:960px; overflow:hidden;}
.bannerText{position:absolute; color:#fff; font-weight:bold; font-size:25px;  left:230px; top:110px;text-align:center;}


#SideBar{ margin-left:-960px;}
.side{ }

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ background:#23D7F8 url(images/footer_bg.jpg) repeat-x 0 0; padding:15px 50px 10px; color:#033860; line-height:25px; text-align:center; min-height:50px; _height:50px;}
#Footer a{ color:#033860;}
.footer_authentication, .footer_stat, .footer_records{ display:inline; padding-right:16px;}
.footer_stat img{ margin-right:2px;}
/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .com_title, #Main .com_title_in, #Main .com_title_inner{ clear:both;  background:url(images/main_tittle_bg.png) repeat-x 0px -36px;  height:36px;}
#Main .com_title_in { padding-left:90px; background-position:left 0px; background-repeat:no-repeat;}
#Main .com_title_inner{padding-right:110px; background-position:right -72px; background-repeat:no-repeat;}
#Main .com_title h2{ position:absolute; left:30px;}
.com_title h2{ padding-left:0px; font-weight:bold;line-height:32px; height:32px; overflow:hidden;}

a.more{ display:none;}
#Main .clearfix { margin-bottom:5px;
}
/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_title,.side .com_title_in, .side .com_title_inner{ clear:both;  background:url(images/side_tittle_bg.png) repeat-x 0px -37px;  height:37px;}
.side .com_title_in { padding-left:30px; background-position:left 0px; background-repeat:no-repeat;}
.side .com_title_inner{padding-right:30px; background-position:right -74px; background-repeat:no-repeat;}
.side .content, .product_sidecon, .faq_sidecon{ padding:8px 0px; margin-bottom:10px; background:#FFFFFF url(images/sidebar_bg.jpg) repeat-x bottom;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .content, .product_con1,  .product_con2, .product_con_detail, .faq_con{ padding:15px 10px; background:#FFFFFF; }
.content img{ vertical-align:middle;}

.content h3{font-size:12px; font-weight:bold;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{ color: #6e6e6e;}
.feedback_con{ padding:0 10px;}
.feedback_con table td { height:28px; }
.feedback_con .btn{ background:url(images/btn.gif) no-repeat; width:58px; height:22px; font-size:12px; color:#fff; border:none; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #d8d6d1; background:#faffff; width:203px; height:15px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #d8d6d1; background:#faffff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{}
.tree{ margin-left:20px; line-height:27px;}
.tree li{ zoom:1; background:url(images/t_nav.gif) no-repeat 6px 10px;}
.tree li.open{}
.tree_parent{ background:url(images/treeico_parent.gif) no-repeat 2px 10px; height:27px; cursor:pointer;  padding-left:17px; }/*伸缩-改动*/
.faq_sidecon .tree_parent{ cursor:default;}/*伸缩-改动*/
.tree .tree_parent a{ }/*伸缩-改动*/
.tree li a{ color:#333; }
.tree li a:hover{ color:#cc896f; }
.tree .open a{ color:#333; font-weight:bold;}
.tree_sub{ padding-bottom:5px;}
.tree .tree_sub li{ padding-left:30px; line-height:24px; border:none; background: url(images/t_s_nav.gif) no-repeat 20px 7px;}
.tree .tree_sub li a{color:#5b5e60; font-weight:normal; display:inline-block; padding-left:5px;}
.tree .tree_sub li a:hover{ background-position:9px -10px; color: #cc896f;}
.tree .tree_sub .cur a{ font-weight:bold; color:#5b5e60; background-position:9px -10px;}

.prdcrumb{ font-family:Simsun;  padding-left:12px; background:url(images/treeico_parent.gif) no-repeat left center;}
.prdcrumb strong{ font-weight:bold; color:#000;}
.product_con_detail{ padding:0px 10px 20px 10px;}
.product_con_detail .pic{ margin:0 0 20px 10px;}
.product_con_detail .info{ margin-left:10px;}
.product_con_detail .info table{ font-family:Verdana; border:solid #d7d7d7; border-width:1px 0 0 1px; line-height:18px;}
.product_con_detail .info th{ background:#f6f6f6; border:solid #d7d7d7; border-width:0 1px 1px 0; text-align:right; padding:0 10px;}
.product_con_detail .info td{ height:28px; border:solid #d7d7d7; border-width:0 1px 1px 0; padding:0 10px;}
.prdname td{ font-size:14px; color:#333; font-weight:bold;}
.prdpromotion td{ font-size:14px; color:#8f1816; font-weight:bold;}

.page{ margin:20px 10px;  color:#fff; clear:both; text-align:center; padding:5px 0;}
.page a{ color:#fff; text-decoration:underline; margin-right:10px;}
.page a:hover{ color:#9f1514;}
.page .disabled{ color:#fff; margin-right:10px;}
.page select{ color:#094a9b;}
.product_con1 .info a, .product_con2 .info a{ color:#373737; font-weight:bold;
}
/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon{}
.faq_con{ }
.faq_con h3{ margin:0px 10px 0; padding-left:20px; background:url(images/faq_ico.gif) no-repeat left center; font-size:14px; font-weight:bold; color:#373737; line-height:25px;}
.faq_con p{ margin:0 10px 0 30px; line-height:25px;}