﻿
body {
	font-size:11px;
	font-family:Verdana, Arial,  "宋体", sans-serif;
	margin:0;
	padding:0;
	color:#333;
	background:#8F7051;
	line-height:180%;}

	
/*********************************************************/

form,select {
  margin:0;
  padding:0;}
  
ul,li {
  margin:0;
  padding:0;
  list-style:none;}

.l {
	float:left;}
	
.r { 
	float:right;}
	
.cl {
	clear:both;}
	
a {
 color:#333;
  text-decoration:none;}

a:hover {
  color:#F90;}
    
img {
  border:0;}
  
.center {
  text-align:center;}

.right {
  text-align:right;}

.left {
  text-align:left;}

#layout { width:900px; clear:both; margin:0 auto; background:#FFF;}

/*********************************************/

.kindList { width:181px; background:url(../images/kindBG.jpg) repeat-x #B49678; float:left; border-left:1px #FFF solid;}



/*********************************************/

#top { width:100%; height:123px; background:url(../images/topBG.jpg) no-repeat top; clear:both;}
#nav { padding-left:50px; height:34px; line-height:34px; background:url(../images/navBG.jpg) repeat-x; clear:both; margin-bottom:1px;}
#nav a { color:#FFF; font-weight:bold; padding:0 10px;}
#nav a:hover { color:#F90;}


#kind {
	line-height: 28px;
	list-style-type: none;/*定义整个ul菜单的行高和背景色*/
}
#kind a {
	display: block;
	width: 181px;
	text-indent:25px;
	text-align:left;/*以块的方式显示li的链接,width为每一个链接的宽度*/
}
#kind a {
	color:#FFF;
	text-decoration:none;
}

#kind a:hover {
	color:#FFF;
	text-decoration:none;
}
/*上面三个定义了根链接的链接样式，bold表示指向时加粗字体*/

#kind li {
	width: 180px;/*float：left浮动横向对齐,width指定根链接显示宽度,background为背景色, background:#CCC url(b2.jpg)设置一级链接的背景图*/
}
#kind li a:hover {
	background:url(../images/ico_1.gif) no-repeat 16px 50% #B49678; color:#FFF;/*当指向根目录下的链接时显示的背景色,url(b2.jpg)设置一级链接指向时变化的背景图*/
}
#kind li ul {
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 260px;
	position: absolute;
	margin-left:181px;
	margin-top:-28px/*这是定义在li内的ul属性,line-height=行高,left:-999em是默认将ul块左移出屏幕隐藏起来
            width=为ul块的宽度，如果设置比li里的宽度大，将出现二级链接横排*/
}
#kind li ul li {
	float: left;
	width:260px;
	background: #C5AD96;/*这是定义li内的ul内的li属性，即二级链接的li的属性,bg是li的背景色*/
}
#kind li ul a {/*这里定义下拉菜单ul 的链接为一个块*/
	display: block;
	width:260px;
	text-indent:12px;
	text-align:left;/* width=下拉菜单宽度 ,padding-left是下拉菜单中链接第一个字向右移动的尺寸*/
}
#kind li ul a {
	color:#FFF;	
	text-align:left;
	text-decoration:none;
}

#kind li ul a:hover {
	color:#000;
	text-decoration:none;
	background:#DACCBC;/* color=鼠标移向二级链接时的字体颜色,background=移向二级里的链接背景色*/
}
/*上面三个是定义二级链接的样式*/
#kind li:hover ul {
	left: auto;
}
#kind li.sfhover ul {
	left: auto;
}
#content {
	clear: left;
}

/*******************************/

.leftBG { background:url(../images/leftBG.jpg) repeat-y left; width:100%; float:left;}

.lv1 a {color:#FFF; height:28px; line-height:28px; display:block; clear:both; text-indent:25px;}
.lv1 a:hover { background:url(../images/ico_1.gif) no-repeat 16px 50% #B49678; color:#FFF;}

.lv1Sel { background:url(../images/navSelBG.gif) no-repeat center; color:#0A7232 !important; padding-top:3px !important; overflow:hidden !important; height:27px !important;}
.lv2 a { color:#000;}
.lv2 a:hover { color:#F00;}
#foot {width:100%; height:70px; text-align:center; color:#666; background:url(../images/footBG.jpg); clear:both;}
#banner { width:100%; height:190px;clear:both;}


/*******边框样式****************/	
.bd_1 { width:8px; float:left; display:block; height:1px; overflow:hidden;}

	
/*******文本样式****************/
.txt_01 { color:#930;}
.txt_02 { color:#8A1417;}

/*******链接样式****************/

.link_01 a { color:#FFF;}
.link_01 a:hover { color:#FF0;}


/*******宽度样式****************/
.w211 { width:211px; float:left;}

.w391 { width:391px; float:left;}

.w709 { width:709px; float:left;}

.w303 { width:303px; float:left;}

/*******高度样式****************/

.h218 { width:218px;}



/*******内补样式****************/
.PL60 { padding-left:60px;}



.pro { width:200px; height:240px; display:block; float:left; margin-left:12px;_margin-left:5px;}
.pro img { border:3px #FFF solid;}
.pro img:hover { border:3px #781113 solid;}
.pro a { color:#826548; font-size:12px; font-weight:bold; }
.pro a:hover { color:#781113; text-decoration:underline;}


.location { color:#999;}
.location a { color:#AAA;}

.download { clear:both; margin:20px 30px;}
.download li { background:url(../images/ico_3.gif) no-repeat left 55%; text-indent:10px; height:22px; line-height:22px; border-bottom:1px #CCC dotted;}