/* 响应式布局 */

@media screen and (max-width: 1359px) {
    .wrapper {
        max-width: 96%;
    }
    #servicePage .B-layer .content .b-sub .row {
        width: 94%;
        margin: 0 auto;
    }
    #servicePage .B-layer .content .b-sub .row .lf-row {
        max-width: 56%;
    }
    #servicePage .B-layer .content .b-sub .row .rg-row {
        max-width: 42%;
    }

    #main_pro {
        max-width: 96%;
        margin: 0 auto;
    }

    #main_proST_LBox {
        max-width: 59%;
    }
    #main_proST_RBox {
        max-width: 38%;
    }

    .main_proST_TxtL {
        max-width: 35%;
    }
    .main_proST_TxtR {
        max-width: 65%;
    }

    #main_proShow_left {
        max-width: 20%;
    }
    #main_proShow_con {
        max-width: 77%;
    }

    #main_proST_phone {
        max-width: 66%;
    }
    #main_proST_but {
        max-width: 32%;
    }


    /*产品中心 -- 润囍系列页面模板  */
    #productPage .B-layer .b-row .subCase .item {
        max-width: 48%;
        margin-right: 4%;
    }
    #productPage .B-layer .b-row .subCase .item .pic {
        max-width: 100%;
        position: relative;
    }
    #productPage .B-layer .b-row .subCase .item .pic::after {
        display: block;
        content: '';
        padding-top: 66.04%;
    }
    #productPage .B-layer .b-row .subCase .item .pic .con {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: 100%;
    }


    /* 新闻资讯 */
    #main_news {
        width: 94%;
        margin: 0 auto;
    }
    #main_news ul li {
        width: 32.5%;
        margin-right: 1.25%;
        height: auto;
    }

    /* 品牌荣誉 */
    .honnorlist {
        padding-bottom: .3rem;
    }
    .honnorlist li {
        width: 32.5%;
        margin-right: 1.25%;
        margin-bottom: 5%;
    }
    .honnorlist li .pro_pic {
        margin-bottom: .15rem;
    }


    .ja_t span {
        font-size: .36rem;
        line-height: 1.5;
    }


    /* 设计之旅 */
    #designPage .C-layer .designer .item {
        max-width: 48.5%;
        margin-right: 3%;
    } 


}

@media screen and (max-width: 1340px) {
    #main_spaceBox {
        width: 100%;
    }
    #main_spaceMenu {
        width: 96%;
        margin: 0 auto 30px;
    }
    .main_spaceMenuUL_tit {
        max-width: 10%;
    }
    .main_spaceMenuUL_li {
        width: 89%;
        font-size: 0;
    }
    .main_spaceMenuUL_li a {
        width: 12%;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .main_spaceMenuUL_li a:after {
        right: 0;
    }
}

@media screen and (max-width: 1279px) {
    #craftPage .B-layer .column-A .lf-row {
        max-width: 57%;
        margin-right: 4%;
    }
    #craftPage .B-layer .column-A .rg-row {
        max-width: 39%;
    }
    #craftPage .B-layer .column-A .lf-row .c-pic {
        max-width: 100%;
        height: auto;
    }
    #craftPage .B-layer .column-A .rg-row .c-pic {
        max-width: 100%;
        height: auto;
        margin-bottom: 33%;
    }

    #craftPage .B-layer .column-B .c-pics .c-pics-con .item {
        max-width: 24.75%;
        margin-right: .04%;
        height: auto;
    }

    #craftPage .B-layer .column-D .content {
        padding-top: 8%;
    }
    
    /* 联系我们 */
    #main_contact_line .mcl_lf {
        max-width: 49%;
    }
    #main_contact_message {
        max-width: 49%;
    }

    /* 设计之旅 */
    #designPage .B-layer .content {
        width: 96%;
        margin: 0 auto;
    }
    #designPage .B-layer .content .B-pic {
        display: none;
    }
    #designPage .B-layer .content .sub-pic {
        display: block;
        width: 1055px;
        margin: 0 auto;
        max-width: 100%;
        max-height: 697px;
        position: relative;
    }
    #designPage .B-layer .content .sub-pic::after {
        display: block;
        content: '';
        padding-top: 66.07%;
    }
    #designPage .B-layer .content .sub-pic img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: 100%;
    }
    

}

@media screen and (max-width: 1260px) {
    /* 空间系列 */
    #main_spaceList {
        max-width: 96%;
    }
    #main_spaceList ul {
        width: 100%;
    }
    #main_spaceList li {
        max-width: 48.5%;
        height: auto;
        margin-right: 3%;
        position: relative;
    }
    #main_spaceList li:nth-child(2n) {
        margin-right: 0;
    }
    .mSpace_listImg {
        max-width: 100%;
        height: auto;
        position: relative;
    }
    .mSpace_listImg::after {
        display: block;
        content: '';
        padding-top: 60.35%;
    }
    .mSpace_listImg img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 10;
    }
}

@media screen and (max-width: 1151px) {
    #homePage .F-layer .content .F-pic .mask .name {
        padding-top: 10%;
    }
    #aboutPage .B-layer .content .ru_rg .pic {
        margin-bottom: 15%;
    }
}
@media screen and (max-width: 1130px) {
    #aboutPage .B-layer .content .rg-row .text {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .jg_b dt {
        display: none;
    }
    .jg_b .dt-pic {
        display: block;
        width: 100%;
    }
    .jg_b .dt-pic
    .jg_b dd {
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
    }
}


@media screen and (max-width: 1087px) {
    #homePage .C-layer .content .lf-column .rg-row .slogan {
        margin-bottom: 35px;
    }
    #homePage .C-layer .content .lf-column .rg-row .slogan .text {
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 1041px) {
    #com-footer .A-layer .columnA .call span {
        display: block;
    }
}
@media screen and (max-width: 1023px) {
    #com-footer .A-layer .columnB {
        max-width: 66%;
    }
    #com-footer .A-layer .columnC {
        max-width: 14%;
    }
    #com-footer .A-layer .columnC .weChat .item {
        max-width: 100%;
    }
    #com-footer .A-layer .columnC .weChat .item:last-child {
        display: none;
    }
    
    #homePage .F-layer .content .F-pic .mask .name {
        font-size: 30px;
        padding-top: 10%;
    }
    

    #aboutPage .B-layer .content .ru_rg .text {
        display: none;
    }
    #aboutPage .B-layer .content .row-down {
        display: block;
    }
    #aboutPage .C-layer {
        padding-top: 0;
    }
    #aboutPage .C-layer .content .rd_lf {
        display: none;
    }
    #aboutPage .C-layer .content .rd_rg {
        width: 90%;
        margin: 0 auto;
        max-width: 100%;
    }
    #aboutPage .C-layer .content .rd_rg .text {
        padding-right: 0;
    }

    .mSpace_listName {
        width: 74%;
    }
    .mSpace_btn {
        width: 24%;
        text-align: right;
    }
    .mSpace_listCZ {
        max-width: 100%;
    }
    .mSpace_listMore {
        display: none;
    }

}


@media screen and (max-width: 1020px) {
    #homePage .C-layer .content .lf-column {
        width: 100%;
        max-width: 96%;
    }

    #homePage .C-layer .content .rg-column {
        width: 100%;
        max-width: 100%;
        padding-top: 60px;
    }
    #homePage .C-layer .content .rg-column .video {
        display: inline-block;
        vertical-align: top;
    }
    #homePage .C-layer .content .rg-column .video:first-child {
        margin-bottom: 0;
        margin-right: 50px;
    }
    #homePage .C-layer .content .rg-column .more {
        display: block;
        width: 100%;
        padding: 60px 0;
    }
    #homePage .C-layer .content .rg-column .more a {
        display: block;
        width: 500px;
        height: 50px;
        margin: 0 auto;
        border: 1px solid #fff;
        box-sizing: border-box;
        font-size: 24px;
        color: #fff;
        line-height: 50px;
        text-align: center;
    }

}
@media screen and (max-width: 988px) {
    #main_proST_phone span {
        display: none;
    }
    #main_proST_phone a {
        margin-left: 0;
    }
}

@media screen and (max-width: 960px) {
    #aboutPage .C-layer .content .ru_lf {
        max-width: 45%;
    }
    #aboutPage .C-layer .content .ru_rg {
        max-width: 50%;
    }
    #aboutPage .C-layer .content .ru_lf .name {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    #aboutPage .C-layer .content .ru_lf .pic {
        display: none;
    }
}


@media screen and (max-width: 900px) {
    #homePage .D-layer .sectionA .content .rgBox .thumbs .card .more {
        display: none;
    }
    #homePage .D-layer .sectionA .content .rgBox .navList ul li {
        font-size: 12px;
    }
    #homePage .D-layer .sectionA .content .lfBox .more {
        display: block;
    }

    #homePage .E-layer .content .right-column .item .text .resume {
        font-size: 16px;
        height: 48px;
    }

    #homePage .F-layer .content .F-pic .mask .name {
        font-size: 28px;
    }

}

@media screen and (max-width: 893px) {
    #com-footer .A-layer .columnB dl {
        margin: 0 3%;
    }
}

@media screen and (max-width: 876px) {
    #homePage .G-layer .content .right-column .text {
        padding-bottom: 11px;
    }
}

@media screen and (max-width: 839px) {
    #homePage .B-layer .HP-info .HP-iu-tle {
        margin-bottom: 20px;
    }

    #homePage .F-layer .content .F-pic .mask .name {
        font-size: 28px;
        padding-top: 8%;
    }

    #com-footer .A-layer .columnB dl {
        margin: 0 2.5%;
    }
}

@media screen and (max-width: 799px) {
    #main_proST_LBox {
        max-width: 100%;
        margin: 0 auto 5%;
    }
    #main_proST_RBox {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    #main_proST_bot {
        width: 70%;
    }
    #main_proShow_con {
        max-width: 100%;
    }
}

@media screen and (max-width: 790px) {
    #header .A-layer .content .lf-column .logo {
        width: 320px;
    }
    #header .A-layer .content .rg-column {
        top: 58%;
    }
    #homePage .D-layer .sectionC .card .mask span {
        font-size: 20px;
    }

    #homePage .E-layer .content .right-column .item .text .resume {
        font-size: 14px;
        height: 42px;
    }

    #homePage .F-layer .content .F-pic .mask .name {
        font-size: 26px;
    }
}

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

    #header {
        position: unset;
    }

    #header .A-layer {
        height: 1.2rem;
    }
    #header .A-layer .content {
        width: 94%;
    }
    #header .A-layer .content .lf-column .logo {
        width: 3.82rem;
    }

    #header .B-layer {
        display: none;
    }

    #header .A-layer .content .rg-column {
        display: none;
    }
    
    #header .A-layer .M-toolBox {
        display: block;
        position: absolute;
        right: 0;
        top: 55%;
        transform: translateY(-50%);
        z-index: 10;
        font-size: 0;
    }
    #header .A-layer .M-toolBox .content {
        width: 1.15rem;
    }
    #header .A-layer .M-toolBox .M-search {
        display: inline-block;
        vertical-align: middle;
        width: .35rem;
        height: .35rem;
        overflow: hidden;
        margin-right: .22rem;
    }
    #header .A-layer .M-toolBox .M-menu {
        display: inline-block;
        vertical-align: middle;
        width: .35rem;
        height: .26rem;
        overflow: hidden;
        padding-left: .22rem;
        border-left: 1px solid #525354;
    }

    #header .A-layer .M-sousuo {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 1.2rem;
        background: rgba(0, 0, 0, .8);
    }
    #header .A-layer .M-sousuo .content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #header .A-layer .M-sousuo .sousuo_wrap {
        width: 4.5rem;
        height: .8rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: .4rem;
        border: 1px solid #fff;
        padding: 0 .15rem 0 .25rem; 
        box-sizing: border-box;
    }
    #header .A-layer .M-sousuo .sousuo_wrap .sw_input {
        width: 3.4rem;
        height: .5rem;
        padding: .1rem;
        font-size: .28rem;
        box-sizing: border-box;
        border: 0;
        outline: none;
        border-radius: unset;
    }
    #header .A-layer .M-sousuo .sousuo_wrap .sw_submit {
        width: .4rem;
        height: .4rem;
        background: url('../images/Mobile/icon-search-w.png') no-repeat;
        background-size: 100%;
        border: none;
        outline: none;
    }



    #header .A-layer .M-sousuo .Ms_close {
        display: block;
        width: .4rem;
        height: .4rem;
        transform: translateY(-50%) rotate(45deg);
        position: relative;
        top: 15%;
        margin-left: .18rem;
    }
    #header .A-layer .M-sousuo .Ms_close::before {
        position: absolute;
        left: .16rem;
        top: 0;
        content: '';
        width: .08rem;
        height: .4rem;
        background-color: #fff;
        border-radius: .04rem;
    }
    #header .A-layer .M-sousuo .Ms_close::after {
        position: absolute;
        left: 0px;
        top: .16rem;
        content: '';
        width: .4rem;
        height: .08rem;
        background-color: #fff;
        border-radius: .04rem;
    }



    #header .M-layer {
        display: block;
        width: 100%;
        height: 1.24rem;
        background: #4b4b4b;
    }
    #header .M-layer .M-navList {
        width: 96%;
        margin: 0 auto;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }
    #header .M-layer .M-navList .item {
        width: 1.8rem;
        height: 50%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #header .M-layer .M-navList .item::before {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        width: 1px;
        height: 60%;
        background-color: #fff;
    }
    #header .M-layer .M-navList .item:nth-child(4n)::before {
        display: none;
    }
    #header .M-layer .M-navList .item a {
        padding: 0 .1rem;
        font-size: .32rem;
        color: #fff;
        line-height: .42rem;
        text-align: center;
    }
    #header .M-layer .M-navList .cur a {
        background-color: #c83e4f;
    }


    .title {
        width: 100%;
        padding: .6rem 0;
    }
    .title .name {
        font-size: .36rem;
        padding-left: .34rem;
    }
    .title .adverb {
        font-size: .24rem;
        padding: .2rem 0 0 .34rem;
        line-height: 1.5;
    }
    .title .more a {
        font-size: .16rem;
    }


    #LG_banner {
        height: 4.4rem;
    }
    #LG_banner .text_wrapper {
        bottom: .5rem;
    }


    #homePage .B-layer {
        padding: .65rem 0 .68rem;
    }
    #homePage .B-layer .HP-info-up {
        margin-bottom: .45rem;
    }
    #homePage .B-layer .HP-info .HP-iu-tle {
        font-size: .36rem;
        margin-bottom: .3rem;
    }

    #homePage .B-layer .HP-info .HP-iuc-text {
        width: 5.2rem;
        font-size: .3rem;
        margin-right: .1rem;
    }

    #homePage .B-layer .HP-info .HP-iuc-submit {
        width: .35rem;
        height: .35rem;
    }

    #homePage .B-layer .HP-info .HP-info-down input {
        font-size: .3rem;
        height: .6rem;
        border-radius: unset;
    }
    #homePage .B-layer .HP-info .HP-info-down select {
        font-size: .3rem;
        height: .6rem;
        border-radius: unset;
    }

    #homePage .C-layer {
        display: none;
    }
    #homePage .MC-layer {
        display: block;
        width: 100%;
    }
    #homePage .MC-layer .wrap {
        width: 100%;
        padding: 0 .55rem;
        height: 7.66rem;
        background: url('../images/Mobile/MC-layer-bg.jpg') no-repeat;
        background-size: 100%;
        box-sizing: border-box;
    }
    #homePage .MC-layer .wrap .title {
        padding: .48rem 0 .4rem;
    }
    #homePage .MC-layer .wrap .title .name {
        color: #fff;
    }
    #homePage .MC-layer .wrap .textBar {
        padding-left: 2.12rem;
    }
    #homePage .MC-layer .wrap .textBar .slogan {
        margin-bottom: .5rem;
    }
    #homePage .MC-layer .wrap .textBar .slogan .text {
        padding: .05rem .35rem .3rem .5rem;
        margin-bottom: .4rem;
        position: relative;
    }
    #homePage .MC-layer .wrap .textBar .slogan .text::before {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        content: '';
        width: .29rem;
        height: .27rem;
        background: url('../images/H-page/icon-lf-marks.png') no-repeat;
        background-size: cover;
        background-position: center;
    }
    #homePage .MC-layer .wrap .textBar .slogan .text::after{
        position: absolute;
        right: 0;
        bottom: 0;
        content: '';
        width: .29rem;
        height: .27rem;
        background: url('../images/H-page/icon-rg-marks.png') no-repeat;
        background-size: cover;
        background-position: center;
    }
    #homePage .MC-layer .wrap .textBar .slogan .text p {
        font-size: .3rem;
        line-height: 1.6;
        color: #fff;
    }
    #homePage .MC-layer .wrap .textBar .slogan .author {
        font-size: .24rem;
        color: #fff;
        text-align: right;
    }
    #homePage .MC-layer .wrap .textBar .brief {
        padding-left: .3rem;
    }
    #homePage .MC-layer .wrap .textBar .brief .text {
        font-size: .24rem;
        color: #fff;
        line-height: 1.5;
        margin-bottom: .2rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
    #homePage .MC-layer .wrap .textBar .brief .more {
        width: 100%;
    }
    #homePage .MC-layer .wrap .textBar .brief .more a {
        display: block;
        width: 100%;
        height: .5rem;
        font-size: .24rem;
        color: #fff;
        line-height: .5rem;
        text-align: center;
        background-color: #813333;
    }

    #homePage .MC-layer .videoBar {
        width: 100%;
        background-color: #110d0d;
    }
    #homePage .MC-layer .videoBar .content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .6rem .55rem .65rem;
        box-sizing: border-box;
    }
    #homePage .MC-layer .videoBar .content .item {
        width: 3rem;
        height: 2rem;
        position: relative;
    }
    #homePage .MC-layer .videoBar .content .item .pic {
        width: 3rem;
        height: 2rem;
        overflow: hidden;
    }
    #homePage .MC-layer .videoBar .content .item .mask {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #homePage .MC-layer .videoBar .content .item .mask i {
        display: block;
        font-size: .3rem;
        color: #fff;
        text-align: center;
        margin-bottom: .2rem;
    }
    #homePage .MC-layer .videoBar .content .item .mask span {
        width: 1.13rem;
        height: .64rem;
        overflow: hidden;
    }
    #homePage .MC-layer .videoBar .more {
        width: 100%;
        padding-bottom: .8rem;
    }
    #homePage .MC-layer .videoBar .more a {
        display: block;
        width: 5.1rem;
        margin: 0 auto;
        height: .6rem;
        border: 1px solid #fff;
        font-size: .3rem;
        color: #fff;
        line-height: .6rem;
        text-align: center;
        box-sizing: border-box;
    }

    #homePage .D-layer {
        display: none;
    }

    #homePage .MD-layer {
        display: block;
        background-color: #ebebeb;
    }
    #homePage .MD-layer .column-a {
        padding-bottom: .7rem;
    }
    #homePage .MD-layer .column-a .title {
        padding: .6rem .55rem;
        box-sizing: border-box;
    }
    #homePage .MD-layer .column-a .navList {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: .4rem;
    }
    #homePage .MD-layer .column-a .navList .item {
        display: block;
        width: 1.64rem;
        height: .54rem;
        border: 1px solid #999;
        font-size: .3rem;
        color: #333;
        line-height: .54rem;
        text-align: center;
        box-sizing: border-box;
        margin-right: .4rem;
        margin-bottom: .2rem;
    }
    #homePage .MD-layer .column-a .navList .item:nth-child(3n) {
        margin-right: 0;
    }
    #homePage .MD-layer .column-a .navList .cur {
        color: #fff;
        border: #c83e4f;
        background-color: #c83e4f;
    }

    #homePage .MD-layer .column-a .switchBox {
        width: 7rem;
        height: 4.1rem;
        overflow: hidden;
    }
    #homePage .MD-layer .column-a .switchBox .card {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    #homePage .MD-layer .column-a .switchBox .card .lf-row {
        width: 4.66rem;
        height: 100%;
    }
    #homePage .MD-layer .column-a .switchBox .card .lf-row .pic {
        width: 100%;
        height: 3.46rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #homePage .MD-layer .column-a .switchBox .card .lf-row .more {
        width: 100%;
        height: .64rem;
        display: flex;
        align-items: flex-end;
        padding-left: .9rem;
        box-sizing: border-box;
    }
    #homePage .MD-layer .column-a .switchBox .card .lf-row .more a {
        font-size: .26rem;
        color: #c83e4f;
        line-height: 2;
        border-bottom: 1px solid #999;
    }
    #homePage .MD-layer .column-a .switchBox .card .rg-row {
        width: 1.8rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #homePage .MD-layer .column-a .switchBox .card .rg-row .tle {
        font-size: .3rem;
        color: #000;
        margin-bottom: .16rem;
    }
    #homePage .MD-layer .column-a .switchBox .card .rg-row .txt {
        width: 100%;
        font-size: .24rem;
        color: #525354;
        line-height: 1.5;
    }
    #homePage .MD-layer .column-a .switchBox .card .rg-row .pic {
        justify-items: center;
        width: 1.75rem;
        height: 1.15rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #homePage .MD-layer .column-b {
        width: 100%;
        padding-bottom: .65rem;
    }
    #homePage .MD-layer .column-b .title {
        width: 100%;
        padding: .1rem .48rem .55rem;
        box-sizing: border-box;
    }
    #homePage .MD-layer .column-b .title .name {
        padding-left: .16rem;
    }
    #homePage .MD-layer .column-b .title .name::before {
        position: absolute;
        left: 0;
        bottom: -.16rem;
        content: '';
        width: 100%;
        height: 3px;
        background-color: #333;
    }
    #homePage .MD-layer .column-b .title .name::after {
        display: none;
    }

    #homePage .MD-layer .column-b .content {
        padding: 0 .6rem .3rem;
    }
    #homePage .MD-layer .column-b .content .row-up {
        width: 100%;
        margin-bottom: .2rem;
    }
    #homePage .MD-layer .column-b .content .row-up .pic {
        width: 6.3rem;
        margin: 0 auto;
        height: 4.2rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #homePage .MD-layer .column-b .content .row-up .txt {
        padding: .3rem .1rem;
    }
    #homePage .MD-layer .column-b .content .row-up .txt .name {
        font-size: .32rem;
        color: #333;
        line-height: 1.5;
        margin-bottom: .16rem;
    }
    #homePage .MD-layer .column-b .content .row-up .txt .line {
        font-size: .26rem;
        color: #000;
    }
    #homePage .MD-layer .column-b .content .row-up .txt .line .more {
        font-size: .26rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5;
        margin-right: .2rem;
    }
    #homePage .MD-layer .column-b .content .row-up .txt .line .booking {
        font-size: .26rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5;
    }

    #homePage .MD-layer .column-b .content .row-down {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    #homePage .MD-layer .column-b .content .row-down .item {
        width: 3rem;
    }
    #homePage .MD-layer .column-b .content .row-down .item .pic {
        width: 3rem;
        height: 2rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #homePage .MD-layer .column-b .content .row-down .txt {
        padding: .3rem .1rem;
    }
    #homePage .MD-layer .column-b .content .row-down .txt .name {
        font-size: .3rem;
        color: #333;
        line-height: 1.5;
        margin-bottom: .16rem;
    }
    #homePage .MD-layer .column-b .content .row-down .txt .line {
        font-size: .22rem;
        color: #000;
    }
    #homePage .MD-layer .column-b .content .row-down .txt .line .more {
        font-size: .22rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5;
        margin-right: .2rem;
    }
    #homePage .MD-layer .column-b .content .row-down .txt .line .booking {
        font-size: .22rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5;
    }

    #homePage .MD-layer .column-b .jump-more {
        width: 100%;
    }
    #homePage .MD-layer .column-b .jump-more a {
        display: block;
        width: 5.1rem;
        margin: 0 auto;
        height: .62rem;
        border: 1px solid #999;
        font-size: .3rem;
        color: #999;
        line-height: .62rem;
        text-align: center;
        box-sizing: border-box;
    }

    #homePage .MD-layer .column-c {
        width: 100%;
        padding-bottom: .6rem;
    }
    #homePage .MD-layer .column-c .series {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: .6rem;
    }
    #homePage .MD-layer .column-c .series .item {
        width: 3.75rem;
        height: 2rem;
        position: relative;
    }
    #homePage .MD-layer .column-c .series .item .pic {
        width: 3.75rem;
        margin: 0 auto;
        height: 2rem;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    #homePage .MD-layer .column-c .series .item .tle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .35);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .3rem;
        color: #fff;
    }
    #homePage .MD-layer .column-c .jump-more {
        width: 100%;
    }
    #homePage .MD-layer .column-c .jump-more a {
        display: block;
        width: 5.1rem;
        margin: 0 auto;
        height: .62rem;
        border: 1px solid #999;
        font-size: .3rem;
        color: #999;
        line-height: .62rem;
        text-align: center;
        box-sizing: border-box;
    }


    #homePage .E-layer {
        display: none;
    }
    #homePage .ME-layer {
        display: block;
        padding-bottom: .6rem;
        background-color: #dddbda;
    }
    #homePage .ME-layer .title {
        width: 100%;
        padding: .6rem .5rem;
        box-sizing: border-box;
    }
    #homePage .ME-layer .title .adverb {
        padding: .2rem 0 0 .34rem;
        font-size: .24rem;
        line-height: 1.5;
    }
    #homePage .ME-layer .rotation {
        width: 100%;
        padding: 0 .5rem;
        box-sizing: border-box; 
    }
    #homePage .ME-layer .rotation .swiper {
        width: 100%;
        overflow: hidden;
    }
    #homePage .ME-layer .rotation .swiper .card {
        width: 100%;
        position: relative;
    }
    #homePage .ME-layer .rotation .swiper .card .pic {
        width: 6.5rem;
        margin: 0 auto;
        height: 4.2rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #homePage .ME-layer .rotation .swiper .card .txt {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .62rem;
        font-size: .3rem;
        color: #fff;
        line-height: .62rem;
        padding: 0 .2rem;
        box-sizing: border-box;
        background: rgba(0, 0, 0, .5);
    }
    #homePage .ME-layer .newList {
        width: 100%;
        padding: .46rem .5rem .66rem;
        box-sizing: border-box;
    }
    #homePage .ME-layer .newList .item {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: .36rem;
    }
    #homePage .ME-layer .newList .item:last-child {
        margin-bottom: 0;
    }
    #homePage .ME-layer .newList .item .row-lf {
        width: 1.8rem;
        height: 1.16rem;
        position: relative;
    }
    #homePage .ME-layer .newList .item .row-lf .pic {
        width: 1.8rem;
        margin: 0 auto;
        height: 1.16rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #homePage .ME-layer .newList .item .row-lf .txt {
        position: absolute;
        left: .12rem;
        top: .10rem;
        z-index: 10;
        font-size: .26rem;
        color: #fff;
    }
    #homePage .ME-layer .newList .item .row-rg {
        width: 4.42rem;
        height: 1.16rem;
        padding-left: .24rem;
        box-sizing: border-box;
        border-left: 1px solid #999;
    }
    #homePage .ME-layer .newList .item .row-rg .time {
        font-size: .24rem;
        color: #525354;
        line-height: 1.5;
    }
    #homePage .ME-layer .newList .item .row-rg .txt {
        font-size: .28rem;
        color: #000;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    #homePage .ME-layer .jump-more {
        width: 100%;
    }
    #homePage .ME-layer .jump-more a {
        display: block;
        width: 5.1rem;
        margin: 0 auto;
        height: .62rem;
        border: 1px solid #999;
        font-size: .3rem;
        color: #999;
        line-height: .62rem;
        text-align: center;
        box-sizing: border-box;
    }


    #homePage .F-layer .title {
        width: 6.1rem;
        margin: 0 auto;
        padding: .9rem 0 .6rem;
    }
    #homePage .F-layer .title .wrapper {
        max-width: 100%;
    }
    #homePage .F-layer .title .wrapper .name {
        padding-left: 0;
        font-size: .36rem;
    }
    #homePage .F-layer .title .wrapper .adverb {
        padding-left: 0;
        font-size: .24rem;
        line-height: 1.5;
        text-align: center;
    }
    #homePage .F-layer .content {
        width: 6.1rem;
        margin: 0 auto;
        padding-bottom: .9rem;
        flex-direction: column;
    }
    #homePage .F-layer .content .F-pic {
        float: unset;
        width: 6.1rem;
        max-width: 100%;
        margin-bottom: .42rem;
    }
    #homePage .F-layer .content .F-pic:last-child {
        margin-bottom: 0;
    }
    #homePage .F-layer .content .F-pic .con {
        width: 6.1rem;
        margin: 0 auto;
        height: 4rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #homePage .F-layer .content .F-pic .mask {
        /* width: 3.1rem;
        height: 2.1rem; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 0;
        background: rgba(255, 255, 255, .75);
    }
    #homePage .F-layer .content .F-pic .mask .name {
        font-size: .36rem;
        color: #000;
        padding-top: 0;
        margin-bottom: .32rem;
    }
    #homePage .F-layer .content .F-pic .mask .more {
        font-size: .24rem;
        color: #333;
    }
    #homePage .F-layer .content .F-pic .mask .more::after {
        background-color: #333;
    }


    #homePage .G-layer {
        display: none;
    }

    #homePage .MG-layer {
        display: block;
        background-color: #e2e2e2;
    }
    #homePage .MG-layer .content {
        width: 96%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .9rem 0;
    }
    #homePage .MG-layer .content .row-lf {
        width: 50%;
        padding: 0 .1rem;
        box-sizing: border-box;
    }
    #homePage .MG-layer .content .row-lf .pic {
        width: 100%;
        position: relative;
    }
    #homePage .MG-layer .content .row-lf .pic .con {
        width: 3.4rem;
        margin: 0 auto;
        height: 2.28rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #homePage .MG-layer .content .row-lf .pic .tip {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 10;
        font-size: .24rem;
        color: #fff;
        width: 1.65rem;
        height: .5rem;
        background-color: #813333;
        line-height: .5rem;
        text-align: center;
    }
    #homePage .MG-layer .content .row-lf .text {
        width: 100%;
        padding: .35rem 0;
        border-bottom: 1px solid #999;
    }
    #homePage .MG-layer .content .row-lf .text .name {
        font-size: .3rem;
        font-weight: bold;
        color: #525354;
        text-align: center;
        margin-bottom: .2rem;
    }
    #homePage .MG-layer .content .row-lf .text .adverb {
        font-size: .24rem;
        color: #333;
        line-height: 1.5;
        text-align: center;
    }

    #homePage .MG-layer .content .row-rg {
        width: 50%;
    }
    #homePage .MG-layer .content .row-rg .text {
        width: 100%;
        padding: .35rem 0 .2rem;
        border-bottom: 1px solid #999;
        margin-bottom: .15rem;
    }
    #homePage .MG-layer .content .row-rg .text .name {
        font-size: .3rem;
        font-weight: bold;
        color: #525354;
        text-align: center;
        margin-bottom: .2rem;
    }
    #homePage .MG-layer .content .row-rg .text .adverb {
        font-size: .24rem;
        color: #333;
        line-height: 1.5;
        text-align: center;
    }
    #homePage .MG-layer .content .row-rg .pic {
        width: 100%;
        position: relative;
    }
    #homePage .MG-layer .content .row-rg .pic .con {
        width: 3.4rem;
        margin: 0 auto;
        height: 2.28rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #homePage .MG-layer .content .row-rg .pic .tip {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 10;
        font-size: .24rem;
        color: #fff;
        width: 1.65rem;
        height: .5rem;
        background-color: #813333;
        line-height: .5rem;
        text-align: center;
    }

    #homePage .H-layer {
        display: none;
    }

    #homePage .MH-layer {
        display: block;
        padding-bottom: .85rem;
        background-color: #d4d4d4;
    }
    #homePage .MH-layer .wrapper {
        max-width: 100%;
        padding: 0 .5rem;
        box-sizing: border-box;
    }
    #homePage .MH-layer .content {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    #homePage .MH-layer .content .column {
        width: 1.9rem;
    }
    #homePage .MH-layer .content .column .row {
        width: 1.9rem;
        height: 4.2rem;
        overflow: hidden;
        position: relative;
    }
    #homePage .MH-layer .content .column .row .tip {
        position: absolute;
        left: .1rem;
        bottom: .15rem;
        z-index: 10;
        font-size: .24rem;
        color: #fff;
        padding-bottom: .3rem;
        background: url('../images/icon-rg.png') no-repeat;
        background-size: .3rem .2rem;
        background-position: left bottom;
    }
    #homePage .MH-layer .content .column .row-up {
        width: 1.9rem;
        height: 1.9rem;
        overflow: hidden;
        position: relative;
        margin-bottom: .4rem;
    }
    #homePage .MH-layer .content .column .row-up .pic {
        width: 1.9rem;
        height: 1.9rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #homePage .MH-layer .content .column .row-up .tip {
        position: absolute;
        left: .1rem;
        bottom: .15rem;
        z-index: 10;
        font-size: .24rem;
        color: #fff;
        padding-bottom: .3rem;
        background: url('../images/icon-rg.png') no-repeat;
        background-size: .3rem .2rem;
        background-position: left bottom;
    }
    #homePage .MH-layer .content .column .row-down {
        width: 1.9rem;
        height: 1.9rem;
        overflow: hidden;
        position: relative;
    }
    #homePage .MH-layer .content .column .row-down .tip {
        position: absolute;
        left: .1rem;
        bottom: .15rem;
        z-index: 10;
        font-size: .24rem;
        color: #fff;
        padding-bottom: .3rem;
        background: url('../images/icon-rg.png') no-repeat;
        background-size: .3rem .2rem;
        background-position: left bottom;
    }


    #com-footer .A-layer {
        display: none;
    }

    #com-footer .M-layer {
        display: block;
    }
    #com-footer .M-layer .content {
        width: 100%;
        display: flex;
        justify-content: space-around;
        /* align-items: center; */
        padding: .8rem 0;
    }
    #com-footer .M-layer .content .lf-row {
        width: 50%;
        padding-left: .8rem;
        box-sizing: border-box;
        text-align: left;
    }
    #com-footer .M-layer .content .lf-row .logo {
        width: 2.59rem;
        height: 1.5rem;
        margin-bottom: .6rem;
    }
    #com-footer .M-layer .content .lf-row .call {
        font-size: .26rem;
        line-height: 1.5;
        color: #525354;
        margin-bottom: .3rem;
    }
    #com-footer .M-layer .content .lf-row .call a {
        display: block;
        font-size: .3rem;
        font-weight: bold;
    }
    #com-footer .M-layer .content .lf-row .address p {
        font-size: .24rem;
        line-height: 1.5;
        color: #525354;
    }

    #com-footer .M-layer .content .rg-row {
        width: 50%;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        align-items: center;
    } 
    #com-footer .M-layer .content .rg-row .weChat {
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: .25rem;
        background-color: #f1f1f1;
    }
    #com-footer .M-layer .content .rg-row .tip {
        font-size: .24rem;
        color: #525354;
        line-height: 1.5;
    }


    #com-footer .B-layer {
        padding: .65rem 0 .68rem;
    }
    #com-footer .B-layer .HP-info {
        width: 100%;
    }
    #com-footer .B-layer .HP-info-up {
        margin-bottom: .45rem;
    }
    #com-footer .B-layer .HP-info .HP-iu-tle {
        font-size: .36rem;
        margin-bottom: .3rem;
    }

    #com-footer .B-layer .HP-info .HP-iuc-text {
        width: 5.2rem;
        font-size: .24rem;
        margin-right: .05rem;
    }
    #com-footer .B-layer .HP-info .HP-iuc-submit {
        width: .35rem;
        height: .35rem;
    }

    #com-footer .B-layer .HP-info .HP-info-down input {
        font-size: .3rem;
        height: .6rem;
        border-radius: unset;
    }
    
    #com-footer .B-layer .HP-info .HP-info-down select {
        font-size: .3rem;
        height: .6rem;
        border-radius: unset;
    }

    #com-sideNav {
        display: block;
        position: absolute;
        top: 1.2rem;
        left: -75%;
        z-index: 1000;
        width: 75%;
        height: 100%;
        background-color: #f2f2f3;
        transition: all .5s;
    }
    #com-sideNav .wrapper {
        width: 90%;
        margin: 0 auto;
        padding-top: .4rem;
    }
    #com-sideNav .wrapper .close {
        width: 100%;
        height: .6rem;
        position: relative;
        border-bottom: 1px solid #999;
    }
    #com-sideNav .wrapper .close .icon {
        position: absolute;
        right: .15rem;
        top: 0;
        z-index: 10;
        width: .32rem;
        height: .3rem;
    }

    #com-sideNav .wrapper .item {
        width: 100%;
        padding: .3rem .2rem;
        border-bottom: 1px solid #999;
        box-sizing: border-box;
    }
    #com-sideNav .wrapper .item .tle {
        font-size: .36rem;
        color: #000;
        background: url('../images/icon-shrink.png') no-repeat;
        background-size: .24rem .24rem;
        background-position: right center;
    }
    #com-sideNav .wrapper .item .tle.stretch {
        background: url('../images/icon-stretch.png') no-repeat;
        background-size: .24rem .24rem;
        background-position: right center;
    }
    #com-sideNav .wrapper .item .tle:last-child {
        background: none;
    }
    #com-sideNav .wrapper .item .sub {
        display: none;
        width: 96%;
        margin: 0 auto;
        padding-top: .3rem;
    }
    #com-sideNav .wrapper .item .sub li {
        margin-bottom: .26rem;
    }
    #com-sideNav .wrapper .item .sub li a {
        display: block;
        font-size: .32rem;
        color: #525354;
    }

    #com-sideNav.show {
        left: 0%;
    }

    /* 蒙板 */
    #navMask {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .innerPage .A-layer .banner {
        display: none;
    }
    .innerPage .A-layer .M-banner {
        width: 100%;
        height: 2.7rem;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .innerPage .A-layer .navBar {
        display: none;
    }

    .innerPage .A-layer .M-navBar {
        display: block;
    }
    .innerPage .A-layer .M-navBar .Mn-tle {
        width: 100%;
        padding: .3rem .38rem;
        background-color: #fff;
        box-sizing: border-box;
    }
    .innerPage .A-layer .M-navBar .Mn-tle .name {
        padding-left: .35rem;
        font-size: .36rem;
        color: #525354;
        font-weight: bold;
        border-left: 3px solid #c83e4f;
        border-right: 3px solid #c83e4f;
    }
    .innerPage .A-layer .M-navBar .Mn-list {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #eaeae9;
        padding-right: 0.36rem;
        box-sizing: border-box;
    }
    .innerPage .A-layer .M-navBar .Mn-list .item {
        font-size: .28rem;
        line-height: 2;
        padding: 0;
        width: 1.5rem;
        text-align: center;
    }
    .innerPage .A-layer .M-navBar .Mn-list .item.cur {
        color: #fff;
        background-color: #c83e4f;
    }


    .innerPage .siteBar .text {
        padding: .3rem 0;
        font-size: .28rem;
    }
    .innerPage .siteBar .text a {
        font-size: .28rem;
    }

    .customize-title {
        padding: .3rem 0;
    }

    .customize-title .name {
        width: 4.3rem;
        margin-bottom: .35rem;
    }

    .customize-title .CT-name .EN {
        font-size: .6rem;
        line-height: .95rem;
        letter-spacing: .06rem;
    }
    .customize-title .CT-name .CN {
        padding-right: .34rem;
        background-size: .2rem .2rem;
        font-size: .46rem;
    }
    .customize-title .brief {
        width: 94%;
        margin: 0 auto;
        font-size: .3rem;
    }


/* 关于素创 */
    #aboutPage .A-layer .banner {
        display: none;
    }

    #aboutPage .A-layer .navBar {
        display: none;
    }
    #aboutPage .A-layer .M-navBar {
        display: block;
    }
    #aboutPage .A-layer .M-navBar .Mn-list {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0;
    }
    #aboutPage .A-layer .M-navBar .Mn-list .item {
        flex: 1;
    }


    #aboutPage .B-layer {
        background-color: unset;
    }
    #aboutPage .B-layer .content {
        display: none;
    }

    #aboutPage .B-layer .M-content {
        display: block;
        padding: 0 .16rem;
    }
    #aboutPage .B-layer .M-content .row-up {
        width: 100%;
        height: 5.2rem;
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    #aboutPage .B-layer .M-content .row-up::before {
        position: absolute;
        right: .35rem;
        bottom: .45rem;
        content: '';
        width: 5.3rem;
        height: 3.1rem;
        background-color: #eff2f2;
        z-index: 1;
    }
    #aboutPage .B-layer .M-content .row-up .ru-lf {
        width: 4.2rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 10;
    }
    #aboutPage .B-layer .M-content .row-up .ru-lf .rul-tle {
        padding-left: .4rem;
    }
    #aboutPage .B-layer .M-content .row-up .ru-lf .rul-tle .rult-BN {
        font-size: .36rem;
        font-weight: bold;
        color: #525354;
        line-height: 1.5;
    }
    #aboutPage .B-layer .M-content .row-up .ru-lf .rul-tle .rult-SN {
        font-size: .36rem;
        color: #525354;
        line-height: 1.5;
        padding-bottom: .2rem;
        position: relative;
    }
    #aboutPage .B-layer .M-content .row-up .ru-lf .rul-tle .rult-SN::before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 1rem;
        height: .06rem;
        background-color: #525354;
    }
    #aboutPage .B-layer .M-content .row-up .ru-lf .rul-pic {
        width: 4.2rem;
        margin: 0 auto;
        height: 2.79rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #aboutPage .B-layer .M-content .row-up .ru-rg {
        width: 2.64rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 1rem;
        z-index: 10;
    }
    #aboutPage .B-layer .M-content .row-up .ru-rg .rur-pic {
        width: 2.64rem;
        margin: 0 auto;
        height: 1.77rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #aboutPage .B-layer .M-content .row-down {
        padding-bottom: .3rem;
    }
    #aboutPage .B-layer .M-content .row-down .rd-text {
        padding: .5rem;
    }
    #aboutPage .B-layer .M-content .row-down .rd-text p {
        font-size: .32rem;
        line-height: 1.8;
        color: #525354;
        margin-bottom: .2rem;
    }

    #aboutPage .C-layer {
        display: none;
    }

    #aboutPage .MC-layer {
        display: block;
    }
    #aboutPage .MC-layer .content {
        padding: 0 .16rem;
        position: relative;
    }
    #aboutPage .MC-layer .content .MC-tle {
        padding-left: .4rem;
    }
    #aboutPage .MC-layer .content .MC-tle .MC-tle-BN {
        font-size: .36rem;
        font-weight: bold;
        color: #525354;
        line-height: 1.5;
    }
    #aboutPage .MC-layer .content .MC-tle .MC-tle-SN {
        font-size: .36rem;
        color: #525354;
        line-height: 1.5;
        padding-bottom: .2rem;
        position: relative;
    }
    #aboutPage .MC-layer .content .MC-tle .MC-tle-SN::before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 1rem;
        height: .06rem;
        background-color: #525354;
    }
    #aboutPage .MC-layer .content .MC-show {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .35rem 0 .4rem;
        z-index: 10;
        position: relative;
    }
    #aboutPage .MC-layer .content .MC-show::before {
        position: absolute;
        right: 0;
        bottom: .4rem;
        z-index: 1;
        content: '';
        width: 3.05rem;
        height: 4.1rem;
        background-color: #faf2ee;
    }
    #aboutPage .MC-layer .content .MC-show .row-lf {
        width: 2.37rem;
        height: 3.05rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }
    #aboutPage .MC-layer .content .MC-show .row-lf .rl-up .pic {
        width: 2.37rem;
        margin: 0 auto;
        height: 1.59rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #aboutPage .MC-layer .content .MC-show .row-lf .rl-down .pic {
        width: 1.82rem;
        margin: 0 auto;
        height: 1.21rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #aboutPage .MC-layer .content .MC-show .row-rg {
        width: 4.58rem;
        height: 3.05rem;
        z-index: 10;
    }
    #aboutPage .MC-layer .content .MC-show .row-rg .pic {
        width: 4.58rem;
        margin: 0 auto;
        height: 3.05rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #aboutPage .MC-layer .content .MC-text {
        padding: .45rem .3rem .9rem;
    }
    #aboutPage .MC-layer .content .MC-text p {
        font-size: .32rem;
        color: #525354;
        line-height: 1.8;
        margin-bottom: .2rem;
    }

    #founderPage .A-layer .M-navBar .Mn-list {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #founderPage .A-layer .M-navBar .Mn-list .item {
        flex: 1;
    }

    #founderPage .B-layer .wrapper {
        max-width: 100%;
    }
    #founderPage .B-layer .customize-title {
        padding: .3rem 0;
    }
    #founderPage .B-layer .content {
        height: auto;
        padding: 0 .77rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
    #founderPage .B-layer .content .lf {
        position: unset;
        width: 100%;
        max-width: 100%;
        padding-left: unset;
    }
    #founderPage .B-layer .content .lf .name {
        margin-left: 0;
        margin-bottom: .75rem;
    }
    #founderPage .B-layer .content .lf .name .CN {
        font-size: .36rem;
        font-weight: bold;
    }
    #founderPage .B-layer .content .lf .name .EN {
        font-size: .28rem;
    }
    #founderPage .B-layer .content .lf .name::after {
        bottom: -.3rem;
        width: .7rem;
        height: .07rem;
    }
    #founderPage .B-layer .content .lf .pic {
        width: 100%;
        margin-bottom: .45rem;
    }
    #founderPage .B-layer .content .lf .slogan {
        width: 100%;
        margin-bottom: .7rem;
    }
    #founderPage .B-layer .content .lf .sofa {
        left: .77rem;
        bottom: .4rem;
        width: 2.75rem;
    }


    #founderPage .B-layer .content .rg {
        position: unset;
        width: 5.6rem;
        max-width: 100%;
        align-self: flex-end;
        padding-bottom: 1.5rem;
        margin-bottom: 2rem;
    }
    #founderPage .B-layer .content .rg .article {
        width: 82%;
        max-width: 100%;
        padding-top: .6rem;
        box-sizing: border-box;
    }
    #founderPage .B-layer .content .rg .article .name {
        font-size: .36rem;
        margin-bottom: .7rem;
    }
    #founderPage .B-layer .content .rg .article ul {
        margin-bottom: .3rem;
    }
    #founderPage .B-layer .content .rg .article ul li {
        font-size: .32rem;
        line-height: 1.8;
    }


    #servicePage .A-layer .banner {
        display: none;
    }
    #servicePage .A-layer .M-navBar {
        display: block;
    }
    #servicePage .A-layer .siteBar {
        display: none;
    }

    #servicePage .A-layer .M-navBar .Mn-list {
        padding-right: 0.36rem;
        display: flex;
        justify-content: flex-end;
        box-sizing: border-box;
    }
    #servicePage .A-layer .M-navBar .Mn-list .item {
        padding: 0;
        width: 1.5rem;
        text-align: center;
    }

    #servicePage .B-layer .customize-title .CT-name {
        margin-bottom: .3rem;
    }
    #servicePage .B-layer .customize-title .brief {
        width: 80%;
        margin: 0 auto;
        font-size: .28rem;
    }
    #servicePage .B-layer .content .a-sub {
        min-height: auto;
        padding: 0 .54rem;
        box-sizing: border-box;
        padding-bottom: 1.5rem;
        background-size: 100% 2.8rem;
    }
    #servicePage .B-layer .content .a-sub .lf-row {
        padding-right: .3rem;
    }
    #servicePage .B-layer .content .a-sub .lf-row .name {
        font-size: .46rem;
    }
    #servicePage .B-layer .content .a-sub .lf-row .brief {
        font-size: .32rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
    

    #servicePage .B-layer .content .b-sub {
        padding: .6rem 0 1.2rem;
    }
    #servicePage .B-layer .content .b-sub .text {
        width: 6.2rem;
        margin: 0 auto 8%;
        padding: 0;
    }
    #servicePage .B-layer .content .b-sub .text p {
        font-size: .32rem;
        line-height: 1.5;
        margin-bottom: .2rem;
    }

    
    #servicePage .B-layer .content .c-sub {
        padding-bottom: .6rem;
    }
    #servicePage .B-layer .content .c-sub .text {
        padding: .75rem .5rem;
        box-sizing: border-box;
    }
    #servicePage .B-layer .content .c-sub .text dt {
        font-size: .46rem;
        margin-bottom: .1rem;
    }
    #servicePage .B-layer .content .c-sub .text dd span {
        margin-right: .1rem;
    }
    #servicePage .B-layer .content .c-sub .text dd {
        font-size: .32rem;
        line-height: 1.5;
        margin-bottom: .2rem;
    }
    #servicePage .B-layer .content .c-sub .pic {
        height: auto;
    }

    #servicePage .C-layer .content .name {
        padding: .5rem 0;
        font-size: .42rem;
    }
    #servicePage .C-layer .content .direction {
        padding: .9rem 0;
    }
    #servicePage .C-layer .content .direction .row .AN {
        font-size: .32rem;
        line-height: 1.5;
        padding-bottom: .12rem;
        margin-bottom: .3rem;
    }
    #servicePage .C-layer .content .direction .row .CT p {
        font-size: .28rem;
        line-height: 1.5;
    }
    #servicePage .C-layer .content .more {
        padding: .55rem 0 1.25rem;
    }
    #servicePage .C-layer .content .more a {
        font-size: .32rem;
        height: .8rem;
        line-height: .8rem;
    }

    #servicePage .C-layer .content .option {
        padding-bottom: 1rem;
        width: 6.2rem;
        margin: 0 auto;
    }
    #servicePage .C-layer .content .option .item {
        display: block;
        float: unset;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    #servicePage .C-layer .content .option .item .pic {
        height: 3rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #servicePage .C-layer .content .option .item .text {
        width: 100%;
        height: auto;
        margin-bottom: .3rem;
    }
    #servicePage .C-layer .content .option .item .text dl {
        padding: .4rem .4rem;
    }
    #servicePage .C-layer .content .option .item .text dl dt {
        font-size: .46rem;
        margin-bottom: .3rem;
    }
    #servicePage .C-layer .content .option .item .text dl dd {
        font-size: .32rem;
        line-height: 1.8;
        margin-bottom: .1rem;
    }
    #servicePage .C-layer .content .option .item:last-child {
        float: unset;
        margin-right: auto;
    }


    #craftPage .B-layer .column-A {
        display: none;
    }
    #craftPage .B-layer .column-B {
        display: none;
    }
    #craftPage .B-layer .column-C {
        display: none;
    }
    #craftPage .B-layer .column-D {
        display: none;
    }

    #craftPage .A-layer .M-navBar .Mn-list {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #craftPage .A-layer .M-navBar .Mn-list .item {
        flex: 1;
    }

    #craftPage .B-layer .Ma-column {
        display: block;
        width: 100%;
    }
    #craftPage .B-layer .Ma-column .wrap {
        width: 6.8rem;
        margin: 0 auto;
    }
    .column-title {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .3rem 0;
    }
    .column-title .ct-name {
        font-size: .42rem;
        color: #525354;
        line-height: 1.8;
        position: relative;
    }
    .column-title .ct-name::after {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        content: '';
        width: 120%;
        height: 2px;
        background-color: #525354;
    }
    .column-title .ct-name span {
        font-size: .52rem;
        color: #000;
        font-weight: bold;
    }

    #craftPage .B-layer .Ma-column .column-pic {
        padding: .3rem 0;
    }
    #craftPage .B-layer .Ma-column .column-pic .cp-wrap-a {
        width: 4.65rem;
        margin: 0 auto;
        height: 3.34rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #craftPage .B-layer .Ma-column .column-text {
        padding: .2rem 0;
    }
    #craftPage .B-layer .Ma-column .column-text .ct-tip {
        font-size: .32rem;
        color: #525354;
        line-height: 1.5;
        margin-bottom: .4rem;
    }
    #craftPage .B-layer .Ma-column .column-text dt {
        font-size: .32rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: .1rem;
    }
    #craftPage .B-layer .Ma-column .column-text dd {
        font-size: .32rem;
        color: #525354;
        line-height: 1.5;
        margin-bottom: .15rem;
    }
    #craftPage .B-layer .Ma-column .column-pic .cp-wrap-b {
        width: 6.74rem;
        margin: 0 auto;
        height: 2.6rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #craftPage .B-layer .Mb-column {
        display: block;
    }
    #craftPage .B-layer .Mb-column .wrap {
        width: 6.8rem;
        margin: 0 auto;
    }
    #craftPage .B-layer .Mb-column .column-text {
        padding: .3rem 0;
    }
    #craftPage .B-layer .Mb-column .column-text p {
        font-size: .32rem;
        line-height: 1.8;
        color: #525354;
        margin-bottom: .15rem;
    }
    #craftPage .B-layer .Mb-column .column-pic {
        padding-bottom: .4rem;
    }
    #craftPage .B-layer .Mb-column .column-pic .cp-tip {
        font-size: .32rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: .15rem;
    }
    #craftPage .B-layer .Mb-column .column-pic .content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
    }
    #craftPage .B-layer .Mb-column .column-pic .cp-wrap {
        width: 3.3rem;
        height: 4.09rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: .2rem;
    }

    #craftPage .B-layer .Mc-column {
        display: block;
        width: 100%;
        /* height: 5.07rem; */
        background: url('../images/Mobile/CM-bg.jpg') no-repeat;
        background-size: 100% 100%;
    }
    #craftPage .B-layer .Mc-column .wrap {
        width: 6.8rem;
        margin: 0 auto;
        height: 100%;
        padding: .3rem 0;
    }
    #craftPage .B-layer .Mc-column .column-title {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    #craftPage .B-layer .Mc-column .column-title .ct-name {
        color: #fff;
    }
    #craftPage .B-layer .Mc-column .column-title .ct-name::after {
        left: 0;
        transform: unset;
        background-color: #fff;
    }
    #craftPage .B-layer .Mc-column .column-title .ct-name span {
        color: #fff;
    }
    #craftPage .B-layer .Mc-column .column-text {
        padding: .3rem 0;
    }
    #craftPage .B-layer .Mc-column .column-text p {
        font-size: .3rem;
        color: #fff;
        line-height: 1.5;
    }

    #craftPage .B-layer .Md-column {
        display: block;
        width: 100%;
    }
    #craftPage .B-layer .Md-column .wrap {
        width: 6.8rem;
        margin: 0 auto;
        padding: .2rem 0;
    }
    #craftPage .B-layer .Md-column .column-text {
        padding: .3rem 0;
    }
    #craftPage .B-layer .Md-column .column-text p {
        font-size: .32rem;
        color: #525354;
        line-height: 1.5;
        margin-bottom: .15rem;
    }
    #craftPage .B-layer .Md-column .column-pic .cp-wrap-a {
        width: 6.72rem;
        margin: 0 auto;
        height: 3.19rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: .4rem;
    }
    #craftPage .B-layer .Md-column .column-pic .cp-wrap-b {
        width: 6.7rem;
        margin: 0 auto;
        height: 4.38rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }



    /* 品牌荣誉 -- 品牌视频 -- 整装案例 */

    .honnorlist li {
        width: 49.5%;
        margin-right: 1%;
        margin-bottom: .5rem;
        padding: .2rem;
    }
    .honnorlist li:nth-child(2n) {
        margin-right: 0;
    }
    .honnorlist li:nth-child(2n+1) {
        margin-right: 1%;
    }
    .honnorlist li .pro_tit {
        font-size: .32rem;
        height: auto;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }



    .jg_b dd em {
        font-size: .52rem;
        line-height: 1.5;
    }
    .jg_b dd span {
        font-size: .32rem;
        line-height: 1.5;
        margin: .15rem auto .4rem;
    }
    .jg_b dd p {
        width: 100%;
        font-size: .32rem;
        line-height: 1.5;
        margin-bottom: .3rem;
    }
    .jg_b dd p input {
        width: 5.5rem;
        font-size: .32rem;
        height: .8rem;
        padding: 0 .2rem;
    }
    .jg_b dd p:last-child input {
        width: 5.5rem;
    }



    #main_contact {
        margin-top: 0;
    }
    #main_contact .A-layer .M-navBar {
        display: block;
    }
    #main_contact .A-layer .M-navBar .Mn-tle {
        width: 100%;
        padding: .3rem .38rem;
        background-color: #fff;
        box-sizing: border-box;
    }
    #main_contact .A-layer .M-navBar .Mn-tle .name {
        padding-left: .35rem;
        font-size: .36rem;
        color: #525354;
        font-weight: bold;
        border-left: 3px solid #c83e4f;
        border-right: 3px solid #c83e4f;
    }
    #main_contact .A-layer .M-navBar .Mn-list {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #eaeae9;
        padding: 0 .36rem;
        box-sizing: border-box;
    }
    #main_contact .A-layer .M-navBar .Mn-list .item {
        font-size: .32rem;
        line-height: 2;
        padding: 0;
        width: 1.5rem;
        text-align: center;
    }
    #main_contact .A-layer .M-navBar .Mn-list .item.cur {
        color: #fff;
        background-color: #c83e4f;
    }



    #main_contact_tle {
        padding-bottom: 4%;
    }
    #main_contact_tle .wrapper {
        padding: 0;
    }
    #main_contact_tle .CN {
        font-size: .32rem;
        line-height: 1.5;
        color: #f1f1f1;
    }
    #main_contact_tle .CN span {
        font-size: .42rem;
        line-height: 1.5;
        color: #fff;
    }
    #main_contact_tle .EN {
        font-size: .46rem;
    }
    #main_contact_line .mcl_lf {
        float: unset;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: .6rem;
    }
    #main_contact_title {
        height: auto;
        font-size: .4rem;
        line-height: 2;
        margin-bottom: .35rem;
    }
    #main_contact_con {
        font-size: .32rem;
        line-height: 1.5;
        margin-bottom: .35rem;
    }
    #main_contact_con p a {
        font-size: .36rem;
        color: #fff;
        font-weight: bold;
    }
    #main_contact_mapTitle {
        width: 2.12rem;
        height: .64rem;
        margin: .06rem 0;
        background-size: 100%;
    }
    #main_contact_map {
        width: 100%;
        height: 3.94rem;
    }


    #main_contact_message {
        float: unset;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    #main_contact_message .mcm_tle {
        font-size: .32rem;
        margin-bottom: .4rem;
    }
    .message_con_name {
        height: .72rem;
        padding: 0 .12rem;
        font-size: .32rem;
        margin-bottom: .3rem;
    }
    .message_con_phone {
        height: .72rem;
        padding: 0 .12rem;
        font-size: .32rem;
        margin-bottom: .3rem;
    }
    .message_con_txt {
        height: 3.68rem;
        padding: .12rem;
        margin-bottom: .4rem;
    }
    .message_con_but {
        width: 2.16rem;
        height: .52rem;
        font-size: .28rem;
        line-height: .52rem;
        text-align: center;
        border-radius: 0;
    }


    /* 空间系列 */
    #main_spaceMenu {
        height: auto;
        margin: .3rem auto;
    }
    .main_spaceMenuUL {
        width: 100%;
        height: auto ;
        display: flex;
        align-items: flex-start;
        padding:.1rem;
        box-sizing: border-box;
    }
    .main_spaceMenuUL_tit {
        width: 100%;
        max-width: 20%;
        height: auto;
        font-size: .32rem;
        line-height: 2;
        letter-spacing: 0;
        position: unset;
    }
    .main_spaceMenuUL_li {
        width: 80%;
        position: unset;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding-left: .2rem;
        box-sizing: border-box;
    }
    .main_spaceMenuUL_li a {
        width: 33%;
        font-size: .32rem;
        line-height: 2;
        height: auto;
        box-sizing: border-box;
    }
    .main_spaceMenuUL_li a:nth-child(3n)::after {
        display: none;
    }

    #main_spaceList li {
        margin-bottom: .5rem;
    }

    .mSpace_text {
        padding-bottom: .2rem;
    }
    .mSpace_listName {
        display: block;
        width: 100%;
        height: .54rem;
        font-size: .36rem;
        line-height: 1.5;
        margin-bottom: .1rem;
    }
    .mSpace_btn {
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mSpace_listCZ {
        width: 48%;
        max-width: 48%;
        font-size: .26rem;
        line-height: 1.5;
        height: auto;
        box-sizing: border-box;
    }
    .mSpace_listMore {
        display: block;
        width: 48%;
        max-width: 48%;
        font-size: .26rem;
        line-height: 1.5;
        height: auto;
        box-sizing: border-box;
    }

    #main_proST_LBox .details_sp .swiper-button-prev {
        width: .25rem;
        height: .32rem;
        outline: none;
    }
    #main_proST_LBox .details_sp .swiper-button-next {
        width: .25rem;
        height: .32rem;
        outline: none;
    }

    #main_proST_Tit {
        font-size: .48rem;
        min-height: auto;
        margin-bottom: .2rem;
        padding-bottom: .1rem;
    }
    .main_proST_Txt {
        height: .48rem;
        font-size: .32rem;
        line-height: .48rem;
        margin-bottom: .16rem;
    }
    .main_proST_TxtL {
        width: 30%;
        font-size: .32rem;
        line-height: 1.5;
    }
    .main_proST_TxtR {
        width: 70%;
        font-size: .32rem;
        line-height: 1.5;
    }

    #main_proST_bot {
        width: 100%;
        height: auto;
        margin-top: .3rem;
    }
    #main_proST_phone {
        width: 49%;
        height: .72rem;
        font-size: .32rem;
        line-height: .72rem;
    }
    #main_proST_phone a {
        font-size: .42rem;
        line-height: .72rem;
        margin-left: .15rem;
    }

    #main_proST_but {
        width: 49%;
        height: .72rem;
        max-width: 49%;
        font-size: .32rem;
        line-height: .72rem;
    }

    #main_proShow_left {
        display: none;
    }
    #main_proShow_con {
        max-width: 100%;
    }
    #main_proShow_con {
        min-height: auto;
    }

    .dbbr_t li {
        width: 2.2rem;
        height: .56rem;
        line-height: .56rem;
        font-size: .32rem;
    }

    .dbbrb {
        width: 96%;
        margin: .4rem auto;
    }

    /*产品中心 -- 润囍系列页面模板  */
    #productPage .A-layer .M-navBar .Mn-list {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0;
    }
    #productPage .A-layer .M-navBar .Mn-list .item {
        flex: 1;
    }
    #productPage .B-layer .a-row .series .name {
        padding: 0 .65rem;
        margin: .7rem 0 .8rem;
    }
    #productPage .B-layer .a-row .series .name .tle {
        font-size: .46rem;
        margin-bottom: .4rem;
        position: relative;
        right: -.15rem;
        letter-spacing: .15rem;
    }
    #productPage .B-layer .a-row .series .name .tip {
        font-size: .32rem;
        letter-spacing: .1rem;
        position: relative;
        right: -.1rem;
    }
    #productPage .B-layer .a-row .series .product .text {
        padding: .35rem 0 .55rem;
    }
    #productPage .B-layer .a-row .series .product .text .lf {
        display: block;
        width: 100%;
        margin-bottom: .4rem;
    }
    #productPage .B-layer .a-row .series .product .text .rg {
        display: block;
        width: 100%;
    }
    #productPage .B-layer .a-row .series .product .text .lf .nameBox .CN {
        font-size: .42rem;
        letter-spacing: .06rem;
        position: relative;
    }
    #productPage .B-layer .a-row .series .product .text .lf .nameBox .CN span {
        font-size: .32rem;
        letter-spacing: .02rem;
        margin-left: .2rem;
    }
    #productPage .B-layer .a-row .series .product .text .lf .nameBox .EN {
        font-size: .32rem;
        text-align: center;
    }

    #productPage .B-layer .a-row .series .product .text .rg .brief {
        font-size: .32rem;
        line-height: 1.8;
        padding: 0 .24rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }

    #productPage .B-layer .b-row .subCase {
        padding: .7rem 0 .6rem;
    }
    #productPage .B-layer .b-row .subCase .item .txt {
        padding: 0 .1rem;
    }
    #productPage .B-layer .b-row .subCase .item .txt p {
        height: 1.26rem;
        font-size: .28rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }


    /* 新闻资讯 */
    #main_news ul li {
        float: unset;
        width: 100%;
        margin-right: 0;
        margin-bottom: .5rem;
    }
    .main_newList_img {
        margin-bottom: 0.4rem;
    }
    .main_newList_tit {
        height: 1.26rem;
        font-size: .36rem;
        margin-bottom: 0.1rem;
    }
    .main_newList_time {
        font-size: .34rem;
        margin-bottom: 0.25rem;
    }
    .main_newList_con {
        font-size: .32rem;
        height: 1.92rem;
        margin-bottom: 0;
        padding-bottom: 0.4rem;
    }

    /* 设计之旅 */
    #designPage .A-layer .M-navBar .Mn-list {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0 .3rem;
        box-sizing: border-box;
    }
    #designPage .A-layer .M-navBar .Mn-list .item {
        margin: 0 .04rem;
    }

    #designPage .C-layer .designer .item {
        display: block;
        max-width: 100%;
        margin: 0 auto .8rem;
    }
    #designPage .C-layer .designer .item:last-child {
        margin-right: auto;
        margin-bottom: 0;
    }
    #designPage .C-layer .designer .item .text {
        padding: .35rem .25rem;
    }
    #designPage .C-layer .designer .item .text p {
        font-size: .32rem;
        height: auto;
    }
    #designPage .C-layer .designer .item .more {
        height: .72rem;
        font-size: .32rem;
        line-height: .72rem;
    }
    #designPage .D-layer .content .text {
        margin-bottom: .6rem;
    }
    #designPage .D-layer .content .text P {
        font-size: .32rem;
        line-height: 1.5;
    }

    /* 设计顾问 */
    #adviserPage .A-layer .M-navBar .Mn-list {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0 .3rem;
        box-sizing: border-box;
    }
    #adviserPage .A-layer .M-navBar .Mn-list .item {
        margin: 0 .04rem;
    }

    #adviserPage .B-layer .content .column-A {
        padding-bottom: .46rem;
    }
    #adviserPage .B-layer .content .column-A .lf-row {
        float: unset;
        max-width: 100%;
        margin: 0 auto;
    }
    #adviserPage .B-layer .content .column-A .rg-row .infoView {
        position: unset;
        width: 100%;
        max-width: 100%;
    }

    #adviserPage .B-layer .content .column-A .rg-row {
        float: unset;
        width: 6.3rem;
        margin: 0 auto;
        max-width: 100%;
    }
    #adviserPage .B-layer .content .column-A .rg-row dl {
        margin-bottom: .5rem;
    }
    #adviserPage .B-layer .content .column-A .rg-row dl dt {
        font-size: .46rem;
        font-weight: bold;
        margin-bottom: .3rem;
        padding-top: .3rem;
    }
    #adviserPage .B-layer .content .column-A .rg-row dl dd {
        font-size: .32rem;
        padding-left: .4rem;
    }
    #adviserPage .B-layer .content .column-A .rg-row dl dd::before {
        font-size: .32rem;
        transform: translateY(-46%);
    }
    #adviserPage .B-layer .content .column-A .rg-row ul li {
        font-size: .32rem;
    }
    #adviserPage .B-layer .content .column-B {
        margin-right: 0;
        padding-bottom: .4rem;
    }
    #adviserPage .B-layer .content .column-B dl dt {
        font-size: .36rem;
        padding: .25rem 0;
    }

    #adviserPage .B-layer .content .column-C {
        margin-right: 0;
        padding-bottom: 1rem;
    }
    #adviserPage .B-layer .content .column-C .columnName {
        font-size: .36rem;
        padding: .35rem 0;
    }
    #adviserPage .B-layer .content .column-C .newBar {
        margin-bottom: .45rem;
    }
    #adviserPage .B-layer .content .column-C .newBar p {
        font-size: .32rem;
        line-height: 1.8;
        margin-bottom: .2rem;
    }

    #adviserPage .B-layer .content .column-C .infoBar dl {
        font-size: .32rem;
        line-height: 1.8;
    }
    #adviserPage .B-layer .content .column-C .infoBar dt {
        font-size: .36rem;
        margin-bottom: .2rem;
    }




    /* 分页 */
    #Paging {
        padding: .3rem 0 .2rem;
        height: auto;
        font-size: .32rem;
    }
    #Paging a {
        font-size: .24rem;
        line-height: 1.5;
        height: auto;
        padding: 0 0.2rem;
        margin: 0 0.1rem;
    }

    #Paging span.disabled {
        font-size: .24rem;
        line-height: 1.5;
        height: auto;
        padding: 0 0.2rem;
        margin: 0 0.1rem;
    }
    #Paging span.current {
        font-size: .24rem;
        line-height: 1.5;
        height: auto;
        padding: 0 0.2rem;
        margin: 0 0.1rem;
    }

    /* 咨询弹窗 */
    .layui-layer {
        max-width: 90%;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%,-50%) !important;
    }
    .layui-layer-title {
        padding: 0 .8rem 0 .2rem !important;
        height: .84rem !important;
        line-height: .84rem !important;
        font-size: .32rem !important;
        margin-bottom: .36rem;
    }
    .layui-form-label,
    #add-form .layui-form-label {
        font-size: .32rem;
        line-height: .84rem;
        width: 20% !important;
        height: .84rem;
        padding: 0 !important;
        box-sizing: border-box;
    }
    #add-form .layui-input-block{
        margin-left: 25% !important;
        font-size: .32rem;
        line-height: 1.5;
    }
    #add-form .layui-input-block .layui-input {
        width: 85% !important;
        font-size: .32rem;
        height: .84rem !important;
    }
    #add-form
    {
        margin-top:0;
    }
}


@media screen and (max-width: 499px) {
    #homePage .MD-layer .switchBox .card .rg-row .txt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8;
        overflow: hidden;
    }
}
@media screen and (max-width: 479px) {
    #homePage .MD-layer .switchBox .card .rg-row .txt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;
    }
}
@media screen and (max-width: 399px) {
    #homePage .MD-layer .switchBox .card .rg-row .txt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }
}
@media screen and (max-width: 357px) {
    #com-footer .M-layer .content .lf-row .call span {
        display: block;
    }
}
@media screen and (max-width: 349px) {
    #homePage .MD-layer .switchBox .card .rg-row .txt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
}
@media screen and (max-width: 346px) {
    #homePage .MC-layer .wrap .textBar .brief .text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
}
@media screen and (max-width: 339px) {
    #homePage .MC-layer .wrap .textBar .brief .text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}