@media screen and (max-width: 1400px) {
    .office-list, .news-list {
        width: 700px;
    }
}

@media screen and (max-width: 1200px) {
    .nav-item-about, .nav-item-news, .icon_qrcode {
        display: none;
    }

    .office-list, .news-list {
        width: 600px;
    }

    .office-detail, .office-detail .banner, .office-detail .slide {
        width: 600px;
        min-width: 600px;
    }

        .office-detail .slide img {
            height: 350px;
        }

    .office-list .pic img {
        width: 220px;
        height: 160px;
    }

    .side {
        margin-left: 30px;
    }

    .tags {
        display: none;
    }
    .index-divide{
        margin-top:350px;
    }
    .index-banner img {
        height: 350px;
    }
    .member-list .member-box, .member-list .brand-item img {
        height: 80px;
    }
}


@media screen and (max-width: 990px) {
    .office-list, .office-detail, .office-detail .banner, .office-detail .slide {
        width: 100%;
    }

        .office-detail .slide img {
            height: 400px;
        }

    .navbar-nav {
        display: none;
    }

    .side_container, .side {
        display: none;
    }
}

@media screen and (max-width: 480px) {

    html, body {
        font-size: 14px;
    }

    .main {
        margin-bottom: 140px;
    }

    .index-banner img{
        height: 150px;
    }
    .slogon{
        font-size: 20px;
        top: 50px;
        line-height: 30px;
    }
    .index-divide{
        margin-top: 150px;
    }
    .index-show{
        display: none;
    }
    .quick-select{
        gap:10px!important;
    }
    .result-title .title {
        font-size: 24px;
    }

    .result-title .showmore {
        width: 90px;
        text-align: center;
    }
    .office-list, .news-list {
        width: 100%;
    }
    .member-list{
        flex-wrap: wrap;
    }
    .member-box, .member-list .brand-item{
        width: calc(33% - 10px);
    }
    .news-list .item .desc{
        max-height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .news-list .item .title{
        flex: 1;
    }
    .news-list .item .date{
        width: 100px;
        text-align: right;
    }
    .room .mobile-price {
        display: block;
        margin: 0;
    }

    .room .info {
        padding: 0;
    }

    .room .pc-price {
        display: none;
    }

    .room .thumb {
        width: 120px;
        height: 80px;
        cursor: pointer;
        border-radius: 5px;
    }

    .contact-bar {
        display: flex;
    }

    .office-detail .swiper-pagination {
        display: block;
    }

    .office-detail, .office-detail .banner, .office-detail .slide {
        width: calc(100vw - 20px);
        min-width: calc(100vw - 20px);
    }

        .office-detail .slide img {
            height: 300px;
        }

    .office-list .pic img {
        width: 220px;
        height: 160px;
    }

    .office .pic .hot {
        padding: 3px 10px 3px 22px;
        font-size: 12px;
        background-position: 5px 4px;
    }

    .navbar-nav, .nav-item-news, .nav-item-about {
        display: block;
    }

    .icon_qrcode, .mp_qrcode, .navbar-right, .links {
        display: none;
    }

    .office-detail .quick-bar, .office-detail .swiper-button-next, .office-detail .swiper-button-prev {
        display: none;
    }

    .office-list .pic img {
        width: 150px;
        height: 100px;
        margin-right: 5px;
    }

    .office .title {
        padding: 5px;
    }

    .office .room-types {
        display: none;
    }

    .office .address {
        display: none;
    }

    .office .title-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .office .title {
        width: 100%;
    }

        .office .title h2 {
            font-size: 15px;
            margin-bottom: 0;
            width: calc(100% - 55px)
        }



    .office .price {
        font-size: 16px;
        margin-top: 0;
    }

    .office .unit {
        font-size: 12px;
    }

    .office .location {
        margin-top: auto;
        margin-bottom: 5px;
    }

    .select-row {
        gap: 10px !important;
    }

    .site-info {
        gap: 0px;
        justify-content: center;
        margin-bottom: 30px;
        padding-top: 10px;
    }

        .site-info a {
            margin-right: 5px;
        }

    .news .article .thumb img {
        width: 100px;
        height: 70px;
        border-radius: 4px;
    }

    .news .article {
        gap: 10px;
        padding: 15px 0;
    }

        .news .article .title {
            font-size: 16px;
        }

        .news .article .info {
            gap: 4px;
        }

    .article .meta {
        margin: 0;
    }

    .news .article .desc, .news .article .views {
        display: none;
    }

    .news .article .brand {
        overflow: hidden;
        max-width: 140px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .news .content img {
        max-width: 100%;
        height: auto;
    }

    .brand {
        width: 100%;
    }

        .brand .top {
            display: flex;
            flex-direction: column;
        }

        .brand .logo {
            width: 100%;
            height: auto;
        }

        .brand .room {
            gap: 10px;
        }
    .brand-item .banner{
        height:70px;
    }

    .brand-item .description {
        height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}