ul{
			list-style: none;
			background: #fff;
		}

		.nav2{
			padding: 0;
		}

		.nav3{
			padding: 0;
		}
		.nav1{
			margin: 0; 
			padding: 0;
		}
/*设置a标签的属性  区块，宽高，下划线删除，改变默认颜色*/
		.nav1 a{
			display: block;
			width: 139px;
			height: 22px;
			line-height: 22px;
			text-decoration: none;
			color: #000;
			text-align: left;
		}

		.nav1 a:hover{
			background: #eeeeee;
			color: #806600;
		}


		.nav1 li{
			position: relative;
		}

		/* li{ */
			/* text-align: center; */
		/* } */

		.nav1{
			width: 139px;
		}

		.nav1 a{
			width: 139px;
		}
/*悬浮不同的nav中的li 设置不同颜色*/
		.li1:hover{
			background: #eee;
		}

		.li2:hover{
			background: #ddd;
		}

/*	设置绝对定位 从nav1的ul开始，相对定位是nav中的li，也就是ul的父级元素
	因为nav1的宽度是110px;所以想让nav1下的ul紧贴nav1，设置left110-px,最好是 110px;
	并且设置子元素隐藏
*/

		.nav1 ul{
			position: absolute;
			left: 138px;
			top:0;
			display: none;
		}

/*就是当鼠标悬浮在li1 上面的时候，让他子元素中的 nav2 显示可见  当鼠标悬浮在nv2中的li2 上面的时候，则让他子元素中的 nav3 显示可见*/
		.li1:hover .nav2{
			background: #ddd;
			display: block;
		}
		.li2:hover .nav3{
			background: #ddd;
			display: block;
		}