@charset "utf-8";

#hm_t_undefined {
    display: none !important;
}

.ht1390 {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.top {
    height: 88px;
    background-color: #ffffff;
    overflow: hidden;
}

.top,
.footer {
    width: 100%;
    min-width: 1000px;
    max-width: 1920px;
    margin: 0 auto;
}

.logo {
    margin: 27px 0 18px 43px;
    width: 206px;
    height: 44px;
    overflow: hidden;
}

.logo img {
    width: 206px;
    height: 44px;
}

.nav {
    width: 100%;
    min-width: 1000px;
    height: 45px;
    background-color: #d42c25;
    overflow: hidden;
}

.nav ul {
    margin-left: 94px;
}

.nav li {
    line-height: 45px;
    float: left;
    font-size: 19px;
    color: #ffffff;
    margin: 0 50px;
    position: relative;
}

.nav li:first-child {
    margin-left: 0;
}

.nav li a {
    display: block;
    color: #ffffff;
}

.nav li.on ::after,
.nav li:hover ::after {
    content: "";
    display: block;
    width: 74px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    margin-left: -37px;
    bottom: 0;
}

.nav li.on.two ::after,
.nav li.two:hover ::after {
    width: 36px;
    margin-left: -18px;
}

.footer {
    background-image: url(../images/yw4-xs.png?v=100);
    background-repeat: no-repeat;
    background-position: top center;
}

.footer-n {
    background-image: url(../images/yw7-xs.png?v=100);
    background-repeat: no-repeat;
    background-position: top center;
}

.footer,
.footer-n {
    display: block;
}

.footer-n-phone {
    display: none;
}

.footer-inner {
    margin-left: 50px;
    padding: 49px 0 20px 0;
}

.footer-n-inner {
    padding: 58px 0;
}

.group-infor dl {
    width: 166px;
    float: left;
}

.group-infor dt {
    font-size: 19px;
    color: #ffffff;
    padding-left: 13px;
    position: relative;
}

.group-infor dt::before {
    display: block;
    content: "";
    width: 3px;
    height: 19px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

.group-infor dd {
    line-height: 26px;
    font-size: 16px;
    color: #ffffff;
    margin-top: 9px;
}

.group-infor dl+dl {
    margin-left: 74px;
}

.group-infor dl.group-address {
    width: 230px;
}

.website-infor {
    margin-top: 47px;
}

.website-infor p,
.website-n-infor p {
    line-height: 20px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
}

.website-infor a,
.website-n-infor a {
    color: #ffffff;
}

@media screen and (min-width: 1391px) {
    .ht1390 {
        width: 1390px;
        margin: 0 auto;
        position: relative;
    }

    .top {
        height: 122px;
        background-color: #ffffff;
        overflow: hidden;
    }

    .top,
    .footer,
    .footer-n {
        width: 100%;
        min-width: 1000px;
        max-width: 1920px;
        margin: 0 auto;
    }

    .logo {
        margin: 37px 0 25px 60px;
        width: 286px;
        height: 61px;
        overflow: hidden;
    }

    .logo img {
        width: 286px;
        height: 61px;
    }

    .nav {
        width: 100%;
        min-width: 1000px;
        height: 63px;
        background-color: #d42c25;
        overflow: hidden;
    }

    .nav ul {
        margin-left: 130px;
    }

    .nav li {
        line-height: 63px;
        float: left;
        font-size: 25px;
        color: #ffffff;
        margin: 0 58px;
        position: relative;
    }

    .nav li:first-child {
        margin-left: 0;
    }

    .nav li a {
        display: block;
        color: #ffffff;
    }

    .nav li.on ::after,
    .nav li:hover ::after {
        content: "";
        display: block;
        width: 102px;
        height: 3px;
        background-color: #ffffff;
        position: absolute;
        left: 50%;
        margin-left: -51px;
        bottom: 0;
    }

    .nav li.on.two ::after,
    .nav li.two:hover ::after {
        width: 50px;
        margin-left: -25px;
    }

    .footer {
        background-image: url(../images/yw4.png?v=100);
        background-repeat: no-repeat;
        background-position: top center;
    }

    .footer-n {
        background-image: url(../images/yw7.png?v=100);
        background-repeat: no-repeat;
        background-position: top center;
    }

    .footer,
    .footer-n {
        display: block;
    }

    .footer-n-phone {
        display: none;
    }

    .footer-inner {
        margin-left: 70px;
        padding: 68px 0 28px 0;
    }

    .footer-n-inner {
        padding: 80px 0;
    }

    .group-infor dl {
        width: 230px;
        float: left;
    }

    .group-infor dt {
        font-size: 26px;
        color: #ffffff;
        padding-left: 18px;
        position: relative;
    }

    .group-infor dt::before {
        display: block;
        content: '';
        width: 4px;
        height: 26px;
        background-color: #ffffff;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -13px;
    }

    .group-infor dd {
        line-height: 36px;
        font-size: 22px;
        color: #ffffff;
        margin-top: 12px;
    }

    .group-infor dl+dl {
        margin-left: 103px;
    }

    .group-infor dl.group-address {
        width: 320px;
    }

    .website-infor {
        margin-top: 66px;
    }

    .website-infor p,
    .website-n-infor p {
        line-height: 28px;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
    }

    .website-infor a,
    .website-n-infor a {
        color: #ffffff;
    }
}