#nav {
	Z-INDEX: 1000; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;  HEIGHT: 50px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; text-align:center;
}
#nav LI.top {
	DISPLAY: block; FLOAT: left; HEIGHT: 50px;   
}
#nav LI A.top_link {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 50px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; HEIGHT: 50px; FONT-SIZE: 16px; CURSOR: pointer; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px; width:111px; text-align:center; 
}
#nav LI A.top_link SPAN {
	PADDING-BOTTOM: 0px; WIDTH: 80px; DISPLAY: block; text-align:center; FLOAT: left; HEIGHT: 50px; PADDING-TOP: 0px
}
#nav LI A.top_link SPAN.down {
	PADDING-BOTTOM: 0px; WIDTH: 111px; DISPLAY: block; text-align:center; BACKGROUND: url(/jscss/demoimg/201010/three1.gif) no-repeat right; FLOAT: left; HEIGHT: 50px; PADDING-TOP: 0px; text-align:center;
}
#nav LI:hover A.top_link {
	background-color:#846853; color:#fff2ee;
}
#nav LI:hover A.top_link SPAN {
	background-color:#846853; color:#fff2ee;
}
#nav LI:hover A.top_link SPAN.down {
	background-color:#846853; color:#fff2ee;BACKGROUND: url(/jscss/demoimg/201010/three1a.gif) no-repeat right;
}
#nav LI:hover {
	Z-INDEX: 200; POSITION: relative
}
#nav LI:hover UL.sub {
	Z-INDEX: 270; BORDER-BOTTOM: #ddd 0px solid; BORDER-LEFT: #ddd 0px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 111px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: #583a2f; HEIGHT: auto; BORDER-TOP: #ddd 0px solid; TOP: 50px; BORDER-RIGHT: #ddd 0px solid; PADDING-TOP: 0px; color:#fff2ee ;LEFT: 1px
}
#nav LI:hover UL.sub LI {
	POSITION: relative; WIDTH: 111px; DISPLAY: block; FLOAT: left; HEIGHT: 40px; FONT-WEIGHT: normal
}
#nav LI:hover UL.sub LI A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 40px; TEXT-INDENT: 5px; WIDTH: 111px; DISPLAY: block; HEIGHT: 40px; COLOR: #fff2ee; FONT-SIZE: 13px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none
}
#nav LI UL.sub LI A.fly {
	BACKGROUND: url(/jscss/demoimg/201010/arrow.gif) #583a2f no-repeat left center
}
#nav LI:hover UL.sub LI A:hover {
	BACKGROUND: url(/jscss/demoimg/201010/subli_bg.gif) #846853 repeat-x center center; COLOR: #fff; 
}
#nav LI:hover UL.sub LI A.fly:hover {
	BACKGROUND: url(/jscss/demoimg/201010/arrow_over.gif) #846853 no-repeat left center; COLOR: #fff
}
#nav LI:hover LI:hover UL {
	Z-INDEX: 400; BORDER-BOTTOM: #d846853 0px solid; BORDER-LEFT: #846853 0px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 111px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: #583a2f; HEIGHT: auto; BORDER-TOP: #846853 0px solid; TOP: -0px; BORDER-RIGHT: #846853 0px solid; PADDING-TOP: 0px; LEFT: 111px
}
#nav LI:hover LI:hover LI:hover UL {
	Z-INDEX: 400; BORDER-BOTTOM: #ddd 0px solid; BORDER-LEFT: #ddd 0px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 111px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: #583a2f; HEIGHT: auto; BORDER-TOP: #ddd 0px solid; TOP: -1px; BORDER-RIGHT: #ddd 0px solid; PADDING-TOP: 0px; LEFT: 111px
}
#nav LI:hover LI:hover LI:hover LI:hover UL {
	Z-INDEX: 400; BORDER-BOTTOM: #ddd 0px solid; BORDER-LEFT: #ddd 0px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 111px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: #583a2f; HEIGHT: auto; BORDER-TOP: #ddd 0px solid; TOP: -1px; BORDER-RIGHT: #ddd 0px solid; PADDING-TOP: 0px; LEFT: 111px
}
#nav LI:hover LI:hover LI:hover LI:hover LI:hover UL {
	Z-INDEX: 400; BORDER-BOTTOM: #ddd 0px solid; BORDER-LEFT: #ddd 0px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 111px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: #583a2f; HEIGHT: auto; BORDER-TOP: #ddd 0px solid; TOP: -1px; BORDER-RIGHT: #ddd 0px solid; PADDING-TOP: 0px; LEFT: 111px
}
#nav UL {
	POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px; text-align:center;
}
#nav LI:hover UL UL {
	POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px; 
}
#nav LI:hover LI:hover UL UL {
	POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px
}
#nav LI:hover LI:hover LI:hover UL UL {
	POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px
}
#nav LI:hover LI:hover LI:hover LI:hover UL UL {
	POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px
}
#nav LI:hover LI:hover A.fly {
	BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BACKGROUND: url(/jscss/demoimg/201010/arrow_over.gif) #846853 no-repeat left center; COLOR: #fff; BORDER-RIGHT-COLOR: #fff; BORDER-LEFT-COLOR: #fff; 
}
#nav LI:hover LI:hover LI:hover A.fly {
	BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BACKGROUND: url(/jscss/demoimg/201010/arrow_over.gif) #846853 no-repeat left center; COLOR: #fff; BORDER-RIGHT-COLOR: #fff; BORDER-LEFT-COLOR: #fff; 
}
#nav LI:hover LI:hover LI:hover LI:hover A.fly {
	BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BACKGROUND: url(/jscss/demoimg/201010/arrow_over.gif) #846853 no-repeat left center; COLOR: #fff; BORDER-RIGHT-COLOR: #fff; BORDER-LEFT-COLOR: #fff; 
}
#nav LI:hover LI:hover LI:hover LI:hover LI:hover A.fly {
	BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BACKGROUND: url(/jscss/demoimg/201010/arrow_over.gif) #846853 no-repeat left center; COLOR: #fff; BORDER-RIGHT-COLOR: #fff; BORDER-LEFT-COLOR: #fff; 
}
#nav LI:hover LI:hover LI A.fly {
	BORDER-BOTTOM-COLOR: #583a2f; BORDER-TOP-COLOR: #583a2f; BACKGROUND: url(/jscss/demoimg/201010/arrow.gif) #583a2f no-repeat left center; COLOR: #000; BORDER-RIGHT-COLOR: #583a2f; BORDER-LEFT-COLOR: #583a2f
}
#nav LI:hover LI:hover LI:hover LI A.fly {
	BORDER-BOTTOM-COLOR: #583a2f; BORDER-TOP-COLOR: #583a2f; BACKGROUND: url(/jscss/demoimg/201010/arrow.gif) #583a2f no-repeat left center; COLOR: #000; BORDER-RIGHT-COLOR: #583a2f; BORDER-LEFT-COLOR: #583a2f
}
#nav LI:hover LI:hover LI:hover LI:hover LI A.fly {
	BORDER-BOTTOM-COLOR: #583a2f; BORDER-TOP-COLOR: #583a2f; BACKGROUND: url(/jscss/demoimg/201010/arrow.gif) #583a2f no-repeat left center; COLOR: #000; BORDER-RIGHT-COLOR: #583a2f; BORDER-LEFT-COLOR: #583a2f
}

#navigation, #navigation li ul { 
list-style-type:none; 

} 
#navigation { 

} 
#navigation li { 
float:left; 
text-align:center; 
position:relative; 
z-index:100;
} 
#navigation li a:link, #navigation li a:visited { 
display:block; 
text-decoration:none; 
color:#e3d3c0; 
width:110px; 
height:40px; 
line-height:40px; 
border:0px solid #503e28; 
border-width:1px 0px 0 0; 
background:#503e28; 
padding-left:10px; 


} 
#navigation li a:hover { 
color:#e3d3c0; 

background:#846853; 
} 
#navigation li ul li a:hover { 
color:#e3d3c0; 
background:#846853;


} 
#navigation li ul { 
display:none; 
position:absolute; 
top:40px;
margin-top:1px; 
font-size:12px;
} 



/*本例css*/
.jd { width: 696px; height: 370px; margin:0px auto; position: relative; overflow:hidden; margin-bottom: 0px; }

/*数字按钮样式*/
.jd .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 500px; zoom:1; z-index:1 }
.jd .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #846853; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.jd .num li.on { background: #503e28; } /*当前项*/

/*上一个  下一个*/
.jd .prev,
.jd .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px;}
.jd .prev { left: 0; }
.jd .next { right: 0; background-position: right }