* { margin:0; padding:0; } ul,li { list-style:none; } a { text-decoration:none; } .wrap { width:100%; height:40px; background:rgba(0,0,0,1); overflow:hidden; } .wrap .menu { width:1200px; height:40px; margin:0 auto; } .wrap .menu ul li { width:180px; height:40px; float:left; } .wrap .menu ul li a { width:180px; display:block; height:80px; color:#fff; transition:.5s; } .wrap .menu ul li a span { display:block; width:180px; height:40px; line-height:40px; text-align:center; margin-top:0px; } .wrap .menu ul li a span.font_size { color:#222222; background:#FFFFFF; border-top:2px solid #222222; } .wrap .menu ul li a:hover { margin-top:-40px; }