/* 头部开始  */
.header {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
}

/* 头部Logo */
.header-left {
    width: 200px;
    height: 60px;
    line-height: 60px;
    margin-left: 5%;
}

    .header-left img {
        width: 150px;
        height: 45px;
        vertical-align: middle;
    }

/* 头部右侧自媒体 */
.header-right {
    width: 100px;
    height: 60px;
    border-left: 1px solid #959595;
}
.weixin-code {
    height: 100%;
    width: 100%;
    float: right;
    position: relative;
    cursor: pointer;
}

    .weixin-code .weixin-code-img {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        position: absolute;
        left: 40px;
        top: 8px;
    }

    .weixin-code p {
        margin-top: 35px;
        text-align: center;
        font-size: 14px;
    }

.weixin-code-img-showBox {
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 1;
    width: 180px;
    height: 180px;
    display: none;
}

.weixin-code .weixin-code-img-showBox img {
    width: 100%;
    height: 100%;
}

.weixin-code:hover .weixin-code-img-showBox {
    display: block;
}

/* 头部导航 */
.header-center {
    flex-grow: 1;
    width: 55%;
}

/*设置导航flex布局*/
.nav-menu {
    display: flex;
    justify-content: flex-end;
}

/*设置所有li相对定位*/
    .nav-menu  li {
        position: relative;
    }
/*设置第一行li伪元素下划线*/
.nav-menu > li:after {
            content: "";
            position: absolute;
            width: 0%;
            height: 3px;
            background: #ffb106;
            bottom: 0px;
            left: 0px;
            transition: all .7s;

        }
.nav-menu > li:hover:after {
    width: 100%;
}

.nav-menu li a {
    -webkit-transition: color 200ms;
    transition: color 200ms;
    font-family: '微软雅黑';
    color: #7a7a7a;
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    font-weight: bold;
    *height: 60px;
    line-height: 60px;
}

.nav-menu >li:hover > a {
    color: #ffb106;
}
/*二级菜单、三级菜单*/
    .nav-menu li .sub-ul, .nav-menu li .sub-ul .sub-ul-ul {
        display: none;
        position: absolute;
        background-color: #fff;
    }
    .nav-menu > li:hover .sub-ul {
        top: 60px;
        display: block;
        z-index: 2;
    }
    .nav-menu li:hover .sub-ul li:hover .sub-ul-ul {
        display: block;
        z-index: 2;
        margin-left: 100%;
        top: 0;
    }

/*除第一行外所有a元素样式*/
.nav-menu >li .sub-ul li a{
    height: 50px;
    line-height: 50px;
    white-space:nowrap;
    padding-right: 80px;
}
    /*除第一行外所有li元素样式*/
    .nav-menu > li .sub-ul li:hover {
        background-color: #ffb106;
        background-image: url('/themes/images/right-Arrow.png');
        background-position:85% center;
        background-repeat: no-repeat;
    }
    .nav-menu .sub-ul > li:hover > a, .nav-menu .sub-ul-ul > li:hover a {
        color: #fff;
    }