.nav-component{position:absolute;top:0;left:50%;z-index:10;padding-top:12px;margin-left:-450px;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-component .img-logo{width:119px;height:46px}.nav-component .nav-list{width:450px;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-component .nav-item{margin-right:60px;cursor:pointer;position:relative;height:30px;line-height:30px}.nav-component .nav-item:hover{font-weight:700}.nav-component .nav-item:hover>.box,.nav-component .nav-item:hover>.line{display:block}.nav-component .nav-item.active{font-weight:700}.nav-component .line{position:absolute;display:none;height:2px;bottom:4px;width:100%;background-color:#333;border-radius:1px}.nav-component .active-line{display:block}.nav-component .box{display:none;position:absolute;top:28px;left:50%;margin-left:-45px;width:90px;background-color:#fff;text-align:center;padding-top:5px}.nav-component .box p{color:#666;height:40px;font-size:12px;line-height:40px;border-bottom:1px solid #e7e7e7}.nav-component .box p:last-child{border-bottom:0}