﻿@charset "utf-8";
/* CSS Document */
/*
Project: 华旸设计
作者: xuwei
版本: 20091021
[目录表] 
	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer
	10- Detail
        11-footer1
*/

/* =0 Reset–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html{color:#000;background:#FFF;overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:separate;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
ul, ol {list-style: none;}
caption{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
a,map{outline:0;}
input,button,textarea,select,optgroup,option{font-size:12px;font:inherit inherit inherit inherit}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/* =1 Global–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{background:#fff; color:#666;font: 12px/1.5 Tahoma, Helvetica, Arial, "\5b8b\4f53",sans-serif;}
.wrapper{width:962px; margin:0 auto;}
.clear{clear:both; line-height:0; font-size:0;}
/* =2 Links–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––-*/
a:link, a:visited {color: #666; text-decoration:none;}
a:hover {color: #AB0303;}
a:active {color: #AB0303;}
/* =3 Headings–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%;}
/* =4 Header–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.lang{height:27px; line-height:27px; padding:0 3px 0 0; text-align:right; font-family:Arial, Helvetica, sans-serif;}
#header{ background:url(../images/common/header_bg.png) no-repeat 0 0; height:135px; border-bottom:2px #333333 solid; width:962px; overflow:hidden;}
#header h1{text-indent:-9999em; width:370px; height:131px; float:left;}
#header h1 a{display:block;width:370px; height:131px; float:left;}
#header .description{ float:right; width:516px; height:104px;}
#searchbox{height:18px; background:#e9e9e9; padding:5px 0 4px 624px;}
#searchbox label{float:left; background:url(../images/common/search_label.gif) no-repeat 0 0; width:49px; text-indent:-9999em;}
#searchbox input{background:#fff; border:0; padding:2px; height:14px; width:256px; float:left;}
#searchbox input.submit{float:left; background:url(../images/common/search_submit.gif) no-repeat 0 0; width:18px; height:18px; cursor:pointer; text-indent:-9999em;}
/* =5 Navigation–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav{width:548px; height:22px; float:right; padding:9px 0 0 20px;}
#nav li{float:left; padding:0 10px; display:block; }
#nav li a{ display:block;width:50px;text-indent:-9999em;height:22px;background:url(../images/common/nav_bg.png) no-repeat 0 0;}
#nav li.nav01 a{width:26px;background-position:-20px 0;}
#nav li.nav02 a{background-position:-65px 0;}
#nav li.nav03 a{width:51px;background-position:-134px 0}
#nav li.nav04 a{background-position:-204px 0}
#nav li.nav05 a{background-position:-273px 0}
#nav li.nav06 a{background-position:-342px 0}
#nav li.nav07 a{width:51px;background-position:-411px 0}
#nav li.nav08 a{background-position:-481px 0}
#nav li.nav01 a:hover,#nav li.nav01 a.current{width:26px;background-position:-20px -18px;}
#nav li.nav02 a:hover,#nav li.nav02 a.current{background-position:-65px -18px;}
#nav li.nav03 a:hover,#nav li.nav03 a.current{width:51px;background-position:-134px -18px}
#nav li.nav04 a:hover,#nav li.nav04 a.current{background-position:-204px -18px}
#nav li.nav05 a:hover,#nav li.nav05 a.current{background-position:-273px -18px}
#nav li.nav06 a:hover,#nav li.nav06 a.current{background-position:-342px -18px}
#nav li.nav07 a:hover,#nav li.nav07 a.current{width:51px;background-position:-411px -18px}
#nav li.nav08 a:hover,#nav li.nav08 a.current{background-position:-481px -18px}
#nav li ul{display:none; position:static;}
#nav li ul li{float:left; display:block; padding:0 0 0 14px; width:74px;height:24px;background:#5c5c5c none repeat scroll 0 0;}
#nav li ul li a{text-indent:0; width:64px; background:none; color:#e9e9e9; line-height:24px; height:24px;}
#nav li ul li a:hover{ color:#ff0000;}
#nav li.show ul {
display:block;
margin:0px 0 0 0;
padding:0 0;
position:absolute;
width:88px;
z-index:222;
}
/* =6 Middle–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.container{background:url(../images/common/container_bg.gif) repeat-y 0 0; border-left:1px #cecdcd solid; border-right:1px #cecdcd solid; width:960px;}
.main{float:right; width:739px; overflow:hidden;}
.side{float:left; width:221px; overflow:hidden;}
.side h3{margin:0 0 21px 0; height:98px; text-indent:-9999em;}
.side .sidenav{margin:0 0 6px 0; width:221px; overflow:hidden; zoom:1;}
.side .sidenav li{margin:0 0 7px 0; display:block; float:left; width:100%;}
.side .sidenav li a{background:url(../images/common/side_nav_a.gif) no-repeat 21px center; padding:0 0 0 32px; color:#373737; line-height:23px; float:left; width:189px;}
.side .sidenav li a.current,.side .sidenav li a:hover{background:#7d7d7d url(../images/common/side_nav_a_c.gif) no-repeat 0 center; padding:0 0 0 110px; color:#fff; width:110px;}
.side .picbox{padding:12px 16px; border-top:1px solid #CDCCCC}
.side .picbox h3{text-indent:0; margin:0; background:none; height:auto;color:#ab0303; font-weight:700; margin:0 0 10px 0; font-size:12px;}
.side .picbox ul{overflow:hidden; zoom:1;}
.side .picbox ul li{ float:left; width:60px; margin:0 3px 3px 0;}
.side .picbox ul li img{width:60px;}
.side .picbox ul li a{float:left;}
/* =7 Form–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––--*/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 *//* 注：optgroup 无法扶正 */
button, input, select, textarea {font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */}
/* =8 Extra–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––-*/
.crumbs{text-align:right; color:#bebebe; line-height:34px; border-bottom:1px #cecdcd solid; padding:0 23px 0 0; font-family:"\5b8b\4f53",Tahoma, Helvetica, Arial, sans-serif; margin:0 0 16px 0;}
.crumbs a{color:#bebebe;}
.crumbs a:hover{color:#AB0303;}
.crumbs span{margin:0 7px;}
.crumbs strong{color:#666666; font-weight:700;}
.listbox{border-top:1px #cdcccc solid; padding:12px 16px;}
.listbox h4{color:#ab0303; font-weight:700; margin:0 0 10px 0;}
.listbox li a{color:#919191; line-height:20px;}
.listbox li a span{font-size:10px; font-family:Arial, Helvetica, sans-serif;}

#tags{border-top:1px #cdcccc solid; padding:12px 16px;}
#tags a{color:#c1c5c8; font-size:12px; line-height:100%;}
#tags a.size1{font-size:12px;}
#tags a.size2{font-size:12px;}
#tags a.size3{font-size:16px; color:#949191}
#tags a.size4{font-size:16px;color:#949191}
#tags a.size5{font-size:22px; color:#666464}
#tags a:hover{color: #AB0303;}

/*#tags a{color:#c1c1c1; font-size:14px;}
#tags a.size1{font-size:12px;}
#tags a.size2{font-size:14px; }
#tags a.size3{font-size:20px; color:#9e9e9e; line-height:26px;}
#tags a.size4{font-size:24px; font-weight:bold; color:#7e7e7e; line-height:30px;}
#tags a.size5{font-size:32px; font-weight:bold; color:#4e4e4e; line-height:38px;}
#tags a:hover{color: #AB0303;}*/

.pagenavi{padding:0 24px 34px; overflow:hidden; zoom:1; margin:0 1px !important; text-align:right;}
.pagenavi a,.pagenavi span{border:1px #d3d3d3 solid; background:#fff; color:#525152;line-height:16px; padding:2px 7px;display: -moz-inline-stack;display:inline-block;zoom: 1;*display: inline;}
.pagenavi a:hover{ background:#525152; border:1px #525152 solid; color:#fff;}
.pagenavi a[disabled*="disabled"]:hover{border:1px #d3d3d3 solid; background:#fff;color:#525152;}

.coming{height:400px; line-height:400px; background:url(../images/common/coming.gif) no-repeat 0 center; text-indent:-9999em;}
/* =9 Footer–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer .links{background:#999999; line-height:18px; padding:4px 0; text-align:center;}
#footer .links a{color:#333333; border-right:1px #333333 solid; padding:0 8px;}
#footer .links a.last{border:0;}
#footer .fin{background:#333333; line-height:29px; color:#999; font-size:11px; padding:0 17px 0 19px; overflow:hidden; zoom:1;}
#footer .fin a{color:#999; border-bottom:1px #999 solid;}
#footer .fin .left{width:50%; float:left;}
#footer .fin .right{width:50%; float:right; text-align:right;}
/* =10 Detail–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.detailwrap{padding:0 23px 30px 28px;}
.detailhead{border-bottom:1px #8b8b8b dotted; height:auto;  margin:0 0 15px 0; padding:0 0 5px 0;}
.detailhead h2{display: -moz-inline-stack;display:inline-block;zoom: 1;*display: inline; color:#b62525; font-size:18px; font-family:Arial, Helvetica, sans-serif;margin:0 10px 0 0;line-height:37px;}
.detailhead p{display: -moz-inline-stack;display:inline-block;zoom: 1;*display: inline; color:#a5a5a5; font-size:12px;}
.detailhead p span{margin:0 22px 0 0;}
.detailbody{color:#000; line-height:20px; font-size:12px;font-family:Arial, "\5b8b\4f53",Tahoma, Helvetica, sans-serif;}
.detailbody p{margin:0 0 10px 0; text-indent:0em;}
.detailbody img{display:block; margin:0 auto 25px;}
.detailbody p img{display:block; margin:0 auto 2px;}
.detailfoot{margin:9px 0 0; text-align:center;}
.detailfoot a{display: -moz-inline-stack;display:inline-block;zoom: 1;*display: inline; background:#ab0303; color:#fff; width:100px; margin:0 4px;}
.detailfoot a,.detailfoot a:hover,.detailfoot a:visited{color:#fff; }


/* =11 footer1–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer1 .links{background:#999999; line-height:18px; padding:4px 0; text-align:center;}
#footer1 .links a{color:#333333; border-right:1px #333333 solid; padding:0 8px;}
#footer1 .links a.last{border:0;}
