/* 头部导航菜单核心样式 */
.nav {
    position: absolute;
    left: 31%;
    top: 10px;
    z-index: 5;
    font-size: 0; /* 消除inline-block元素间的空格间隙 */
    width: 1002px;
}

.nav a {
    /* 基础布局与显示 */
    display: inline-block;
    *display: inline;  /* IE6/7兼容 */
    *zoom: 1;          /* IE6/7兼容 */
    position: relative;
    vertical-align: top;
    width: 100px;
    height: 44px;
    
    /* 文字样式 */
    color: #f9e550; /* 初始文字色：金黄色 */
    font-size: 17px;
    font-weight: 700; /* 加粗 */
    text-align: center;
}

/* 导航项下方的小文字样式（英文/副标题） */
.nav a span {
    display: block;
    color: #f9e550; /* 与主文字同色 */
    font-size: 12px;
    font-variant: small-caps; /* 小型大写字母 */
    font-family: Arial;
    line-height: 1.1;
    font-weight: 400; /* 取消加粗 */
}

/* 导航项hover交互效果 */
.nav a:hover {
    color: #ff8206; /* hover时文字色：橙黄色 */
}

.nav a:hover span {
    color: #ff8206; /* 副标题同步变色 */
}

/* 移除了hover时的下划线样式（原代码已删除） */
/* 若你只是想临时注释，可保留以下注释代码，需要时取消注释即可
.nav a:hover:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/nav-line.png) no-repeat center top;
    width: 100%;
    height: 2px;
    -webkit-animation: navWidth 1s;
    animation: navWidth 1s
}

@-webkit-keyframes navWidth {
    from { width: 0; }
    to { width: 100%; }
}
@keyframes navWidth {
    from { width: 0; }
    to { width: 100%; }
}
*/