#menu { Z-INDEX: 100; float:left; position:absolute; left:0px; top:-5px; WIDTH:607px; } #head.af2 #menu{top:-3px;} #menu UL { FLOAT: left; } #menu UL LI { POSITION: relative; DISPLAY: inline; FLOAT: left; font-size:16px; WIDTH:100px; margin-left:1px; } #menu UL LI A{ color:#000;TEXT-ALIGN: center; DISPLAY: block; } #head.af1 #menu UL LI A p{ line-height:66px;height:62px; overflow:hidden;} #head.af2 #menu UL LI A p{ line-height:62px;height:58px; overflow:hidden;} #menu UL LI A span{ width:100%; position:absolute; top:-100%; left:0px; text-align:center; transition:all 0.4s ease-in-out 0s;} #menu UL LI A span img{ height:20px;} #menu UL LI .change { background-color:#15479c; TEXT-DECORATION: none; color:#fff; } #menu UL LI A:hover { background-color:#15479c; TEXT-DECORATION: none; color:#fff; } #menu UL LI a.sec { background-color:#15479c; TEXT-DECORATION: none; color:#fff; } #head.af1 #menu UL LI .change span,#head.af1 #menu UL LI A:hover span,#head.af1 #menu UL LI a.sec span{ top:6px;} #head.af2 #menu UL LI .change span,#head.af2 #menu UL LI A:hover span,#head.af2 #menu UL LI a.sec span{ top:4px;} #head.af2 #menu UL LI .change span img,#head.af2 #menu UL LI A:hover span img,#head.af2 #menu UL LI a.sec span img{ height:16px;} #menu UL LI OL { POSITION: absolute; WIDTH:180px; DISPLAY: none; COLOR: #fff; MARGIN-LEFT: 0px; padding:0px; left:0px; background-color:#fff; padding:10px; background-color:rgba(0, 0, 0,.8); } #menu UL LI OL LI { DISPLAY: block; FLOAT: none; background-image:none; font-weight:normal; font-size:12px;padding:0px; padding:0px; margin:0px; text-align:left;WIDTH:100%; } #menu UL LI OL LI a i{ float:right;LINE-HEIGHT: 20px; margin-right:6px;transition:all 0.4s ease-in-out 0s;} #head.af2 #menu UL LI OL LI A,#head.af1 #menu UL LI OL LI A { text-align:left; WIDTH: auto; DISPLAY: block; overflow:hidden; COLOR:#ccc; padding:5px 10px; LINE-HEIGHT: 20px; border-bottom:#333 solid 1px;transition:all 0.4s ease-in-out 0s; margin:0px; } #menu UL LI OL LI A:hover { color:#FFFFFF; } #menu UL LI OL LI A:hover i{ margin-right:0px;} #head.af2 #menu UL LI OL LI A:hover,#head.af1 #menu UL LI OL LI A:hover{ background:none;; color:#fff; margin-left:6px;} .clear{ clear:both;}