html {
  /* 禁止文本选中 */
  user-select: none;
}
body{
    min-width: 1200px;
    overflow: auto;
}
input{
    width: auto;
}
/* ----------------------大盒子-------------------------- */
/* 版心 */
.typeArea {
  width: 1200px;
  height: 100%;
  margin: auto;
  position: relative;
}
/* 广告图 */
.advertising{
    width: 100%;
    height: 750px;
    overflow: hidden;
    position: relative;
}
/* 内容一 */
.contentA{
    width: 100%;
    height: 1455px;
    background: #ffffff;
}
/* 别墅专业设计团队1对1全案服务 */
.serve{
    width: 100%;
    height: 856px;
    overflow: hidden;
    position: relative;
}
/* 内容二 */
.contentB{
    width: 100%;
    background: #ffffff;
}
/* 基装+主材+家具软装8项全包 */
.fitment{
    width: 100%;
    height: 777px;
    overflow: hidden;
    position: relative;
}
/* 内容三 */
.contentC{
    width: 100%;
    background: #ffffff;
}
/* 装修优势 */
.advantage{
    width: 100%;
    height: 723px;
    overflow: hidden;
    position: relative;
}
/* 内容四 */
.contentD{
    width: 100%;
    background: #ffffff;
}
/* 底部 */
.foot{
    width: 100%;
    height: 524px;
    overflow: hidden;
}
/* ----------------------广告图-------------------------- */
.advertising img{
    width: auto;
    height: 750px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.blackShade {
    width: 100%;
    height: 167px;
    background: rgba(0, 10, 36, 0.5);
    position: absolute;
    top: 543px;
  }
  .blackShade .text1 {
    width: 392px;
    height: 33px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
    position: absolute;
    top: 25px;
    left: 24px;
  }
  .blackShade .text2 {
    width: 170px;
    height: 33px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
    position: absolute;
    top: 25px;
    left: 416px;
  }
  .blackShade .text3 {
    width: 120px;
    height: 33px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 0;
    font-weight: 400;
    position: absolute;
    top: 25px;
    left: 848px;
  }
  /* 计算器 */
  .calculator {
    width: 214px;
    height: 48px;
    position: absolute;
    top: 17px;
    left: 961px;
    background: url(../images/jq.gif);
    background-size:cover;
  }
  /* 手机号 */
  .atTel{
      width: 370px;
      height: 54px;
      background: #FFFFFF;
      position: absolute;
      top: 83px;
      left: 415px;
  }
  .atTel span{
      width: 48px;
      height: 22px;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #000A24;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      top: 16px;
      left: 24px;
  }
  .atTel input{
      position: absolute;
      top: 0;
      left: 75px;
  }
  /* 面积 */
  .atArea{
      width: 370px;
      height: 54px;
      background: #FFFFFF;
      position: absolute;
      top: 83px;
      left: 25px;
  }
  .atArea span:nth-child(1){
      width: 48px;
      height: 22px;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #000A24;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      top: 16px;
      left: 24px;
  }
  .atArea span:nth-child(2){
      width: 24px;
      height: 22px;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #000A24;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      top: 16px;
      left: 322px;
  }
  .atArea input{
      position: absolute;
      top: 0;
      left: 75px;
  }
  /* 立即报价 */
  .atQuote{
      width: 370px;
      height: 54px;
      background: #C89E69;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #FFFFFF;
      letter-spacing: 0;
      font-weight: 400;
      line-height: 54px;
      text-align: center;
      position: absolute;
      top: 83px;
      left: 805px;
      cursor: pointer;
  }
  /* ----------------------内容一-------------------------- */
  /* 全案服务 */
.overAll{
    width: 100%;
    height: 414px;
    position: absolute;
    top: 0;
}
.overAll .text1{
    width: 100%;
    height: 45px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #000A24;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 75px;
}
.overAll .overAllbox{
    width: 100%;
    height: 180px;
    position: absolute;
    top: 156px;
    display: flex;
    justify-content: space-between;
}
.overAll .overAllbox div{
    width: 180px;
    height: 180px;
    border: 1px solid #EDEDED;
}
.overAllsbox{
    width: 100%;
    height: 100%;
    position: absolute;
}
.overAllsbox span:nth-child(1){
    width: 100%;
    text-align: center;
    height: 28px;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #001010;
    letter-spacing: 0;
    font-weight: 400;
    position: absolute;
    top: 86px;
}
.overAllsbox span:nth-child(2){
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: PingFangSC-Light;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 200;
    position: absolute;
    top: 127px;
}
.overAllbox div:nth-child(1) .overAllsbox::after{
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 33px;
    left: 70px;
    background: url(../images/overAll1.png) no-repeat center center;
}
.overAllbox div:nth-child(2) .overAllsbox::after{
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 33px;
    left: 70px;
    background: url(../images/overAll2.png) no-repeat center center;
}
.overAllbox div:nth-child(3) .overAllsbox::after{
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 33px;
    left: 70px;
    background: url(../images/overAll3.png) no-repeat center center;
}
.overAllbox div:nth-child(4) .overAllsbox::after{
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 33px;
    left: 70px;
    background: url(../images/overAll4.png) no-repeat center center;
}
.overAllbox div:nth-child(5) .overAllsbox::after{
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 33px;
    left: 70px;
    background: url(../images/overAll5.png) no-repeat center center;
}
.overAllbox div:nth-child(6) .overAllsbox::after{
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 33px;
    left: 70px;
    background: url(../images/overAll6.png) no-repeat center center;
}
/* 装修案例 */
.contentA .typeArea .text3{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #000A24;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 414px;
}
.case{
    width: 100%;
    height: 996px;
    position: absolute;
    top: 459px;
}
.case .text4{
    width: 731px;
    height: 19px;
    position: absolute;
    top: 11px;
    left: 235px;
    display: flex;
    justify-content: space-between;
    color: #a3a3a3;
    line-height: 19px;
}
.case .bx1{
    width: 460px;
    height: 760px;
    position: absolute;
    overflow: hidden;
    top: 68px;
}
.case .bx1 .vr{
    width: 144px;
    height: 144px;
    background: url(../images/vr.png);
    position: absolute;
}
.case .bx1 .blackTransparency{
    width: 400px;
    height: 120px;
    position: absolute;
    top: 580px;
    background: rgba(0, 10, 36, 0.4);
}
.case .bx1 .blackTransparency::after{
    content: '';
    width: 50px;
    height: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 64px;
    left: 26px;
}
.blackTransparency span:nth-child(1){
    width: 336px;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 15px;
    left: 26px;
}
.blackTransparency span:nth-child(2){
    width: 192px;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 67px;
    left: 26px;
}
.case .bx2{
    width: 720px;
    height: 760px;
    position: absolute;
    top: 68px;
    left: 480px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
}
.case .bx2 .pirce{
    width: 350px;
    height: 240px;
    position: relative;
    overflow: hidden;
}
.strip{
    width: 100%;
    height: 40px;
    background: rgba(0, 10, 36, 0.4);
    position: absolute;
    bottom: 0;
}
.strip .text3{
    width: 186px !important;
    height: 19px !important;
    font-family: PingFangSC-Regular !important;
    font-size: 16px !important;
    color: #FFFFFF !important;
    letter-spacing: 0 !important;
    line-height: 19px !important;
    font-weight: 400 !important;
    position: absolute !important;
    top: 12px !important;
    left: 18px !important;
}
.oval{
    width: 68px;
    height: 34px;
    background: #C89E69;
    border-radius: 20px 0 0 20px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 34px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 3px;
}
.atBtn1{
    width: 320px;
    height: 48px;
    border: 1px solid #000A26;
    text-align: center;
    line-height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #000A24;
    letter-spacing: 0;
    font-weight: 400;
    position: absolute;
    top: 1327px;
    left: 250px;
    cursor: pointer;
}
.atBtn2{
    width: 320px;
    height: 48px;
    background: #C89E69;
    text-align: center;
    line-height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 400;
    position: absolute;
    top: 1327px;
    left: 630px;
    cursor: pointer;
}
  /* ----------------------别墅专业设计团队1对1全案服务-------------------------- */
  .serve .servebk{
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
  .serve .typeArea .text1{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 75px;
  }
  .serve .typeArea .text2{
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
    position: absolute;
    top: 131px;
}
.accordion{
    width: 100%;
    height: 500px;
    position: absolute;
    top: 188px;
    display: flex;
}
.accordion .accordionbx:nth-child(1){
    overflow: hidden;
    height: 100%;
    width: 450px;
}
.accordion .accordionbx:nth-child(2),
.accordion .accordionbx:nth-child(3),
.accordion .accordionbx:nth-child(4),
.accordion .accordionbx:nth-child(5),
.accordion .accordionbx:nth-child(6),
.accordion .accordionbx:nth-child(7){
    overflow: hidden;
    height: 100%;
    width: 125px;
}
.serve .typeArea .text3{
    width: 320px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #FFFFFF;   
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 400;
    position: absolute;
    top: 728px;
    left: 250px;
    cursor: pointer;
}
.serve .typeArea .text4{
    width: 320px;
    height: 48px;
    background: #C89E69;
    text-align: center;
    line-height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 400;
    position: absolute;
    top: 728px;
    left: 630px;
    cursor: pointer;
}
 /* ----------------------内容二-------------------------- */
.villa{
    width: 855.79px;
    height: 855.79px;
    margin: 0 auto;
    background: url(../images/villa.png) no-repeat center center;
    margin-top: 52.11px;
    position: relative;
}
.villa .text1{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #000A24;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 17.89px;
}
.villa .text2{
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
    position: absolute;
    top: 73.89px;
}
.villa .text3{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #000A24;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    bottom: 17.89px;
}
.villa .text4{
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
    position: absolute;
    bottom: -13.89px;
}
.upgrade{
    width: 660px;
    height: 48px;
    margin: 50.11px auto 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.upgrade .addbssj{
    background: #C89E69 !important;
    color: #FFFFFF !important;
    border: 1px solid #C89E69 !important;
}
.upgrade div{
    width: 180px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #000A26;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #000A24;
    letter-spacing: 0;
    font-weight: 400;
    cursor: pointer;
}

.contentB .typeArea .bg{
    width: 1200px;
    margin-top: 30px;
    position: relative;
}
.bg{display: none;}
.bg .bgbannerBx{

    width: 100%;

    overflow: hidden;
}
.bg .bgbannerBx .bgbanner{
    width: 100%;
}

.bg .bx{
    width: 120px;
    height: 159px;
    position: absolute;
    top: 500px;
}
.mdl274{margin-left:274px}
.mdl457{margin-left:457px}
.mdl639{margin-left:639px}
.mdl822{margin-left:822px}
.mdl1004{margin-left:1004px}

.bg .bx .imgbox{
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.bg .bx .imgbox img{
    width: 100%;
    height: 100%;
}
.bg .bx span{
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #000A24;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
    position: absolute;
    top: 140px;
}
.online{
    width: 100%;
    height: 167px;
    background: url(../images/blockBk.jpg);
    margin-top: 20px;
    position: relative;
}
.online .text1{
    width: 474px;
    height: 33px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
    position: absolute;
    top: 25px;
    left: 24px;
}
.online .text2{
    width: 145px;
    height: 33px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
    position: absolute;
    top: 25px;
    left: 498px;
}
.online .atArea span:nth-child(1){
    width: 64px;
    height: 22px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #000A24;
    letter-spacing: 0;
    font-weight: 400;
    position: absolute;
    top: 16px;
    left: 24px;
}
.online .atArea input{
    position: absolute;
    top: 0;
    left: 90px;
}
/* ----------------------基装+主材+家具软装8项全包-------------------------- */
.fitment .fitmentImg{
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    margin-left: calc( -1920px / 2);
}
.fitment .typeArea .text1{
    height: 45px;
    width: 100%;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 75px;
}
.fitment .typeArea .text2{
    height: 19px;
    width: 100%;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
    position: absolute;
    top: 131px;
}
.fitment .typeArea .bannerBx{
    width: 100%;
    height: 500px;
    position: absolute;
    top: 197px;
    display: flex;
}
.bannerBx .bx{
    height: 100%;
    flex: 1;
    overflow: hidden;
}
.bannerBx .bx img{
    width: 100%;
    height: auto;
}
/* ----------------------内容三-------------------------- */
.contentC .typeArea .text1{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #000A24;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    display: block;
    text-align: center;
    margin-top:70px;
}
.contentC .typeArea .text2{
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
    display: block;
    text-align: center;
    margin-top:6px

}
.contentC .typeArea .text3{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #000A24;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
	display: block;
	text-align: center;
	margin-top: 70px;
}
.contentC .typeArea .text4{
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
display: block;
margin-top: 6px;
}
.villaContent{
    width: 707px;
    height: 251.35px;
    margin: 70px auto 0;
    position: relative;
}
.villaContent .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}
.villaContent .imgbox img{
    width: 100%;
    height: 100%;
}
.villaContent .circle{
    width: 12px;
    height: 12px;
    box-sizing: content-box;
    border-radius: 50%;
    background: #FFFFFF;
    border: 6px solid #C89E69;
}
.villaContent .mx{
    position: absolute;
    top: calc(11px - 9px);
    left: calc(241px - 5px);
}
.villaContent .kj{
    position: absolute;
    top: calc(125px - 9px);
    left: calc(171px - 5px);
}
.villaContent .sh{
    position: absolute;
    top: calc(239px - 9px);
    left: calc(270px);
}
.villaContent .aq{
    position: absolute;
    top: calc(11px - 9px);
    left: calc(467px - 5px);
}
.villaContent .yul{
    position: absolute;
    top: calc(126px - 9px);
    left: calc(527px - 5px - 17px);
}
.villaContent .zh{
    position: absolute;
    top: calc(241px - 9px);
    left: calc(467px - 5px);
}
.villaContent .yl{
    position: absolute;
    top: calc(171px - 9px);
    left: calc(339px - 5px);
}
.pseudoLeft::after{
    content:'';
    width: 240px;
    height: 1px;
    background: #C89E69;
    position: absolute;
    top: 50%;
    right: 18px;
}
.pseudoRight::after{
    content:'';
    width: 240px;
    height: 1px;
    background: #C89E69;
    position: absolute;
    top: 50%;
    left: 18px;
}
.pseudoBottom::after{
    content:'';
    width: 1px;
    height: 130px;
    background: #C89E69;
    position: absolute;
    top: 18px;
    left: 48%;
}
.villaContent .title{
    width: 72px;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #273046;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 550;
}
.style1{
    position: absolute;
    top: calc(-19px - 4px);
    left: calc(-14px - 72px);
}
.textStyle1{
    text-align: right;
    text-indent: 2em;
    width: 160px;
    height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    position: absolute;
    top: calc(13px - 4px);
    left: calc(-160px - 14px);
}
.style2{
    position: absolute;
    top: calc(95px - 4px);
    left: calc(-84px - 72px );
}
.textStyle2{
    text-align: right;
    width: 160px;
    height: 72px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    position: absolute;
    top: calc(127px - 4px);
    left: calc(-160px - 84px);
}
.style3{
    position: absolute;
    top: calc(209px - 4px);
    left: calc(-10px - 72px + 29px );
}
.textStyle3{
    text-align: right;
    text-indent: 2em;
    width: 255px;
    height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    position: absolute;
    top: calc(241px - 4px);
    left: calc(-240px);
}
.style4{
    position: absolute;
    top: calc(-19px - 4px);
    right: calc( -72px - 25px );
}
.textStyle4{
    text-align: left;
    width: 176px;
    height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    position: absolute;
    top: calc(13px - 4px);
    right: calc(-176px - 25px);
}
.style5{
    position: absolute;
    top: calc(96px - 4px);
    right: calc( -85px - 72px + 17px );
}
.textStyle5{
    text-align: left;
    width: 176px;
    height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    position: absolute;
    top: calc(128px - 4px);
    right: calc(-176px - 85px + 17px);
}
.style6{
    position: absolute;
    top: calc(211px - 4px);
    right: calc( -72px - 25px );
}
.textStyle6{
    text-align: left;
    width: 180px;
    height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    position: absolute;
    top: calc(243px - 4px);
    right: calc(-176px - 25px);
}
.style7{
    width: 100% !important;
    text-align: center;
    position: absolute;
    bottom: calc(-77.65px - 19px);
}
.textStyle7{
    text-align: center;
    width: 224px;
    height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    margin:109.65px auto 0;
}
/* 在施工地 */
.buildPicturesbx1{
    width: 100%;
    height: 400px;
    margin-top: 30px;
    position: relative;
    display: flex;
}
.buildPicturesbx1 .bx1{
    width: 285px;
    height: 100%;
    overflow: hidden;
}
.buildPicturesbx1 .bx2{
    width: 915px;
    height: 100%;
    overflow: hidden;
}
.buildPicturesbx1 .bx1::after{
    content: '';
    width: 40px;
    height: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 99px;
    left: 20px;
}
.buildPicturesbx1 .bx1 .text1{
    width: 240px;
    height: 61px;
    font-family: PingFangSC-Semibold;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 61px;
    font-weight: 600;
    position: absolute;
    top: 34px;
    left: 20px;
}
.buildPicturesbx1 .bx1 .text2{
    width: 160px;
    height: 61px;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 61px;
    font-weight: 400;
    position: absolute;
    top: 95px;
    left: 20px;
}
.buildPicturesbx1 .bx1 .text3{
    width: 228px;
    height: 144px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 36px;
    font-weight: 400;
    position: absolute;
    top: 181px;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.buildPicturesbx2{
    width: 100%;
    height: 220px;
    margin: 19.72px auto 0;
    display: flex;
    justify-content: space-between;
}
.buildPicturesbx3{
    width: 100%;
    height: 220px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
}
.buildPicturesbx2 div{
    width: 285px;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.buildPicturesbx3 div{
    width: 285px;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.buildPicturesbx2 div img,
.buildPicturesbx3 div img{
    position: absolute;
}
.buildPicturesbx2 div::after,
.buildPicturesbx3 div::after{
    content: '';
    width: 285px;
    height: 44px;
    background: rgba(0, 10, 36, 0.4);
    position: absolute;
    bottom: 0;
}
.buildPicturesbx2 div span,
.buildPicturesbx3 div span{
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: Helvetica;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
    position: absolute;
    bottom: 12px;
}
.text55{
    width: 320px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #000A26;  
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #000A24;
    letter-spacing: 0;
    font-weight: 400;
    cursor: pointer;
}
.text66{
    width: 320px;
    height: 48px;
    background: #C89E69;
    text-align: center;
    line-height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 400;
    cursor: pointer;
}
.bs_zsgd_ul{margin-left:-20px;}
.bs_zsgd_ul li{float:left;width:285px;height: 220px;position: relative;overflow: hidden;margin:20px 0 0 20px}
/* ----------------------装修优势-------------------------- */
.advantagePicer{
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.advantage .typeArea .text1{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
	display: block;
	text-align: center;
	margin-top: 70px;
}
.advantage .typeArea .text2{
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
display: block;
text-align: center;
margin-top:6px
}
.advantageBox{
    width: 100%;
    height: 452px;
    margin-top: 30px;
    position: relative;
    cursor: pointer;
}
.advantageBox .bx1{
    width: 290px;
    height: 452px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.advantageBox .bx1 img{
    width: 290px;
    height: 452px;
    position: absolute;
    left: 50%;
    margin-left: calc(-290px / 2);
}
.advantageBox .bx2{
    width: 290px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: calc(290px + 13px);
}
.advantageBox .bx3{
    width: 290px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: calc(290px + 13px + 290px + 13px);
}
.advantageBox .bx4{
    width: 290px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: calc(290px + 13px + 290px + 13px + 290px + 13px);
}
.advantageBox .bx2 img,
.advantageBox .bx3 img,
.advantageBox .bx4 img{
    width: 290px;
    height: 220px;
    position: absolute;
    left: 50%;
    margin-left: calc(-290px / 2);
}
.advantageBox .bx5{
    width: 442.5px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    top: calc(220px + 13px);
    left: calc(290px + 13px);
}
.advantageBox .bx6{
    width: 442.5px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    top: calc(220px + 13px);
    left: calc(290px + 13px + 442.5px + 13px);
}
.advantageBox .bx5 img,
.advantageBox .bx6 img{
    width: 442.5px;
    height: 220px;
    position: absolute;
    left: 50%;
    margin-left: calc(-442.5px / 2);
}
.advantageBox .bx1::after,
.advantageBox .bx2::after,
.advantageBox .bx3::after,
.advantageBox .bx4::after,
.advantageBox .bx5::after,
.advantageBox .bx6::after{
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: #000A24;
    position: absolute;
    top: 0;
    left: 0;
}
.advantageBox .bx1:hover:after,
.advantageBox .bx2:hover::after,
.advantageBox .bx3:hover::after,
.advantageBox .bx4:hover::after,
.advantageBox .bx5:hover::after,
.advantageBox .bx6:hover::after{
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: #C89E69;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.6s;
}
.advantageBox .text3,
.advantageBox .text5,
.advantageBox .text7,
.advantageBox .text9,
.advantageBox .text11,
.advantageBox .text13{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 32px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 400;
    position: absolute;
    top: 36px;
    z-index: 10;
}
.advantageBox .text4{
    width: 176px;
    height: 90px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    position: absolute;
    top: 95px;
    left: 57px;
    z-index: 10;
}
.advantageBox .text6{
    width: 160px;
    height: 60px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    position: absolute;
    top: 95px;
    left: 65px;
    z-index: 10;
}
.advantageBox .text8{
    width: 178px;
    height: 90px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    position: absolute;
    top: 95px;
    left: 56px;
    z-index: 10;
}
.advantageBox .text10{
    width: 208px;
    height: 90px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    position: absolute;
    top: 95px;
    left: 41px;
    z-index: 10;
}
.advantageBox .text12{
    width: 272px;
    height: 90px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    position: absolute;
    top: 95px;
    left: 85px;
    z-index: 10;
}
.advantageBox .text14{
    width: 256px;
    height: 90px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    position: absolute;
    top: 95px;
    left: 93px;
    z-index: 10;
}
/* ----------------------内容四-------------------------- */
.contentD .typeArea .text1{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #000A24;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 86px;
}
.contentD .typeArea .text1{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #000A24;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 86px;
}
.contentD .typeArea .text2{
    width: 100%;
    text-align: center;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 400;
    position: absolute;
    top: 142px;
}
.contentD .typeArea .bk{
    width: 100%;
    height: 488.25px;
    position: absolute;
    top: 199px;
    background: url(../images/hp.png) no-repeat center center;
}
.contentD .typeArea .Lbtn{
    width: 44px;
    height: 44px;
    background: #C89E69;
    position: absolute;
    top: 417px;
    left: -64px;
    cursor: pointer;
}
.contentD .typeArea .Rbtn{
    width: 44px;
    height: 44px;
    background: #C89E69;
    position: absolute;
    top: 417px;
    right: -64px;
    cursor: pointer;
}
.contentD .typeArea .Lbtn::after{
    content: '';
    width: 100%;
    height: 25px;
    text-align: center;
    line-height: 44px;
    background: url(../images/Lbtn.png) no-repeat center center;
    position: absolute;
    top: 10px;
}
.contentD .typeArea .Rbtn::after{
    content: '';
    width: 100%;
    text-align: center;
    line-height: 44px;
    height: 25px;
    background: url(../images/Rbtn.png) no-repeat center center;
    position: absolute;
    top: 10px;
}





/* ----------------------底部-------------------------- */
.footpicer{
    width: 100%;
    height: 524px;
    position: absolute;
}
.foot .typeArea .text{
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: PingFangSC-Regular;
    font-size: 38px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 400;
    position: absolute;
    top: 56px;
}
.foot .typeArea .calculatorBox{
    width: 1200px;
    height: 327px;
    position: absolute;
    top: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}
.calculatorBox .text1{
    color: #000A24 !important;
    width: 392px;
    height: 33px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
    position: absolute;
    top: 55px;
    left: 60px;
}
.calculatorBox .text2 {
    height: 33px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
    position: absolute;
    top: 58px;
    left: 190px;
}
.calculatorInput1{
    position: absolute;
    left: 60px;
    top: 115px;
}
.calculatorInput2{
    position: absolute;
    left: 60px;
    top: 175px;
}
.calculatorInput1 span,
.calculatorInput2 span{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
}
.calculatorInput1 input,
.calculatorInput2 input{
    width: 285px;
    height: 50px;
    border: 1px solid #666666;
    margin-left: 10px;
}
.calculatorBox .text3{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
    position: absolute;
    top: 250px;
    left: 60px;
}
.calculatorBox .text4{
    width: 392px;
    height: 33px;
    position: absolute;
    top: 55px;
    left: 820px;
}
.calculatorBox .text4::after{
    content: '成功获取方案用户';
    font-size: 24px;
    text-align: center;
    width: 272px;
    height: 27px;
    background: #ffffff;
    position: absolute;
    right: 155px;
    top: 1px;
}
.calculatorBox .text4::before{
    content: '';
    border: 1px solid #666666;
    width: 420px;
    height: 230px;
    position: absolute;
    right: 85px;
    top: 16px;
}
.calculatorBox .banner{
    width: 420px;
    height: 160px;
    position: absolute;
    left: -114px;
    top: 50px;
    text-align: center;
    overflow: hidden;
}
@-webkit-keyframes scrollToUp{
    0%{
        /* background-position: 0 0 ; */
        top: 0px;
    }
    100%{
        /* background-position: 0 -258px; */
        top: -156px;
        /* 每条数据算上外补丁26px
        有多少条就滚动 26*N-26*6的高度 */
    }
}
@keyframes scrollToUp{
    0%{
        /* background-position: 0 0 ; */
        top: 0px;
    }
    100%{
        /* background-position: 0 -258px; */
        top: -156px;
    }
}
.calculatorBox .banner div{
    margin-top: 5px;
    position: relative;
    -webkit-animation: scrollToUp 5s linear infinite;
    animation: scrollToUp 5s linear infinite;
}
.calculatorBox .banner div span{
    margin: 0 10px;
    color: #666666;
}