@charset "utf-8";

.head a,
.head {
    color: #fff;
}

/* *********** */

.head {
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    transition: all .36s linear;
}

.head.on {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    /* box-shadow: 0 0 5px 0 #333; */
}

.head.on .cai {
    display: block;

}

.head.on .bai {
    display: none;
    width: 0;
}

.head.on .u1>li>a,
.head.on .tel {
    color: #333;
}

.head.on .u2 {
    background-color: rgba(255, 255, 255, .8);
}

.head .u1 .u2 a:hover {
    background-color: rgba(255, 255, 255, .2);
}

.head .bai {
    display: block;
}

.head .cai {
    display: none;
}

.head .u1>li {
    position: relative;
    width: 100%;
}

.head .u1>li>a {
    display: inline-block;
    position: relative;
    line-height: 60px;
}

.head .u1>li>a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: all .36s;
}

.head .u1>li>a:hover::after {
    width: 100%;
    left: 0;
}

.head .u2 {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    /* display: none; */
    background-color: #fff;
}

.head .u1>li:hover .u2 {
    display: block;
}

.head .u1 .u2 a {
    display: block;
    font-size: 14px;
    line-height: 35px;
}

.head .u2 a {
    color: #333;
}


/* 底部 */
.foot {
    padding-top: 50px;
    /* background-color: #2E3238; */
    /* background: url(../img/foot.png) no-repeat center / cover; */
    background-color: #272a30;
}

.foot .a,
.foot .nav_list a,
.foot .f_links a,
.foot .banquan a {
    color: #7c8187;
}

.foot .nav_list a {
    display: block;
    font-size: 14px;
    line-height: 2;
    transition: all .36s;
}

.foot .row .list_nav {
    width: 10%;
}

.foot .l4 {
    margin-right: 1.5vw;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.foot .nav_list a:hover,
.foot .f_links a:hover,
.foot .banquan a:hover {
    color: #fff;
}

.foot .f_links {
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 15px;
    padding-bottom: 15px;
}

.foot .banquan {
    padding-bottom: 15px;
    background-color: #272A30;
}

.foot .banquan>p {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}