
body {
 font-family: arial, 宋体, serif;
        font-size:12px;
}

.nav_top {
  height: 32px;list-style-type: none;line-height:32px;overflow:hidden;

}


.nav_top li {
 float: left; width: 100px;
}
.nav_top li a {
 display: block;width: 100px; height:32px; color:#333;text-align:center;
}

.nav_top li a:hover  {
 color:red;text-decoration:none; background:url(/Images/images/nav02_bg.gif) no-repeat;
}




.nav_top li .ky,.nav_top li .gjrz,.nav_top li .qyfw,.nav_top li .news,.nav_top li .about{
 line-height: 30px; 
 list-style-type: none;
 left: -9999px;
 height:auto;
 width:auto; //注意,这里一定要设置宽度;
 position: absolute;
 background:#85a0cd;
 overflow:hidden;
}
.nav_top li .ky{ margin-left:-145px;width:99px;}
.nav_top li .gjrz{ margin-left:-45px;}
.nav_top li .qyfw{ margin-left:55px; width:125px;}
.nav_top li .news{ margin-left:155px; width:99px;}
.nav_top li .about{ margin-left:255px; width:99px;}
.nav_top .nav01 a{ background:url(/Images/images/nav_01.gif) no-repeat;}
.nav_top .nav01 a:hover{ background:url(/Images/images/nav_012.gif) no-repeat;}
.nav_top .nav02 a{ background:url(/Images/images/nav_02.gif) no-repeat;}
.nav_top .nav02 a:hover{ background:url(/Images/images/nav_022.gif) no-repeat;}
.nav_top .nav03 a{ background:url(/Images/images/nav_03.gif) no-repeat;}
.nav_top .nav03 a:hover{ background:url(/Images/images/nav_032.gif) no-repeat;}
.nav_top .nav04 a{ background:url(/Images/images/nav_04.gif) no-repeat;}
.nav_top .nav04 a:hover{ background:url(/Images/images/nav_042.gif) no-repeat;}
.nav_top .nav05 a{ background:url(/Images/images/nav_05.gif) no-repeat;}
.nav_top .nav05 a:hover{ background:url(/Images/images/nav_052.gif) no-repeat;}
.nav_top .nav06 a{ background:url(/Images/images/nav_06.gif) no-repeat;}
.nav_top .nav06 a:hover{ background:url(/Images/images/nav_062.gif) no-repeat;}


.nav_top li .ky li,.nav_top li .gjrz li,.nav_top li .qyfw li,.nav_top li .news li,.nav_top li .about li{
width:auto; //float就是子菜单横向的关键,可以继承父菜单而省略float
}


.nav_top li .ky a,.nav_top li .gjrz a,.nav_top li .news a,.nav_top li .about a{
 line-height:24px;height:24px;font-size:12px; width:80px;background:url(/Images/images/nav01_bg.gif) no-repeat left;color:#fff; display:block;text-align:left; padding:0 10px 0 23px;}
.nav_top li .gjrz a{
 line-height:24px;height:24px;font-size:12px; width:130px;background:url(/Images/images/nav01_bg.gif) no-repeat left;color:#fff; display:block;text-align:left; padding:0 10px 0 23px;}
.nav_top li .qyfw a{
 line-height:24px;height:24px;font-size:12px; width:210px;background:url(/Images/images/nav01_bg.gif) no-repeat left;color:#fff; display:block;text-align:left; padding:0 10px 0 24px;}


.nav_top li .ky a:hover,.nav_top li .gjrz a:hover,.nav_top li .qyfw a:hover,.nav_top li .news a:hover,.nav_top li .about a:hover{
 color:#3d6cba; display:block;text-decoration:none;font-weight:normal; background:#c2d0e6;
}



.nav_top li:hover ul {
 left:25%;
}

.nav_top li.sfhover ul {
 left:25%;
}

#content {
 clear: left;
}
