/* ----------------------大盒子-------------------------- */

/* 版心 */

.typeArea {

  width: 1200px;

  height: 100%;

  margin: auto;

  position: relative;

}

/* 广告 */

.advertising1 {

  width: 100%;

  height: 650px;

  background-size: cover;

}

/* 内容一 */

.contentA {

  width: 100%;

  height: 960px;

  background: #ffffff;

}

/* 整装定制五大配置 */

.configuration {

  width: 100%;

  height: 686px;

  /* display: flex; */

}

/* 一线品牌材料全国采购 */

.brand {

  width: 100%;

  height: 818px;

  background: #f9f9f9;

  position: relative;

}

/* 内容二 */

.contentB {

  width: 100%;

  height: 1434px;

  background: #ffffff;

}

/* 名师设计团队 */

.team {

  width: 100%;

  height: 919px;

  background: url(../images/team.jpg) no-repeat center center;

  background-size: cover;

}

/* 内容三 */

.contentC {

  width: 100%;

  height: 1747px;

  background: #ffffff;

  position: relative;

  display: flex;

  justify-content: center;

}

/* 底部 */

.foot {

  width: 100%;

  height: 524px;

  background: url(../images/foot.jpg) no-repeat center center;

}

/* ----------------------广告图-------------------------- */

.blackShade {

  width: 100%;

  height: 167px;

  background: rgba(0, 10, 36, 0.5);

  position: absolute;

  top: 453px;

}

.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;

}

/* ----------------------内容一-------------------------- */

.contentAback{

    width: 100%;

    height: 100%;

    position: absolute;

}

/* 六大承诺 */

.contentAback .text1{

    width: 100%;

    height: 45px;

    font-family: PingFangSC-Regular;

    font-size: 38px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 75px;

    text-align: center;

}

.contentAback .text2{

    width: 100%;

    height: 19px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #666666;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

    position: absolute;

    top: 131px;

    text-align: center;

}

.contentAbox{

    width: 188px;

    height: 146px;

    background: #F9F9F9;

    position: absolute;

    top: 220px;

}

.contentAback .s1{

    left: 0;

}

.contentAback .s2{

    left: 202px;

}

.contentAback .s3{

    left: 405px;

}

.contentAback .s4{

    left: 607px;

}

.contentAback .s5{

    left: 810px;

}

.contentAback .s6{

    left: 1010px;

}

.contentAbox .circle{

    width: 66px;

    height: 66px;

    background: #193155;

    border-radius: 50%;

    text-align: center;

    line-height: 66px;

    font-family: PingFangSC-Medium;

    font-size: 24px;

    color: #FFFFFF;

    letter-spacing: 0;

    font-weight: 500;

    position:absolute;

    top: -33px;

    left: 61px;

}

.contentAbox .text{

    width: 100%;

    height: 95px;

    position: absolute;

    top: 49px;

    left: 0;

}

.text .text1{

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 20px;

    color: #000A24;

    letter-spacing: 0;

    font-weight: 400;

    position: absolute;

    line-height: 45px;

    top: 0;

    left: 0;

}

.text .text2{

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #666666;

    letter-spacing: 0;

    font-weight: 400;

    position: absolute;

    line-height: 45px;

    top: 37px;

    left: 0;

}

/* 三大亮点 */

.contentAback .text3{

    width: 100%;

    height: 45px;

    font-family: PingFangSC-Regular;

    font-size: 38px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 442px;

    text-align: center;

}

.contentAback .text4{

    width: 100%;

    height: 19px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #666666;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

    position: absolute;

    top: 498px;

    text-align: center;

}

.contentBbox{

    width: 386px;

    height: 220px;

    position: absolute;

    top: 554px;

    border: 1px saddlebrown solid;

}

.contentAback .s7{

    left: 0;

    background: url(../images/detail.jpg);

}

.contentAback .s8{

    left: 407px;

    background: url(../images/materials.png);

}

.contentAback .s9{

    left: 813px;

    background: url(../images/neomorph.png);

}

.contentBbox::after{

    content: '';

    width: 50px;

    height: 3px;

    background: #FFFFFF;

    position: absolute;

    top: 110px;

    left: 168px;

}

.contentBbox .text1{

    width: 100%;

    text-align: center;

    height: 45px;

    font-family: PingFangSC-Regular;

    font-size: 24px;

    color: #FFFFFF;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 47px;

}

.contentBbox .text2{

    width: 100%;

    text-align: center;

    height: 45px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #FFFFFF;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 128px;

}

/* 五大配置 */

.contentAback .text5{

    width: 100%;

    height: 45px;

    font-family: PingFangSC-Regular;

    font-size: 38px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 849px;

    text-align: center;

}

.contentAback .text6{

    width: 100%;

    height: 19px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #666666;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

    position: absolute;

    top: 905px;

    text-align: center;

}

/* ----------------------整装定制五大配置-------------------------- */

.deployLeft{

    width: 78.125%;

    height: 100%;

    background-size: cover;

    position: relative;

    float: left;

}

.cp_pages_img{display: none;}

.deployRight{

    width: 21.875%;

    height: 100%;

    background: url(../images/deployRight.jpg);

    position: relative;

    float: right;

}

/* 右侧 */

.textBlock{

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    cursor: pointer;

}

.deployRight .active{

    width: 100%;

    height: 100%;

    position: absolute;

}

.deployRight .active .text1,

.deployRight .active .text2{

    color: #c89e69 !important;

}

.deployRight .active::after{

    content: '';

    width: 180px;

    height: 5px;

    background: #C89E69;

    position: absolute;

    top: 66px;

    left: 64px;

}

.textBlock .text1{

    height: 33px;

    font-family: PingFangSC-Regular;

    font-size: 24px;

    color:  #FFFFFF;

    letter-spacing: 0;

    line-height: 33px;

    font-weight: 400;

    position: absolute;

    top: 0px;

    left: 62px;

}

.textBlock .text2{

    height: 33px;

    font-family: PingFangSC-Ultralight;

    font-size: 24px;

    color:  #FFFFFF;

    letter-spacing: 0;

    line-height: 33px;

    font-weight: 100;

    position: absolute;

    top: 33px;

    left: 62px;

    }

.deployRight .s1{

    top: 118px;

}

.deployRight .s2{

    top: 217px;

}

.deployRight .s3{

    top: 316px;

}

.deployRight .s4{

    top: 414px;

}

.deployRight .s5{

    top: 513px;

}

/* 左侧 */

.patterningContent{

    width: 128px;

    height: 34px;

    background: rgba(255, 255, 255, 0.5);

    border-radius: 17px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 34px;

    font-weight: 600;

    text-indent:0.8rem;

    position: absolute;

}

.patterningContent::before{

    content: '';

    width: 18px;

    height: 18px;

    border-radius: 50%;

    background: rgba(200, 158, 105, 1);

    position: absolute;

    top: 8px;

    left: -25.5px;

}

.patterningContent::after{

    content: '';

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background: rgba(200, 158, 105, 0.5);

    position: absolute;

    top: 0px;

    left: -34px;

}

.deployLeft .s1{

    top: 84px;

    /* 326px */

    left: 12.8%;

}

.deployLeft .s2{

    top: 291px;

    /* 420px */

    left: 19.8%;

}

.deployLeft .s3{

    top: 448px;

    /* 165px */

    left: 4.02%;

}

.deployLeft .s4{

    top: 233px;

    /*  920px */

    left: 61.1%;

}

.deployLeft .s5{

    top: 158px;

    /* 1244px */

    left:88.15%;

}

.deployLeft .s6{

    top: 454px;

    /* 1033px */

    left: 69.05%;

}

/* ----------------------一线品牌材料全国采购-------------------------- */

.brand .typeArea .text1{

    height: 45px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 38px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 77px;

}

.brand .typeArea .text2{

    height: 19px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #666666;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

    position: absolute;

    top: 133px;

}

.brand .typeArea .map{

    width: 100%;

    position: absolute;

    top: 173px;

}

.brandBk{

    width: 624.81px;

    height: 496px;

    position: absolute;

    top: 212px;

    display: flex;

    align-content: space-between;

    justify-content: space-between;

    flex-wrap: wrap;

}

.brandBk div{

    width: 196px;

    height: 65px;

    border: 1px solid #caac76;

    background: url(../images/logo.png);

}

/* ----------------------内容二-------------------------- */

.contentB .typeArea .text1{

    height: 45px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 38px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 77px;

}

.contentB .typeArea .text2{

    height: 19px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #666666;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

    position: absolute;

    top: 133px;

}

.BannerBK{

    width: 100%;

    height: 500px;

    position: absolute;

    top: 189px;

    overflow: hidden;

}

.contentBanner{

    width: 2420px;

    height: 500px;

    display: flex;

    justify-content: space-between;

    transition: all 0.3s linear;

}

.contentBanner div{

    width: 285px;

    height: 500px;

}

.contentBanner div:nth-child(1){

    background: url(../images/banner3.jpg);

}

.contentBanner div:nth-child(2){

    background: url(../images/banner3.jpg);

}

.contentBanner div:nth-child(3){

    background: url(../images/banner3.jpg);

}

.contentBanner div:nth-child(4){

    background: url(../images/banner3.jpg);

}

.contentBanner div:nth-child(5){

    background: url(../images/banner3.jpg);

}

.contentBanner div:nth-child(6){

    background: url(../images/banner3.jpg);

}

.contentBanner div:nth-child(7){

    background: url(../images/banner3.jpg);

}

.contentBanner div:nth-child(8){

    background: url(../images/banner3.jpg);

}

.contentB .typeArea .Lbtn{

    width: 44px;

    height: 44px;

    background: #C89E69;

    position: absolute;

    top: 417px;

    left: -64px;

    cursor: pointer;

}

.contentB .typeArea .Rbtn{

    width: 44px;

    height: 44px;

    background: #C89E69;

    position: absolute;

    top: 417px;

    right: -64px;

    cursor: pointer;

}

.contentB .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;

}

.contentB .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;

}

.blackBk{

    width: 100%;

    height: 167px;

    position: absolute;

    top: 709px;

    background: url(../images/blockBk.jpg) no-repeat;

    position: relative;

}

.blackBk .text3{

    width: 522px;

    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;

}

.blackBk .text4{

    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: 546px;

}

/* 您的称呼 */

.atCall{

    width: 370px;

    height: 54px;

    background: #FFFFFF;

    position: absolute;

    top: 83px;

    left: 25px;

}

.atCall span{

    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;

}

.atCall input{

    position: absolute;

    top: 0;

    left: 85px;

}

/* 联系方式 */

.atContact{

    width: 370px;

    height: 54px;

    background: #FFFFFF;

    position: absolute;

    top: 83px;

    left: 415px;

}

.atContact span{

    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;

}

.atContact input{

    position: absolute;

    top: 0;

    left: 85px;

}

/* 立即预约 */

.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;

}

.contentB .typeArea .text5{

    height: 45px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 38px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 952px;

}

.contentB .typeArea .text6{

    height: 19px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #666666;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

    position: absolute;

    top: 1008px;

}

.craftBk{

    width: 100%;

    height: 288px;

    position: absolute;

    top: 1065px;

    display: flex;

    justify-content: space-between;

}

.craftBk .bg{

    width: 285px;

    height: 288px;

    cursor: pointer;

}

.bg img{

    width: 285px;

    height: 240px;

    position: relative;

}

.bg .text{

    width: 285px;

    height: 48px;

    background: #eeeeee;

    text-align: center;

    line-height: 48px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #000A24;

    letter-spacing: 0;

    font-weight: 400;

}

.craftBk .active .text{

    background: #c89e69;

    color: #ffffff;

    transition: all 0.3s linear;

}

/* ----------------------名师设计团队-------------------------- */

.team .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;

}

.team .typeArea .text2{

    height: 19px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #f0f0f0;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

    position: absolute;

    top: 131px;

}

.team .typeArea .optionBk{

    width: 100%;

    height: 48px;

    position: absolute;

    top: 800px;

}

.team .typeArea .optionBk div:nth-child(1){

    width: 320px;

    height: 48px;

    border: 1px solid #ffffff;

    text-align: center;

    line-height: 46px;

    position: absolute;

    left: 253px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #FFFFFF;

    letter-spacing: 0;

    font-weight: 400;

    cursor: pointer;

}

.team .typeArea .optionBk div:nth-child(2){

    width: 320px;

    height: 48px;

    border: 1px solid #c89e69;

    background: #c89e69;

    text-align: center;

    line-height: 46px;

    position: absolute;

    right: 253px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #FFFFFF;

    letter-spacing: 0;

    font-weight: 400;

    cursor: pointer;

}

/* ----------------------内容三-------------------------- */

.contentC .typeArea .text1{

    height: 45px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 38px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 76px;

}

.contentC .typeArea .text2 {

    width: 651px;

    height: 19px;

    display: block;

    margin: 132px auto 0;

    display: flex;

    justify-content: space-between;

}

.contentC .typeArea .text2 span{

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color:  #666666;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

}

.neighbors{

    width: 100%;

    min-width: 1200px;

    height: 580px;

    position: absolute;

    top: 189px;

    display: flex;

    flex-wrap: wrap;

    align-content: space-between;

    justify-content: space-between;

}

.neighbors .picture{

    width: 386px;

    height: 280px;

    background: url(../images/neighbors.jpg);

    position: relative;

}

/* .neighbors .picture:hover{

    transform: scale(1.05) ;

    transition: all 0.3s linear;

} */



.strip{

    width: 100%;

    height: 40px;

    background: rgba(0, 10, 36, 0.4);

    position: absolute;

    bottom: 0;

}

.strip .text3{

    width: 186px;

    height: 19px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #FFFFFF;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

    position: absolute;

    top: 12px;

    left: 18px;

}

.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;

}

.contentC .typeArea .text4{

    height: 45px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 38px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 845px;

}

.contentC .typeArea .text5{

    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: 901px;

}

.contrast{

    width: 100%;

    min-width: 1200px;

    height: 588px;

    position: absolute;

    top: 959px;

}

.contrast .logo{

    width: 170px;

    height: 51px;

    position: absolute;

    top: 18px;

    left: 215px;

    background: url(../images/logo-YF.png);

}

.contrast .pk{

    width: 88px;

    height: 88px;

    border: 1px solid #000A26;

    border-radius: 44px;

    position: absolute;

    left: 556px;

    font-family: PingFangSC-Regular;

    font-size: 24px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 88px;

    font-weight: 400;

    text-align: center;

}

.contrast .text6{

    width: 96px;

    height: 19px;

    font-family: PingFangSC-Regular;

    font-size: 24px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 19px;

    font-weight: 400;

    position: absolute;

    right: 252px;

    top: 37px;

}

.contrast .compare{

    width: 100%;

    height: 94px;

    position: absolute;

}

.contrast .s1{

    top: 121px;

}

.contrast .s2{

    top: 246px;

}

.contrast .s3{

    top: 370px;

}

.contrast .s4{

    top: 494px;

}

.ovalBk{

    width: 648px;

    height: 94px;

    background: #C89E69;

    border-radius: 47px;

    position: absolute;

    z-index: 10;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #FFFFFF;

    letter-spacing: 0;

    line-height: 94px;

    font-weight: 400;

    text-align: center;

}

.compare .ovalBk:nth-child(2){

    background: #f9f9f9;

    position: absolute;

    right: 0;

    z-index: 5;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color:#000A24;;

    letter-spacing: 0;

    line-height: 94px;

    font-weight: 400;

    text-align: center;

}

.compare .offer{

    width: 88px;

    height: 88px;

    border: 1px solid #ffffff;

    background: #ffffff;

    border-radius: 44px;

    position: absolute;

    left: 556px;

    top: 3px;

    font-family: PingFangSC-Regular;

    font-size: 24px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 88px;

    font-weight: 400;

    text-align: center;

    z-index: 15;

}

.contentC .typeArea .text7{

    height: 45px;

    width: 100%;

    text-align: center;

    font-family: PingFangSC-Regular;

    font-size: 38px;

    color: #000A24;

    letter-spacing: 0;

    line-height: 45px;

    font-weight: 400;

    position: absolute;

    top: 1622px;

}

.contentC .typeArea .text8{

    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: 1678px;

}

.owner{

    width: 100%;

}

.owner div{

    width: 9.1%;

    height: auto;

    margin: 0 1% 2% 0;

    float: left;

    overflow: hidden;

}

.owner div:nth-child(10),

.owner div:nth-child(20),

.owner div:nth-child(30),

.owner div:nth-child(40)

{

    width: 9%;

    height: auto;

    margin: 0 0 2% 0;

    float: left;

}

.owner div img{

    width: 100%;

    height: 100%;

}

/* ----------------------底部-------------------------- */

.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 {

    width: 170px;

    height: 33px;

    font-family: PingFangSC-Regular;

    font-size: 16px;

    color: #666666;

    letter-spacing: 0;

    line-height: 33px;

    font-weight: 400;

    position: absolute;

    top: 60px;

    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;

}