hehe  ni xianzai zai
#navigation {
	width: 200px; font-family:"ËÎÌå"; font-size:12px; font-weight:bold; 
	 
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height:15px;
}
#navigation li {
	border-bottom: 1px solid #999999;
	

}

#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #346a98;
	border-right: 1px solid #999999;
	background-color: #ffffff;
	color:#333333;
	text-decoration: none;
}
#navigation li a:hover {
	background-color:#346a98;
	color:#ffffff;
}
.duan {
	font-size: 12px;
	line-height: 150%;
	text-indent: 2em;
	Text-align:justify;
	text-decoration:none;
}
.mytitle{ font-family:"ËÎÌå"; font-size:12px; font-weight:bold; color:#333333;}
.myimages{border-width:1px; border-style:solid; border-color:#666666;}

ul { list-style: none; margin: 0; padding: 0; }
/* =-=-=-=-=-=-=-[Nav 1]-=-=-=-=-=-=-=- */
	#nav_container { width:145px; margin-left:30px; margin-top:30px; float:left; }
#nav_container li { padding:0px; margin-bottom:1px; }
#nav_container { margin-left:30px; }
#nav_container a:link, #nav_container a:visited, #nav_container a:active { width:145px; background: url(images/bg3.gif) -200px 0px repeat-x; height:30px; padding-top:5px; padding-left:50px; border-bottom:1px solid #777; display:block; text-decoration:none; text-align:left; font-weight:bold; color:#333; }
#nav_container a:hover { color:#000; background: url(images/bg3.gif) 0px 0px repeat-x; }
/* =-=-=-=-=-=-=-[Nav 2]-=-=-=-=-=-=-=- */	
	#nav_container2 { width:145px;  margin-top:30px; float:left; }
#nav_container2 li { padding:0px; margin-bottom:1px; }
#nav_container2 a:link, #nav_container2 a:visited, #nav_container2 a:active { width:198px; background: url(images/bg2.gif) 0px 0px repeat-x; font-weight:bold; height:30px; padding-top:5px; padding-left:50px; display:block; text-align:left; border-bottom:1px solid #777; text-decoration:none; color:#333; }
#nav_container2 a:hover { color:#000; background: url(images/bg2.gif) 0px -45px repeat-x; }
/* =-=-=-=-=-=-=-[Nav 3]-=-=-=-=-=-=-=- */	
	#nav_container3 { width:200px; margin-top:10px; float:left; margin-left:0px;}
#nav_container3 li { padding:0px; margin-bottom:1px; margin-top:5px;}
#nav_container3 a:link, #nav_container3 a:visited, #nav_container3 a:active { width:200px; background: url(images/bg4.gif) -200px 0px repeat-x; font-weight:bold; height:30px; padding-top:5px; padding-left:30px; display:block; text-align:left; border-bottom:1px solid #777; text-decoration:none; color:#000000; font-family:΢ÈíÑźÚ,Arial, Helvetica, sans-serif;font-size:14px; }
#nav_container3 a:hover { color:#FF0000; background: url(images/bg4.gif) -24px 0px repeat-x; }
/* =-=-=-=-=-=-=-[Nav 4]-=-=-=-=-=-=-=- */	
	#nav_container4 { width:1004px;float:left; background:#66CCFF;}
#nav_container4 li { padding:0px; margin-bottom:1px; float:left; border-right:1px solid #ccc; border-left: 1px solid #888; }
#nav_container4 a:link, #nav_container4 a:visited, #nav_container4 a:active { width:141px; background: url(images/bg5.gif) 0px -70px repeat-x; font-weight:bold; height:35px; padding-top:5px; display:block; text-align:center; border-bottom:1px solid #777; text-decoration:none; color:#ffffff;font-size:14px; }
#nav_container4 a:hover { color:#FF0000; background: url(images/bg5.gif) 0px 0px repeat-x; }
/* =-=-=-=-=-=-=-[Nav 5]-=-=-=-=-=-=-=- */
	#nav_container5 { width:145px; margin-left:30px; margin-top:30px; float:left; }
#nav_container5 li { padding:0px; margin-bottom:1px; }
#nav_container5 { margin-left:30px; }
#nav_container5 a:link, #nav_container5 a:visited, #nav_container5 a:active { width:145px; height:30px; padding-top:5px; padding-left:50px; border-bottom:1px solid #777; display:block; text-decoration:none; text-align:left; font-weight:bold; color:#333; text-indent:-300px; overflow:hidden; }
#nav_container5 a:hover { color:#000; }
#nav_home { background-image: url(images/bg7.gif); background-position: 0px 0px; }
#nav_home:hover { background-image: url(images/bg7.gif); background-position: 0px -45px; }
#nav_about { background-image: url(images/bg8.gif); background-position: 0px 0px; }
#nav_about:hover { background-image: url(images/bg8.gif); background-position: 0px -45px; }
#nav_port { background-image: url(images/bg9.gif); background-position: 0px 0px; }
#nav_port:hover { background-image: url(images/bg9.gif); background-position: 0px -45px; }
#nav_con { background-image: url(images/bg10.gif); background-position: 0px 0px; }
#nav_con:hover { background-image: url(images/bg10.gif); background-position: 0px -45px; }
/* CSS Document */
#menu{
padding:0px;
margin:0px;
width:1002px;
height:30px;
list-style-type:none;
background:url(images/cdbj.jpg) repeat-x;
}
#menu ul{
padding:0px;
margin:0px;
width:1002px;
height:30px;
list-style-type:none;
background:(images/cdbj.jpg) repeat-x;
}
#menu  ul li
{
position:relative;
width:100px;
height:30px;
font-size:14px;
line-height:38px;
margin-left:20px;
background:url(images/cdbj2.jpg) no-repeat;
text-align:center;
float:left;

}
#menu  li ul{
display:none;
margin:0px;
padding:0px;
}

#menu  ul li a{
text-decoration:none;
color:#ffffff;
display:block;
}
#menu  ul li a:hover{
text-decoration:none;
background:url(images/cdbj3.jpg) no-repeat;
color:#FF0000;
font-size:14px;
display:block;
}
#menu  li:hover ul{
display:block;
}
#menu  li.over ul{
display:block;
}
#menu  li .childclass{
background:url(images/l4.jpg) no-repeat;
font-size:12px;
color:#993300;
}
#menu li .childclass a:hover{
background:url(images/l3.jpg) no-repeat;
color:#000000;
}