@charset "gb2312";
/*
文件: /homepage/style/base.css, CR LF, GB2312
*/

body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img,
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}

body{
background:#fff none; color:#333; font-size:12px; font-family:"宋体", Arial; font-style:normal; font-weight:normal;}
b, i{
font-style:normal; font-weight:inherit;}

p{
line-height:20px;}

a{color:#000; text-decoration:none;}
a:link, a:visited{}
a:hover, a:active{text-decoration: underline;}
a.on:hover, a.cur:hover, .on a:hover, .cur a:hover{text-decoration:none;}

img{border:0 none;}

ul, ol{list-style-type:none;}
ul:after, ol:after{
content:"."; display:block; clear:both; visibility:hidden;
font-size:0px; line-height:0px; height:0;}

.hide{
display:none;}
hr{display:none;}
.hr{margin:3px 0; height:1px; background:url(/Library/image/dot/dot_h_1.gif) repeat-x left top; font-size:0px; line-height:0px;}

.vspace{height:8px; font-size:0px; line-height:0px; width:99%; clear:both;}
.hspace{width:5px; font-size:0px; line-height:0px; float:left;}

.l{float:left;}
.r{float:right;}

#page_bar
, #page_head
, #page_body
, #page_bottom
	{clear:both;}

#page_bottom
	{margin-bottom:8px;}

.clear_float
, .clear
{clear: both;}

/**
column_layout*/
.wholepage{
clear:both;
width:100%;
margin:0 auto;
text-align:left;
}

.column_wrapper{
clear:both;
width:778px;
margin:0 auto;
text-align:left;
}

.column_wrapper .col_1
, .column_wrapper .col_2
, .column_wrapper .col_3
, .column_wrapper .col_4
{
float:left;
_zoom:1;
}

.column_wrapper .col_1{clear:left;}

.column_wrapper .col_last
{
margin-right:0;
}

/*
lc-> layout_column

*/
.lc_w{}
.lc_w .col_1{width:778px;}

.lc_hmpg{}/**零首页分栏结构*/
.lc_hmpg .col_1{width:480px;margin-right:6px;}
.lc_hmpg .col_2{width:292px;}


.column_wrapper:after
{
content:"."; display:block; clear:both; visibility:hidden;
font-size:0px; line-height:0px; height:0;
}
.column_wrapper .clear
, .column_wrapper .column_finish
{clear:both;}

/*- page_base -*/
/*
标准部分
这一部分相对来说改动很少，页面主体尺寸和样式
*/

body{color:#0B5596;}
a{color:#0B5596;}
/****
page_body begin
*/

/*
=========================================
begin
module frame*/
.md{
clear:both;
border:1px solid #ccc;
_zoom:1;
}

.md .md_hdc{height:5px; font-size:1px; overflow:hidden; background:url(img/bg_md_hdc_l.gif) no-repeat left top; margin:0px 0px -3px; position:relative;}
.md .md_hdc b{width:5px; height:5px; float:right; background:url(img/bg_md_hdc_r.gif) no-repeat right top;}
.md .md_hdc b.cl{}
.md .md_hdc b.cr{}

.md .md_ftc{clear:both; display:none;}
.md .md_ftc b{}
.md .md_hdc b.cl{}
.md .md_hdc b.cr{}

.md .md_hd{
clear:both;
background: url(img/bg_md_hd.gif) top repeat-x;
height:25px;
overflow:hidden;
line-height:27px;
}
.md .md_hd a{
}

.md .md_hd .mh_icon{float:left; margin-left:5px; display:none;}
.md .md_hd .mh_title{font-size:14px; float:left; margin-left:10px; display:inline;}
.md .md_hd .mh_subtitle{font-size:12px; float:left; margin-left:5px; display:inline;}
.md .md_hd .mh_option{float:right; margin-right:10px; display:inline;}
.md .md_hd .mh_option .more_btn{display:inline; background:url(img/dot_cor.gif) no-repeat left 2px; padding-left:12px;}

.md .md_hd ul.mh_tabs{
margin-left:5px;
float:left; display:inline;
margin-top:4px;
height:22px;
line-height:24px;
overflow:hidden;
}

.md .md_hd ul.mh_tabs li{
background-color:#eee;
border:1px solid #000;
border-bottom:0 none;
border-color:#fff #999 #999 #fff;
float:left;
padding:0 8px;
margin-right:2px;
}
.md .md_hd ul.mh_tabs li.cur{
border:1px solid #000;
border-color:#999 #fff #fff #999;
position:relative;
margin-top:-2px;
height:22px;
line-height:23px;
background-color:#fff;
font-weight:bold;
}
.md .md_hd ul.mh_tabs li.cur a{font-weight:bold;}

.md .md_bd{clear:both; padding:10px;
/*_height:1px; min-height:1px;*/
}

.md .mb_2col{clear:both; _zoom:1;}
.md .mb_2col .mb_col_1, .md .mb_2col .mb_col_2{float:left; width:49.9%;}
.md .mb_3col{clear:both; _zoom:1;}
.md .mb_3col .mb_col_1, .md .mb_3col .mb_col_2, .md .mb_3col .mb_col_3{float:left; width:33.3%;}

.md .mb_2col2{clear:both; _zoom:1;}
.md .mb_2col2 .mb_col_1{float:left; width:37.5%; margin-right:8px;}
.md .mb_2col2 .mb_col_2{float:left; width:60%;}
/*
end
module frame*/

/*
begin
module content style define*/
.md .mb_common, .md .md_bd .mb_content{clear:both; margin:10px 10px 0;}

.mb_dot_line{background:url(/library/image/dot/dot_h_1.gif) repeat-x left top; margin:5px 10px 4px; height:1px; font-size:0;}

.md .md_bd .mb_option{clear:both; float:right;}
.md .md_bd .mb_option .more_btn{float:left;}

.md_bd .mb_caption{font-size:13px; padding:3px 10px 1px; background-color:#cfc; float:left; clear:both; display:inline; margin:5px 5px 3px; font-weight:bold;}
.md_bd .mb_caption span{}

.md .mb_2col:after
, .md .md_bd:after
, .md .mb_3col:after
, .common_form .form_row:after
, .common_form .form_function:after
, .common_form .form_option:after
{
content:"."; display:block; clear:both; visibility:hidden;
font-size:0px; line-height:0px; height:0;
}/*for firefox*/


#page_head {
clear:both;
margin-bottom:2px;
}

/**
====================================
图像区域(简单)*/
.md .image_box{ width:100%; overflow:hidden;}
.md .image_box img{border:1px solid #C2D6E0; margin-bottom:4px;}
.md .image_box img.l{margin-right:5px;}
.md .image_box img.r{margin-left:5px;}
/*====================================图片 + 文字 组合*/
.md .image_box .image{
float:left; min-height:1px; margin-right:6px; display:inline; text-align:center; width:172px; background:#ECECEC;}
.md .image_box .text{ padding:3px 0px 2px !important; padding:0px 0px 2px; text-align:center;}

/**/
.md .image_box .text_box{line-height:18px;}
/*====================================图片 + 列表 组合*/
.md .image_box .title_list_box{line-height:18px; float:left; font-size:14px; display: inline;}
.md .image_box .title_list_box ul li{ line-height:22px;}


/*- image_list -*/
/*
====================================
图像列表*/

.md .image_list_box{
	clear:both;
	margin-right: -14px;
}
.md .image_list_box ul{clear:both; _zoom:1; margin-right:-10px;}
.md .image_list_box ul li{_zoom:1; float:left;margin:0 6px 5px 0;}
.md .image_list_box ul li .title{text-align:center; font-size:16px; font-family:"黑体"; font-weight:normal;}

.md .image_list_box ul li .image{background:#fff; overflow:hidden; padding:0px; text-align:center;}
.md .image_list_box ul li .image img{}

.md .image_list_box ul li .text{padding:4px 4px 0;text-align: center;}

/*一行多图片*/
.md .image_list_box ul.il_2_img{}
.md .image_list_box ul.il_2_img li{}
.md .image_list_box ul.il_3_img{}
.md .image_list_box ul.il_3_img li{}
.md .image_list_box ul.il_4_img{}
.md .image_list_box ul.il_4_img li{}
.md .image_list_box ul.il_5_img{}
.md .image_list_box ul.il_5_img li{}
.md .image_list_box ul.il_6_img{}
.md .image_list_box ul.il_6_img li{}
.md .image_list_box ul.il_7_img{}
.md .image_list_box ul.il_7_img li{}

/*标识一行中的第一和最后一个*/
.md .image_list_box ul li.first{}
.md .image_list_box ul li.last{}


/**
====================================
文字区域(简单)*/
.md .text_box{}
/*各级标题*/

.md .text_box h1{font-size:18px; margin:2px 0 4px; font-weight:bold; line-height:24px;}
.md .text_box h1 a{}

.md .text_box h2{font-size:16px; margin:2px 0 4px; font-weight:bold; line-height:22px;}
.md .text_box h2 a{}

.md .text_box h3{font-size:14px; margin:0 0 1px; font-weight:bold; line-height:20px;}
.md .text_box h3 a{}

.md .text_box h4{font-size:12px; margin:1px 0 2px; font-weight:bold; line-height:18px;}
.md .text_box h4 a{}

.md .text_box img{border:1px solid #C2D6E0;}
.md .text_box h1 img, 
.md .text_box h2 img, 
.md .text_box h3 img, 
.md .text_box h4 img, 
.md .text_box h5 img{border:none;}

.md .text_box img.l{margin:0 5px 5px 0;}
.md .text_box img.r{margin:0 0 5px 5px;}

.md .text{line-height:20px;}

/*大标题(居中)*/
.md .tb_type_1{text-align:center;}
.md .tb_type_1 p{text-align:left; }

/*标题、文字简介*/
.md .tb_type_2{}

/*段落文字有左边距*/
.md .tb_type_3 p{margin-left:0px;}
.md .text_box .view_detail{padding-left:12px; text-decoration:underline;}


/*- title_list -*/
/*
====================================
标题列表*/
.md .title_list_box{_zoom:1;}
.md .title_list_box .tl_caption{
height:21px; font-size:13px; line-height:21px;
float:left; margin:0px 0px 3px; font-weight:bolder; clear:left;
background:url(img/bg_caption_m.gif) repeat-x top;
}

.md .title_list_box .tl_caption .rc_1{float:left; height:21px;
background:url(img/bg_caption_l.gif) no-repeat left top; padding-left:5px;
}
.md .title_list_box .tl_caption .rc_2{float:left; height:20px; padding-top:1px;
background:url(img/bg_caption_r.gif) no-repeat right top; padding-right:5px;
}

.md .title_list_box .image_title{margin-bottom:3px; _zoom:1;}
.md .title_list_box .image_title img{margin-bottom:3px;}
.md .title_list_box .image_title_02{margin-bottom:3px; _zoom:1;}
.md .title_list_box .image_title_02 img{float:left; margin:0 3px 3px 0;}

.md .title_list_box .tl_dot_line{background: url(library/image/dot/dot_h_1.gif) repeat-x center cneter;}
.md .title_list_box .tl_option{clear:both; _zoom:1; margin:5px 0 0; float:right; display:inline;}
.md .title_list_box .tl_option a.more_btn{float:left; background: url(/library/style/page/img/dot_cor.gif) no-repeat left 2px; padding-left:12px;}


.title_list_box ul.title_list{clear:both;}
* html .title_list_box ul.title_list{zoom:1;}

.title_list_box ul.title_list li{
clear:both;
background:url(img/dot_title_list.gif) no-repeat left 8px; padding-left:6px;
line-height:20px;
font-size:12px;}
html body .title_list_box ul.no_line_dot li{background-image:none; padding-left:0;}

ul.title_list li a{}

.title_list_box .label, .title_list_box .label a{color:#0099FF;}
.title_list_box .date{color:#999;}

.title_list_box:after{
content:"."; display:block; clear:both; visibility:hidden;
font-size:0px; line-height:0px; height:0;
}

/**
1 行多列列表的结构还是要考虑
.title_list_box ul.tl_2l li{float:left; width:47.0%; margin-right:1%; padding-left:0; clear:none;}
.title_list_box ul.tl_3l li{float:left; width:31.0%; margin-right:1%; padding-left:0; clear:none;}
.title_list_box ul.tl_4l li{float:left; width:22.0%; margin-right:1%; padding-left:0; clear:none;}
.title_list_box ul.tl_5l li{float:left; width:17.0%; margin-right:1%; padding-left:0; clear:none;}
* html .title_list_box ul.tl_2l li, 
* html .title_list_box ul.tl_3l li, 
* html .title_list_box ul.tl_4l li, 
* html .title_list_box ul.tl_5l li{display:inline;}

.title_list_box ul.tl_2l:after, 
.title_list_box ul.tl_3l:after, 
.title_list_box ul.tl_4l:after, 
.title_list_box ul.tl_5l:after{content: ".";visibility: hidden;display: block;height: 0;clear: both; font-size:0px; line-height:0;}*/