@charset "gb2312";
html{
	overflow-x:hidden;
	overflow-y:auto;
}
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #999;
	margin: 0;
	padding: 0;
	color: #000;
	font-size:14px;
	overflow-x:hidden;
}

/* ~~ 元素/标签选择器 ~~ */
ul, ol, dl { /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
	list-style:none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 15px;
	padding-left: 15px; /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}
a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
	color: #42413C;
	text-decoration: none; /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}
a:visited {
	color: #42413C;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
	text-decoration: none;
}

/* ~~ 此固定宽度容器包含其它 div ~~ */
#container {
	width: 1003px;
	background: #FFF;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
#header {
	background: #fff;
}
#header .logo img{
	float:left;
	width:204px;
	height:70px;
	display:block;
}
#header #navMenu{
	background:url(imagesnavMenu_ul_bg.gif) repeat-x;
	height:48px;
	}
#header #navMenu ul{
	background:url(imagesnavMenu_ul_bg.gif) repeat-x;
}
#header #navMenu ul li{
	float:left;
	width:87px;
	height:48px;
	display:block;
	background:url(imagesnavMenu_bg.gif) left bottom no-repeat;
	text-align:right;
	}
#header #navMenu ul li:hover{background:url(imagesnavMenu_bg_hover.gif) left bottom no-repeat;}
#header #navMenu ul li a{
	display:block;
	height:33px;
	padding-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0b7469;
	text-decoration:none;
	}
#header .subNav{
	float:left;
	height:22px;
	width:799px;
	background:#1b8f83 url(imagessubNav.gif) right no-repeat;
	}
#header .banner-l{
	float:left;
	height:226px;
	width:204px;
	background:url(imagesbanner_left.gif) no-repeat;
	}
#header .banner-m{
	float:left;
	height:226px;
	width:528px;
	background:url(imagesbanner_middle.gif) no-repeat;
	}
#header .banner-r{
	float:left;
	height:226px;
	width:271px;
	background:url(imagesbanner_right.jpg) no-repeat;
	}
/* ~~ 以下是此布局的列。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何"方框模型数学"。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

2) 由于这些列均为浮动列，因此未对其指定边距。如果必须添加边距，请避免在浮动方向一侧放置边距（例如：div 中的右边距设置为向右浮动）。在很多情况下，都可以改用填充。对于必须打破此规则的 div，应向该 div 的规则中添加“display:inline”声明，以控制某些版本的 Internet Explorer 会使边距翻倍的错误。

3) 由于可以在一个文档中多次使用类（并且一个元素可以应用多个类），因此已向这些列分配类名，而不是 ID。例如，必要时可堆叠两个侧栏 div。您可以根据个人偏好将这些名称轻松地改为 ID，前提是仅对每个文档使用一次。

4) 如果您更喜欢在右侧（而不是左侧）进行导航，只需使这些列向相反方向浮动（全部向右，而非全部向左），它们将按相反顺序显示。您无需在 HTML 源文件中移动 div。

*/
.sidebar1 {
	float: left;
	width: 206px;
	background: #fff;
	padding-bottom: 10px;
	margin:25px 0 0 17px;
}
.sidebar1 .column-bg{
	background:url(imagescolumn_bg.gif) no-repeat;
	width:182px;
	height:60px;
	margin-bottom:25px;
	}
.sidebar1 .column-bg h1{
	font-size:18px;
	color:#fff;
	padding:28px 0 0 68px;
	font-weight:normal;
	}
	
/* ~~ 导航列表样式（如果选择使用预先创建的 Spry 等弹出菜单，则可以删除此样式） ~~ */
ul.nav {
	list-style: none; /* 这将删除列表标记 */
	margin-left:10px;
}
ul.nav li {
	background:url(imageslist_pic.gif) 20px center no-repeat;	
	border-bottom: 1px solid #ddd; /* 这将创建按钮间隔 */
	text-indent:25px;
	width:170px;
	font-weight:normal;
	font-family:"黑体","Verdana ",   "宋体 ";
}
ul.nav a, ul.nav a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
	padding: 5px 5px 5px 15px;
	display: block; /* 这将为链接赋予块属性，使其填满包含它的整个 LI。这样，整个区域都可以响应鼠标单击操作。 */
	width: 176px;  /*此宽度使整个按钮在 IE6 中可单击。如果您不需要支持 IE6，可以删除它。请用侧栏容器的宽度减去此链接的填充来计算正确的宽度。 */
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* 这将更改鼠标和键盘导航的背景和文本颜色 */
	color: red;
}
.work-time{
	margin-top:150px;
	background:url(imageswork_time.gif) no-repeat;
	height:55px;
	width:181px;
	padding:64px 0 0 10px;
}
.work-time p{
	margin:0;
	line-height:18px;
	font-size:12px;
	color:#666;
}
.contact{
	margin-top:30px;
	background:url(imagescontact.gif) no-repeat;
	height:48px;
	width:181px;
	padding:54px 0 0 0px;
}
.contact p{
	margin:0;
	line-height:18px;
	font-size:12px;
	color:#666;
	padding:0 0 0 10px;
}
#content {
	margin:15px 0 0 0;
	padding: 10px 0;
	width: 760px;
	float: left;
	overflow:hidden;
}


/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
#content h2{
	line-height:40px;
	background:url(imagestitle_bg.gif) no-repeat 10px center;
	margin:0 0 0 20px;
	width:90%;
	border-bottom:solid 1px #ddd;
	color:#339c9a;
	text-indent:60px;
	}
#content h3{
	text-align:center;
	margin:0;
	}
#content .navigation{
	margin:0 30px 20px 0;
	padding:0;
	float:left;
	width:700px;
	text-align:right;
	font-size:13px;
	}
#content .navigation a{
	font-size:13px;
	text-decoration:none;
	}		
#content .navigation span{
	padding:0 4px;
	margin-right:5px;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	}	
#content .date{
	margin:0 130px 10px 0;
	padding:0;
	float:left;
	width:650px;
	text-align:right;
	font-size:13px;
	color:#666;
	}
#content p{
	line-height:24px;
	font-size:14px;
	margin:8px 0;
}
#content p h1,h2,h3,h4{
	font-size:18px;
	font-weight:bold;
}
#content div{
	padding:0 15px;
	}
/*-------- 限制内容页图片最大宽度 ---------\templets\style-----*/
 #content div img{ max-width:650px; width:expression(document.body.clientWidth > 650? "650px": "auto" );}
	
/* ~~ 脚注 ~~ */
#footer {
	height:150px;
	padding: 40px 0  0 0;
	background: #fff url(imagesfooter_bg.gif) no-repeat;
	position: relative;/* 这可以使 IE6 hasLayout 以正确方式进行清除 */
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
}
#footer p{
	font-size:13px;
	text-align:center;
	margin:2px;
	}
/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/****************************list页面样式*****************************/
.list{
	margin:4px 0 4px 20px;
	width:700px;
}
.list li{
	text-indent:20px;
	height:22px;
	width:700px;
	display:block;
}
.list li a{
	text-decoration:none;
	color:black;
}
.list li a:hover{
	color:red;
	text-decoration:underline;
}
.list li span.title{
	float:left;
}
.list li span font.setion{
	font-family:"黑体";
}
.list li span.info{
	float:right;
	margin-right:40px;
}
.list_1{
	margin-left:30px;
	line-height:23px;
}
.list_1 li{
	background:#ebfbf7;
	width:700px;
	display:block;
	margin:20px 0;
	padding:10px 10px;
	float:left;
}
.list_1 li .title{
	float:left;
	width:350px;
	font-size:15px;
	font-weight:bold;
	color:#000;
	text-align:left;
	margin-bottom:10px;
}
.list_1 li .detail{
	float:left;
	width:250px;
	color:#eee;
	text-align:right;
	padding:0
}
.list_1 li .description{
	float:left;
	width:650px;
	color:#000;
	text-align:left;
}
.list_1 li a{
	text-decoration:none;
}
.list_1 li a:hover{
	color:red;
	text-decoration:underline;
}

/*-------- 下拉菜单 ---------\templets\style-----*/
.dropMenu {
 position:absolute;
 top: 0;
 z-index:100;
 visibility: hidden;
 margin-top: -1px;
 padding-top:6px;
 padding-bottom:6px;
 background:#1b8f83;
 list-style:none;
list-style-type:none;
list-style-image:none;
}

.dropMenu li {
	margin:6px 18px 6px 16px;
	display:list-item;
	list-style:none;
}
.dropMenu a {
	font-family:"黑体";
 width: auto;
 display: block;
 color: #fff;
 font-weight:normal;
 text-decoration:none;
 }
* html .dropMenu a {
 width: 100%;
}
.dropMenu a:visited {
 color:#fff;
}
.dropMenu a:hover {
 color:#abf0da;
}

/***************list pages*************************/
.list_pages{
	font-size:12px;
}
.list_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.list_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.list_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.list_pages ul li a:hover{
	color:#ff0000;
	text-decoration:none;
	padding:2px 4px 2px;
}
.list_pages ul li.thisclass,
.list_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.list_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.list_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
/************************专家介绍列表*****************************************/
#content .list_expert{
	float:left;
	width:333px;
	display:block;
	margin:0px 0 0 150px;
	border-top:1px solid #26b0ae;
	border-left:1px solid #26b0ae;
}
#content .list_expert li{
	display:block;
	float:left;
	width:100px;
	height:20px;
	margin:0;
	text-align:center;
	border:1px solid #26b0ae;
	border-left:none;
	border-top:none;
	vertical-align:middle;
	padding:5px;
}
#content .list_expert li a{
	display:block;
	width:100px;
	height:20px;
	text-align:center;
}
#content .list_expert li a:hover{
	color:red;
}
#content .list_expert .table_title{
	width:322px;
	background:#26b0ae;
	font-size:16px;
	font-weight:bold;
	color:white;
}
/************************专家介绍页面*****************************************/
#mytable { 
    width: 680px; 
    padding: 0; 
    margin: 0 0 0 40px; 
} 
#mytable th {  
    border-left: 1px solid #C1DAD7; 
    border-bottom: 1px solid #C1DAD7; 
    border-top: 1px solid #C1DAD7; 
	border-right:0;
    letter-spacing: 2px; 
    text-transform: uppercase; 
    text-align: left; 
    padding: 6px 6px 6px 12px; 
    background: #CAE8EA url() no-repeat; 
	width:150px;
	text-align:center;
} 
#mytable td { 
	text-indent:2em;
    border: 1px solid #C1DAD7; 
	border-bottom:0;
    background: #fff;  
    padding: 6px 6px 6px 12px; 
}
#mytable td.spec { 
	padding-right:20px;
	text-align:right;
    border-top:0; 
	border-bottom: 1px solid #C1DAD7; 
}
#mytable th.spec {
	font-family:"黑体";
    border-top:  0; 
    background: #CAE8EA; 
	text-align:center;
}
#mytable td.spec a { 
	margin-left:400px;
	background:url(imagesmore.png) no-repeat;
	display:block;
	width:29px;
	height:7px;
}