职员办公区,滑轨,抽屉滑轨,阻尼铰链,不锈钢铰链,三合一连接件,大嘴棋牌,拓臣五金

#header .head_nav{ height: 56px; background: #313842; } .wrap{ width: 1200px; height: 100%; margin: 0 auto; position: relative; } .wrap ul{position: absolute;} .clearfix:before,.clearfix:after{display:table;line-height:0;content:"";} .clearfix:after{clear:both;} #header .head_nav ul.nav_list>li{ width: 100px; float: left; margin: 0 2px; transition: 0.35s; } #header .head_nav ul.nav_list>li:nth-child(4), #header .head_nav ul.nav_list>li:nth-child(5){ width: 150px; } #header .head_nav ul.nav_list>li:nth-child(4)>a.on, #header .head_nav ul.nav_list>li:nth-child(4)>a:hover, #header .head_nav ul.nav_list>li:nth-child(5)>a.on, #header .head_nav ul.nav_list>li:nth-child(5)>a:hover { transition: 0.35s; background: url("/template/tuochen/images/nav_h150.png") no-repeat center top; background-size: cover; } #header .head_nav ul.nav_list>li>a.on, #header .head_nav ul.nav_list>li>a:hover{ height: 56px; overflow: hidden; display: block; margin-top: -3px; background: url("/template/tuochen/images/nav_h.png") no-repeat center top; transition: 0.35s; } #header .head_nav ul.nav_list>li>a>i{ display: block; font-size: 16px; letter-spacing: 0.2px; line-height: 56px; text-align: center; color: #fff; transition: 0.35s; } #header .head_nav ul.nav_list>li>a.on>i, #header .head_nav ul.nav_list>li>a:hover>i{ line-height: 1; margin-top: 11px; margin-bottom: 5px; } #header .head_nav ul.nav_list>li>a>span{ display: none; } #header .head_nav ul.nav_list>li>a.on>span, #header .head_nav ul.nav_list>li>a:hover>span{ color: #fff; font-size: 12px; text-align: center; display: block; line-height:1; transform: scale(0.84); display: block; } #header .head_nav ul.second{ background: #3a4452; position: absolute; z-index: 999; top:43px; } #header .head_nav ul>li{ width: 110px;} #header .head_nav ul.nav_list>li:hover ul.second{ display: block; } #header .head_nav ul.second{ display: none ; } #header .head_nav ul.second li a{ display: block; text-align: center; font-size: 14px; color: #fff; line-height: 30px; border-bottom: 1px solid #fff; } #header .head_nav ul.second li:last-child a{ border-bottom: 0; } #header .head_nav ul.second li a:hover{ background: #93a1b5; }