/* 添加样式  遮罩层 */
  .image-container {
      width: 100%;
      position: relative;
      /* height: 854px; */
      height: 100%;
  }

  .mask {
      background-color: rgba(0, 0, 0, 0.6);
      width: 100%;
      /* 设置遮罩层的宽度与容器相同 */
      height: 100%;
      /* 设置遮罩层的高度与容器相同 */
      top: 0;
      /* 设置遮罩层相对于容器的top值为0 */
      left: 0;
      /* 设置遮罩层相对于容器的left值为0 */
      z-index: 99;
      /* 设置遮罩层的z-index值，确保它处于图片之上 */
      position: absolute;
  }

  .serviceAll {
      font-size: 40px;
      color: #ffffff;

  }

  .content1 {
      position: absolute;
      left: 45px;
      top: 40px;
      z-index: 100;
  }



  .flex {
      display: flex;
      justify-content: space-between;
  }



  .flex2 {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;

  }

  .jingli2 {
      position: absolute;
      z-index: 100;
      left: 45px;
      right: 45px;
      top: 220px;
  }

  .bottomLogo {
      position: absolute;
      right: 40px;
      bottom: 24px;
      z-index: 100;
  }



  .mb30 {
      margin-bottom: 30px;
  }

  .mt50 {
      margin-top: 50px;
  }

  .center {
      text-align: center;
  }



  .e1 {
      margin-top: 228px;
      margin-left: 80px;

  }

  .chooseall {
      position: absolute;
      z-index: 100;
      left: 230px;
      top: 120px;
  }

  .choose {
      margin: 38px 0;
  }

  .tablep {
      position: absolute;
      z-index: 100;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -10%);
  }


  .circle {
      position: relative;
      margin: 0 10px;

      &::after {
          content: "";
          position: absolute;
          width: 7px;
          height: 7px;
          background-color: #fff;
          border-radius: 50%;
          left: -18%;
          top: 50%;
          transform: translateY(-50%);

      }
  }



  .circle3 {
      position: relative;
      margin: 0 10px;

      &::after {
          content: "";
          position: absolute;
          width: 7px;
          height: 7px;
          background-color: #fff;
          border-radius: 50%;
          left: -38%;
          top: 50%;
          transform: translateY(-50%);

      }
  }

  .circle2 {
      position: relative;
      margin: 0 10px;

      &::after {
          content: "";
          position: absolute;
          width: 10px;
          height: 10px;
          background-color: #fff;
          border-radius: 50%;
          left: -18%;
          top: 50%;
          transform: translateY(-50%);

      }
  }

  .text {
      margin: 0 60px;
  }

  /* 媒体查询 */
  /* 分辨率低 */
  @media (max-width:1720px) and (min-width:1490px) {
      .fudao {
          position: absolute;
          z-index: 100;
          left: 120px;
          top: 510px;
      }

      .project {
          position: absolute;
          z-index: 100;
          width: 428px;
          height: 174px;
          left: 120px;
          top: 123px;
      }

      .imgheight {
          height: 100px;
      }

      .jingli {
          position: absolute;
          z-index: 100;
          left: 45px;
          right: 45px;
          top: 160px;
      }

      .jingli3 {
          position: absolute;
          z-index: 100;
          left: 45px;
          right: 45px;
          top: 123px
      }

      .flex1 {
          display: flex;
          /* justify-content: center; */
          justify-content: space-between;
          flex-wrap: wrap;
      }

      .jinimg {
          width: 660px;
          height: 195px;
      }

      .jinimg1 {
          width: 550px;
          height: 377px;
      }

      .jinimg2 {
          width: 550px;
          height: 275px;
      }

      .mainAll {
          position: absolute;
          z-index: 100;
          left: 33%;
          transform: translate(-33%, -10%);
          top: 20%;
          font-weight: 600;
          font-size: 32px;
      }

      /* 图表 */
      .imgtab {
          width: 424px;
          height: auto;
      }

      .img-f {
          width: 600px;
          height: 301px;
      }

      .img-q {
          width: 480px;
          height: 341px;
      }

      .newchoose {
          margin: 30px 80px;
      }

      .fs32 {
          font-size: 32px;
      }

      .imgresult3 {
          width: 600px;
          height: 357px;
      }

      .e2 {
          margin-left: -460px;

      }


      .e3 {
          margin-left: -460px;
          margin-top: -250px;
      }

      .e4 {
          margin-left: -460px;
          margin-top: -410px;
      }


      .tableAll {
          position: absolute;
          z-index: 100;
          left: 21%;
          top: 45%;
          font-size: 28px;
      }

      .tableAll2 {
          position: absolute;
          z-index: 100;
          left: 34%;
          bottom: 14%;
          font-size: 28px;
      }

      .tableAll3 {
          position: absolute;
          z-index: 100;
          right: 22%;
          top: 45%;
          font-size: 28px;
      }

  }

  /* 分辨率高 */
  @media (min-width:1730px) {
      .fudao {
          position: absolute;
          z-index: 100;
          left: 120px;
          top: 600px;
      }

      .project {
          position: absolute;
          z-index: 100;
          width: 428px;
          height: 174px;
          left: 120px;
          top: 160px;

      }

      .imgheight {
          height: 136px;
      }

      .jingli {
          position: absolute;
          z-index: 100;
          left: 45px;
          right: 45px;
          top: 153px;
      }

      .jingli3 {
          position: absolute;
          z-index: 100;
          left: 45px;
          right: 45px;
          top: 153px;
      }

      .flex1 {
          display: flex;
          /* justify-content: center; */
          justify-content: space-around;
          flex-wrap: wrap;
      }

      .jinimg {
          width: 810px;
          height: 359px;
      }

      .jinimg1 {
          width: 660px;
          height: 452px;
      }

      .jinimg2 {
          width: 660px;
          height: 330px;
      }

      .mainAll {
          position: absolute;
          z-index: 100;
          left: 43%;
          transform: translate(-43%, -10%);
          top: 20%;
          font-weight: 600;
          font-size: 40px;
      }

      .img-f {
          width: 800px;
          height: 402px;
      }

      .img-q {
          width: 660px;
          height: 468px;
      }

      .newchoose {
          margin: 52px 80px;
      }

      .fs32 {
          font-size: 38px;
      }


      .imgresult3 {
          width: 760px;
          height: 452px;
      }

      .e2 {
          margin-left: -553px;

      }

      .e3 {
          margin-left: -558px;
          margin-top: -250px;

      }

      .e4 {
          margin-left: -554px;
          margin-top: -410px;
      }

      .tableAll {
          position: absolute;
          z-index: 100;
          left: 24%;
          top: 45%;
          font-size: 28px;
      }

      .tableAll2 {
          position: absolute;
          z-index: 100;
          left: 34%;
          bottom: 16%;
          font-size: 28px;
      }

      .tableAll3 {
          position: absolute;
          z-index: 100;
          right: 24%;
          top: 45%;
          font-size: 28px;
      }

  }




  /* 分辨率小于1490的 */
  @media (max-width:1489px) {

      .fudao {
          position: absolute;
          z-index: 100;
          left: 120px;
          top: 510px;
      }

      .project {
          position: absolute;
          z-index: 100;
          width: 428px;
          height: 174px;
          left: 120px;
          top: 123px;
      }

      .imgheight {
          height: 100px;
      }

      .jingli {
          position: absolute;
          z-index: 100;
          left: 45px;
          right: 45px;
          top: 160px;
      }

      .jingli3 {
          position: absolute;
          z-index: 100;
          left: 45px;
          right: 45px;
          top: 123px
      }

      .flex1 {
          display: flex;
          /* justify-content: center; */
          justify-content: space-between;
          flex-wrap: wrap;
      }

      .jinimg {
          width: 660px;
          height: 195px;
      }

      .jinimg1 {
          width: 550px;
          height: 377px;
      }

      .jinimg2 {
          width: 550px;
          height: 275px;
      }

      .mainAll {
          position: absolute;
          z-index: 100;
          left: 33%;
          transform: translate(-33%, -10%);
          top: 20%;
          font-weight: 600;
          font-size: 32px;
      }

      /* 图表 */
      .imgtab {
          width: 424px;
          height: auto;
      }

      .img-f {
          width: 600px;
          height: 301px;
      }

      .img-q {
          width: 480px;
          height: 341px;
      }

      .newchoose {
          margin: 30px 80px;
      }

      .fs32 {
          font-size: 32px;
      }

      .imgresult3 {
          width: 560px;
          height: 333px;
      }

      .e2 {
          margin-left: -460px;

      }


      .e3 {
          margin-left: -460px;
          margin-top: -250px;
      }

      .e4 {
          margin-left: -460px;
          margin-top: -410px;
      }


      .tableAll {
          position: absolute;
          z-index: 100;
          left: 21%;
          top: 45%;
          font-size: 28px;
      }

      .tableAll2 {
          position: absolute;
          z-index: 100;
          left: 34%;
          bottom: 14%;
          font-size: 28px;
      }

      .tableAll3 {
          position: absolute;
          z-index: 100;
          right: 22%;
          top: 45%;
          font-size: 28px;
      }

  }