.headWrap {
	width: 100%;
	height: 105px;
	float: left;
	background: #eee;
}

.head {
	width: 1100px;
	height: 105px;
	padding: 0px 0 0;
	margin: 0 auto;
}

.head .logo {
	width: 1100px;
	height: 1px;
	float: left;
	margin: 20px 0 15px 0;
}

.head .nav {
	width: 1100px;
	height: 51px;
	float: left;
	background: url(../images/navBg.jpg) no-repeat;
}


.head .nav li {
	width: 183px;
	text-align: center;
	font-size: 18px;
	text-shadow: 1px 1px 0 #fff;
    /* 注意：移除 height 和 line-height，让 a 标签控制高度 */
}

/*.head .nav  li {
	width: 183px;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	text-shadow: 1px 1px 0 #fff;
	height: 51px;
}*/

.head .nav > li {
	float: left;
}

/* 修改前的样子：
.head .nav li a {
	color: #555;
}
*/

.head .nav li a {
    display: block;    /* 关键：使其成为块级元素，占满父容器 */
    height: 51px;      /* 确保它与 li 具有相同的高度 */
    line-height: 48px; /* 确保文本垂直居中 */
	width: 100%;       /* 确保占据 li 的全部宽度 */
	color: #555;
}
.head .nav li a:hover {
	color: #f00;
}

.head .nav li ul {
	border-top: 1px solid #fff;
	display: none;
	background: #eee;
	position:absolute;
	z-index:10;
}

.head .nav li ul li {
	border-bottom:1px solid #ccc;
}