* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}


body {
    overflow-x: hidden;
}

ul,
li,
input,
button,
textarea,
select,
option {
    list-style: none;
    text-decoration: none;
    outline: none;
    border: none;
}

/* 手机设备 */
@media only screen and (max-width: 768px) {

    /* 样式规则 */
    .container {
        width: 100vw;
    }

    .container #navBox {
        width: 100vw;
        height: 6.25rem;
        /* 100/16 */
        padding: 0 1.88rem
            /* 30/16 */
        ;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        /* position: sticky; */
        top: 0px;
        background: #fff;
        z-index: 999;
        /**必须设置一个top值，否则不生效 */
    }

    .fiexd {
        position: fixed;
        top: 0;
    }

    .container #navBox .logo {
        /* width: 18.75rem */
        /* 300/16 */
        /* ; */
        width: 12.5rem
            /* 200/16 */
        ;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .container #navBox .logo img {
        width: 100%;
        height: 3.38rem
            /* 54/16 */
        ;
    }

    .container #navBox .navList {
        /* width: 17rem */
        /* 272/16 */
        /* ; */
        /* height: .44rem */
        /* 7/16 */
        /* ; */
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .container #navBox .navList .navListItemActive {
        height: 6.25rem;
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: .88rem
            /* 14/16 */
        ;
        color: #2459A9;
        line-height: 6.25rem;
        margin-right: 1.25rem
            /* 20/16 */
        ;
    }

    .container #navBox .navList .navListItemActive a {
        color: #2459A9;
    }

    .container #navBox .navList .navListItem {
        height: 6.25rem;
        /* 7/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
        ;
        color: #333333;
        line-height: 6.25rem;
        margin-right: 1.25rem
    }

    .container #navBox .navList .navListItem a {
        color: #333333;
    }

    .container .footer {
        width: 100%;
        /* height: 12.5rem */
        /* 200/16 */
        /* ; */
        background: #243238;
        clear: both;

    }

    .container .footer .footerBox {
        padding: .81rem
            /* 13/16 */
            6.25rem
            /* 100/16 */
            /* 30/16 */
            /* 141/16 */
            0 6.25rem
            /* 100/16 */
            /* 141/16 */
        ;
        box-sizing: border-box;
        margin-bottom: .75rem
            /* 12/16 */
        ;


    }

    .container .footer .footertop {
        width: 100%;
        /* height: 5.38rem */
        /* 86/16 */
        /* ; */
        /* 219/16 */
        display: flex;
        justify-content: space-between;

    }

    .container .footer .footertop .footertopLeft {
        /* width: 5.81rem */
        /* 93/16 */
        /* 240/16 */
        /* ; */
        height: 100%;
        /* 219/16 */

    }

    .container .footer .footertop .footertopLeft .tel {
        /* width: 5.81rem */
        /* 93/16 */
        /* 220/16 */
        /* ; */
        /* height: 1.44rem */
        /* 23/16 */
        /* 58/16 */
        /* ; */
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1.25rem
            /* 20/16 */
        ;
        color: #FFFFFF;
        line-height: 1.5;
        margin-bottom: .5rem
            /* 8/16 */
            /* 21/16 */
        ;
        margin-top: 1.25rem
            /* 20/16 */
        ;

    }

    .container .footer .footertop .footertopLeft .footertopLeftTitle {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
            /* 5/16 */
            /* 14/16 */
        ;
        color: #999999;
        line-height: 2;

    }

    .container .footer .footertop .footertopCenter {
        width: 15.19rem
            /* 243/16 */
            /* 623/16 */
        ;
        height: 3.25rem
            /* 52/16 */
            /* 133/16 */
        ;
        margin-top: 1.06rem
            /* 17/16 */
            /* 43/16 */
        ;
        display: none;
    }

    .container .footer .footertop .footertopCenter .footertopCenterTop {
        width: 100%;
        height: .38rem
            /* 6/16 */
            /* 17/16 */
        ;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.19rem
            /* 19/16 */
            /* 49/16 */
        ;
    }

    .container .footer .footertop .footertopCenter .footertopCenterTop .footertopCenterTopItem {
        height: .38rem
            /* 6/16 */
            /* 14/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: .38rem
            /* 6/16 */
            /* 14/16 */
        ;
        color: #AAADAF;
        line-height: .38rem
            /* 6/16 */
            /* 14/16 */
        ;
    }

    .container .footer .footertop .footertopCenter .footertopCenterTop .footertopCenterTopItem a {
        color: #AAADAF;
    }

    .container .footer .footertop .footertopCenter .footertopCenterMiddel {
        height: .38rem
            /* 6/16 */
            /* 14/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: .38rem
            /* 6/16 */
            /* 14/16 */
        ;
        color: #FFFFFF;
        line-height: .38rem
            /* 6/16 */
            /* 14/16 */
        ;
        color: #AAADAF;
        margin-bottom: .5rem
            /* 8/16 */
            /* 21/16 */
        ;
    }

    .container .footer .footertop .footertopCenter .footertopCenterBottom {
        width: 100%;
        height: .88rem
            /* 14/16 */
            /* 37/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: .31rem
            /* 5/16 */
            /* 14/16 */
        ;
        color: #525B5F;
        line-height: 1.8;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .container .footer .footertop .footertopCenter .footertopCenterBottom a {
        color: #525B5F;
        width: 3.13rem
            /* 50/16 */
            /* 100/16 */
        ;
    }

    .container .footer .footertop .footertopCenterRight {
        /* width: 2.56rem */
        /* 41/16 */
        /* 104/16 */
        /* ; */
        /* width: 50%; */
        /* height: 3rem */
        /* 48/16 */
        /* 124/16 */
        /* ; */
        margin-top: .94rem
            /* 15/16 */
            /* 38/16 */
        ;
    }

    .container .footer .footertop .footertopCenterRight img {
        width: 12.5rem
            /* 200/16 */
            /* 41/16 */
            /* 104/16 */
        ;
        height: 12.5rem
            /* 200/16 */
        ;
    }

    .container .footer .footertop .footertopCenterRight .footertopCenterRightTitle {
        /* height: .31rem */
        /* 5/16 */
        /* 14/16 */
        /* ; */
        font-family: Microsoft YaHei;
        font-weight: 400;
        /* font-size: 1rem */
        /* 16/16 */
        /* 5/16 */
        /* 14/16 */
        ;
        color: #AAADAF;
        text-align: center;
    }

    .container .footer .footerBottom {
        width: 100%;
        height: 5rem
            /* 80/16 */
        ;
        /* height: 1.31rem */
        /* 21/16 */
        /* ; */
        background: #1C272C;
        text-align: center;
        /* 21/16 */
        color: #FFFFFF;
        font-size: .75rem
            /* 12/16 */
        ;
        line-height: 5rem;
    }

    .container .backTop {
        width: 3.13rem
            /* 50/16 */

        ;
        height: 3.13rem;
        /* 50/16 */
        /* 40/16 */
        background: url('../images/top.png') no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        position: fixed;
        right: 1.88rem
            /* 30/16 */
            /* 50/16 */
        ;
        bottom: 1.88rem
            /* 30/16 */
            /* 100/16 */
        ;
        z-index: 99999;
        display: none;
    }
}



/* 桌面设备 */
@media only screen and (min-width: 769px) and (max-width: 1920px) {

    /* 样式规则 */
    .container {
        width: 100vw;
    }

    .container #navBox {
        width: 100vw;
        height: 9.38rem
            /* 150/16 */
        ;
        padding: 0 22.5rem
            /* 360/16 */
        ;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        /* position: sticky; */
        top: 0px;
        background: #fff;
        z-index: 999;
        /**必须设置一个top值，否则不生效 */
    }

    .fiexd {
        position: fixed;
        top: 0;
    }

    .container #navBox .logo {
        width: 24.88rem
            /* 398/16 */
        ;
        height: 8.56rem
            /* 137/16 */
        ;
        display: flex;
        align-items: center;
    }

    .container #navBox .logo img {
        width: 100%;
        height: 4.5rem
            /* 72/16 */
        ;
    }

    .container #navBox .navList {
        width: 43.56rem
            /* 697/16 */
        ;
        height: 8.56rem
            /* 137/16 */
        ;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .container #navBox .navList .navListItemActive {
        height: 1.13rem
            /* 18/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #2459A9;
        line-height: 1.13rem
            /* 18/16 */
        ;
    }

    .container #navBox .navList .navListItemActive a {
        color: #2459A9;
    }

    .container #navBox .navList .navListItem {
        height: 1.13rem
            /* 18/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #333333;
        line-height: 1.13rem
            /* 18/16 */
        ;
    }

    .container #navBox .navList .navListItem a {
        color: #333333;
    }

    .container .footer {
        width: 100%;
        height: 21.13rem
            /* 338/16 */
        ;
        background: #243238;

    }

    .container .footer .footerBox {
        padding: 2.13rem
            /* 34/16 */
            22.5rem 0 22.5rem
            /* 360/16 */
        ;
        box-sizing: border-box;
        margin-bottom: 1.94rem
            /* 31/16 */
        ;


    }

    .container .footer .footertop {
        width: 100%;
        height: 13.69rem;
        /* 219/16 */
        display: flex;
        justify-content: space-between;

    }

    .container .footer .footertop .footertopLeft {
        width: 15rem
            /* 240/16 */
        ;
        height: 100%;
        /* 219/16 */

    }

    .container .footer .footertop .footertopLeft .tel {
        width: 13.75rem
            /* 220/16 */
        ;
        height: 3.63rem
            /* 58/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #FFFFFF;
        line-height: 1.5;
        margin-bottom: 1.31rem
            /* 21/16 */
        ;

    }

    .container .footer .footertop .footertopLeft .footertopLeftTitle {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
        ;
        color: #999999;
        line-height: 2;

    }

    .container .footer .footertop .footertopCenter {
        width: 38.94rem
            /* 623/16 */
        ;
        height: 8.31rem
            /* 133/16 */
        ;
        margin-top: 2.69rem
            /* 43/16 */
        ;
    }

    .container .footer .footertop .footertopCenter .footertopCenterTop {
        width: 100%;
        height: 1.06rem
            /* 17/16 */
        ;
        display: flex;
        justify-content: space-between;
        margin-bottom: 3.06rem
            /* 49/16 */
        ;
    }

    .container .footer .footertop .footertopCenter .footertopCenterTop .footertopCenterTopItem {
        height: .88rem
            /* 14/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
        ;
        color: #AAADAF;
        line-height: .88rem
            /* 14/16 */
        ;
    }

    .container .footer .footertop .footertopCenter .footertopCenterTop .footertopCenterTopItem a {
        color: #AAADAF;
    }

    .container .footer .footertop .footertopCenter .footertopCenterMiddel {
        height: .88rem
            /* 14/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
        ;
        color: #FFFFFF;
        line-height: .88rem
            /* 14/16 */
        ;
        color: #AAADAF;
        margin-bottom: 1.31rem
            /* 21/16 */
        ;
    }

    .container .footer .footertop .footertopCenter .footertopCenterBottom {
        width: 100%;
        height: 2.31rem
            /* 37/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
        ;
        color: #525B5F;
        line-height: 1.8;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .container .footer .footertop .footertopCenter .footertopCenterBottom a {
        color: #525B5F;
        width: 6.25rem
            /* 100/16 */
        ;
    }

    .container .footer .footertop .footertopCenterRight {
        width: 6.5rem
            /* 104/16 */
        ;
        height: 7.75rem
            /* 124/16 */
        ;
        margin-top: 2.38rem
            /* 38/16 */
        ;
    }

    .container .footer .footertop .footertopCenterRight img {
        width: 6.5rem
            /* 104/16 */
        ;
        height: 6.5rem
            /* 124/16 */
        ;
    }

    .container .footer .footertop .footertopCenterRight .footertopCenterRightTitle {
        height: .88rem
            /* 14/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
        ;
        color: #AAADAF;
        text-align: center;
    }

    .container .footer .footerBottom {
        width: 100%;
        height: 3.38rem
            /* 54/16 */
        ;
        background: #1C272C;
        text-align: center;
        line-height: 3.38rem;
        color: #FFFFFF;
        font-size: .88rem
            /* 14/16 */
        ;
    }

    .container .backTop {
        width: 3.13rem
            /* 50/16 */
        ;
        height: 3.13rem
            /* 50/16 */
        ;
        background: url('../images/top.png') no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        position: fixed;
        right: 3.13rem
            /* 50/16 */
        ;
        bottom: 6.25rem
            /* 100/16 */
        ;
        display: none;
    }
}