@charset "utf-8";
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #42413C;
	background:url(top_bg.gif) repeat-x top center;
	margin: 0;
	padding: 0;
	color: #000;
	text-align:center;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
td{ line-height:20px;}
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}  
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}   
q:before,q:after {content:'';}   
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   
a {color:#2b2b2b;text-decoration:none;}
a:visited {color:#2b2b2b;text-decoration:none;}
a:hover {color:#ba2636;text-decoration:underline;}
a:active {color:#ba2636;}
.cWhite,.cWhite:visited,.cWhite a{color:#fff;}
.cYellow,.cYellow:visited{color:#ff0;}
.cGreen,.cGreen:visited{color:#008000;}
.cLGray,.cLGray:visited,.cLGray a,.cLGray a:visited {color:#333;}
.cGray,.cGray:visited,.cGray a,.cGray a:visited {color:#585858;}
.cDGray,.cDGray:visited,.cDGray a,.cDGray a:visited {color:#727171;}
.cBlack,.cBlack:visited,.cBlack a,.cBlack a:visited {color:#000;}
.cBlue,.cBlue:visited,.cBlue a,.cBlue a:visited {color:#000;}
.cRed,.cRed:visited,.cRed a,.cRed a:visited {color:Red;}
.cDRed,.cDRed:visited,.cDRed a,.cDRed a:visited {color:#ba2636;}
.cRed a:hover,a.cRed:hover,.cBlue a:hover,a.cBlue:hover,.cDRed a:hover,a.cDRed:hover,.cLGray a:hover,a.cLGray:hover,.cGray a:hover,a.cGray:hover,.cDGray a:hover,a.cDGray:hover,.cWhite a:hover,a.cWhite:hover,.cBlack a:hover,a.cBlack:hover,.cGreen a:hover,a.cGreen:hover,.cYellow a:hover,a.cYellow:hover{color:#ba2636;}
.fB{font-weight:bold;}
.fI{font-style: italic;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}

.padding_10{ padding:10px;}
 
.hidden{display:none;}
.unLine,.unLine a{text-decoration:none;}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}

/* ~~ 此固定宽度容器包含其它 div ~~ */
.container {
	width: 866px;
	text-align:center;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
	padding:10px 0;
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
	width:960px;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
}
.top{ height:76px;}
.logo{ width:267px; float:left;}
.menu{ width:693px; float:right; background:url(menu_bg.gif) repeat-x; height:76px;}
.menu li{ float:left; display: inline; line-height:42px; margin: 33px 10px 0 10px; font-weight:bold;text-align:center;}
.menu a,.menu a:hover,.menu a:active,.menu a:visited{ width:79px; height:42px; display:block;text-decoration:none;}
.menu a:hover,.menu a:active{ background:url(menu_hover.gif) no-repeat; color:#fff; text-decoration:none;}

.menu_hover:link,.menu_hover:hover,.menu_hover:active,.menu_hover:visited{ background:url(menu_hover.gif) no-repeat; color:#fff; text-decoration:none;}




.sidebar1 {
	float: left;
	width: 178px;
	background:url(left_bg.gif) repeat-y;
}
.content {
	width: 664px;
	float: right;
	margin:0 0 0 10px;
}

.con_top {
	width: 100%;
}
.con_top ul.img_box{ width:370px; height:234px; float:left; background:#f1f5f7; text-align:center; padding:10px;}
.news{ width:259px; float:right;}
.index_news{ background:url(index_news_bg.gif) repeat-y; height:135px; padding:0 0 0 10px;}
.index_news li{ line-height:22px; text-align:left; padding:0 0 0 10px; background:url(img2.gif) no-repeat left;}
.cptj {
	width: 644px;
	background: url(cptj_bg.gif) repeat-y;
	min-height:1000px;
	padding:10px;
}
*html .pro_box{width:130px; margin:0 15px 10px 10px;float:left;}
.pro_box{width:130px; margin:0 15px 10px 15px;float:left;}
.pro_box_li_20{ height:20px; line-height:20px;}
.pro_box_li_40{ height:40px; line-height:20px;}
.pro_box_li_60{ height:60px; line-height:20px;}
.pro_bg{ width:130px; height:120px; text-align:center; border:1px solid #ccc;}
.details_con{ background: #FAFAFA; border:1px solid #ddd;}
.border1{ border:1px solid #ddd; background: url(top_bg1.gif) repeat-x top; padding:0 0 0 10px;}
.details_con{ background: #FAFAFA; border:1px solid #ddd;}


/* ~~ 导航列表样式（如果选择使用预先创建的 Spry 等弹出菜单，则可以删除此样式） ~~ */
ul.nav_big {
	list-style: none; /* 这将删除列表标记 */
	width: 158px;
	background: url(left_menu_big_bg.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
	line-height:28px;
	border-bottom:1px dashed #CCC;
	text-align:left;
	padding:0 0 0 20px;
}
ul.nav {
	list-style: none; /* 这将删除列表标记 */
	margin-bottom: 15px; /* 这将在下面内容的导航之间创建间距 */
	font-size:12px;
	text-align:left;
	line-height:22px;
}
ul.nav a, ul.nav a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
	display: block; /* 这将为链接赋予块属性，使其填满包含它的整个 LI。这样，整个区域都可以响应鼠标单击操作。 */
	width: 158px;  /*此宽度使整个按钮在 IE6 中可单击。如果您不需要支持 IE6，可以删除它。请用侧栏容器的宽度减去此链接的填充来计算正确的宽度。 */
	text-decoration: none;
	padding:0 0 0 20px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* 这将更改鼠标和键盘导航的背景和文本颜色 */
	background: #C60;
	color: #FFF;
}

/* ~~ 脚注 ~~ */
.footer {
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
	margin: 15px 0 0 0;
	height:87px;
	background:url(footer_bg.gif) no-repeat;
	text-align:left;
	padding:10px;
	line-height:20px;
}

/* ~~ 其它浮动/清除类 ~~ */
.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_title{ height:53px; background:url(title_bg.gif) repeat-x; text-align:left; line-height:40px;}
.list_title h2{ text-align:left; background:url(title_img.gif) no-repeat left; font-size:14px; font-weight:bold; padding:0 0 0 30px;}