body{
    padding-top: 0px;
}

.selectedCaseList li{display:none}
.newsListContent ul{display:none}

.txtMarquee-left1 {
    position: relative;
    overflow: hidden;
}

.txtMarquee-left1 .hd {
    position: absolute;
    bottom: 40px;
    left: 0px;
    width: 100%;
    z-index: 2;
    height: 4px;
}
.txtMarquee-left1 .bd li{
    overflow: hidden;
}
@keyframes living {
    0%{
        transform: scale(1.1);
        opacity: 0.5;
    }

    50%{
        transform: scale(1.1);
        opacity: 1;   /*圆形放大的同时，透明度逐渐减小为0*/
    }

    100%{
        transform: scale(1);
        opacity: 1;   /*圆形放大的同时，透明度逐渐减小为0*/
    }
}
.scaleImg{
    width: 100%;
    animation: living 2.5s ease-out;
}




.txtMarquee-left1 .hd ul {
    text-align: center;
}

.txtMarquee-left1 .hd ul li {
    display: inline-block;
    width: 32px;
    height: 3px;
    background: #fff;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}

.txtMarquee-left1 .hd ul li+li {
    margin-left: 8px;
}

.txtMarquee-left1 .hd ul li.on {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.txtMarquee-left1 .changeBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -760px;
    margin-top: -35px;
}

.txtMarquee-left1 .changeBtn a:hover .img1,
.txtMarquee-left1 .changeBtn .img1Hover {
    display: none;
}

.txtMarquee-left1 .changeBtn a:hover .img1Hover {
    display: block;
}

.txtMarquee-left1 .bannerBtn {
    position: absolute;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    top: 540px;
    text-align: center;
}

.txtMarquee-left1 .bannerBtn a {
    display: inline-block;
    width: 240px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 4px;
    font-family: SourceHanSerifCN-Bold;
    color: #ffffff;
}

.txtMarquee-left1 .bannerBtn a+a {
    margin-left: 20px;
}

.txtMarquee-left1 .bannerBtn .subscribe {
    background-color: #9e7041;
}

.txtMarquee-left1 .bannerBtn .quote {
    background-color: #b4503d;
}


/* 精选案例 */

.moreBtn {
    font-family: Barlow-Regular;
    color: #333333;
    width: 170px;
    height: 48px;
    padding-left: 26px;
    line-height: 48px;
    background: url("../images/index_img1.png") no-repeat center center;
    background-size: 100% 100%;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_img1.png', sizingMethod='scale');
}

.moreBtn:hover {
    color: #815838;
}

.selectedCase {
    padding-top: 112px;
}

.titleBox {
    margin-bottom: 78px;
}

.titleBox>p {
    width: 450px;
    font-family: SourceHanSerifCN-Heavy;
    color: #333333;
    padding-left: 36px;
    box-sizing: border-box;
    position: relative;
    height: 48px;
    line-height: 48px;
}

.titleBox>p:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 18px;
    width: 25px;
    height: 18px;
    background: url("../images/index_img2.png") no-repeat center center;
    background-size: 100% 100%;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_img2.png', sizingMethod='scale');
}

.titleBox>p span {
    font-family: SourceHanSerifCN-Regular;
    color: #999999;
}

.publickBtnBox ul {
    margin-right: 40px;
}

.publickBtnBox li {
    float: left;
    margin-right: 38px;
    position: relative;
}

.publickBtnBox li a {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    font-family: SourceHanSerifCN-Regular;
    color: #666666;
    /*animation: lineAmt2 0.25s linear;*/
    transition: width 0.25s linear;
}
.publickBtnBox li:hover a,
.publickBtnBox li:hover a,
.publickBtnBox li.active a {
    font-family: SourceHanSerifCN-Medium;
    color: #6a3906;
}

.publickBtnBox li:hover:after,
.publickBtnBox li.active:after {
    width: 40px;
}

.publickBtnBox li:after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 0px;
    transition: width .4s;
    height: 2px;
    background-color: #815838;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 4px;
}

@keyframes lineAmt {
    0%{
        width: 0px;
        opacity: 0;
        margin-left: 0px;
        transform: translateX(-50%);
    }

    100%{
        width: 40px;
        margin-left: 0px;
        transform: translateX(-50%);
        opacity: 1;   /*圆形放大的同时，透明度逐渐减小为0*/
    }
}
@keyframes lineAmt2 {
    0%{
        width: 40px;
        margin-left: 0px;
        transform: translateX(-50%);
        opacity: 1;   /*圆形放大的同时，透明度逐渐减小为0*/
    }

    100%{
        width: 0px;
        opacity: 0;
        margin-left: 0px;
        transform: translateX(-50%);
    }
}



.selectedCase .publicContent .item:first-child{
    margin-left: 0px;
}

    /* 精选案例 :end */


/* 装修方案 */

.renovationPlan {
    margin-top: 80px;
    height: 728px;
    background: url("../images/index_img6.jpg") no-repeat center center;
    background-size: 100% 100%;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_img6.jpg', sizingMethod='scale');
    padding-top: 80px;
}

.renovationPlan .titBox {
    font-family: SourceHanSerifCN-Heavy;
    color: #333333;
    text-align: center;
}

.renovationPlan .subTitle {
    font-family: SourceHanSerifCN-Medium;
    color: #333333;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 60px;
}


/* 装修方案 end*/


/* VR 全景案例 */

.vrBox {
    padding-top: 147px;
    padding-bottom: 100px;
    background: url("../images/index_img21.jpg") no-repeat center center;
    background-size: 100% 100%;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_img21.jpg', sizingMethod='scale');
}

.vrBoxContent {
    margin-bottom: 60px;
    height: 625px;
    cursor: pointer;
}

.vrBoxContent .iframeBox {
    width: 1000px;
    height: 100%;
}

.vrBoxContent .vrBox_right {
    width: 520px;
    box-sizing: border-box;
    padding-left: 50px;
    position: relative;
    height: 100%;
}

.vrBoxContent .vrBox_right .titleBox {
    margin-bottom: 70px;
}

.vrBoxContent .vrBox_right .title {
    font-family: SourceHanSerifCN-Bold;
    color: #333333;
}

.vrBoxContent .vrBox_right .line {
    width: 50px;
    height: 2px;
    background-color: #b4503d;
    margin: 20px 0px;
}

.vrBoxContent .vrBox_right .cont {
    height: 182px;
    line-height: 26px;
    overflow: hidden;
    overflow-y: auto;
    font-family: SourceHanSerifCN-Regular;
    color: #666666;
}

.vrBoxContent .vrBox_right .tipInfo {
    position: absolute;
    bottom: 110px;
    left: 50px;
    width: 470px;
    font-family: MicrosoftYaHei;
    letter-spacing: 18px;
    color: #333333;
    color: rgba(51, 51, 51, 0.6);
}

.vrBoxSwiper {
    width: 1380px;
    overflow: hidden;
}

/*.vrBoxSwiper .swiper-slide{*/
/*    width: 280px ;!important;*/
/*}*/

.vrBoxSwiper .swiper-slide .imgBox {
    width: 100% !important;
    height: 180px;
    line-height: 180px;
    overflow: hidden;
    padding-left: 20px !important;
    box-sizing: border-box;
    cursor: pointer;
}

.vrBoxSwiper .swiper-slide .imgBox .styBord{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: solid 4px transparent;
    box-sizing: border-box;
}

.vrBoxSwiper .swiper-slide img {
    width: 100%;
    box-sizing: border-box;
}

.vrBoxSwiper .swiper-slide-active .imgBox .styBord {
    border: solid 4px #cf5a43;
}

.vrBoxSwiperBox .btn {
    width: 60px;
    height: 180px;
    line-height: 180px;
    vertical-align: middle;
    text-align: center;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
    box-sizing: border-box;
}

.vrBoxSwiperBox .btn img {
    display: inline-block;
    width: 16px;
    height: 26px;
    margin-top: -13px;
}

.vrBoxSwiperBox .btn:hover .img1,
.vrBoxSwiperBox .btn .img1Hover {
    display: none;
}

.vrBoxSwiperBox .btn:hover .img1Hover {
    display: inline-block;
}

.vrBoxSwiperBox .btn:hover {
    background-color: #b4503d;
}
.vrBox .titleBox p span{
    display: block;
    line-height: normal;
}

.vrBox .titleBox p span{
    padding-left: 16px;
}

/* VR 全景案例 :end */


/* 获取报价和方案 */

.getQuotes {
    height: 280px;
    background: url("../images/index_img11.jpg") no-repeat center center;
    background-size: 100% 100%;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_img11.jpg', sizingMethod='scale');
}


/* 获取报价和方案 end */


/* 公司优势  */

.advantage {
    padding-top: 112px;
    margin-bottom: 40px;
}

.advantage .content .leftBox {
    width: 268px;
}

.advantage .content .leftBox li {
    width: 100%;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    box-sizing: border-box;
}

.advantage .content .leftBox li a {
    display: inline-block;
    padding: 0px 48px 0px 78px;
    width: 100%;
    height: 73px;
    line-height: 73px;
    box-sizing: border-box;
    font-family: SourceHanSerifCN-Regular;
    color: #333333;
}

.advantage .content .leftBox li+li {
    margin-top: 20px;
}

.advantage .content .leftBox li.item1 {
    background: url("../images/index_img12.png") no-repeat left 32px center;
    background-size: 20px 26px;
}

.advantage .content .leftBox li.item2 {
    background: url("../images/index_img13.png") no-repeat left 32px center;
    background-size: 20px 26px;
}

.advantage .content .leftBox li.item3 {
    background: url("../images/index_img14.png") no-repeat left 32px center;
    background-size: 20px 26px;
}

.advantage .content .leftBox li.item4 {
    background: url("../images/index_img15.png") no-repeat left 32px center;
    background-size: 20px 26px;
}
.advantage .content .leftBox li.item5 {
    background: url("../images/index_zz.png") no-repeat left 32px center;
    background-size: 20px 26px;
}

.advantage .content .leftBox li a {
    background: url("../images/index_img16.png") no-repeat right 30px center;
    background-size: 9px 16px;
}

.advantage .content .leftBox li:hover a,
.advantage .content .leftBox li.active a {
    background: url("../images/index_img16_hover.png") no-repeat right 30px center;
    background-size: 9px 16px;
}

.advantage .content .leftBox li.item1:hover,
.advantage .content .leftBox li.item1.active {
    background: #9e7041 url("../images/index_img12_hover.png") no-repeat left 32px center;
    background-size: 20px 26px;
}

.advantage .content .leftBox li.item2:hover,
.advantage .content .leftBox li.item2.active {
    background: #9e7041 url("../images/index_img13_hover.png") no-repeat left 32px center;
    background-size: 20px 26px;
}

.advantage .content .leftBox li.item3:hover,
.advantage .content .leftBox li.item3.active {
    background: #9e7041 url("../images/index_img14_hover.png") no-repeat left 32px center;
    background-size: 20px 26px;
}

.advantage .content .leftBox li.item4:hover,
.advantage .content .leftBox li.item4.active {
    background: #9e7041 url("../images/index_img15_hover.png") no-repeat left 32px center;
    background-size: 20px 26px;
}
.advantage .content .leftBox li.item5:hover,
.advantage .content .leftBox li.item5.active {
    background: #9e7041 url("../images/index_zz_hover.png") no-repeat left 32px center;
    background-size: 20px 26px;
}

.advantage .content .leftBox li:hover a,
.advantage .content .leftBox li.active a {
    color: #fff;
}

.advantage .content .rightBox {
    width: 1212px;
}

.advantage .content .rightBox .item {
    width: 24.1%;
    height: 460px;
    background-color: #ffffff;
    border-radius: 6px;
    border: solid 1px #e5e5e5;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}

.advantage .content .rightBox .item+.item {
    margin-left: 1.2%;
}

.advantage .content .rightBox .item .imgBox {
    width: 248px;
    height: 200px;
    /*background-color: #848484;*/
    border-radius: 4px;
    overflow: hidden;
}

.advantage .content .rightBox .item .imgBox img {
    width: 100%;
}

.advantage .content .rightBox .item .tit {
    margin-top: 36px;
    font-family: SourceHanSerifCN-Bold;
    color: #333333;
    padding-bottom: 56px;
    position: relative;
}

.advantage .content .rightBox .item .tit:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 28px;
    width: 30px;
    margin-left: -15px;
    height: 2px;
    background-color: #848484;
}

.advantage .content .rightBox .item .cont {
    font-family: SourceHanSerifCN-Regular;
    line-height: 30px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333333;
}

.advantage .content .rightBox .item:hover {
    background: #b4503d;
    border-color: #b4503d;
    box-shadow: 0px 28px 27px 0px rgba(114, 114, 114, 0.21);
}

.advantage .content .rightBox .item:hover .cont,
.advantage .content .rightBox .item:hover .tit {
    color: #fff;
}

.advantage .content .rightBox .item:hover .tit:after {
    background: #fff;
}


/* 公司优势 :end */


/* 为什么选择我们 */

.chooseUs {
    padding-top: 112px;
}

.chooseUs .content img {
    width: 100%;
}


/* 为什么选择我们 :end */


/* 工地巡检 */

.siteInspection {
    padding-top: 130px;
}

.siteInspection .publicContent .item .imgBox {
    height: 380px;
    line-height: 380px;
}

.siteInspection .publicContent .item .titContent {
    padding: 30px;
}


/* 工地巡检 end */


/* 服务流程 */

.serviceProcess {
    height: 640px;
    margin-top: 80px;
    padding-top: 80px;
    width: 100%;
    position: relative;
    background: url("../images/index_img18.jpg") no-repeat center center;
    background-size: 100% 100%;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_img18.jpg', sizingMethod='scale');
}

.serviceProcess .content {
    padding-top: 40px;
}

.serviceProcess .line {
    position: absolute;
    bottom: 60px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

.serviceProcess .item1 {
    position: relative;
    float: left;
    padding: 80px 18px 0px;
    height: 394px;
    width: 116px;
    background: url("../images/index_img24.png") no-repeat center center;
    background-size: 100% 100%;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_img24.png', sizingMethod='scale');
}

.serviceProcess .item2 {
    float: left;
    height: 394px;
    width: 118px;
    text-align: center;
    padding-top: 100px;
}

.serviceProcess .item1 .number {
    font-family: Barlow-BoldItalic;
    color: #d4c9b9;
    text-align: right;
}

.serviceProcess .item1 .tit {
    font-family: SourceHanSerifCN-Regular;
    text-align: center;
    color: #333333;
}

.serviceProcess .item1 .bubbleBox {
    display: none;
    position: absolute;
    top: -50px;
    z-index: 1;
    width: 263px;
    left: -78px;
    background-color: #cf5a43;
    box-shadow: 0px 18px 24px 0px rgba(189, 92, 73, 0.23);
    padding: 16px;
    box-sizing: border-box;
    font-family: SourceHanSerifCN-Regular;
    line-height: 24px;
    color: #f8f8f8;
}

.serviceProcess .item1 .bubbleBox:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #cf5a43;
}

.serviceProcess .item1:hover .bubbleBox {
    display: block;
}

.serviceProcess .item1:hover .number {
    color: #b79267;
}

.serviceProcess .item1:hover .tit {
    color: #b79267;
    font-family: SourceHanSerifCN-Bold;
}


/* 服务流程 :end */


/* 新闻资讯 */

.newsInformation {
    padding-top: 66px;
    margin-bottom: 60px;
}

.newsInformation .content ul li {
    float: left;
    margin-bottom: 40px;
}

.newsInformation .content ul li {
    width: 710px;
    height: 130px;
    margin-left: 50px;
}

/*.newsInformation .content ul li:first-child {
    width: 640px;
    height: 470px;
    background-color: #ffffff;
    border: solid 1px #eeeeee;
    box-sizing: border-box;
    margin-left: 0px;
}

.newsInformation .content ul li:first-child .imgBox {
    width: 100%;
    height: 340px;
    background-color: #bfbfbf;
}

.newsInformation .content ul li:first-child .imgBox img {
    width: 100%;
    background-color: #bfbfbf; max-height:340px;
}

.newsInformation .content ul li:first-child .cont {
    padding: 30px;
    box-sizing: border-box;
}

.newsInformation .content ul li:first-child .cont .tit {
    font-family: SourceHanSerifCN-Bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333333;
}

.newsInformation .content ul li:first-child .cont .time {
    font-family: Barlow-Regular;
    color: #666666;
    margin-top: 20px;
}*/

.newsInformation .content ul li a {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.newsInformation .content ul li a .left {
    width: 130px;
    height: 130px;
    background-color: #ffffff;
    border: solid 1px #eeeeee;
    text-align: center;
    padding-top: 10px;
}

.newsInformation .content ul li a .left .markNumber {
    font-family: Barlow-Regular;
    font-style: italic;
    color: #333333;
}

.newsInformation .content ul li a .left .date {
    font-family: Barlow-Regular;
    color: #666666;
}

.newsInformation .content ul li a .right {
    padding: 14px 0px 0px 30px;
    width: 580px;
}

.newsInformation .content ul li a .right .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: SourceHanSerifCN-Bold;
    color: #333333;
}

.newsInformation .content ul li a .right .subTit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: SourceHanSerifCN-Medium;
    line-height: 30px;
    color: #999999;
    margin-top: 20px;
}

/*.newsInformation .content ul li:first-child:hover,*/
.newsInformation .content ul li:hover .left {
    background: #cf5a43;
    border-color: #cf5a43
}

.newsInformation .content ul li:first-child:hover .time,
.newsInformation .content ul li:first-child:hover .tit,
.newsInformation .content ul li:hover .left .date,
.newsInformation .content ul li:hover .left .markNumber {
    color: #fff;
}

.newsInformation .content ul li:hover .right .tit {
    color: #6a3906;
}

.public_top{
    background: transparent;
    box-shadow: none;
}
/* 新闻资讯 :end */
.txtMarquee-left1 .bannerBtn .quote:hover,
.footer_top_content .rightBox .quotation:hover{
    background: #c06554;
}

.publicAnswer .publicAnswerCont{
    height: 106px;
}
.txtMarquee-left1 .bannerBtn .subscribe:hover,
.footer_top_content .rightBox .consult:hover{
    background: #bf9264;
}

@media (max-width: 767px) {
    body{
        padding-top: 60px !important;
    }
    .txtMarquee-left1 .hd{
        bottom: 20px;
    }

    .txtMarquee-left1 .hd ul li{
        width: 6px;
        height: 6px;
        border-radius: 50%;
        
    }

    .selectedCase{
        padding-top: 20px;
    }
    .publickBtnBoxCont.visible-xs{
        display: flex !important;
    }
    .publickBtnBoxCont{
        display: flex ;
        overflow: hidden;
        overflow-x: auto;
        justify-content: center;
    }

    .titleBox{
        margin-bottom: 16px;
    }
    .publickBtnBox{
        display: flex;
        white-space: nowrap;
    }

    .publickBtnBox li{
        white-space: nowrap;
        margin-left: 20px;
        margin-right: 0px;
        /*padding-left: 20px;*/
    }
    .publickBtnBox li:first-child{
        margin-left: 0px;
    }

    .publickBtnBoxCont::-webkit-scrollbar{
        width: 0px;
        height: 0px;
    }

    .titleBox>p{
        width: 100%;
    }

    .publickBtnBoxCont{
        width: 100%;
    }
    .moreBoxCont{
        text-align: center;
        width: 100%;
    }
    .moreBtn{
        width: 130px;
        display: inline-block;
        padding-right: 20px;
        padding-left: 0px;
        text-align: center;
        height: 40px;
        line-height: 40px;
    }
    .publickBtnBox li:hover:after, .publickBtnBox li.active:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 30px;
        height: 1px;
        background-color: #815838;
        left: 50%;
        margin-left: -15px;
        bottom: 2px;
    }
    .renovationPlan {
        margin-top: 30px;
        height: auto;
        background: none;
        padding-top: 0px;
    }
    .renovationPlan .subTitle{
        margin-top: 15px;
        margin-bottom: 30px;
    }
    
    /* 全景案例 */
    .vrBoxContent .iframeBox{
        width: 100%;
    }
    .vrBoxContent .vrBox_right{
        width: 100%;
        padding-left: 0px;
    }
    .vrBoxContent .vrBox_right .titleBox{
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .vrBoxContent .vrBox_right .tipInfo{
        left: 0px;
        width: 100%;
        letter-spacing:6px;
        bottom: 0px;
    }
    .vrBoxContent{
        margin-bottom: 0px;
        height: auto;
    }
    
    .vrBox{
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .vrBox .titleBox p span{
        display: inline-block;
        padding-left: 0px;
    }


    .vrBoxSwiper{
        width: 100%;
        margin-bottom: 20px;
    }

    .vrBoxSwiper .swiper-slide{
        width: auto;
        height: auto;
    }

    .vrBoxSwiper .swiper-slide .imgBox {
        width: 128px !important;
        height: 90px;
        line-height: 90px;
        overflow: hidden;
        padding-left: 0px !important;
        box-sizing: border-box;
    }

    .vrBoxContent .vrBox_right .cont{
        margin-bottom: 30px;
        height: auto;
    }
    .vrBox_right>.titleBox{
        display: none;
    }
    .vrBoxContent .vrBox_right .title{
        margin-top: 20px;
    }
    /* 装修方案 */
    .vrBoxContent .vrBox_right .line{
        margin: 10px 0px;
        width: 36px;
    }

    .publicFormBox .public_offer{
        padding: 0px 4% 20px;
        margin-top: -200px;
        background-color: #ffffff;
        box-shadow: 0px -4px 12px 0px 
            rgba(118, 118, 118, 0.1);
        border-radius: 5px;
    }
    .renovationPlan .width1520{
        padding: 0px;
    }

    .publicForm{
        padding-top: 270px;
        width: 100%;
        height: auto;
        background: #f2f3f4 url(../images/index_img7_mobile.png) no-repeat center top;
        background-size: 100% auto;
    }
    .publicForm .publicFormBox{
        width: 100%;
        padding: 0px 4%;
    }
    .renovationPlan .publicFormBox{
        padding-top: 100px;
    }
    .renovationPlan .subTitle,
    .renovationPlan .titBox{
        padding: 0px 4%;
    }
    .renovationPlan .subTitle{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    /* 公司优势 */
    .advantage{
        margin-bottom: 0px;
        padding-top: 20px;
    }
    .advantage .content .rightBox{
        width: 100%;
    }

    .advantage .content .rightBox .item{
        width: calc(50% - 10px);
        margin-left: 0px !important;
        height: auto;
        padding: 4%;
    }
    .advantage .content .rightBox .item:nth-child(n+3){
        margin-top: 20px;
    }

    .advantage .content .rightBox .item:nth-child(2n+2){
        margin-left: 20px !important;
    }
    .advantage .content .rightBox .item .imgBox{
        width: 100%;
        height: auto;
    }

    .advantage .moreBoxCont{
        width: 100%;
        margin-top: 30px;
    }

    .advantage .content .leftBox{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .advantage .content .publickBtnBoxCont{
        margin-bottom: 20px;
    }
    
    .advantage .content .leftBox li+li{
        margin-top: 0px;
        margin-left: 10px;
    }
    .advantage .content .leftBox li.item1{
        background-size: 16px 19px !important;
        background-position: 8px !important
    }
    .advantage .content .leftBox li.item2{
        background-size: 16px 19px !important;
        background-position: 8px !important
    }
    .advantage .content .leftBox li.item3{
        background-size: 16px 19px !important;
        background-position: 8px !important
    }
    .advantage .content .leftBox li.item4{
        background-size: 16px 19px !important;
        background-position: 8px !important
    }

   .advantage .content .leftBox li a{
        padding: 6px 10px 6px 30px;
        height: auto;
        line-height: normal;
        white-space: nowrap;
        background: transparent !important;
    }
    .advantage .content .rightBox .item .tit{
        margin-top: 18px;
        padding-bottom: 20px;
    }
    .advantage .content .rightBox .item .tit:after{
        bottom: 10px;
    }

    .advantage .content .rightBox .item .cont{
        line-height: 20px;
        height: 40px;
    }

    /* 为什么选择我们 */
    .chooseUs{
        padding-top: 30px;
    }

    /* 工地巡检 */
    .siteInspection{
        padding-top: 30px;
    }
    .siteInspection .publicContent .item .imgBox{
        height:auto;
        line-height: normal;
    }
    .siteInspection .publicContent .item .titContent{
        padding: 4%;
    }
    


    /* 服务流程 */
    .serviceProcess{
        height: auto;
        margin-top: 10px;
        padding: 20px 0px 30px;
        background: url(../images/mobile_index_bg2.png) no-repeat center center;
        background-size: 100% 100%;
        position: relative;
    }
    .serviceProcess .item1{
        width: 19%;
        height: 80px;
        border-radius: 6px;
        border: solid 1px #dbcfc1;
        box-sizing: border-box;
        padding:15px 0px 0px;
        
    }
    .serviceProcess .item1 .number{
        text-align: center;
        line-height: 24px;
        height: 24px;
    }

    .serviceProcess .item2{
        width:8%;
        height: 80px;
        line-height: 80px;
        padding: 0px;
        text-align: center;
    }

    .serviceProcess .item2 img{
        width: 20px;
    }
    .serviceProcess .item3 img{
        height: 20px;
        width: auto;
    }

    .serviceProcess .content{
        position: relative;
        padding-top: 0px;
    }

    .serviceProcess .item3{
        position: absolute;
        top: 80px;
        right: 4%;
        height: 50px;
        line-height: 50px;
        width: 19%;
        margin-top: 0px !important;
    }

    .serviceProcess .item1 .tit{
        font-size: 12px;
        margin-top: 5px;
        color: #a79781;
    }
    .serviceProcess .item2:nth-child(n+8),
    .serviceProcess .item1:nth-child(n+8){
        margin-top: 50px;
        float: right;
    }
    .serviceProcess .item4{
        background: url(../images/mobile_service_bg1.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .serviceProcess .item4 .tit{
        color: #fff !important;
    }

    
    .serviceProcess .item1:hover .bubbleBox{
        display: none;
    }

    .serviceProcess .item1 .bubbleBox{
        width: 92vw;
        left: 0px;
        padding: 10px;
    }

    .serviceProcess .item1 .bubbleBox:after{
        left: 30px;
    }

    .newsInformation{
        padding-top: 20px;
        margin-bottom: 20px;
    }

    /* 新闻资讯 */
    .newsInformation .content ul li:first-child{
        height: auto;
        width: 100%;
    }
    .newsInformation .content ul li:first-child .imgBox{
        height: auto;
    }

    .newsInformation .content ul li:first-child .cont{
        padding: 4%;
    }
    .newsInformation .content ul li:first-child .cont .time{
        margin-top: 10px;
    }

    .newsInformation .content ul li{
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .newsInformation .content ul li a .right{
        width: calc(100% - 100px);
        box-sizing: border-box;
        padding: 0px 0px 0px 15px;
    }
    .newsInformation .content ul li a .left{
        width: 90px !important;
        height: 90px !important;
        padding-top: 0px;
    }
    .newsInformation .content ul li a .right .subTit{
        line-height: 24px;
        margin-top: 15px;
    }
    .vrBoxSwiper .swiper-slide .imgBox .styBord{
        border: solid 2px transparent;
    }
    .vrBoxSwiper .swiper-slide-active .imgBox .styBord {
        border: solid 2px #cf5a43;
    }
    .advantage .content .rightBox .item .cont{
        -webkit-line-clamp:3;
        height:60px;
        font-size: 12px;
    }

    .advantage .content .rightBox{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .advantage .content .rightBox .item{
        flex: none;
    }
    .advantage .content .rightBox.isNone{
        display: none;
    }
    .advantage .content .rightBox .item .cont{
        height: auto;
        -webkit-box-orient:initial;
    }
    .titleBox>p{
        font-size: 18px;
        padding-left: 30px;
    }
    .titleBox>p span{
        font-size: 12px;
    }
    .titleBox>p:before {
        width: 20px;
        height: 18px;
        background-size: 100% auto;
    }

    .publicAnswer{
        margin-bottom: 0px;
    }

    .publicAnswer:first-child{
        margin-top: 0px;
    }

    .answer .moreBoxCont{
        margin-top: 40px;
    }
}