/*
 * @Author: LiLin 
 * @Date: 2018-10-11 16:21:16 
 * @Last Modified by:   LiLin 
 * @Last Modified time: 2018-10-11 16:21:16 
 */
/* lg */
.bottom_fiexd_box.active {
    display: block;
}

a {
    color: #777777;
    text-decoration: none;
}

.nav > li > a {
    padding: 15px 5px !important
}

.ddd {
    background: #4D4D4D;
}

.eee {
    background: #444444;
}

ul {
    margin: 0;
}

.city a {
    color: #000;
}

    .city a:hover {
        color: #bb0511 !important;
    }

#team .team-cover .peo::after {
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: 19px;
    right: 0;
    margin: 0 1%;
}

.section-content .col .col-2.text-right {
    border-right: 1px solid #BCBCBC;
}

.navbar-nav > li:hover {
    background: #fff;
}

.navbar-default .navbar-nav > li:hover > a {
    color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: #15b0ba;
    color: #fff;
}

.dropdown-menu {
    background: #fff;
    min-width: 100%;
}

    .dropdown-menu li {
        height: 35px;
        line-height: 35px;
    }

        .dropdown-menu li:hover {
            background: rgba(0,0,0,.2);
        }

        .dropdown-menu li a {
            color: #000;
        }

    .dropdown-menu > li > a {
        line-height: 35px;
        text-align: center;
    }

    .dropdown-menu li:hover a {
        color: #000;
    }

.section-title span > a {
    margin-left: 1%;
    color: #737373;
    font-size: 12px;
}

a:focus, a:hover {
    text-decoration: none;
}

.delog_news_listc a:hover {
    text-decoration: none;
}

.content-left:hover, .content-right:hover {
    border-top-color: #bb0511;
}

.footer-btm {
    position: relative;
    z-index: 99;
}

.nav-con li img {
    width: 100%;
    transition: .34s;
}

    .nav-con li img:hover {
        transform: scale(1.1);
    }

.nav-con-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section-title span {
    color: #9a9a9a;
}

    .section-title span a {
        color: #9a9a9a;
    }

@media (min-width:1440px) {
    .ulf i {
        font-size: 40px;
        color: #bfbfbf;
    }

    .ulf li.active i {
        color: #fff;
    }

    .yanzhengma {
        padding-left: 60px;
        margin-top: 1.5%;
    }

    .zxdk-window { /*height: 60% !important;*/
    }

    .dck {
        height: 40px;
        line-height: 40px;
        background: #bb0511;
        padding: 0 2%;
        color: #fff;
        outline: none;
    }

    .yanzhengma #input {
        width: 30%;
        float: left;
        height: 40px;
        line-height: 40px;
        border: 1px solid #eee;
        outline: none;
    }

    #checkCode {
        height: 40px;
        line-height: 40px;
        outline: none;
        background: #fff;
    }

    .container {
        max-width: 1440px;
    }

    .container1 {
        max-width: 1440px;
        box-sizing: border-box;
        margin: 0 auto;
        margin-top: 30px
    }

    /*经典案例*/
    .content-wrap {
        width: 100%;
    }

    .left-content {
        float: left;
        width: 100%;
        margin-right: 0%;
    }

        .left-content:nth-child(2) {
            margin-right: 0;
        }

    .left-content-snav {
        padding: 15px 0;
    }

    .right-content {
        float: left;
        width: 50%;
        padding: 15px 0;
    }

    .content-wrap .snav-l {
        color: #bb0511;
        font-size: 20px;
        padding: 0 5% 0 2%;
        text-align: center;
        border-right: 1px solid #BCBCBC;
        color: #bb0511;
        height: 50px;
        float: left;
    }

        .content-wrap .snav-l b {
            font-size: 14px;
            color: #929292;
            font-family: "Arial";
            font-weight: normal;
        }

    .line-con {
        border-top: 2px solid #D9D9D9;
    }

    /*    .line-con.active {
        border-top-color: #bb0511;
        transition: .3s;
    }*/

    /*    .line-con:hover {
        box-shadow: 12px -8px 9px -13px #ccc;
        border-top-color: #bb0511;
    }*/
    .left-content.active .line-con {
        border-top-color: #bb0511;
        transition: .3s;
        /*box-shadow: 12px -8px 9px -13px #ccc;*/
    }

    .content-case {
        width: 100%;
    }

        .content-case li {
            float: left;
            margin-right: 2%;
            margin-top: 10px;
            width: 49%;
            max-width: 400px;
        }

            .content-case li:nth-child(4n) {
                margin-right: 0;
            }

            .content-case li .case-bot {
                height: 40px;
                overflow: hidden;
            }

                .content-case li .case-bot p {
                    font-size: 14px;
                    color: #B5B5B5;
                    display: block;
                    float: left;
                    margin-bottom: 0;
                }

                .content-case li .case-bot span {
                    display: block;
                    font-size: 20px;
                    color: #a0a0a0;
                    float: right;
                }

    .case-img {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .content-case li img {
        -webkit-transition: -webkit-transform 0.8s;
        -moz-transition: -moz-transform 0.8s;
        -o-transition: -o-transform 0.8s;
        transition: transform 0.8s;
        width: 100%;
    }

        .content-case li img:hover {
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -ms-transform: scale(1.1,1.1);
            -o-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
        }

    /*经典案例*/
    .grid {
        width: 100%;
        margin: 66px 0;
    }

        .grid ul {
            padding: 0;
        }

        .grid li {
            text-align: center;
            float: left;
            list-style: none;
            width: 15%;
            padding: 1% 0;
            border: 1px solid #eee;
            box-sizing: border-box;
            transition: .3s;
            box-shadow: 0 2px 2px #eee;
            margin: 0 .83%;
            color: #333;
            font-size: 16px;
            transition: .3s;
        }

            .grid li p {
                color: #333;
                font-size: 16px;
            }

            .grid li:hover {
                transform: translateY(-10px);
            }

            .grid li i {
                font-size: 40px;
                color: #9A9A9A;
            }

            .grid li.hover i {
                color: #bb0511;
            }

    ul.snav-r li a:hover {
        color: #bb0511 !important;
    }

    .grid li b {
        font-family: "Arial";
        font-size: 10px;
        color: #9a9a9a;
        font-weight: normal;
    }

    /*Ö÷ÌåÄÚÈÝ*/
    .section-title {
        margin-bottom: 25px;
    }

        .section-title h4 {
            width: 40%;
            font-size: 22px;
            float: left;
            color: #393333;
        }

            .section-title h4 b {
                font-size: 14px;
                color: #808080;
                font-style: normal;
                font-weight: 400;
                text-transform: uppercase;
                margin-left: 1%;
                vertical-align: bottom;
            }

                .section-title h4 b.f12 {
                    font-size: 12px;
                    color: #9a9a9a;
                    margin-left: 50px;
                }

        .section-title span {
            float: right;
            color: #808080;
            font-size: 12px;
            width: 60%;
            text-align: right;
            margin: 10px 0;
        }

    /*section-content*/
    .section-content {
        width: 100%;
    }

    .content-left, .content-right {
        width: 50%;
        float: left;
    }

    .content-right {
        float: right;
    }

        .content-left.active, .content-right.active {
            border-top-color: #bb0511;
        }

    .content-left, .content-right {
        padding: 20px 0 0;
    }

    .left-snav .snav-l {
        float: left;
        width: 20%;
        padding: 0 2%;
        text-align: center;
        border-right: 1px solid #BCBCBC;
        color: #bb0511;
        font-size: 20px;
        height: 50px;
    }

        .left-snav .snav-l b {
            font-size: 14px;
            color: #929292;
            font-family: "Arial";
            font-weight: normal;
        }

    .snav-r {
        float: left;
        width: 80%;
    }

        .snav-r li {
            float: left;
            width: 14%;
            text-align: center;
            font-size: 13px;
            line-height: 26px;
        }

    /*nav-con*/
    .nav-con {
        width: 100%;
        margin-bottom: 0;
    }

    .witness {
        margin-top: 30px;
    }

        .witness .section-title {
            margin-bottom: 35px;
        }

    .nav-con li {
        padding: 10px;
        float: left;
        width: 24%;
        margin: 1% .5% 0;
        transition: .3s;
    }

        .nav-con li img {
            width: 100%;
            transition: .34s;
        }

            .nav-con li img:hover {
                transform: scale(1.1);
            }

    .nav-con li {
        font-size: 16px;
    }

        .nav-con li p {
            float: left;
            line-height: 40px;
            margin-bottom: 0;
            color: #a7a7a7;
            font-size: 14px;
            width: 100%;
            padding: 0 20%;
        }

        .nav-con li span {
            float: right;
            line-height: 40px;
            color: #a7a7a7;
            font-size: 16px;
            font-size: 30px;
        }

    /*团队设计*/
    .ad {
        width: 100%;
        margin: 15px auto 0px;
        text-align: center;
    }

    .designteam {
        margin-top: 36px;
    }

    .section-con img {
        width: 100%;
        height: 100%;
    }

    #team ul.con-top {
        margin-bottom: 6px;
    }

        #team ul.con-top li {
            float: left;
        }

        #team ul.con-top li {
            width: 99%;
            position: relative;
            height: 624px;
            overflow: hidden;
            margin-left: 0.6%;
        }

            #team ul.con-top li img {
                width: 100%;
                height: 100%;
                vertical-align: middle;
                border: none; /*min-height: 304px;*/
            }
    /*    #team ul.con-top li:nth-child(1){width:97%;height:430px;margin-left:0;}
    #team ul.con-top li:nth-child(4){margin-right:0;}*/
    #team ul.con-bot li {
        position:relative;
        float:left;
        width: 32.33%;
        transition: .3s;
        overflow: hidden;
        margin-left: 1%;
        margin-bottom:10px;
    }

    #team ul.con-bot {
        margin-bottom: 10px;
    }

        #team ul.con-bot li img {
            width: 100%;
            vertical-align: middle;
            border: none;
        }

    #team .team-cover {
        width: 100%;
        padding: 0 5%;
        background: #bb0511;
        color: #fff;
        position: absolute;
        left: 0;
        bottom: -72px;
        font-size: 16px;
        transition: .3s;
        height: 50px;
    }

        #team .team-cover .peo {
            float: left;
            width: auto;
            font-size: 16px;
            color: inherit;
            line-height: 50px;
            margin: 0;
            padding-right: 2%;
            width: 35%;
        }

        #team .team-cover .iden {
            float: left;
            font-size: 12px;
            color: #e5e5e5;
            line-height: 50px;
            text-align: left;
            margin: 0;
            padding-left: 2%
        }

        #team .team-cover a {
            display: block;
            float: right;
            font-size: 30px;
            color: #fff;
            line-height: 50px;
            text-decoration: none;
        }

    #team ul li:hover .team-cover {
        bottom: 0;
    }

    /*热装楼盘*/
    .section-content .col {
        text-align: center;
        width: 50%;
        float: left;
    }

    .col p {
        font-size: 24px;
        color: #444;
        font-weight: normal;
        margin-bottom: 0;
    }

        .col p sub {
            font-size: 12px;
        }

        .col p b {
            font-size: 14px;
            vertical-align: bottom;
        }

    .section-content .col .col-2 {
        width: 50%;
        padding: 0 10%;
        float: left;
    }

        .section-content .col .col-2.text-right {
            border-right: 1px solid #BCBCBC;
        }

    .section-content .col .dec {
        border-radius: 30px;
        width: 50%;
        padding: 1.5% 3%;
        border: 1px solid #ddd;
        font-size: 14px;
        margin: 44px auto 30px;
        transition: .3s;
    }

        .section-content .col .dec:hover {
            color: #fff;
            background: #bb0511;
        }

    .section-content .pd0 li {
        padding: 0;
    }

        .section-content .pd0 li .nav-con-img {
            width: 100%;
            overflow: hidden;
        }

            .section-content .pd0 li .nav-con-img img {
                width: 100%;
                height: 215px;
            }

    /*客户见证*/
    .customer {
        width: 100%;
    }

        .customer ul li {
            position: relative;
            float: left;
            height: 500px;
            overflow: hidden;
        }

            .customer ul li.list1 {
                width: 26.5%;
            }

            .customer ul li.list2 {
                width: 26.5%;
                margin-right: .2%;
            }

                .customer ul li.list2 img {
                    width: 100%;
                }

            .customer ul li.list3 {
                width: 50%;
            }

                .customer ul li.list3 img {
                    width: 100%;
                    object-fit: cover;
                }

                .customer ul li.list3 .item-top {
                    margin-bottom: .5%;
                    height: 50%;
                    float: left;
                    width: 49%;
                    margin-right: 0.5%;
                }

                    .customer ul li.list3 .item-top:nth-child(2), .customer ul li.list3 .item-top:nth-child(4) {
                        margin-right: 0 !important;
                    }

            .customer ul li img {
                height: 100%;
                width: 100%;
                object-fit: cover;
            }

            .customer ul li.list4 {
                width: 23.2%;
                float: left;
                margin-right: .2%;
            }

            .customer ul li .assess {
                width: 100%;
                height: 100%;
                top: 0;
                right: 0;
            }

        .customer .assess .top {
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            color: #fff;
            padding: 10%;
            background: #bb0511;
        }

        .customer .bot {
            padding: 5% 10% 0;
            font-size: 12px;
            color: #5f5f5f;
            background: #fff;
            height: 80%;
        }

            .customer .bot h4 {
                width: 100%;
                margin: 5% 0;
                font-size: 16px;
                color: #000;
            }

        .customer .assess .top span {
            width: 100%;
            font-size: 14px;
            font-family: "Arial";
            font-weight: normal;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
        }

    .item-bot {
        width: 100%;
        height: 50%;
    }

    .customer .bot p {
        font-size: 14px;
        line-height: 25px;
        margin-top: 5px;
    }

    .customer .item-bot img {
        float: left;
        height: 100%;
    }

        .customer .item-bot img.img1 {
            width: 60%;
        }

        .customer .item-bot img.img2 {
            width: 40%;
        }

    /*品质保障*/
    .quality ul {
        width: 100%;
    }

        .quality ul li {
            float: left;
            width: 16%;
            text-align: center;
            border-right: 1px solid #ccc;
            font-size: 20px;
            color: #2d2d2d;
        }

            .quality ul li span {
                font-size: 15px;
                color: #727272;
            }

    .assurance {
        margin-top: 10px;
    }

        .assurance .section-title {
            margin-bottom: 66px;
        }

        .assurance ul {
            margin-bottom: 80px;
        }

    .pzbz-col5 li {
        padding: 0 1%;
    }

    .pzbz-col5 .pzbz1 {
        margin-bottom: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #333;
    }

    .pzbz-col5 .pzbz2 {
        line-height: 17px;
        font-size: 12px;
        margin-top: 7px;
    }

    /*装修宝典*/
    .renovation .section-title span a {
        padding: 0.5% 2%;
    }

    .renovation ul li {
        float: left;
    }

        .renovation ul li.item-ren {
            position: relative;
            margin-left: .7%;
        }

            .renovation ul li.item-ren img {
                width: 100%;
            }

            .renovation ul li.item-ren b {
                position: absolute;
                right: 0;
                top: 0;
                padding: 1% 5%;
                background: #BC0511;
                color: #fff;
                text-align: center;
            }

            .renovation ul li.item-ren p {
                position: absolute;
                bottom: 0;
                left: 0;
                padding-left: 10px;
                height: 45px;
                line-height: 45px;
                width: 100%;
                background: rgba(0,0,0,.25);
                color: #fff;
                margin: 0;
                font-size: 16px;
            }

    /*装修锦囊*/
    .section-content.bag {
        width: 100%;
        margin-top: 70px;
    }

        .section-content.bag ul li {
            float: left;
            width: 24%;
            margin: 0 .5%;
            padding: 2% 0;
            border-top: 2px solid #ccc;
            transition: .3s;
        }

            .section-content.bag ul li.active {
                border-top-color: #bb0511;
            }

            .section-content.bag ul li img {
                width: 100%;
            }

    .bag p.tit {
        font-size: 15px;
        color: #bb0511;
        padding: 5% 0;
        margin: 0;
    }

    .bag p.dec {
        font-size: 12px;
        color: #777;
    }

    .bag .more {
        text-align: right;
    }

        .bag .more a {
            font-size: 12px;
            color: #bb0511;
        }

    .section-content.bag ul li:hover {
        box-shadow: 0 1px 0px 0px #eee;
        transform: translateY(-5px);
    }

    /*底部*/
    section.footer {
        padding: 50px 15px 15px;
    }

        section.footer dl {
            width: 165px;
            color: #fff;
            float: left;
        }

            section.footer dl dt {
                font-size: 16px;
                margin-left: 8%;
                margin-bottom: 20px;
            }

            section.footer dl dd a {
                color: #fff;
                float: left;
                font-size: 13px;
                line-height: 30px;
                margin: 0 8%;
            }

    .contact {
        float: left;
        color: #fff;
        margin-left: 5%;
    }

        .contact h4 {
            font-size: 16px;
            font-weight: 700;
            margin: 0;
            margin-bottom: 20px;
        }

        .contact p {
            margin: 0;
            line-height: 42px;
        }

    .card {
        float: left;
        text-align: center;
        color: #fff;
        margin-left: 5%;
        margin-top: 2%;
        width: 25%;
    }

    .card-l {
        margin-right: 20%;
    }

    .card p {
        margin: 5% 0;
    }

    .contact-us {
        font-size: 16px;
        float: right;
        color: #fff; /*margin-left: 9%;*/
    }

        .contact-us input {
            width: 375px;
            height: 38px;
            border: none;
            outline: none;
            padding: 2%;
            margin-bottom: 4%;
            color: #666;
        }

            .contact-us input[type="button"] {
                width: 375px;
                height: 38px;
                border: none;
                outline: none;
                padding: 2%;
                background: #bb0511;
                cursor: pointer;
                color: #fff;
            }

    .container-fluid .link {
        color: #fff;
        padding: 20px 0 0;
    }

    .link a {
        font-size: 12px;
        color: #fff;
        padding: 1% .2%;
        text-decoration: none;
    }

    .container-fluid .link a:hover {
        color: #bb0511;
    }

    .copyright {
        margin-top: 25px;
        color: #fff;
        margin-bottom: 15px;
    }

        .copyright .left {
            width: 34%;
            float: left;
            font-size: 12px;
        }

        .copyright .right {
            width: 50%;
            float: right;
            text-align: right;
            font-size: 12px;
        }
}

/* lg2 */
@media (min-width:1200px) and (max-width:1439px) {
    .ulf i {
        font-size: 40px;
        color: #bfbfbf;
    }

    .ulf li.active i {
        color: #fff;
    }

    .rzlp h4 {
        width: 40% !important;
    }

    .yanzhengma {
        padding-left: 60px;
        margin-top: 1.5%;
    }

    .zxdk-window { /*height: 60% !important;*/
    }

    .dck {
        height: 40px;
        line-height: 40px;
        background: #bb0511;
        padding: 0 2%;
        color: #fff;
        outline: none;
    }

    .yanzhengma #input {
        width: 30%;
        float: left;
        height: 40px;
        line-height: 40px;
        border: 1px solid #eee;
        outline: none;
    }

    #checkCode {
        height: 40px;
        line-height: 40px;
        outline: none;
        background: #fff;
    }

    .bot p.dec {
        margin-top: 0 !important;
    }

    .pzbz-col5 li {
        padding: 0 1%;
    }

    .pzbz-col5 .pzbz1 {
        margin-bottom: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #333;
    }

    .pzbz-col5 .pzbz2 {
        line-height: 17px;
        font-size: 12px;
        margin-top: 7px;
    }

    .section-title {
        margin-bottom: 25px;
    }

    .assurance .section-title {
        margin-bottom: 50px;
    }

    /*经典案例*/
    .grid {
        margin: 66px 0;
    }

    .content-wrap {
        width: 100%;
    }

    .left-content {
        float: left;
        width: 49.5%;
        margin-right: 1%;
    }

        .left-content:nth-child(2) {
            margin-right: 0;
        }

    .right-content {
        float: left;
        width: 50%;
        padding: 15px 0;
    }

    .content-wrap .snav-l {
        color: #bb0511;
        font-size: 20px;
        padding: 0 5% 0 2%;
        text-align: center;
        border-right: 1px solid #BCBCBC;
        color: #bb0511;
        height: 50px;
        float: left;
    }

        .content-wrap .snav-l b {
            font-size: 14px;
            color: #929292;
            font-family: "Arial";
            font-weight: normal;
        }

    .line-con {
        border-top: 2px solid #D9D9D9;
        padding: 15px 0;
    }

        .line-con:hover {
            box-shadow: 12px -8px 9px -13px #ccc;
        }

    .content-case li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-top: 2%;
    }

        .content-case li:nth-child(2), .content-case li:nth-child(4) {
            margin-right: 0;
        }

        .content-case li .case-bot {
            padding: 10px 0 0px;
        }

            .content-case li .case-bot p {
                font-size: 14px;
                color: #B5B5B5;
                display: block;
                float: left;
                margin-bottom: 0;
            }

            .content-case li .case-bot span {
                display: block;
                font-size: 20px;
                color: #a0a0a0;
                float: right;
            }

    .case-img {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .content-case li img {
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        transition: transform 0.3s;
        width: 100%;
    }

        .content-case li img:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

    /*经典案例*/
    .container1 {
        max-width: 1439px;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 0 10px;
    }

    .assurance {
        margin-top: 50px;
    }

    .designteam {
        margin-top: 100px;
    }

    .witness {
        margin-top: 50px;
    }

    .grid ul {
        width: 100%;
        padding: 0;
    }

    .grid li {
        text-align: center;
        float: left;
        list-style: none;
        width: 15%;
        padding: 1.5% 0;
        border: 1px solid #eee;
        box-sizing: border-box;
        transition: .3s;
        box-shadow: 0 2px 2px #eee;
        margin: 0 .83%;
        color: #333;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: .3s;
    }

        .grid li p {
            font-size: 16px;
            color: #333;
        }

        .grid li:hover {
            transform: translateY(-10px);
        }

        .grid li i {
            font-size: 40px;
            color: #9a9a9a;
        }

        .grid li b {
            font-weight: normal;
            font-family: "Arial";
            font-size: 10px;
            color: #9a9a9a;
        }

    /*Ö÷ÌåÄÚÈÝ*/
    .section-title h4 {
        width: 30%;
        font-size: 22px;
        float: left;
        color: #393333;
    }

    .sale .section-title h4 {
        width: 50%;
    }

    .witness .section-title h4 {
        width: 50%;
    }

    .section-title h4 b {
        font-size: 14px;
        color: #808080;
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;
        margin-left: 1%;
        vertical-align: bottom;
    }

    .section-title span {
        float: right;
        color: #9a9a9a;
        font-size: 12px;
        width: 70%;
        text-align: right;
        margin: 10px 0;
    }

    .sale .section-title span {
        width: 50%;
    }

    .witness .section-title span {
        width: 50%;
    }

    /*section-content*/
    .section-content {
        width: 100%;
    }

    .content-left, .content-right {
        width: 50%;
        float: left;
    }

    .content-right {
        float: right;
    }

        .content-left.active, .content-right.active {
            border-top-color: #bb0511;
        }

    .content-left, .content-right {
        padding: 2% 0 0;
    }

    .left-snav .snav-l {
        float: left;
        width: 20%;
        padding: 0 2%;
        text-align: center;
        border-right: 1px solid #eee;
        color: #bb0511;
        font-size: 20px;
    }

        .left-snav .snav-l b {
            font-size: 14px;
            color: #929292;
        }

    .snav-r {
        float: left;
        width: 80%;
    }

        .snav-r li {
            float: left;
            width: 20%;
            text-align: center;
            margin: .5% 0;
        }

    /*nav-con*/
    .nav-con {
        width: 100%;
    }

        .nav-con li {
            padding: 10px;
            float: left;
            width: 24%;
            margin: 1% .5% 0;
        }

            .nav-con li img {
                width: 100%;
            }

        .nav-con li {
            font-size: 16px;
        }

            .nav-con li p {
                float: left;
                line-height: 40px;
                margin-bottom: 0;
                color: #a7a7a7;
                font-size: 14px;
            }

            .nav-con li span {
                float: right;
                line-height: 40px;
                color: #a7a7a7;
                font-size: 16px;
                font-size: 30px;
                font-size: 14px;
            }

    /*团队设计*/

    /*团队设计*/
    .ad {
        width: 100%;
        margin: 40px auto 50px;
        text-align: center;
    }

    .designteam {
        margin-top: 50px;
    }

    .section-con img {
        width: 100%;
        height: 100%;
    }

    #team ul.con-top {
        margin-bottom: 6px;
    }

        #team ul.con-top li {
            float: left;
        }

        #team ul.con-top li {
            position: relative;
            margin-right: .5%;
            max-width: 16.5%;
            max-height: 304px;
            overflow: hidden;
            max-height: 195px;
        }

            #team ul.con-top li img {
                width: 100%;
                vertical-align: middle;
                border: none;
                height: 100%;
            }

            #team ul.con-top li:nth-child(1) {
                max-width: 49%;
            }

                #team ul.con-top li:nth-child(1) img {
                    width: 100%;
                }

            #team ul.con-top li:nth-child(4) {
                margin-right: 0;
            }

    #team ul.con-bot li {
        position: relative;
        float: left;
        width: 16%;
        transition: .3s;
        max-height: 212px;
        margin-right: .8%;
        overflow: hidden;
    }

    #team ul.con-bot {
        margin-bottom: 25px;
    }

        #team ul.con-bot li img {
            width: 100%;
            vertical-align: middle;
            border: none;
        }

        #team ul.con-bot li:nth-child(6) {
            margin-right: 0;
        }

    #team .team-cover {
        width: 100%;
        padding: 0 5%;
        background: #bb0511;
        color: #fff;
        position: absolute;
        left: 0;
        bottom: -72px;
        font-size: 16px;
        transition: .3s;
        height: 50px;
    }

        #team .team-cover .peo {
            float: left;
            width: auto;
            font-size: 16px;
            color: inherit;
            line-height: 50px;
            margin: 0;
            width: 30%;
            text-align: left;
            padding-right: 2%;
            font-size: 12px;
        }

        #team .team-cover .iden {
            float: left;
            font-size: 12px;
            color: #e5e5e5;
            line-height: 50px;
            text-align: left;
            margin: 0;
            width: 45%;
            padding-left: 2%
        }

        #team .team-cover a {
            display: block;
            float: right;
            font-size: 30px;
            color: #fff;
            line-height: 50px;
            text-decoration: none;
        }

    #team ul li:hover .team-cover {
        bottom: 0;
    }

    /*热装楼盘*/
    .section-content .col {
        text-align: center;
        width: 50%;
        float: left;
    }

    .col p {
        font-size: 24px;
        color: #444;
        font-weight: normal;
        margin-bottom: 0;
    }

        .col p b {
            font-size: 14px;
            vertical-align: bottom;
        }

    .section-content .col .col-2 {
        width: 50%;
        float: left;
        padding: 0 10%;
    }

    .section-content .col .dec {
        border-radius: 30px;
        width: 50%;
        padding: 1.5% 3%;
        border: 1px solid #ddd;
        font-size: 14px;
        margin: 44px auto 30px;
        transition: .3s;
    }

        .section-content .col .dec:hover {
            color: #fff;
            background: #bb0511;
        }

    .section-content .pd0 li {
        padding: 0;
    }

    /*客户见证*/
    .customer {
        width: 100%;
    }

        .customer ul li {
            position: relative;
            float: left;
            overflow: hidden;
            height: 485px;
        }

            .customer ul li.list1 {
                width: 26.5%;
            }

                .customer ul li.list1 img {
                    width: auto;
                }

            .customer ul li.list4 {
                float: left;
                width: 23%;
                margin-right: .2%;
            }

            .customer ul li.list2 {
                width: 26.5%;
                margin-right: .1%;
            }

            .customer ul li.list3 {
                width: 50%;
            }

                .customer ul li.list3 .item-top {
                    margin-bottom: .5%;
                    height: 50%;
                    float: left;
                    width: 49%;
                    margin-right: 0.5%;
                }

            .customer ul li img {
                width: 100%;
                height: 100%;
            }

            .customer ul li .assess {
                width: 100%;
                height: 100%;
                top: 0;
                right: 0;
            }

        .customer .assess .top {
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            color: #fff;
            padding: 10%;
            background: #bb0511;
        }

            .customer .assess .top span {
                font-size: 14px;
                font-family: "Arial";
                font-weight: normal;
                text-transform: uppercase;
                text-align: center;
                width: 100%;
                color: #fff;
                margin: 0;
            }

        .customer .bot {
            padding: 10% 10% 0;
            font-size: 12px;
            color: #5f5f5f;
            background: #fff;
            height: 80%;
        }

            .customer .bot h4 {
                width: 100%;
                margin: 5% 0;
                font-size: 16px;
                color: #000;
            }

    .item-bot {
        width: 100%;
        height: 50%;
    }

    .customer ul li.list3 img {
        height: 100%;
        object-fit: cover;
    }

    .customer .bot p {
        font-size: 14px;
        line-height: 25px;
    }

    .customer .item-bot img {
        float: left;
        width: 100%;
    }

        .customer .item-bot img.img1 {
            width: 60%;
        }

        .customer .item-bot img.img2 {
            width: 40%;
        }

    /*品质保障*/
    .quality ul {
        width: 100%;
    }

        .quality ul li {
            float: left;
            width: 16%;
            text-align: center;
            border-right: 1px solid #ccc;
            font-size: 20px;
            color: #2d2d2d;
        }

    .quality ul {
        margin-bottom: 50px;
        margin-top: 50px;
    }

        .quality ul li span {
            font-size: 14px;
            color: #727272;
        }

        .quality ul li p {
            font-size: 16px;
            margin: 0;
            padding: 0;
        }

    .quality .ad {
        margin: 1.5% 0;
    }

        .quality .ad img {
            width: 90%;
        }

    /*装修宝典*/
    .renovation .section-title span a {
        padding: 0.5% 2%;
    }

    .renovation ul li {
        float: left;
    }

        .renovation ul li.item-ren {
            position: relative;
            margin-left: 0.2%;
            width: 16.7%;
            height: 238px;
        }

            .renovation ul li.item-ren img {
                width: 100%;
                height: 100%;
            }

            .renovation ul li.item-ren b {
                position: absolute;
                right: 0;
                top: 0;
                padding: 1% 5%;
                background: #BC0511;
                color: #fff;
            }

            .renovation ul li.item-ren p {
                position: absolute;
                bottom: 0;
                left: 0;
                padding-left: 15px;
                height: 40px;
                line-height: 40px;
                width: 100%;
                background: rgba(0,0,0,.25);
                color: #fff;
                margin: 0;
            }

    /*装修锦囊*/
    .section-content.bag {
        width: 100%;
        margin-top: 2%;
    }

        .section-content.bag ul li {
            float: left;
            width: 24%;
            margin: 0 .5%;
            padding: 2% 0;
            border-top: 2px solid #ccc;
            transition: .3s;
        }

            .section-content.bag ul li.active {
                border-top-color: #bb0511;
            }

            .section-content.bag ul li img {
                width: 100%;
            }

    .bag p.tit {
        font-size: 14px;
        color: #bb0511;
        padding: 5% 0;
        margin: 0;
    }

    .bag p.dec {
        font-size: 12px;
        color: #777;
    }

    .bag .more {
        text-align: right;
    }

        .bag .more a {
            font-size: 12px;
            color: #bb0511;
        }

    .section-content.bag ul li:hover {
        box-shadow: 0 1px 0px 0px #eee;
        transform: translateY(-5px);
    }

    /*底部*/
    section.footer {
        padding: 50px 15px 15px;
    }

        section.footer dl {
            width: 165px;
            color: #fff;
            float: left;
        }

            section.footer dl dt {
                font-size: 16px;
                margin-left: 8%;
                margin-bottom: 20px;
            }

            section.footer dl dd a {
                color: #fff;
                float: left;
                font-size: 13px;
                line-height: 30px;
                margin: 0 8%;
            }

    .contact {
        float: left;
        color: #fff;
        margin-left: 2%;
    }

        .contact h4 {
            font-size: 16px;
            font-weight: 700;
            margin: 0;
            margin-bottom: 20px;
        }

        .contact p {
            margin: 0;
            line-height: 40px;
        }

    .card {
        float: left;
        text-align: center;
        color: #fff;
        margin-left: 3%;
        margin-top: 3%;
        width: 25%;
    }

        .card p {
            margin: 5% 0;
        }

    .card-l {
        margin-right: 15%;
    }

    .contact-us {
        font-size: 16px;
        float: right;
        color: #fff;
        margin-left: 0%;
        margin-top: 20px;
    }

        .contact-us input {
            width: 355px;
            height: 38px;
            border: none;
            outline: none;
            padding: 2%;
            margin-bottom: 2%;
            color: #666;
        }

            .contact-us input[type="button"] {
                width: 355px;
                height: 38px;
                border: none;
                outline: none;
                padding: 2%;
                background: #bb0511;
                cursor: pointer;
                color: #fff
            }

    .container-fluid .link {
        color: #fff;
        padding: 20px 0 0;
    }

    .link a {
        font-size: 12px;
        color: #fff;
        padding: 1% .2%;
        text-decoration: none;
    }

    .copyright {
        margin-top: 25px;
        color: #fff;
        margin-bottom: 15px;
    }

        .copyright .left {
            width: 34%;
            float: left;
            font-size: 12px;
        }

        .copyright .right {
            width: 50%;
            float: right;
            text-align: right;
            font-size: 12px;
        }
}

/* md */
@media (min-width:992px) and (max-width:1199px) {
    .ulf i {
        font-size: 40px;
        color: #bfbfbf;
    }

    .ulf li.active i {
        color: #fff;
    }

    .rzlp h4 {
        width: 44% !important;
    }

    .yanzhengma {
        padding-left: 60px;
        margin-top: 1.5%;
    }

    .zxdk-window { /*height: 60% !important;*/
    }

    .dck {
        height: 40px;
        line-height: 40px;
        background: #bb0511;
        padding: 0 2%;
        color: #fff;
        outline: none;
    }

    .yanzhengma #input {
        width: 30%;
        float: left;
        height: 40px;
        line-height: 40px;
        border: 1px solid #eee;
        outline: none;
    }

    #checkCode {
        height: 40px;
        line-height: 40px;
        outline: none;
        background: #fff;
    }

    .mb-20 {
        margin-bottom: 50px;
    }

        .mb-20 .nmore {
            bottom: -18px;
        }

    .pzbz-col5 li {
        padding: 0 1%;
    }

    .pzbz-col5 .pzbz1 {
        margin-bottom: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #333;
    }

    .pzbz-col5 .pzbz2 {
        line-height: 17px;
        font-size: 12px;
        margin-top: 7px;
    }

    .container1 {
        max-width: 1199px;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 0 10px;
    }

    .assurance {
        margin-top: 30px;
    }

    .designteam {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .witness {
        margin-top: 30px;
    }

    .section-title {
        margin-bottom: 25px;
    }

    /*经典案例*/
    .content-wrap {
        width: 100%;
    }

    .left-content {
        float: left;
        width: 49.5%;
        margin-right: .5%;
    }

        .left-content:nth-child(2) {
            margin-right: 0;
        }

    .left-content-snav {
        padding: 15px 0;
    }

    .right-content {
        float: left;
        width: 50%;
        padding: 15px 0;
    }

    .content-wrap .snav-l {
        color: #bb0511;
        font-size: 20px;
        padding: 0 5% 0 2%;
        text-align: center;
        border-right: 1px solid #BCBCBC;
        color: #bb0511;
        height: 50px;
        float: left;
    }

        .content-wrap .snav-l b {
            font-size: 14px;
            color: #929292;
            font-family: "Arial";
            font-weight: normal;
        }

    .line-con {
        border-top: 2px solid #D9D9D9;
    }

        .line-con:hover {
            box-shadow: 12px -8px 9px -13px #ccc;
        }

    .content-case li {
        float: left;
        width: 49.5%;
        margin-right: 1%;
        margin-top: 1%;
    }

        .content-case li:nth-child(2), .content-case li:nth-child(4) {
            margin-right: 0;
        }

        .content-case li .case-bot {
            padding: 10px 0 0px;
        }

            .content-case li .case-bot p {
                font-size: 14px;
                color: #B5B5B5;
                display: block;
                float: left;
                margin-bottom: 0;
            }

            .content-case li .case-bot span {
                display: block;
                font-size: 20px;
                color: #a0a0a0;
                float: right;
            }

    .case-img {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .content-case li img {
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        transition: transform 0.3s;
        width: 100%;
    }

        .content-case li img:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

    /*经典案例*/
    .grid {
        width: 100%;
        margin: 4% 0;
    }

        .grid ul {
            width: 100%;
            padding: 0;
        }

        .grid li {
            text-align: center;
            float: left;
            list-style: none;
            width: 15%;
            padding: 1% 0;
            border: 1px solid #eee;
            box-sizing: border-box;
            transition: .3s;
            box-shadow: 0 2px 2px #eee;
            margin: 0 .83%;
            color: #333;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: .3s;
        }

            .grid li:hover {
                transform: translateY(-10px);
            }

            .grid li i {
                font-size: 35px;
                color: #9a9a9a;
            }

            .grid li p {
                color: #333;
                font-size: 14px;
            }

            .grid li b {
                display: none;
            }

    /*Ö÷ÌåÄÚÈÝ*/
    .section-title h4 {
        width: 27%;
        font-size: 22px;
        float: left;
    }

    .sale .section-title h4 {
        width: 50%;
    }

    .witness .section-title h4 {
        width: 50%;
    }

    .renovation .section-title h4 {
        width: 50%;
    }

    .section-title h4 b {
        font-size: 14px;
        color: #808080;
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;
        margin-left: 1%;
        vertical-align: bottom;
    }

    .section-title span {
        float: right;
        color: #737373;
        font-size: 12px;
        width: 73%;
        text-align: right;
        margin: 17px 0 0;
    }

    .sale .section-title span {
        width: 50%;
    }

    .witness .section-title span {
        width: 50%;
    }

    .renovation .section-title span {
        width: 50%;
    }

    .section-content {
        width: 100%;
    }

    .content-left, .content-right {
        width: 50%;
        float: left;
    }

    .content-right {
        float: right;
    }

    .content-left, .content-right {
        padding: 20px 0;
    }

    .left-snav .snav-l {
        float: left;
        width: 20%;
        padding: 0 2%;
        text-align: center;
        border-right: 1px solid #eee;
        color: #bb0511;
        font-size: 20px;
    }

        .left-snav .snav-l b {
            font-size: 14px;
            color: #929292;
        }

    .snav-r {
        float: left;
        width: 80%;
    }

        .snav-r li {
            float: left;
            width: 20%;
            text-align: center;
            margin: .5% 0;
        }

    /*nav-con*/
    .nav-con {
        width: 100%;
    }

        .nav-con li {
            padding: 10px;
            float: left;
            width: 49%;
            margin: 1% .5% 0;
        }

            .nav-con li img {
                width: 100%;
            }

        .nav-con li {
            font-size: 16px;
        }

            .nav-con li p {
                float: left;
                line-height: 40px;
                margin-bottom: 0;
                color: #a7a7a7;
                font-size: 14px;
            }

            .nav-con li span {
                float: right;
                line-height: 40px;
                color: #a7a7a7;
                font-size: 16px;
                font-size: 30px;
                font-size: 14px;
            }

    /*团队设计*/
    .ad {
        width: 100%;
        margin: 40px auto 50px;
        text-align: center;
    }

        .ad img {
            width: 100%;
            padding: 1% 2%;
        }

    .section-con img {
        width: 100%;
        vertical-align: middle;
        border: none;
    }

    #team ul.con-top {
        margin: 0 0 10px;
    }

        #team ul.con-top li {
            float: left;
            margin-right: 1.1%;
        }

        #team ul.con-top li {
            position: relative;
            width: 15.5%;
            overflow: hidden;
        }

            #team ul.con-top li img {
                width: 100%;
                height: 100%;
            }

            #team ul.con-top li:nth-child(1) {
                width: 50%;
                max-height: 180px;
            }

            #team ul.con-top li:nth-child(4) {
                margin-right: 0;
            }

    #team ul.con-bot li {
        float: left;
        width: 16%;
        position: relative;
        overflow: hidden;
        margin-right: .78%;
    }

        #team ul.con-bot li img {
            width: 100%;
        }

        #team ul.con-bot li:nth-child(6) {
            margin-right: 0;
        }

    #team .team-cover {
        width: 100%;
        padding: 0 2%;
        background: #bb0511;
        color: #fff;
        position: absolute;
        left: 0;
        bottom: -57px;
        font-size: 16px;
        transition: .3s;
        height: 45px;
    }

        #team .team-cover .peo {
            float: left;
            font-size: 14px;
            color: inherit;
            line-height: 45px;
            margin: 0;
            width: 40%;
            text-align: left;
        }

        #team .team-cover .iden {
            float: left;
            font-size: 12px;
            color: #e5e5e5;
            line-height: 45px;
            text-align: left;
            margin: 0;
            width: 40%;
        }

        #team .team-cover a {
            display: block;
            float: right;
            font-size: 30px;
            color: #fff;
            line-height: 45px;
            text-decoration: none;
        }

    #team ul li:hover .team-cover {
        bottom: 0;
    }

    #team .con-bot .team-cover .peo {
        width: 40%;
    }

    #team .con-bot .team-cover .iden {
        width: 46%;
    }

    /*热装楼盘*/
    .section-content .col {
        text-align: center;
        width: 50%;
        float: left;
    }

    .col p {
        font-size: 22px;
        color: #444;
        font-weight: normal;
        margin-bottom: 0;
    }

        .col p b {
            font-size: 12px;
            vertical-align: bottom;
        }

    .section-content .col .col-2 {
        width: 50%;
        float: left;
        padding: 0 10%;
    }

    .section-content .col .dec {
        border-radius: 30px;
        width: 50%;
        padding: 1.5% 3%;
        border: 1px solid #ddd;
        font-size: 14px;
        margin: 30px auto;
        transition: .3s;
    }

        .section-content .col .dec:hover {
            color: #fff;
            background: #bb0511;
        }

    .section-content .pd0 li {
        padding: 0;
    }

    /*客户见证*/
    .customer {
        width: 100%;
    }

        .customer ul li {
            position: relative;
            float: left;
            height: 350px;
            overflow: hidden;
        }

            .customer ul li.list1 {
                width: 26.5%;
            }

            .customer ul li.list4 {
                width: 23%;
                float: left;
                margin-right: .2%;
            }

            .customer ul li.list2 {
                width: 26.5%;
                margin-right: .2%;
            }

                .customer ul li.list2 img {
                    width: 100%;
                }

            .customer ul li.list3 {
                width: 50%;
            }

            .customer ul li .item-top {
                margin-bottom: .5%;
            }

            .customer ul li .item-top, .customer ul li .item-bot {
                height: 50%;
                width: 50%;
                float: left;
            }

            .customer ul li img {
                height: 100%;
            }

            .customer ul li.list3 img {
                width: 100%;
                object-fit: cover;
            }

            .customer ul li .assess {
                width: 100%;
                height: 100%;
                top: 0;
                right: 0;
            }

        .customer .assess .top {
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            padding: 10%;
            background: #bb0511;
        }

            .customer .assess .top span {
                font-size: 12px;
                font-family: "Arial";
                font-weight: normal;
                text-transform: uppercase;
                color: #fff;
                text-align: center;
                margin-top: 0;
                width: 100%;
            }

        .customer .bot {
            padding: 2% 10% 0;
            font-size: 12px;
            color: #5f5f5f;
            background: #fff;
            height: 80%;
        }

            .customer .bot h4 {
                width: 100%;
                margin: 5% 0;
                font-size: 14px;
                color: #000;
            }

    .bot p.dec {
        display: block;
    }

    .item-bot {
        width: 100%;
        height: 100%;
    }

    .customer .bot p {
        font-size: 10px;
        line-height: 25px;
    }

        .customer .bot p.dec {
            height: 105px;
            overflow: hidden;
        }

    .customer .item-bot img {
        float: left;
        height: 100%;
    }

        .customer .item-bot img.img1 {
            width: 60%;
        }

        .customer .item-bot img.img2 {
            width: 40%;
        }

    /*品质保障*/
    .quality ul {
        width: 100%;
    }

        .quality ul li {
            float: left;
            width: 16%;
            text-align: center;
            border-right: 1px solid #ccc;
            font-size: 20px;
            color: #2d2d2d;
        }

            .quality ul li span {
                font-size: 14px;
                color: #727272;
            }

            .quality ul li p {
                font-size: 16px;
                margin: 0;
                padding: 0;
            }

    .quality .ad {
        margin: 1.5% 0;
    }

        .quality .ad img {
            width: 90%;
        }

    /*装修宝典*/
    .renovation .section-title span a {
        padding: 0.5% 2%;
    }

    .renovation ul li {
        float: left;
        overflow: hidden;
    }

        .renovation ul li.item-ren {
            position: relative;
            margin-left: 0.2%;
            width: 16.7%;
            height: 194px;
        }

            .renovation ul li.item-ren img {
                width: 100%;
                height: 100%;
            }

        .renovation ul li.rz {
            width: 15%;
        }

            .renovation ul li.rz img {
                width: 100%;
            }

        .renovation ul li.item-ren b {
            position: absolute;
            right: 0;
            top: 0;
            padding: 1% 5%;
            background: #BC0511;
            color: #fff;
        }

        .renovation ul li.item-ren p {
            position: absolute;
            bottom: 0;
            left: 0;
            padding-left: 15px;
            height: 40px;
            line-height: 40px;
            width: 100%;
            background: rgba(0,0,0,.25);
            color: #fff;
            margin: 0;
        }

    /*装修锦囊*/
    .section-content.bag {
        width: 100%;
        margin-top: 2%;
    }

        .section-content.bag ul li {
            float: left;
            width: 24%;
            margin: 0 .5%;
            padding: 2% 0;
            border-top: 2px solid #ccc;
            transition: .3s;
        }

            .section-content.bag ul li.active {
                border-top-color: #bb0511;
            }

            .section-content.bag ul li img {
                width: 100%;
            }

    .bag p.tit {
        font-size: 14px;
        color: #bb0511;
        padding: 5% 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bag p.dec {
        font-size: 12px;
        color: #777;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .bag .more {
        text-align: right;
    }

        .bag .more a {
            font-size: 12px;
            color: #bb0511;
        }

    .section-content.bag ul li:hover {
        box-shadow: 0 1px 0px 0px #eee;
        transform: translateY(-5px);
    }

    /*底部*/
    section.footer {
        padding: 50px 15px 15px;
    }

        section.footer dl {
            width: 165px;
            color: #fff;
            float: left;
        }

            section.footer dl dt {
                font-size: 16px;
                margin-left: 8%;
            }

            section.footer dl dd a {
                color: #fff;
                float: left;
                font-size: 13px;
                line-height: 30px;
                margin: 0 8%;
            }

    .contact {
        float: left;
        color: #fff;
        margin-left: 0%;
    }

        .contact h4 {
            font-size: 16px;
            font-weight: 700;
            margin: 0;
        }

        .contact p {
            margin: 0;
            line-height: 40px;
        }

    .card {
        float: left;
        text-align: center;
        color: #fff;
        margin-left: 2%;
        margin-top: 2%;
        width: 25%;
    }

        .card p {
            margin: 5% 0;
        }

    .card-l {
        margin-right: 10%;
    }

    .contact-us {
        font-size: 16px;
        float: right;
        color: #fff;
        margin-left: 1%;
    }

        .contact-us input {
            width: 250px;
            height: 38px;
            border: none;
            outline: none;
            padding: 2%;
            margin-bottom: 2%;
            color: #666;
        }

            .contact-us input[type="button"] {
                width: 250px;
                height: 38px;
                border: none;
                outline: none;
                padding: 2%;
                background: #bb0511;
                cursor: pointer;
                color: #fff
            }

    .container-fluid .link {
        color: #fff;
        padding: 2% 0;
    }

    .link a {
        font-size: 12px;
        color: #fff;
        padding: 1% .5%;
        text-decoration: none;
    }

    .copyright {
        color: #fff;
        margin-bottom: 15px;
    }

        .copyright .left {
            width: 40%;
            float: left;
            font-size: 12px;
        }

        .copyright .right {
            width: 50%;
            float: right;
            text-align: right;
        }
}

/* sm */
@media (min-width:768px) and (max-width:991px) {
    .ulf i {
        font-size: 40px;
        color: #bfbfbf;
    }

    .ulf li.active i {
        color: #fff;
    }

    .rzlp h4 {
        width: 100% !important;
    }

    .public-title.ppjs {
        width: 50%;
    }

        .public-title.ppjs h4 {
            width: 35%;
        }

        .public-title.ppjs span {
            width: 70%;
        }

    .public-title.ppwh {
        width: 42%;
    }

        .public-title.ppwh h4 {
            width: 35%;
        }

        .public-title.ppwh span {
            width: 70%;
        }

    .yanzhengma {
        padding-left: 60px;
        margin-top: 1.5%;
    }

    .zxdk-window { /*height: 60% !important;*/
    }

    .dck {
        height: 40px;
        line-height: 40px;
        background: #bb0511;
        padding: 0 2%;
        color: #fff;
        outline: none;
    }

    .yanzhengma #input {
        width: 30%;
        float: left;
        height: 40px;
        line-height: 40px;
        border: 1px solid #eee;
        outline: none;
    }

    #checkCode {
        height: 40px;
        line-height: 40px;
        outline: none;
        background: #fff;
    }

    .zxdk-window {
        top: 10% !important;
    }

    .yys {
        padding: 0 10% !important;
    }

    .customer .bot p.dec {
        display: block;
        overflow: hidden;
        line-height: 22px;
        height: 115px;
    }

    .mb-20 {
        margin-bottom: 50px;
    }

        .mb-20 .nmore {
            bottom: -18px;
        }

    .pzbz-col5 li {
        padding: 0 0%;
    }

    .pzbz-col5 .pzbz1 {
        margin-bottom: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #333;
    }

    .pzbz-col5 .pzbz2 {
        line-height: 17px;
        font-size: 12px;
        margin-top: 7px;
        overflow: hidden;
        height: 35px;
    }

    .section-con img {
        height: 100%;
    }

    #team ul.con-top li {
        max-height: 112px;
    }

    #team .team-cover .peo::after {
        display: block;
        content: "";
        width: 1px;
        height: 12px;
        background: #fff;
        position: absolute;
        top: 13px;
        right: 0;
        margin: 0 1%;
    }

    .container1 {
        max-width: 991px;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 0 10px;
    }

    .witness {
        margin-top: 20px;
    }

    .assurance {
        margin-top: 20px;
    }

    .section-title {
        margin-bottom: 25px;
    }

    .designteam {
        margin-top: 30px;
    }

    /*经典案例*/
    .content-wrap {
        width: 100%;
    }

    .left-content {
        float: left;
        width: 49.5%;
        margin-right: 1%;
    }

        .left-content:nth-child(2) {
            margin-right: 0;
        }

    .right-content {
        float: left;
        width: 50%;
        padding: 15px 0;
    }

    .content-wrap .snav-l {
        color: #bb0511;
        font-size: 18px;
        padding: 0 5% 0 2%;
        text-align: center;
        border-right: 1px solid #BCBCBC;
        color: #bb0511;
        height: 50px;
        float: left;
    }

        .content-wrap .snav-l b {
            font-size: 12px;
            color: #929292;
            font-family: "Arial";
            font-weight: normal;
        }

    .snav-r li a {
        font-size: 12px;
    }

    .line-con {
        border-top: 2px solid #D9D9D9;
        padding: 10px 0;
    }

        .line-con:hover {
            box-shadow: 12px -8px 9px -13px #ccc;
        }

    .content-case li {
        float: left;
        width: 49.5%;
        margin-right: 1%;
        margin-top: 1%;
    }

        .content-case li:nth-child(2), .content-case li:nth-child(4) {
            margin-right: 0;
        }

        .content-case li .case-bot {
            padding: 10px 0 0px;
        }

            .content-case li .case-bot p {
                font-size: 14px;
                color: #B5B5B5;
                display: block;
                float: left;
                margin-bottom: 0;
            }

            .content-case li .case-bot span {
                display: block;
                font-size: 20px;
                color: #a0a0a0;
                float: right;
            }

    .case-img {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .content-case li img {
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        transition: transform 0.3s;
        width: 100%;
    }

        .content-case li img:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

    /*经典案例*/
    .grid {
        width: 100%;
        margin: 3% 0;
    }

        .grid ul {
            width: 100%;
            padding: 0;
        }

        .grid li {
            text-align: center;
            float: left;
            list-style: none;
            width: 15%;
            padding: 1% 0;
            border: 1px solid #eee;
            box-sizing: border-box;
            transition: .3s;
            box-shadow: 0 2px 2px #eee;
            margin: 0 .83%;
            color: #333;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: .3s;
        }

            .grid li:hover {
                transform: translateY(-10px);
            }

            .grid li i {
                font-size: 35px;
                color: #9a9a9a;
            }

                .grid li i p {
                    color: #333;
                }

            .grid li b {
                display: none;
                font-size: 10px;
                color: #9a9a9a;
            }

    /*Ö÷ÌåÄÚÈÝ*/
    .section-title h4 {
        width: 50%;
        font-size: 18px;
        float: left;
        overflow: hidden; /*内容超出后隐藏*/
        text-overflow: ellipsis; /* 超出内容显示为省略号*/
        white-space: nowrap; /*文本不进行换行*/
    }

        .section-title h4 b {
            font-size: 14px;
            color: #808080;
            font-style: normal;
            font-weight: 400;
            text-transform: uppercase;
            margin-left: 1%;
            vertical-align: bottom;
        }

    .section-title span {
        float: right;
        color: #9a9a9a;
        font-size: 12px;
        width: 50%;
        text-align: right;
        margin: 10px 0;
        overflow: hidden; /*内容超出后隐藏*/
        text-overflow: ellipsis; /* 超出内容显示为省略号*/
        white-space: nowrap; /*文本不进行换行*/
    }

    /*section-content*/
    .section-content {
        width: 100%;
    }

    .content-left, .content-right {
        width: 50%;
        float: left;
    }

    .content-right {
        float: right;
    }

    .content-left, .content-right {
        padding: 0 0;
    }

    .left-snav .snav-l {
        float: left;
        width: 20%;
        padding: 0 2%;
        text-align: center;
        border-right: 1px solid #eee;
        color: #bb0511;
        font-size: 20px;
        height: 52px;
    }

        .left-snav .snav-l b {
            font-size: 14px;
            color: #929292;
        }

    .snav-r {
        float: left;
        width: 80%;
    }

        .snav-r li {
            float: left;
            width: 20%;
            text-align: center;
            margin: .5% 0 0;
        }

    /*nav-con*/
    .nav-con {
        width: 100%;
    }

        .nav-con li {
            padding: 10px;
            float: left;
            width: 49%;
            margin: 1% .5% 0;
        }

            .nav-con li img {
                width: 100%;
            }

        .nav-con li {
            font-size: 14px;
        }

            .nav-con li p {
                float: left;
                line-height: 40px;
                margin-bottom: 0;
                color: #a7a7a7;
            }

            .nav-con li span {
                float: right;
                line-height: 40px;
                color: #a7a7a7;
                font-size: 16px;
                font-size: 30px;
                font-size: 14px;
            }

    /*团队设计*/
    .ad {
        width: 100%;
        margin: 20px auto 20px;
        text-align: center;
    }

        .ad img {
            width: 100%;
            padding: 1% 2%;
        }

    .section-con img {
        width: 100%;
        height: 305px;
    }

    .section-con img {
        height: 100%;
    }

    #team ul.con-top li {
        max-height: 112px;
    }

    #team ul.con-top {
        margin: 0 auto 10px;
    }

        #team ul.con-top li {
            float: left;
        }

        #team ul.con-top li {
            position: relative;
            width: 15%;
            margin-right: 2%;
            overflow: hidden;
        }

            #team ul.con-top li img {
                width: 100%; /*height: 100%;*/
            }

            #team ul.con-top li:nth-child(1) {
                width: 49%;
            }

            #team ul.con-top li:nth-child(4) {
                margin-right: 0;
            }

    #team ul.con-bot li {
        position: relative;
        float: left;
        width: 15%;
        margin-right: 2%;
        overflow: hidden;
    }

        #team ul.con-bot li img {
            width: 100%;
            height: 50%;
        }

        #team ul.con-bot li:nth-child(6) {
            margin-right: 0;
        }

    #team .team-cover {
        width: 100%;
        padding: 0 1%;
        background: #bb0511;
        color: #fff;
        position: absolute;
        left: 0;
        bottom: -42px;
        font-size: 16px;
        transition: .3s;
        height: 35px;
    }

        #team .team-cover .peo {
            float: left;
            width: auto;
            font-size: 10px;
            color: inherit;
            line-height: 35px;
            margin: 0;
            width: 20%;
            text-align: left;
        }

        #team .team-cover .iden {
            float: left;
            font-size: 10px;
            color: #e5e5e5;
            line-height: 35px;
            text-align: left;
            margin: 0;
            width: 55%;
            padding-left: 2%
        }

        #team .team-cover a {
            display: block;
            float: right;
            font-size: 20px;
            color: #fff;
            line-height: 35px;
            text-decoration: none;
            width: 10%;
        }

    #team ul li:hover .team-cover {
        bottom: 0;
    }

    /*热装楼盘*/
    .section-content .col {
        text-align: center;
        width: 50%;
        float: left;
    }

    .col p {
        font-size: 16px;
        color: #333;
        font-weight: normal;
        margin-bottom: 0;
    }

        .col p b {
            font-size: 14px;
            vertical-align: bottom;
        }

    .section-content .col .col-2 {
        width: 50%;
        float: left;
        padding: 0 10%;
    }

    .section-content .col .dec {
        border-radius: 30px;
        width: 80%;
        padding: 1.5% 3%;
        border: 1px solid #ddd;
        font-size: 14px;
        margin: 30px auto;
        transition: .3s;
    }

        .section-content .col .dec:hover {
            color: #fff;
            background: #bb0511;
        }

    .section-content .pd0 li {
        padding: 0;
    }

    /*客户见证*/
    .customer {
        width: 100%;
    }

        .customer ul li {
            position: relative;
            float: left;
            overflow: hidden;
            max-height: 350px;
        }

            .customer ul li.list1 {
                width: 26.5%;
            }

            .customer ul li.list2 {
                width: 26.5%;
                margin-right: .2%;
            }

            .customer ul li.list4 {
                width: 23%;
                height: 400px;
                margin-right: .2%;
            }

            .customer ul li.list3 {
                width: 50%;
            }

            .customer ul li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .customer ul li.list1 img {
                height: 100%;
                width: auto;
            }

            .customer ul li .assess {
                width: 100%;
                height: 100%;
                top: 0;
                right: 0;
            }

            .customer ul li .item-top, .customer ul li .item-bot {
                height: 50%;
                width: 50%;
                float: left;
            }

            .customer ul li.list3 .item-top {
                margin-bottom: 1%;
            }

        .customer .assess .top {
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            color: #fff;
            padding: 5%;
            background: #bb0511;
            height: 60px;
        }

            .customer .assess .top span {
                font-size: 12px;
                font-family: "Arial";
                font-weight: normal;
                text-transform: uppercase;
                width: 100%;
                text-align: center;
                color: #fff;
                margin-top: 0;
            }

        .customer .bot {
            padding: 2% 10% 0;
            font-size: 12px;
            color: #5f5f5f;
            background: #fff;
            height: 80%;
        }

            .customer .bot h4 {
                margin: 5% 0;
                width: 100%;
                font-size: 14px;
                color: #000;
            }

    .item-bot {
        width: 100%;
        height: 100%;
    }

    .customer .bot p {
        font-size: 10px;
        line-height: 15px;
    }

        .customer .bot p.add { /*padding: 0;*/
            margin: 0;
            line-height: 25px;
        }

    .customer .item-bot img {
        float: left;
        height: 100%;
    }

        .customer .item-bot img.img1 {
            width: 60%;
        }

        .customer .item-bot img.img2 {
            width: 40%;
        }

    /*品质保障*/
    .quality ul {
        width: 100%;
    }

        .quality ul li {
            float: left;
            width: 16.6%;
            text-align: center;
            border-right: 1px solid #ccc;
            font-size: 20px;
            color: #2d2d2d;
            padding: 0 2%;
        }

            .quality ul li span {
                font-size: 10px;
                color: #727272;
            }

            .quality ul li p {
                font-size: 14px;
                margin: 0;
                padding: 0;
            }

    .quality .ad {
        margin: 1.5% 0;
    }

        .quality .ad img {
            width: 90%;
        }

    /*装修宝典*/
    .renovation .section-title span a {
        padding: 0.5% 2%;
    }

    .renovation ul li {
        float: left;
        overflow: hidden;
    }

        .renovation ul li.item-ren {
            position: relative;
            margin-left: 0.2%;
            width: 16.7%;
            height: 149px;
        }

            .renovation ul li.item-ren img {
                width: 100%;
                height: 100%;
            }

        .renovation ul li.rz {
            width: 15%;
        }

            .renovation ul li.rz img {
                width: 100%;
            }

        .renovation ul li.item-ren b {
            position: absolute;
            right: 0;
            top: 0;
            padding: 1% 5%;
            background: #BC0511;
            color: #fff;
        }

        .renovation ul li.item-ren p {
            position: absolute;
            bottom: 0;
            left: 0;
            padding-left: 15px;
            height: 40px;
            line-height: 40px;
            width: 100%;
            background: rgba(0,0,0,.25);
            color: #fff;
            margin: 0;
        }

    /*装修锦囊*/
    .section-content.bag {
        width: 100%;
        margin-top: 2%;
    }

        .section-content.bag ul li {
            float: left;
            width: 24%;
            margin: 0 .5%;
            padding: 2% 0;
            border-top: 2px solid #ccc;
            transition: .3s;
        }

            .section-content.bag ul li.active {
                border-top-color: #bb0511;
            }

            .section-content.bag ul li img {
                width: 100%;
            }

    .bag p.tit {
        font-size: 14px;
        color: #bb0511;
        padding: 5% 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bag p.dec {
        font-size: 12px;
        color: #777;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .bag .more {
        text-align: right;
    }

        .bag .more a {
            font-size: 12px;
            color: #bb0511;
        }

    .section-content.bag ul li:hover {
        box-shadow: 0 1px 0px 0px #eee;
        transform: translateY(-5px);
    }

    /*底部*/
    section.footer {
        padding: 2% 0;
    }

        section.footer dl {
            width: 40%;
            color: #fff;
            float: left;
        }

            section.footer dl dt {
                font-size: 16px;
                margin-left: 8%;
            }

            section.footer dl dd a {
                color: #fff;
                float: left;
                font-size: 13px;
                line-height: 30px;
                margin: 0 8%;
            }

    .contact {
        float: left;
        color: #fff;
        margin-left: 5%;
        width: 55%;
    }

        .contact h4 {
            font-size: 16px;
            font-weight: 700;
            margin: 0;
        }

        .contact p {
            margin: 0;
            line-height: 40px;
        }

    .card {
        display: none;
    }

    .contact-us {
        display: none;
    }

    .container-fluid .link {
        color: #fff;
        padding: 2% 0 0;
    }

    .link a {
        font-size: 12px;
        color: #fff;
        padding: 1% .5%;
        text-decoration: none;
    }

    .copyright {
        margin-top: 2%;
        color: #fff
    }

        .copyright .left {
            width: 100%;
            float: left;
        }

        .copyright .right {
            width: 100%;
            float: right;
            text-align: right;
        }

    .nav > li > a {
        padding: 10px 5px;
    }

    .quality .ad {
        margin: 50px 0;
    }
}

/* xs */
@media (max-width:767px) {
    .left-bj {
        display: none !important;
    }

    /*手机端导航*/
    .navbar-nav > li > a {
        display: inline;
        padding: 0;
        margin: 0;
    }

    .nav > li > a {
        margin: 0;
        padding: 0 !important;
    }

    .navbar-nav > li {
        padding: 10px 0;
    }

    .navbar-nav .open .dropdown-menu {
        background: #fff;
    }

    .navbar-nav > li:hover {
        background: rgba(0,0,0,.2) !important;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background: transparent;
    }

    .caret {
        display: none !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
    }

    /*手机端导航结束*/
    .city a {
        color: #333;
    }

        .city a:hover {
            color: #333 !important;
        }

    /*手机端城市切换*/
    #header {
        position: absolute !important;
        top: 14px;
        z-index: 9999;
        left: 150px;
        display: block !important;
    }

    .search_box {
        display: none !important;
    }

    .search_cont {
        display: none !important;
    }

    .city {
        float: none !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0% !important;
        display: block !important;
        color: #333 !important;
        margin: 0;
        padding: 0;
    }

    .cut {
        color: #333 !important;
        font-weight: normal;
    }

    .citylist {
        top: 32px !important;
        width: 205px !important;
    }

    .footer-btm .container {
        padding: 0 5px !important;
    }

    .ulf i {
        font-size: 40px;
        color: #bfbfbf;
    }

    .ulf li.active i {
        color: #fff;
    }

    .yanzhengma {
        margin-top: 31.5%;
    }

    .zxdk-window { /*height: 91% !important;*/
    }

    .dck {
        height: 40px;
        line-height: 40px;
        background: #bb0511;
        padding: 0 1.5%;
        color: #fff;
        outline: none;
    }

    .yys-link {
        margin-top: 50px !important;
    }

    .yanzhengma #input {
        width: 40%;
        float: left;
        height: 40px;
        line-height: 40px;
        border: 1px solid #eee;
        outline: none;
    }

    #checkCode {
        height: 40px;
        line-height: 40px;
        outline: none;
        background: #fff;
    }

    .dropdown-menu li:hover {
    }

    .dropdown-menu {
        margin-top: 1px !important;
        padding: 0 !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        line-height: 24px !important;
        color: #fff;
    }

    .pzbz-col5 li {
        padding: 0 0%;
    }

    .pzbz-col5 .pzbz1 {
        margin-bottom: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #333;
    }

    .pzbz-col5 .pzbz2 {
        line-height: 17px;
        font-size: 12px;
        margin-top: 7px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #team .team-cover .peo::after {
        display: none;
        content: "";
        width: 1px;
        height: 8px;
        background: #fff;
        position: absolute;
        top: 13px;
        right: 0;
        margin: 0 1%;
    }

    .grid {
        display: none;
    }

    .section-title {
        padding: 10px 0;
    }

    /*经典案例*/
    .content-wrap {
        width: 100%;
    }

    .left-content {
        width: 100%;
    }

    .right-conent {
        display: none;
    }

    .right-content {
        width: 100%;
        padding: 15px 0;
    }

    .content-wrap .snav-l {
        color: #bb0511;
        font-size: 18px;
        padding: 0 5% 0 2%;
        text-align: center;
        border-right: 1px solid #BCBCBC;
        color: #bb0511;
        height: 50px;
        float: left;
        display: none;
    }

        .content-wrap .snav-l b {
            font-size: 12px;
            color: #929292;
            font-family: "Arial";
            font-weight: normal;
        }

    .snav-r li a {
        font-size: 12px;
    }

    .line-con {
        border-top: 2px solid #D9D9D9;
        border: none !important;
    }

        .line-con:hover {
            box-shadow: 12px -8px 9px -13px #ccc;
        }

    .content-case li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-top: 2%;
    }

        .content-case li:nth-child(2n) {
            margin-right: 0;
        }

        .content-case li .case-bot {
            padding: 10px 0 0px;
        }

            .content-case li .case-bot p {
                font-size: 14px;
                color: #B5B5B5;
                display: block;
                float: left;
                margin-bottom: 0;
            }

            .content-case li .case-bot span {
                display: block;
                font-size: 20px;
                color: #a0a0a0;
                float: right;
            }

    .case-img {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .content-case li img {
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        transition: transform 0.3s;
        width: 100%;
    }

        .content-case li img:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

    /*经典案例*/

    /*Ö÷ÌåÄÚÈÝ*/
    .section-title h4 {
        width: 100%;
        font-size: 22px;
        float: left;
        padding: 0 5px;
        overflow: hidden; /*内容超出后隐藏*/
        text-overflow: ellipsis; /* 超出内容显示为省略号*/
        white-space: nowrap; /*文本不进行换行*/
    }

        .section-title h4 b {
            font-size: 10px;
            color: #808080;
            font-style: normal;
            font-weight: 400;
            text-transform: uppercase;
            margin-left: 1%;
            vertical-align: bottom;
        }

    #team .team-cover .iden {
        float: left;
        font-size: 12px;
        color: #e5e5e5;
        line-height: 35px;
        text-align: left;
        margin: 0;
        width: 60px;
        margin-left: 10px;
    }

    .section-content {
        width: 100%;
    }

    .content-left, .content-right {
        width: 100%;
    }

    .content-right {
        float: right;
    }

    .content-left, .content-right {
        padding: 1.5% 0;
    }

    .content-right {
        display: none;
    }

    .left-snav .snav-l {
        float: left;
        width: 20%;
        padding: 0 2%;
        text-align: center;
        border-right: 1px solid #eee;
        color: #bb0511;
        font-size: 14px;
    }

        .left-snav .snav-l b {
            font-size: 12px;
            color: #929292;
        }

    .snav-r {
        float: left;
        width: 100%;
    }

        .snav-r li {
            float: left;
            width: 25%;
            text-align: center;
            margin: .5% 0;
            font-size: 12px;
        }

    /*nav-con*/
    .nav-con {
        width: 100%;
    }

        .nav-con li {
            padding: 10px;
            float: left;
            width: 49%;
            margin: 1% .5% 0;
        }

            .nav-con li img {
                width: 100%;
            }

        .nav-con li {
            font-size: 14px;
        }

            .nav-con li p {
                float: left;
                line-height: 40px;
                margin-bottom: 0;
                color: #a7a7a7;
            }

            .nav-con li span {
                float: right;
                line-height: 40px;
                color: #a7a7a7;
                font-size: 16px;
                font-size: 30px;
                font-size: 14px;
            }

    /*团队设计*/
    .ad {
        display: none;
    }

    #team ul.con-top {
        margin:3% 0 0 0;
    }

        #team ul.con-top li {
            float: left;
        }

        #team ul.con-top li {
            position: relative;
            width: 32%;
            margin-right: 2%;
            overflow: hidden;
        }

            #team ul.con-top li img {
                width: 100%;
                height: 100%;
            }

            #team ul.con-top li:nth-child(1) {
                width: 100%;
                margin-bottom: 10px;
            }

            #team ul.con-top li:nth-child(4) {
                margin-right: 0;
            }

    #team ul.con-bot li {
        position: relative;
        float: left;
        width: 32%;
        margin-right: 2%;
        overflow: hidden;
    }

        #team ul.con-bot li img {
            width: 100%;
            /*height: 50%;*/
        }

        #team ul.con-bot li:nth-child(1), #team ul.con-bot li:nth-child(2), #team ul.con-bot li:nth-child(3) {
            margin-bottom: 10px;
        }

        #team ul.con-bot li:nth-child(3), #team ul.con-bot li:nth-child(6) {
            margin-right: 0;
        }

    #team .team-cover .peo {
        display: block;
    }

    #team .team-cover {
        width: 100%;
        padding: 0 2%;
        background: #bb0511;
        color: #fff;
        position: absolute;
        left: 0;
        bottom: -35px;
        font-size: 16px;
        transition: .3s;
        height: 35px;
    }

        #team .team-cover a {
            display: none !important;
        }

        #team .team-cover .peo {
            float: left;
            width: auto;
            font-size: 12px;
            color: inherit;
            line-height: 35px;
            width: 100%;
            text-align: center;
        }

        #team .team-cover a {
            display: block;
            float: right;
            font-size: 8px;
            color: #fff;
            line-height: 35px;
            text-decoration: none;
        }

    #team ul li:hover .team-cover {
        bottom: 0;
    }

    /*热装楼盘*/
    .section-content .col {
        text-align: center;
        width: 50%;
        float: left;
    }

    .col p {
        font-size: 16px;
        color: #333;
        font-weight: 700;
        margin-bottom: 0;
    }

        .col p b {
            font-size: 14px;
            vertical-align: bottom;
        }

    .section-content .col .col-2 {
        width: 50%;
        float: left;
        padding: 0 4%;
    }

    .section-content .col .dec {
        border-radius: 30px;
        width: 80%;
        padding: 1.5% 3%;
        border: 1px solid #ddd;
        font-size: 14px;
        margin: 2% auto;
        transition: .3s;
    }

        .section-content .col .dec:hover {
            color: #fff;
            background: #bb0511;
        }

    .section-content .pd0 li {
        padding: 0;
    }

    /*热装楼盘*/
    .section-content .col {
        text-align: center;
        width: 50%;
        float: left;
    }

    .col p {
        font-size: 14px;
        color: #666;
        font-weight: 400;
        margin-bottom: 0;
    }

        .col p b {
            font-size: 12px;
            vertical-align: bottom;
        }

    .section-content .col .col-2 {
        width: 50%;
        float: left;
        padding: 0 10%;
    }

    .section-content .col .dec {
        border-radius: 30px;
        width: 65%;
        padding: 1.5% 3%;
        border: 1px solid #ddd;
        font-size: 12px;
        margin: 10px auto 30px;
        transition: .3s;
        text-align: center;
    }

        .section-content .col .dec:hover {
            color: #fff;
            background: #bb0511;
        }

    .section-content .pd0 li {
        padding: 0;
    }

    /*客户见证*/
    .customer {
        width: 100%;
    }

        .customer ul li {
            position: relative;
            float: left;
            height: 265px;
            overflow: hidden;
        }

            .customer ul li.list1 {
                width: 60%
            }

            .customer ul li.list2 {
                display: none;
            }

            .customer ul li.list4 {
                width: 40%;
            }

            .customer ul li.list3 {
                display: none;
            }

            .customer ul li img {
                width: 100%;
            }

            .customer ul li.list1 img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .customer ul li .assess {
                width: 100%;
                height: 100%;
                top: 0;
                right: 0;
            }

        .customer .assess .top {
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            color: #fff;
            padding: 5%;
            background: #bb0511;
        }

            .customer .assess .top p {
                font-size: 14px;
            }

            .customer .assess .top span {
                font-size: 10px;
                font-family: "Arial";
                font-weight: normal;
                text-transform: uppercase;
            }

        .customer .bot {
            padding: 2% 10% 0;
            font-size: 12px;
            color: #5f5f5f;
            background: #fff;
            height: 80%;
        }

            .customer .bot h4 {
                margin: 5% 0;
                font-size: 14px;
                color: #000;
            }

    .item-bot {
        width: 100%;
        height: 100%;
    }

    .customer .bot p {
        font-size: 10px;
        line-height: 20px;
        height: 80px;
    }

        .customer .bot p.add {
            margin: 0;
        }

        .customer .bot p.dec {
            height: 104px;
            display: block;
            overflow: hidden;
        }

    .customer .item-bot img {
        float: left;
        height: 100%;
    }

        .customer .item-bot img.img1 {
            width: 60%;
        }

        .customer .item-bot img.img2 {
            width: 40%;
        }

    /*品质保障*/
    .quality ul {
        width: 100%;
    }

        .quality ul li {
            float: left;
            width: 16%;
            text-align: center;
            margin-left: 1%;
            border-right: 1px solid #ccc;
            font-size: 12px;
            color: #2d2d2d;
        }

            .quality ul li span {
                display: none;
            }

            .quality ul li p {
                font-size: 12px;
                margin: 0;
                padding: 0;
            }

    .quality .ad {
        display: block;
        margin: 30px auto;
        text-align: center;
    }

        .quality .ad img {
            width: 90%;
            margin: 0 auto;
        }

    /*装修宝典*/
    .renovation .section-title span a {
        padding: 0.5% 2%;
    }

    .renovation ul li {
        overflow: hidden;
        width: 100%;
        float: left;
        margin: 0 auto;
    }

        .renovation ul li.item-ren {
            position: relative;
            width: 48%;
            float: left;
            margin: 2% 1%;
        }

            .renovation ul li.item-ren img {
                width: 100%;
                height: 100%;
            }

        .renovation ul li.rz {
            display: none;
            width: 50%;
            height: 182px;
            background: #bb0511;
        }

        .renovation ul li.item-ren b {
            position: absolute;
            right: 0;
            top: 0;
            padding: 1% 5%;
            background: #BC0511;
            color: #fff;
        }

        .renovation ul li.item-ren p {
            position: absolute;
            bottom: 0;
            left: 0;
            padding-left: 15px;
            height: 40px;
            line-height: 40px;
            width: 100%;
            background: rgba(0,0,0,.25);
            color: #fff;
            margin: 0;
        }

    /*装修锦囊*/
    .section-content.bag {
        width: 100%;
        margin-top: 2%;
    }

    .container-fluid.eee {
        display: none !important;
    }

    .section-content.bag ul li {
        float: left;
        width: 48%;
        margin: 0 1%;
        padding: 2% 0;
        border-top: 2px solid #ccc;
        transition: .3s;
    }

        .section-content.bag ul li.active {
            border-top-color: #bb0511;
        }

        .section-content.bag ul li img {
            width: 100%;
        }

    .bag p.tit {
        font-size: 14px;
        color: #bb0511;
        padding: 5% 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bag p.dec {
        font-size: 12px;
        color: #777;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .bag .more {
        text-align: right;
    }

        .bag .more a {
            font-size: 12px;
            color: #bb0511;
        }

    .section-content.bag ul li:hover {
        box-shadow: 0 1px 0px 0px #eee;
        transform: translateY(-5px);
    }

    .section-title span {
        display: none;
    }

    /*底部*/
    section.footer {
        padding: 2% 0;
        display: none;
    }

        section.footer dl {
            width: 100%;
            float: none;
            color: #fff;
        }

            section.footer dl dt {
                font-size: 14px;
                margin-left: 5%;
            }

            section.footer dl dd a {
                color: #fff;
                float: left;
                font-size: 12px;
                line-height: 25px;
                margin: 0 5%;
            }

    .contact {
        float: none;
        color: #fff;
        width: 100%;
        padding: 0% 5%;
    }

        .contact h4 {
            font-size: 14px;
            font-weight: 700;
            margin: 0;
        }

        .contact p {
            margin: 0;
            font-size: 12px;
            padding: 1% 0;
        }

    .card {
        display: none;
    }

    .contact-us {
        display: none;
    }

    .link {
        display: none;
    }

        .link a {
            font-size: 12px;
            color: #fff;
            padding: 1% .5%;
            text-decoration: none;
        }

    .copyright {
        margin-top: 2%;
        color: #fff;
        font-size: 12px;
    }

        .copyright .left {
            width: 100%;
            font-size: 12px;
        }

        .copyright .right {
            margin-top: .5%;
            width: 100%;
            text-align: right;
        }
}

.section-title span {
    color: #9a9a9a;
}

    .section-title span a {
        color: #9a9a9a;
    }

.caret {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 9px;
    vertical-align: middle;
    border-top: 1px solid #fff;
    border-top: 4px solid\9;
    border-right: 1px solid #fff;
    transform: rotate(130deg);
    border-left: 1px solid transparent;
    margin-top: -7px;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    width: 100%;
}

#team .team-cover .peo {
    position: relative;
}

.nav-con li p {
    float: left;
    line-height: 40px;
    margin-bottom: 0;
    color: #333;
    font-size: 14px;
    width: 100%;
    padding: 0 20%;
    text-align: center;
}

.quality ul li:last-child {
    border-right: none;
}

.delog_news_listc p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section-content .col .dec:hover a {
    color: #fff;
}

.left-content.active .line-con {
    border-top-color: #bb0511;
    transition: .3s;
    /*box-shadow: 12px -8px 9px -13px #ccc*/
}

.snmore {
    float: right;
}

    .snmore:hover {
        color: #bb0511;
    }

/*banner样式开始 */
.index_banner {
    margin-top: 10px;
}

.index_banner_lt {
    background: #fff;
    width: 602px;
    height: 294px;
    border: 3px solid #fe7902;
    position: relative;
    z-index: 0;
}

    .index_banner_lt .banner_mf_ico {
        position: absolute;
        width: 69px;
        height: 62px;
        background-position: -407px 0px;
        right: 0px;
        top: 0px;
        margin: 0px;
        z-index: 99;
    }

    .index_banner_lt p.index_banner_tit {
        background: #f0f0f0;
        line-height: 36px;
        border-bottom: 1px solid #ccc;
        height: 36px;
    }

        .index_banner_lt p.index_banner_tit a.first {
            border-left: none;
        }

        .index_banner_lt p.index_banner_tit a.last {
            border-right: none;
        }

        .index_banner_lt p.index_banner_tit a {
            display: inline-block;
            font-size: 14px;
            padding: 0px 9px;
            position: relative;
            margin-bottom: -1px;
        }

            .index_banner_lt p.index_banner_tit a.current {
                background: #fff;
                border-left: 1px solid #ddd;
                border-right: 1px solid #ddd;
                border-bottom: 1px solid #fff;
                color: #333;
                font-weight: bold;
            }

.head_sq_ico {
    width: 10px;
    height: 15px;
    background-position: 0px -189px;
}

.menu_list_bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 3px 8px;
    height: 46px;
}

.menu_list_ok_top {
    margin: 20px auto;
    width: 300px;
    position: relative;
    height: 95px;
}

.menu_list_ok_tenders {
    width: 350px;
    margin: 20px auto 0px auto;
    padding: 0px;
    position: relative;
}

    .menu_list_ok_tenders .s1_hd_sub {
        margin-bottom: 10px;
    }

    .menu_list_ok_tenders h1 {
        margin-bottom: 10px;
    }

    .menu_list_ok_tenders .service_img {
        position: absolute;
        left: -5px;
        top: 110px;
    }

        .menu_list_ok_tenders .service_img img {
            width: 140px;
            height: 140px;
        }

    .menu_list_ok_tenders p.colorbg {
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 10px 0px;
        padding: 0px 10px;
    }

        .menu_list_ok_tenders p.colorbg a {
            font-size: 16px;
            color: #fd0202
        }

.menu_list_ok_top .erweima_box {
    position: absolute;
    right: -100px;
    top: -10px;
    text-align: center;
}

    .menu_list_ok_top .erweima_box img {
        width: 85px;
        height: 85px;
    }

    .menu_list_ok_top .erweima_box p {
        font-size: 12px;
        margin: 0px;
    }

.menu_list_ok_top span.index_ico, .menu_list_ok_tenders span.index_ico {
    width: 40px;
    height: 42px;
    background-position: 0px -110px;
    margin-right: 5px;
}

.menu_list_ok_top h1 {
    margin-bottom: 10px;
}

.menu_list_ok_top p {
    font-size: 14px;
    margin-left: 15px;
}

.menu_list_ok_bottom {
    border-top: 1px solid #ddd;
}

    .menu_list_ok_bottom ul li {
        float: left;
        width: 300px;
        height: 110px;
        padding-top: 10px;
    }

        .menu_list_ok_bottom ul li.first {
            background: url(../images/main_menu1.jpg) no-repeat;
            border-right: 1px solid #ddd;
        }

        .menu_list_ok_bottom ul li.last {
            background: url(../images/main_menu2.jpg) no-repeat;
        }

        .menu_list_ok_bottom ul li a.btn {
            margin: 75px 0px 0px 120px;
        }

.menu_list_top form {
    padding-left: 15px;
}

.menu_list_top p.tp {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

    .menu_list_top p.tp i.tit {
        color: #555;
        font-size: 16px;
        font-style: normal;
    }

.menu_list_top dl {
    height: 52px;
}

.menu_list_top dt {
    width: 36px;
    height: 36px;
    background: #FAEAE7;
    border-right: 1px solid #fedfd9;
}

.menu_list_top dt, .menu_list_top dd {
    float: left;
    margin: 6px 0px 10px;
}

    .menu_list_top dt span.index_ico {
        width: 23px;
        height: 23px;
        margin: 6px;
    }

    .menu_list_top dt span.ico_tel {
        background-position: -188px -35px;
    }

    .menu_list_top dt span.ico_name {
        background-position: -211px -35px;
    }

    .menu_list_top dt span.ico_yz {
        background-position: -235px -35px;
    }

.menu_list_top dd {
    margin-right: 10px;
}

    .menu_list_top dd input.text {
        width: 210px;
        height: 28px;
        background: #fff;
        color: #555;
        border: 1px solid #FAEAE7;
        border-left: none;
    }

.menu_list_top .menu_list_ep div.rt {
    margin-top: 20px;
}

.menu_list_top div.text {
    font-size: 14px;
    margin: 8px 0px;
}

.menu_list_top .menu_list_ep .index_ico {
    width: 22px;
    height: 23px;
}

.menu_list_top .menu_list_ep span {
    margin-left: 20px;
    font-size: 14px;
}

    .menu_list_top .menu_list_ep span.ico_tit {
        background-position: -15px -60px;
    }

    .menu_list_top .menu_list_ep span.ico_text {
        background-position: -15px -83px;
    }

.menu_list_top .menu_list_ep p {
    line-height: 32px;
}

.banner_lunz {
    width: 580px;
    height: 300px;
    overflow: hidden;
}

/*banner样式结束 */
.lxb-container {
    background: rgb(187,20,24);
}

#LXB_CONTAINER {
    background: #bb0511 !important;
}

.lxb-cb-input-btn {
    background: #fff !important;
    color: rgb(187,5,17) !important;
}

.lxb-close-btn {
    background-color: rgb(187,5,17) !important;
}

.grid li.hover i {
    color: #bb0511;
}

.ulf li.active i {
    color: #fff;
}

ul.ulf li:hover i {
    color: #fff;
}

a.b55 {
    color: #bb0511 !important;
}

p.pzbz2:hover {
    color: #bb0511 !important;
}

.section-title span a:hover {
    color: #bb0511 !important;
}

a.mo {
    color: #bb0511 !important;
}

.page {
    margin-bottom: 75px !important;
}

.cmcc img {
    max-width: 96%
}

.hotnav {
    background-image: url(/images/hot.png);
    width: 72px;
    height: 30px;
    margin-top: -68px;
    margin-left: 46%;
    z-index: 99;
    position: absolute;
}


.autol {
    width: 34%
}

.autor {
    width: 66%
}

@media (max-width:1023px) {
    .autol{width:100%}
    .autor{width:100%}
    #team{
        display:block
    }

    .rightbar{
        display:none;
    }

    .jianzhenglist {
        width: 100%;
    }
}


@media (min-width:1440px) {
    .jianzhenglist {
        width: 33.33%;
    }

    .witness-container{
        display:flex !important;
    }
}



.jianzhenglist .item {
    cursor: pointer;
    width: 98%;
}

    .jianzhenglist .item .img-wrap img {
        width: 100%;
        height: 260px;
        object-fit: cover;
        border-radius: 2px;
    }

    .jianzhenglist .item .img-wrap .skillmask {
        width: 100%;
        height: 120px;
        /*position: absolute;*/
        opacity: 0.72;
        background-color: #bb0511;
        color: #ffffff;
        float: left;
        margin-top: -120px;
        top: 218px;
        z-index: 9;
        padding: 5px;
        overflow: hidden;
        display: none;
        transition: .3s;
    }

    .jianzhenglist .item .intor-wrap .title-wrap {
        margin: 5px 0;
    }

        .jianzhenglist .item .intor-wrap .title-wrap .title {
            font-size: 18px;
            text-align: center;
            line-height: 200%;
            color: #ffffff;
            background-color: #bb0511;
        }

        .jianzhenglist .item .intor-wrap .title-wrap .sub-title {
            font-size: 16px;
            text-align: center;
            line-height: 200%;
            color: #bb0511;
        }

    .jianzhenglist .item .dep-title {
        margin-top: 5px;
        text-align: left;
        font-size: 16px;
        line-height: 160%;
    }

    .jianzhenglist .item .dep-mz {
        margin-top: 5px;
        text-align: left;
        font-size: 16px;
        line-height: 160%;
    }