﻿

body {
	font-size:12px;
	font-family:Verdana, Arial,  "宋体", sans-serif;
	margin:0;
	padding:0;
	color:#666;
	line-height:160%;
	background:url(../images/webBG.jpg) repeat-x top #FFF;}
/****************************/

.nav {margin:28px 0 0 70px;}
/* 设置table宽度、边框为0、(IE6) */
.nav ul table {width:95px;border-collapse:collapse;border:0; }
/* 默认隐藏下一级ul列表 */
.nav ul li ul { display:none; margin:-1px 0 0 -1px !important; margin:24px 0 0 -2px; width:95px; overflow-x:hidden;}
/* 当鼠标经过时显示下一级ul列表 */
.nav ul li:hover ul,
.nav ul li a:hover ul {display:block;width:95px;}
/* 
.nav li a:hover {font-weight:bold;}

/* ====================== 以上为关键属性 ====================== */


/* ====================== 以下各位随意发挥 ====================== */
/* 修饰样式一 */
.nav li {float:left;width:95px;display:block; margin:0;}
.nav li li { margin:0; background:#1FADDC;}

.nav li a {width:78px;display:block;height:25px;text-decoration:none;}
.nav li:hover a,
.nav li a:hover { background-position:0 -25px}
.nav li:hover li {width:95px; overflow-x:hidden;}
.nav li li a,
.nav li:hover li a { text-indent:10px;color:#FFF; background:url(../images/subM_bg.jpg)  top #F00 !important; display:block; width:84px; height:16px; line-height:18px; overflow:hidden; margin:5px auto 0;}
.nav li li a:hover {color:#000; background-position:0 -16px !important;}
.m1 { background:url(../images/m1.jpg) no-repeat top left}
.m2 { background:url(../images/m2.jpg) no-repeat top left;}
.m3 { background:url(../images/m3.jpg) no-repeat top left;}
.m4 { background:url(../images/m4.jpg) no-repeat top left;}
.m5 { background:url(../images/m6.jpg) no-repeat top left;}
.m6 { background:url(../images/m5.jpg) no-repeat top left;}
.m7 { background:url(../images/m7.jpg) no-repeat top left;}
.subM_head { width:95px; height:6px; overflow:hidden; background:url(../images/subM_head.gif) no-repeat transparent !important;}
.subM_foot { width:95px; height:9px; overflow:hidden; background:url(../images/subM_foot.gif) no-repeat transparent !important;}


/************************************************************/

#kind {
	line-height:24px;
	list-style-type: none;/*定义整个ul菜单的行高和背景色*/
}
#kind a {
	display: block;
	width: 199px;
	text-indent:28px;
	text-align:left;/*以块的方式显示li的链接,width为每一个链接的宽度*/
	}

#kind a:hover {
	color:#000;
	text-decoration:none;
}
/*上面三个定义了根链接的链接样式，bold表示指向时加粗字体*/

#kind li {
	background:url(../images/index_kind_bg.jpg) no-repeat top;
	margin-left:2px;
	margin-top:1px;
	width:199px;/*float：left浮动横向对齐,width指定根链接显示宽度,background为背景色, background:#CCC url(b2.jpg)设置一级链接的背景图*/
}
#kind li a:hover {
	background:url(../images/index_kind_bg.jpg) no-repeat 0 -24px;
	/*当指向根目录下的链接时显示的背景色,url(b2.jpg)设置一级链接指向时变化的背景图*/
}
#kind li ul {
	list-style-type: none;
	text-align:left;
	left: -999em;	
	width: 170px;
	position: absolute;
	margin-left:197px;
	margin-top:-23px/*这是定义在li内的ul属性,line-height=行高,left:-999em是默认将ul块左移出屏幕隐藏起来
            width=为ul块的宽度，如果设置比li里的宽度大，将出现二级链接横排*/
}
#kind li ul li {
	float: left;
	width:130px;
	margin-top:0;
	background: #C5AD96;/*这是定义li内的ul内的li属性，即二级链接的li的属性,bg是li的背景色*/
}
#kind li ul a {/*这里定义下拉菜单ul 的链接为一个块*/
	display: block;
	width:160px;	
	text-indent:12px;
	background:#D4F0FE;
	color:#1FADDC !important;
	border:1px #FFF solid;
	margin-top:-1px;
	text-align:left;/* width=下拉菜单宽度 ,padding-left是下拉菜单中链接第一个字向右移动的尺寸*/
}
#kind li ul a {
	color:#FFF;	
	text-align:left;
	text-decoration:none;
}

#kind li ul a:hover {
   color:#FFF !important;
	text-decoration:none;
	background:#F90;/* color=鼠标移向二级链接时的字体颜色,background=移向二级里的链接背景色*/
}
/*上面三个是定义二级链接的样式*/
#kind li:hover ul {
	left: auto;
}
#kind li.sfhover ul {
	left: auto;
}

/*********************************************************/

img {border:0;}

form,select {
  margin:0;
  padding:0;}
  
ul,li {
  margin:0;
  padding:0;
  list-style:none;}

img {border:0;}

.l {
	float:left;}
	
.r { 
	float:right;}
	
.cl {
	clear:both;}
	
a {
 color:#333;
  text-decoration:none;}

a:hover {
  color:#09C;}
    
#layout { width:950px; margin:23px auto 10px;}
.moveUp { clear:both;width:950px;top:90px;position:absolute; z-index:-1;}

.w204 { float:left; width:204px;}
.w708 { float:left; width:708 px; margin-left:26px;}
.w735 { float:left; width:735px; margin-left:11px;}
.w516 { float:left; width:516px; margin-left:11px;}
.w206 { float:right; width:206px;}
.PT8 { padding-top:6px;}
.PAD10 {padding:10px;}
.index_proKind { width:204px; height:286px; background:url(../images/index_proKind.jpg) no-repeat; float:left;}
.index_ban_bg { width:719px; height:270px; background:url(../images/ban_bg.jpg) no-repeat; padding:8px;}

.index_search_input { width:128px; height:18px; color:#999; background:url(../images/search_input_bg.jpg) no-repeat; border:0;}

.date { float:right; font-size:11px; color:#126581;}

.index_news {width:490px; margin:0 0 0 5px;}
.index_news li { background:url(../images/index_news_bg.gif) no-repeat bottom left; height:28px; line-height:28px; text-indent:16px;}
.index_news a {float:left;}
.index_news span {float:right;}

#foot { width:950px; height:36px; margin:10px auto; line-height:36px; color:#0C6D90; background:url(../images/foot_bg.jpg) no-repeat;}
#foot a { color:#0C6D90;}
#foot a:hover { color:#000;}
#foot .beian { color:#4D96B0;}

#ban { width:950px; height:130px; padding-bottom:2px; clear:both;}
.tit_bg { width:708px; height:33px; line-height:33px; overflow:hidden; clear:both; background:url(../images/tit_bg.jpg); font-size:14px; color:#09C; text-indent:8px; font-weight:bold; letter-spacing:0.1em;}
.location {float:right; color:#999; font-size:12px; font-weight:normal; background:url(../images/ico_1.gif) no-repeat left 50%; text-indent:16px;letter-spacing:0;}
.news_tit { font-size:14px; font-weight:bold; color:#039;}

.list_1 { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.list_1 a { font-size:12px;}
.list_tit { font-size:12px; color:#18A6D5;}


.hl_imgI{ width:680px; float:left;}
.hl_imgI div{ float:left;cursor:pointer;width:160px; height:200px; margin: 3px 4px; overflow:hidden;text-align:center}
.hl_imgI div a{display:block; clear:both; padding: 1px 0px;*padding: 4px 0px; color:#444;}
.hl_imgI div a:hover{ text-decoration:none; color:#b00000; }
.hl_imgI div a img{ border:1px solid #aaa; padding:1px; background:#fff; margin:4px; display:block; width:147px;}
.hl_imgI div a span{ display:block; text-align:center; white-space:normal; line-height:16px;}
.hl_imgI div a:hover img{border:1px solid #d00b15;}