@media (max-width: 1366px) {

    /* 这里就是10/16x100%=62.5% 也就是默认10px的字号 */
    html {
        font-size: 62.5%;
    }

    .jiejuefanggan-rem {
        display: block;
    }

    /* footer样式 */
    #footer {
        width: 100%;
        background-color: #20232A;
    }

    .footer-content {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .list-inline>li {
        display: inline-block;
    }

    .list-top-align .footer-li-title {
        font-size: 1.6rem;
        font-weight: bold;
    }

    #footer .list-other-color {
        font-size: 1.5rem;
        color: #cccccc;
        /* 字体间距 */
        /* letter-spacing:0.1rem; */
    }

    .row {
        margin: 0rem;
    }

    .list-top-align .footer-li-title,
    .list-top-align ul {
        padding-left: 2.5rem;
    }

    /* .contact-us-sty {
        margin-top: 2.5rem;
    } */

    .qrcode-image {
        margin-top: 2rem;
    }

    .footer-company-name {
        font-size: 1.6rem;
    }

    /* 预约咨询按钮 */
    .topNav-consult {
        display: none;
    }

    .navbar-header {
        position: relative;
    }

    .topNav-consult-rem {
        display: block;
        position: absolute;
        left: 110%;
        top: 1.2rem;
        background-color: #fff;
        border: 0.2rem solid #1B9AEE;
        border-radius: 0.4rem;
        outline: none;
        width: 8rem;
        height: 3rem;
        color: #fff;
        background-color: #1B9AEE;
    }

    /* 预约咨询 */

    .main-content {
        position: relative;
    }

    .zhezhao {
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        /* position: absolute;
        top: 0px;
        left: 0px; */
        display: none;
        z-index: 999;

    }

    .tankuang-outner {
        width: 96%;
        height: 0rem;
        position: -webkit-sticky;
        position: fixed;
        left: 50%;
        top: 100px;
        transform: translate(-50%, 0);
        background-color: #fff;
        border-radius: 10px;
    }

    .tankuang {

        position: static;
        transform: translate(0, 0);
        width: 100%;
        height: 64rem;
        overflow: auto;

    }

    .iframe-box {
        width: 100%;
        height: 78rem;
        border-radius: 5px;
        position: absolute;
        left: 0rem;
        /* position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%); */
    }

    #header {
        height: 40px;
    }

    #header-right {
        position: absolute;
        width: 25px;
        height: 25px;
        border-radius: 5px;
        background: #1B9AEE;
        color: #fff;
        right: 7rem;
        top: 2.5rem;
        text-align: center;
        cursor: pointer;
    }

}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    /* 这里就是10/16x100%=62.5% 也就是默认10px的字号 */
    html {
        font-size: 62.5%;
    }

    .navbar-padding-style {
        /* margin: 12px auto; */
        width: 100%;
    }

    .topNav-list {
        width: 70% !important;
    }

    .navbar .navbar-collapse {
        left: 0px;
    }

    .navbar-header {
        width: 59px;
    }

    .topNav-consult-rem {
        display: none;
    }

    /* 顶部预约咨询按钮 */
    .topNav-consult {
        display: block;
        position: absolute;
        background-color: #fff;
        border: 2px solid #1B9AEE;
        border-radius: 4px;
        outline: none;
        top: 16px;
        left: 102%;
        width: 80px;
        height: 30px;
        color: #fff;
        background-color: #1B9AEE;
    }

    .topNav-line {
        width: 0px;
        height: 0px;
        background: #0089ff;
        position: static;
        bottom: 0px;
        left: 0px;
        transition: all 0.5s ease;
        display: none;
    }

    .topNav-list a:hover,  .topNav-list a:focus{
        text-decoration: none;
        color: #fff;
    }
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) {

    /* 这里就是10/16x100%=62.5% 也就是默认10px的字号 */
    html {
        font-size: 62.5%;
    }

    .jiejuefanggan-rem {
        display: block;
    }

    .footer-content {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .navbar-padding-style {
        /* margin: 12px auto; */
        width: 100%;
    }

    .topNav-list {
        width: 70% !important;
    }

    .navbar .navbar-collapse {
        left: 18%;
    }

    .navbar-header {
        width: 59px;
    }

    .topNav-consult-rem {
        display: none;
    }

    /* 顶部预约咨询按钮 */
    .topNav-consult {
        display: block;
        position: absolute;
        background-color: #fff;
        border: 2px solid #1B9AEE;
        border-radius: 4px;
        outline: none;
        top: 16px;
        left: 102%;
        width: 80px;
        height: 30px;
        color: #fff;
        background-color: #1B9AEE;
    }
    .list-unstyled{
        width: 100% !important;
    }
    .qrcode-image{
        width: 50% !important;
    }

    .topNav-line {
        width: 0px;
        height: 0px;
        background: #0089ff;
        position: static;
        bottom: 0px;
        left: 0px;
        transition: all 0.5s ease;
        display: none;
    }

    .topNav-list a:hover,  .topNav-list a:focus{
        text-decoration: none;
        color: #fff;
    }

}