﻿body{
	margin:0px;
	text-align:center;
	font-size:14px;
	background-color: #EDF2E8;
}

table,tr,td {margin:0px; font-size:14px;}

.btn{
width:130px;
border:1px #0099CC solid;
line-height:15px;
height:15px;
background:#dcecfd;
}
a {
	font-size: 14px;
	color: #086191;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #086191;
}
a:hover {
	text-decoration: underline;
	color: #f60;
}
a:active {
	text-decoration: none;
	color: #086191;
}

.left { float:left; margin-left:10px;}
ul,li{margin: 0;padding: 0;border: 0;}
ul{list-style-type:none; margin:0; padding:0;}
li{font-size:14px;line-height:23px;}
#container {
	width:960px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	background:url(bg.jpg);
}
#top{
	width:955px;
	height:80px;
	text-align:left;
	margin-top:8px;
	color:#086191;
	}
#menu{ 
	background:#7fbdf8 url(top_bg_purple.jpg);
	width:955px;
	height:58px;
	margin-top:5px;
	margin-bottom:5px;
	vertical-align:middle;
	line-height:29px;
	color:#eafcfe;
	text-align:center}
#menu a {
	font-size: 12px;
	color: #eafcfe;
}
#menu a:link {
	text-decoration: none;
}
#menu a:visited {
	text-decoration: none;
	color: #eafcfe;
}
#menu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#menu a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#content01{
text-align:left}	

.fp5,.fp8{ background:#f2ecf9}
.fp0 .tit{background:url(list_tbg_purple.gif) no-repeat left top;height:28px;line-height:28px;}
.fp0 .content{background:#FFF;border:1px solid #bea4e1;margin-top:0;padding:8px;}
.fp_ks .tit{background:url(list_tbg_purple.gif) no-repeat left top;height:28px;line-height:28px;}
.fp_ks .content{background:#FFF;border:1px solid #bea4e1;margin-top:0;padding:8px;}
.fp1 .tit{background:url(index_tbg03_purple.gif) no-repeat left top;height:28px;line-height:28px;}
.fp1 .content{background:#FFF;border:1px solid #bea4e1;margin-top:0;padding:8px;}
.fp2 .tit{background:url(index_tbg02_purple.gif) no-repeat left top;height:28px;line-height:28px;}
.fp2 .content{background:#FFF;border:1px solid #bea4e1;margin-top:0;padding:8px;}
.fp3{ margin-left:5px;}
.fp3 .tit{background:url(index_tbg03_purple.gif) no-repeat left top;height:28px;line-height:28px;}
.fp3 .content{background:#FFF;border:1px solid #bea4e1;margin-top:0;padding:8px;}
.fp4 .tit{background:url(index_tbg05_purple.gif) no-repeat left top;height:28px;line-height:28px;}
.fp4 .content3{background:#FFF;border:1px solid #bea4e1;margin-top:0;padding:8px;height:100px}
.fp5 .tit{background:url(index_hotnews.gif) no-repeat left top; height:33px;line-height:33px;}
.fp5 .content{background:#FFF;border:1px solid #bea4e1;margin:5px;margin-top:0;padding-right:0px; padding-bottom:8px; padding-left:8px; padding-bottom:8px}
.fp5 li{padding:0px;}
.fp6 .tit{background:url(index_sepcenter.gif) no-repeat left top;height:33px;line-height:33px;}
.fp6 .content2{background:#FFF;border:1px solid #bea4e1;margin:5px;margin-top:0;padding:8px;}
.fp8 li{ border-bottom:1px dashed #eeeeee;padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:5px; line-height:18px;}
.fp8 .content2{background:#FFF;border:1px solid #bea4e1;margin:5px;margin-top:0;padding:4px;}
.fp2 li,.fp3 li,.fp0 li,.fp_ks li{ border-bottom:1px dashed #eeeeee;background:url(title_dot.gif) no-repeat left 45%;}
.fp4 li { border-bottom:1px dashed #eeeeee; float:left; width:325px;}
.fp6 li{ border-bottom:1px dashed #eeeeee;background:url(title_dot.gif) no-repeat left 45%;padding-left:10px}
.new{ color:#FF0000; font-family:Verdana, Geneva, sans-serif; font-size: 9px;}
.dotlist{padding:0 6px;}
.dotlist li{padding-left:10px;background:url(title_dot.gif) no-repeat left 45%;}
.center{ text-align:center;}

#index_gg{
width:255px;
}

#index_t2 {width:320px; float:left}
#index_t2 H1 {
	FONT-SIZE: 12px;
	BACKGROUND: url(index_tbg02_purple.gif) no-repeat 0px 0px;
	FLOAT: left;
	WIDTH: 320px;
	HEIGHT: 27px;
	color:#006600;
}
#index_t2 H1 SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px;FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px 3px; PADDING-TOP: 5px; HEIGHT: 18px
}
#index_t2 DIV {
	BORDER-RIGHT: #bea4e1 1px solid; BORDER-TOP: #bea4e1 1px; FLOAT: left; MARGIN: 0px; BORDER-LEFT: #bea4e1 1px solid; WIDTH: 227px; BORDER-BOTTOM: #bea4e1 1px solid
}
#index_t2 UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 10px; BACKGROUND: url(index_cbg01_purple.gif) repeat-x 0px bottom; FLOAT: left; PADDING-BOTTOM: 7px; MARGIN: 0px 1px; WIDTH: 306px; PADDING-TOP: 9px
}

#index_t3 {width:245px;}
#index_t3 H1 {
	FONT-SIZE: 12px; BACKGROUND: url(index_tbg03_purple.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 245px; HEIGHT: 28px; color:#006600;
}
#index_t3 H1 SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px;FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px 3px; PADDING-TOP: 5px; HEIGHT: 18px
}
#index_t3 DIV {
	BORDER-RIGHT: #bea4e1 1px solid; BORDER-TOP: #bea4e1 1px; FLOAT: left; MARGIN: 0px; BORDER-LEFT: #bea4e1 1px solid; WIDTH: 227px; BORDER-BOTTOM: #bea4e1 1px solid
}
#index_t3 UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 10px; BACKGROUND: url(index_cbg01_purple.gif) repeat-x 0px bottom; FLOAT: left; PADDING-BOTTOM: 7px; MARGIN: 0px 1px; WIDTH: 231px; PADDING-TOP: 9px
}
 
#index_gg H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#index_gg H1 {
	FONT-SIZE: 12px;
	BACKGROUND: url(index_tbg01_purple.gif) no-repeat 0px 0px;
	FLOAT: left;
	WIDTH: 255px;
	HEIGHT: 28px;
	color:#006600;
}
#index_gg H1 SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px;FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px 3px; PADDING-TOP: 5px; HEIGHT: 18px
}
#index_gg DIV {
	BORDER-RIGHT: #bea4e1 1px solid; BORDER-TOP: #bea4e1 1px; FLOAT: left; MARGIN: 0px; BORDER-LEFT: #bea4e1 1px solid; WIDTH: 253px; BORDER-BOTTOM: #bea4e1 1px solid;
}
#index_gg UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; PADDING-BOTTOM: 7px; MARGIN: 0px 1px; WIDTH: 250px; PADDING-TOP: 9px
}
#index_zj{ height:138px; margin-left:5px;margin-top:10px; border:1px solid #5cc0f7;width:275px; line-height:18px;}
.zj_left{ float:left; background:#5cc0f7; width:20px;height:130px; font-weight:bold; color:#FFFFFF; text-align:center; vertical-align:middle; line-height:30px; padding-top:8px;}
#index_zj img { border:1px solid #5cc0f7; margin-top:7px; margin-right:2px;}

#banner_01{ margin:5px 0 5px 0;width:955px;height:60px; BACKGROUND: url(banner_bg.jpg);line-height:60px;font-size:28px; text-align:center; color: #FFFFCC; font-weight:bold}
.date{
	color: #99CC99;
	float:right;
}
#main2{ width:637px; height:350px; padding:5px; background:#e5f5fe; margin:0px 5px 0 5px;}
h2{ FONT-SIZE: 12px;color:#006600; margin:0 0 0 15px; line-height:27px;}
.main3{ width:640px; float:left}
.main33{ width:672px; float:left}
.content ul{DISPLAY: inline;}
#index_gg li{ border-bottom:1px dashed #eeeeee;}

#index_server {width:173px; height:350px; BACKGROUND:#fff;}
#index_server H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}

#index_server H1 {
	FONT-SIZE: 12px; BACKGROUND: url(index_tbg04.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 173px; HEIGHT: 28px; color:#006600;
}
#index_server H1 SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px;FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px 3px; PADDING-TOP: 5px; HEIGHT: 18px
}
#index_server DIV {
	BORDER-RIGHT: #bea4e1 1px solid; BORDER-TOP: #bea4e1 1px; FLOAT: left; MARGIN: 0px; BORDER-LEFT: #bea4e1 1px solid; WIDTH: 171px; BORDER-BOTTOM: #bea4e1 1px solid;
}
#index_server UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; PADDING-BOTTOM: 7px; MARGIN: 0px 1px; WIDTH: 160px; PADDING-TOP: 9px
}
#index_server LI { line-height:35px;}


#index_link{ width:785px; height:51px; background:url(link_bg_purple.gif) no-repeat; margin:8px 0 8px 0; padding:20px 20px 20px 150px;}

#footer{ background:url(foot_bg_purple.gif); width:100%; height:96px; text-align:center; border-top:3px solid #B8D2E2; line-height:22px;}

.main3 .fp0 .tit h2{ color:#e0e0e0}
.main3 .fp0 .tit a{ color:#FFFFFF}

#recommend {width:173px;BACKGROUND:url(index_cbg01_purple.gif) repeat-x 0px bottom; margin-bottom:10px;}
#recommend H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}

#recommend H1 {
	FONT-SIZE: 12px; BACKGROUND: url(index_tbg04_purple.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 173px; HEIGHT: 28px; color:#006600;
}
#recommend H1 SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px;FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px 3px; PADDING-TOP: 5px; HEIGHT: 18px
}
#recommend DIV {
	BORDER-RIGHT: #bea4e1 1px solid; BORDER-TOP: #bea4e1 1px; FLOAT: left; MARGIN: 0px; BORDER-LEFT: #bea4e1 1px solid; WIDTH: 171px; BORDER-BOTTOM: #bea4e1 1px solid;
}
#recommend UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; PADDING-BOTTOM: 7px; MARGIN: 0px 1px; WIDTH: 160px; PADDING-TOP: 9px; padding-left:6px;
}
#recommend li{background:url(title_dot.gif) no-repeat left 45%;}

.news_title { font-size:16px; font-weight:bold; color:#000000; width:90%; text-align:center; clear:both; line-height:30px;}
.news_dis { font-size:12px; font-weight:bold; color:#999999; width:90%; text-align:center; clear:both; line-height:30px; margin-bottom:20px;}
.news_content{ font-size:14px; line-height:25px;}


#k_sitemaps {display:block;clear:both;width:94%;margin:5px 3%;text-align:left;}
#k_sitemaps ul li ul li {display:block;clear:both;width:120px;margin-left:125px;list-style-type:none;}
#k_sitemaps a {display:block;line-height:24px;width:120px;background:#eee;margin-top:5px;text-align:center;}
#k_sitemaps a:hover {background:#f3f3f3;font-weight:bold;}
.k_rootmenu {font-weight:bold;}

.k_pagelist {display:table;clear:both;width:100%;margin:0px;line-height:30px;text-align:left;}/* {king:pagelist/} 分页列表 构成:div a|strong|span */
.k_pagelist a {margin:0px 3px 0px 3px;color:#797979;}
.k_pagelist strong {margin:0px 3px;color:#B6550E;}
.pagelist span {margin:0px 3px;color:#797979;}

.t_bg{ background: #f2ecf9}
#sep_1{ background:url(index_sepcenter1_purple.gif); width:232px; height:34px; margin:0px; padding:0px}
#sep_2{ background:url(index_sepcenter2_purple.gif); width:232px; height:34px; margin:0px; padding:0px}
#sep_3{ background:url(index_sepcenter3_purple.gif); width:232px; height:34px; margin:0px; padding:0px}
#hotnews_t{ background:url(index_hotnews_purple.gif); width:430px; height:34px; margin:0px; padding:0px}


#side ul,li{margin: 0;padding: 0;border: 0;}
#side ul{margin:0; padding:0;background: #360;}
#side li { float:left; width:100%; height:35px; background:url(tszx_bg_purple.gif) repeat-x;}
#side li a { color: #030; display:block; font-size:18px; font-weight:bold; text-decoration:none; padding:3px 10px 10px 10px;}
#side li a:hover{ background:url(side_menu_hover.jpg) left top no-repeat; color: #C90;}
#side li a.here{ background:url(side_menu_hover.jpg) left top no-repeat; color:#fff;}









/* 美化TH元素 */ 
thead.fixedHeader th { background: #BCD6D3; border-left: 1px solid #EB8; 
border-right: 1px solid #78B0D1; border-top: 1px solid #78B0D1; font-weight: normal; 
padding: 4px 3px; text-align: center;} 

/* 美化A元素，使表头能够点击 */ 
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited 
{ color: #FFF; display: block; text-decoration: none; width: 100%;} 

/* 美化A元素，使表头能够点击 */ 
/* 警告: 在WinIE 6.x 下使用hover来切换背景可能会有问题 */ 
thead.fixedHeader a:hover 
{ color: #FFF; display: block; text-decoration: underline; width: 100%;} 

/* 美化TD元素，使表格行可以间隔显示 */ 
/* http://www.alistapart.com/articles/zebratables/ */ 
tbody.scrollContent td, tbody.scrollContent tr.normalRow td 
{ background: #FFF; border-bottom: none; border-left: none; 
border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px;} 
tbody.scrollContent tr.alternateRow td 
{ background: #EEE; border-bottom: none; border-left: none; 
border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px;} 
--> 

<!-- 为遵守标准的浏览器实现卷动表格 --> 

<!-- 
/* 创建一个有边的盒子（事实上是为了IE才需要这么做） */ 
div.tableContainer { clear: both; overflow: hidden; 
width: 686px; height: 485px; border: 1px solid #963;} 

/* 定义表格宽度，应该填满外面的容器 */ 
div.tableContainer table { width: 686px;} 

/* 使THEAD元素有block级别的属性，对所有非IE浏览器 */ 
/* 使TBODY元素的overflow有用，对所有非IE、非Mozilla浏览器 */ 
thead.fixedHeader { display: block;} 

/* 使表格内容可以卷动的定义 */ 
/* 使TBODY元素有block级别的属性，对所有非IE浏览器 */ 
/* 使TBODY元素的overflow有用，对所有非IE、非Mozilla浏览器 */ 
/* 导致的副作用是子节点的TD元素的width: auto属性不再有用了 ,重要对于firefox 单元格收缩了，但是tbody,thead没有收缩！ */ 
tbody.scrollContent { display: block; height: 462px; overflow-y:scroll; width: 100%;} 

--> 
</STYLE>
<!-- 用表格外围容器的卷动来模拟在IE下的卷动效果 -->
<STYLE type=text/css> 

/* define height and width of scrollable area. Add 16px to width for scrollbar */ 
div.tableContainer { 
clear: both; 
height: 485px;
overflow-y:scroll;
/*add by yiminghe ，禁止水平滚动条出现*/ 
overflow-x:hidden; 
} 

/* Fit the table inside the container. Width = table width + 16px scrollbar */ 
div.tableContainer table { 
float: left; 
width: 670px 
} 

/* Kill border on right side of table to prevent IE7 sidescrolling */ 
thead.fixedHeader, tbody.scrollContent { 
border-right: none; 
} 

/* set table header to a fixed position. */ 
/* In WinIE 6.x, any element with a position property set to relative and is a child of */ 
/* an element that has an overflow property set, the relative value translates into fixed. */ 
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto  
很神奇，第一次知道overflow + relative == fix  
*/ 
thead.fixedHeader tr { 
position: relative 
} 

/* Make the table rows the correct height. */ 
/* Without this, they inherit the TABLE’S height, which is not what we want.  
每个数据行会变得和table一样高 
*/ 
tbody.scrollContent { 
height: auto; 
} 
