.nav1 li{
	position: relative;
}



.nav2{
	padding: 0;
}

/*悬浮不同的nav中的li 设置不同颜色*/
.li1:hover{
	background: #920000;
}
.li1:hover .nav2{
	background: #920000;
	display: block;
}

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

.nav1 ul{
	position: absolute;
	left: 130px;
	top:0;
	display: none;
}
.li2:hover{
	background: #920000;
}
/*就是当鼠标悬浮在li1 上面的时候，让他子元素中的 nav2 显示可见  当鼠标悬浮在nv2中的li2 上面的时候，则让他子元素中的 nav3 显示可见*/
.li1:hover .nav2{
	background: #920000;
	display: block;
}