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

    /* 样式规则 */
    .container .aboutBannerBox {
        width: 100vw;
        height: 31.25rem
            /* 500/16 */
            /* 700/16 */
        ;
    }

    .container .aboutBannerBox img {
        width: 100%;
        height: 100%;
    }

    .container .contactUsBox {
        width: 100vw;
        height: 63.63rem;
        /* 1018/16 */
        padding: 7.31rem
            /* 117/16 */
            22.5rem
            /* 360/16 */
            0 22.5rem
            /* 360/16 */
        ;
        box-sizing: border-box;
        /* align-items: center; */
    }

    .container .contactUsBox .contactUsBoxTitle {
        width: 100%;
        height: 1.88rem
            /* 30/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1.88rem
            /* 30/16 */
        ;
        color: #224AA1;
        text-align: center;
        margin-bottom: 3.75rem
            /* 60/16 */
        ;
    }

    .container .contactUsBox .contactUsBoxBottom {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 34.38rem
            /* 550/16 */
        ;
    }

    .container .contactUsBox .contactUsBoxBottom .contactUsBoxBottomLeft {
        /* width: 22.38rem */
        /* 358/16 */
        /* ; */
        height: 16.5rem
            /* 264/16 */
        ;
        margin-top: 2.25rem
            /* 36/16 */
        ;
    }

    .container .contactUsBox .contactUsBoxBottom .contactUsBoxBottomLeft .contactUsBoxBottomLeftTitle {
        /* width: 22.38rem */
        /* 358/16 */
        /* ; */
        height: 1.88rem;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1.88rem
            /* 30/16 */
        ;
        color: #224AA1;
        margin-bottom: 1.88rem
            /* 30/16 */
        ;
    }

    .container .contactUsBox .contactUsBoxBottom .contactUsBoxBottomLeft .contactUsBoxBottomTitle {
        color: #666666;
        font-size: 1rem
            /* 16/16 */
        ;
        line-height: 4;
        ;
    }

    .container .contactUsBox .contactUsBoxBottom #mapContent {
        width: 46.25rem
            /* 740/16 */
        ;
        height: 34.38rem
            /* 550/16 */
        ;
        border-radius: 1.25rem
            /* 20/16 */
        ;
    }



}

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

    /* 样式规则 */
    .container .aboutBannerBox {
        width: 100vw;
        height: 18.75rem
            /* 500/16 */
            /* 700/16 */
        ;
    }

    .container .aboutBannerBox img {
        width: 100%;
        height: 100%;
    }

    .container .contactUsBox {
        width: 100vw;
        /* height: 63.63rem; */
        /* 1018/16 */
        padding: 7.31rem
            /* 117/16 */
            1.88rem
            /* 30/16 */
            /* 360/16 */
            0 1.88rem
            /* 360/16 */
        ;
        box-sizing: border-box;
        /* align-items: center; */
    }

    .container .contactUsBox .contactUsBoxTitle {
        width: 100%;
        height: 1.88rem
            /* 30/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1.88rem
            /* 30/16 */
        ;
        color: #224AA1;
        text-align: center;
        margin-bottom: 3.75rem
            /* 60/16 */
        ;
    }

    .container .contactUsBox .contactUsBoxBottom {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        /* height: 34.38rem */
        /* 550/16 */
        /* ; */
        align-items: center;
        margin-bottom: 1.25rem
            /* 20/16 */
        ;
    }

    .container .contactUsBox .contactUsBoxBottom .contactUsBoxBottomLeft {
        /* width: 22.38rem */
        /* 358/16 */
        /* ; */
        height: 16.5rem
            /* 264/16 */
        ;
        margin-top: 2.25rem
            /* 36/16 */
        ;
    }

    .container .contactUsBox .contactUsBoxBottom .contactUsBoxBottomLeft .contactUsBoxBottomLeftTitle {
        /* width: 22.38rem */
        /* 358/16 */
        /* ; */
        height: 1.88rem;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1.88rem
            /* 30/16 */
        ;
        color: #224AA1;
        margin-bottom: 1.88rem
            /* 30/16 */
        ;
    }

    .container .contactUsBox .contactUsBoxBottom .contactUsBoxBottomLeft .contactUsBoxBottomTitle {
        color: #666666;
        font-size: 1rem
            /* 16/16 */
        ;
        line-height: 4;
        ;
    }

    .container .contactUsBox .contactUsBoxBottom #mapContent {
        width: 100%
            /* 740/16 */
        ;
        height: 34.38rem
            /* 550/16 */
        ;
        border-radius: 1.25rem
            /* 20/16 */
        ;
    }


}