/* Reset */ #menu, #menu ul, #menu li, #menu a {margin: 0;padding: 0;border: none;outline: none;} /* Menu */ #menu { height:39px;width:1000px; z-index:99999; position:relative; background:#fff; /*渐变 圆角 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/} #menu li {position: relative;list-style: none;float: left;display: block; width:165px;height:39px; margin-left:1px;text-align:center; z-index:99999; background:url(../images/shu-line.png) 0px 2px no-repeat; background:#0180de;} /* Links */ #menu li a {display: block;padding:0px;margin: 0px 0;line-height:39px;text-decoration: none;font-family: "微软雅黑";font-size: 15px;color: #fff;letter-spacing:1px; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } #menu li:first-child a { border-left: none; } #menu li:last-child a{ border-right: none; } #menu li:hover > a {background: #3ca100; color:#fff} #menu li a#active{background: #3ca100; color:#fff} /* Sub Menu */ #menu ul {position: absolute; width:165px;left:0;opacity: 0;background: #3ca100;top:40px; /* -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; */ -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s;} #menu li:hover > ul { opacity: 1; } #menu ul li {height: 0;overflow: hidden;padding: 0;margin-left:0px; -webkit-transition: height .3s ease .1s; -moz-transition: height .3s ease .1s; -o-transition: height .3s ease .1s; -ms-transition: height .3s ease .1s; transition: height .3s ease .1s;} #menu li:hover > ul li {height: 35px;overflow: visible;padding: 0; font-size:14px;border: none; width:165px;} #menu ul li a { display:block;padding: 0;margin: 0;border: none;text-align: center;font-size:13px; color:#fff; line-height:35px; } #menu ul li a:hover{ display:block; background:#3ca100;color:#fff;} #menu ul li:last-child a { border: none; } #menu ul li ul { position:absolute; left:150px; top:0; width:145px;} #menu ul li ul li { height: 30px;padding: 0; font-size:13px;border: none; width:150px; } #menu ul li ul li a {display:block;padding: 0;margin: 0;font-size:13px; color:#fff; line-height:30px; text-align:left; padding-left:20px; }