@media screen and (max-width: 1202px){
    .top-bar {
        width: 100%;
    }
    header {
        width: 100%;
    }

    .top-bar {
        width: 100%;
    }

    .right-login {
        display: none;
    }

    .header .header-inner {
        width: 100%;
    }

    #logo {
        width: 100%;
        margin-top: 80px !important;
        transform: scale(0.7);
    }
    .search {
        display: flex;
        justify-content: center;
    }
    header .header-content {
        width: 100% !important;
    }
    .flex-box {
        display: none;
    }
    .important-information {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .important-information .title {
        line-height: 30px;
        height: 30px;
        font-size: 14px;
        margin-left: 0;
    }

    .important-information img {
        width: 75px;
        height: 30px;
    }

    .hot-channel {
        display: none;
    }

    .zjd {
        display: none;
    }

    .content-item {
        width: 100%;
        margin-bottom: 30px !important;
    }

    .service-active {
        transform: scale(1);
        z-index: 0;
    }

    .phone-service {
        margin-top: 30px;
        display: block;
        margin-bottom: 30px;
    }

    .img-banner {
        width: 100%;
        background-size: cover;
        background-position-x: 35%;
        height: 70px;
        margin-bottom: 30px;
    }

    .house-nav :not(:first-child) {
        margin-left: 0;
    }

    .hous-res {
        width: 100%;
        height: auto;
        padding-top: 0;
    }

    .hous-res .layui-show {
        display: block !important;
    }
    
    .hous-res .layui-show li {
        width: 100%;
        margin-bottom: 50px;
    }

    .hous-res .layui-show li img {
        width: 100%;
    }

    .back-img {
        height: 300px;
    }

    .back-img2 {
        display: none;
    }

    .house-nav {
        margin-bottom: 0;
    }

    .house-nav .layui-unselect {
        display: none;
    }

    .house-nav li {
        font-size: 16px !important;
    }

    .property-item {
        width: 100%;
        display: block;
    }

    .property-item li:not(:last-child) {
        margin-bottom: 20px;
    }

    .property .layui-tab-title li {
        font-size: 16px !important;
    }

    .property-item li img {
        width: 100%;
    }

    .img-banner3 {
        width: 100%;
        height: 70px;
        background-size: cover;
    }

    .publicity-title {
        font-size: 16px;
    }

    .publicity-more {
        font-size: 12px;
    }

    .publicity {
        display: block;
    }

    .publicity-header {
        width: 100%;
    }

    .news-img img{
        width: 100%;
    }

    .right-bar {
        display: block;
    }

}

@media screen and (max-width: 768px) {
    .left-time {
        font-size: 12px;
    }
    .search {
        display: none;
    }
    header {
        height: 200px !important;
        overflow: hidden;
    }
    .content-item {
        width: 100%;
    }

    .news {
        display: block;
    }

    #swiper {
        width: 100% !important;
        height: 250px !important;
    }

    .news-ground {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }

    .title span{
        font-size: 16px !important;
    }

    .title a {
        font-size: 12px !important;
    }

    .news-list {
        font-size: 12px !important;
    }
    .news-ground img {
        height: 100px;
    }
    .service-icon {
        height: 20px;
        width: 3px;
    }
    .service-title {
        height: 20px !important;
        line-height: 20px;
    }
    .service-title span {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .service-content {
        display: none;
    }
    #cooperate {
        display: none;
    }
    #phone-cooperate {
        display: block;
    }
    footer .content-item {
        width: 100%;
    }
    .right-nav {
        display: none;
    }
    footer .right {
        display: none;
    }

    .left {
        width: 100%;
        text-align: center;
    }

    .rel-link {
        font-size: 12px !important;
        margin-bottom: 10px;
    }

    footer .content-item {
        top: 0;
    }

    .filing-number {
        font-size: 12px;
        margin-top: 20px;
    }

    footer {
        height: 200px;
    }
}