li { position: relative; float: left; width: 150px;} .box880_-8476 .nav > li > a { position: relative; display: block; padding: 11px 35px 20px; text-align: center; font-size: 19px; } .box880_-8476 .nav > li > a:hover, .box880_-8476 .nav > li > a:hover .subtitle, .box880_-8476 .nav .active, .box880_-8476 .nav .active .subtitle { color: #fff; } .box880_-8476 .nav > li > a:after { position: absolute; bottom: 0; left: 50%; width: 70px; height: 3px; margin-left: -35px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: scale(0, 1); transform: scale(0, 1); background: #18a514; } .box880_-8476 .nav > li > a:hover:after, .box880_-8476 .nav .active:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .box880_-8476 .nav a span { display: block; } .box880_-8476 .nav .title { font-weight: bold; color: #fff;} .box880_-8476 .nav .subtitle { font-size: 9px; padding-top: 5px; text-transform: uppercase; color: #666; } .box880_-8476 .subnav { position: absolute; top: 67px; left: 50%; visibility: hidden; width: 210px; margin-left: -85px; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; background: rgba(255, 255, 255, .9); box-shadow: 0 3px 16px rgba(0, 0, 0, .1); } .box880_-8476 .nav > li:hover .subnav { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .box880_-8476 .subnav li a { font-size: 17px; line-height: 50px; position: relative; display: block; overflow: hidden; height: 50px; padding: 0 30px 0 10px; -webkit-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; text-overflow: ellipsis; color: #666; border-bottom: 1px solid #f2f2f2; } .box880_-8476 .subnav li a:hover { padding-left: 15px; color: #fff; background: #18a514; } .box880_-8476 .subnav li a:after { position: absolute; top: 50%; right: 10px; visibility: hidden; width: 5px; height: 10px; margin-top: -5px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; background: url(/mFile/880/img/arrow-right.png) no-repeat center center / cover; } .box880_-8476 .subnav li a:hover:after { right: 15px; visibility: visible; }
諸城市宏康環??萍加邢薰?專注 品質 誠信
銷售一部:15263677759 固話:0536-6216268
QQ:973596184 郵箱:973596184@qq.com 地址:山東省諸城市舜耕路104號
技術支持:恒泰互聯 網站備案號:魯ICP備19064757號-1
營業執照:
宏康環保
微信號
手機站