img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover; }

.item_hover {
  overflow: hidden; }
  .item_hover:hover img {
    transform: scale(1.05); }
  .item_hover img {
    width: 100%;
    height: 100%;
    transition: .6s ease; }

.common_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%; }

.home_img {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh; }
  .home_img img {
    width: 100%;
    height: 100%; }

.section1 {
  padding: 10.7291666667vw 3.3333333333vw 11.25vw 3.6458333333vw; }
  .section1 .top {
    padding: 0 5.3645833333vw 0 6.0416666667vw;
    display: flex;
    justify-content: space-between; }
    .section1 .top .l {
      margin: 4.7916666667vw 0 0 0;
      width: 31.5625vw; }
      .section1 .top .l .p1 {
        color: #000;
        font-style: normal;
        font-weight: 400;
        line-height: 4.1666666667vw;
        /* 105.263% */
        text-transform: capitalize;
        margin: 0 0 2.0833333333vw; }
      .section1 .top .l .p2 {
        color: #999;
        font-style: normal;
        font-weight: 400; }
    .section1 .top .img {
      width: 38.5416666667vw; }
      .section1 .top .img img {
        width: 100%; }
  .section1 .bottom {
    margin: 11.4583333333vw 0 0 0;
    clip-path: inset(0 100% 0 0);
    transition: cubic-bezier(0.77, 0, 0.175, 1) 1s; }
    .section1 .bottom.on {
      clip-path: inset(0 0 0 0); }
      .section1 .bottom.on .list.list_move p {
        transform: translateX(0) !important;
        transition-delay: 1s; }
      .section1 .bottom.on .list .dian {
        transform: scale(1);
        opacity: 1;
        transition-delay: 1.2s; }
    .section1 .bottom .list {
      color: rgba(0, 0, 0, 0.2);
      text-align: center;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      display: flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      margin: auto;
      position: relative; }
      .section1 .bottom .list .clip {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.0416666667vw; }
        .section1 .bottom .list .clip:nth-child(2) {
          position: absolute;
          top: 0;
          left: 0;
          clip-path: inset(0 100% 0 0); }
          .section1 .bottom .list .clip:nth-child(2) p {
            color: #111; }
      .section1 .bottom .list.list_move p {
        transition: 1s; }
        .section1 .bottom .list.list_move p:first-child {
          transform: translateX(2.5vw); }
        .section1 .bottom .list.list_move p:last-child {
          transform: translateX(-2.5vw); }
      .section1 .bottom .list .dian {
        width: 3.6458333333vw;
        height: 3.5416666667vw;
        transform: scale(0.3);
        transform-origin: bottom;
        transition: 1s ease;
        opacity: 0; }

.section2 {
  padding: 0 9.375vw 14.375vw 9.375vw; }
  .section2 .title {
    color: #000;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase; }
  .section2 .figure {
    display: flex;
    justify-content: space-between;
    margin: 3.125vw 0 4.3229166667vw 0;
    padding: 0 4.1666666667vw; }
    .section2 .figure .item .dis {
      display: flex;
      justify-content: center; }
    .section2 .figure .item span {
      color: #000;
      text-align: center;
      font-style: normal;
      font-weight: 600; }
    .section2 .figure .item .p1 {
      color: #999;
      text-align: center;
      font-style: normal;
      font-weight: 400;
      text-transform: capitalize; }
  .section2 .content {
    display: flex;
    flex-wrap: wrap;
    gap: 3.125vw 5.7291666667vw; }
    .section2 .content .img {
      width: 15.625vw;
      height: 5.5208333333vw;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center; }
      .section2 .content .img:hover img {
        transform: scale(1.05);
        filter: grayscale(0);
        opacity: 1; }
      .section2 .content .img img {
        transition: .6s ease;
        filter: grayscale(100%);
        opacity: .5; }

.section3 {
  padding: 0 9.0625vw 14.0625vw 5.9895833333vw; }
  .section3 .title {
    color: #000;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5.2083333333vw; }
  .section3 .figure {
    display: flex;
    justify-content: space-between;
    width: 46.71875vw;
    margin: auto; }
    .section3 .figure .item {
      display: flex;
      align-items: flex-end;
      gap: 1.0416666667vw; }
      .section3 .figure .item span {
        color: #2690C5;
        font-style: normal;
        font-weight: 500;
        line-height: 1; }
      .section3 .figure .item p {
        color: #000;
        font-style: normal;
        font-weight: 700;
        text-transform: capitalize; }
  .section3 .content {
    width: 100%;
    position: relative; }
    .section3 .content .map {
      width: 100%; }
    .section3 .content .point {
      position: absolute; }
      .section3 .content .point.point1 {
        top: 16.09375vw;
        left: 17.6041666667vw; }
      .section3 .content .point.point2 {
        top: 28.8541666667vw;
        left: 24.4270833333vw; }
      .section3 .content .point.point3 {
        top: 11.8229166667vw;
        left: 45.9895833333vw; }
      .section3 .content .point.point4 {
        top: 18.75vw;
        left: 54.2708333333vw; }
      .section3 .content .point.point5 {
        top: 17.96875vw;
        left: 67.1354166667vw; }
      .section3 .content .point .hide {
        width: 13.125vw;
        height: 6.875vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 100%; }
        .section3 .content .point .hide .jump {
          width: 100%;
          height: 100%;
          padding: 1.3020833333vw 1.5625vw;
          background: #FFF;
          box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
          position: relative;
          left: -30px; }
        .section3 .content .point .hide .p1 {
          color: #000;
          font-style: normal;
          font-weight: 400;
          margin: 0 0 0.5208333333vw; }
        .section3 .content .point .hide .dis {
          display: flex;
          align-items: flex-end;
          gap: 0.7291666667vw; }
          .section3 .content .point .hide .dis span {
            color: #000;
            font-style: normal;
            font-weight: 400;
            text-transform: uppercase;
            line-height: 1; }
          .section3 .content .point .hide .dis .p2 {
            color: #999;
            font-style: normal;
            font-weight: 500; }
      .section3 .content .point .show {
        width: 1.0416666667vw;
        height: 1.0416666667vw;
        background: #2690C5;
        border-radius: 50%;
        position: relative;
        z-index: 1; }
        .section3 .content .point .show:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          animation: 2s scaleA linear infinite;
          opacity: .5;
          background: #2690C5;
          border-radius: 50%;
          z-index: -1; }
        .section3 .content .point .show:before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          animation: 2s scaleA linear infinite;
          opacity: .5;
          background: #2690C5;
          border-radius: 50%;
          z-index: -1;
          animation-delay: 1s; }
      .section3 .content .point.top .hide {
        top: unset;
        right: unset;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%); }
        .section3 .content .point.top .hide .jump {
          left: unset;
          top: -1.5625vw; }
      .section3 .content .point.bottom .hide {
        right: unset;
        top: 100%;
        left: 50%;
        transform: translateX(-50%); }
        .section3 .content .point.bottom .hide .jump {
          left: unset;
          top: 1.5625vw; }
      .section3 .content .point.right .hide {
        left: 100%; }
        .section3 .content .point.right .hide .jump {
          left: 1.5625vw; }

@keyframes scaleA {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: .5; }
  100% {
    transform: translate(-50%, -50%) scale(5);
    opacity: 0; } }
.section4 {
  padding: 0 3.6458333333vw 15.2604166667vw 3.6458333333vw; }
  .section4 .title {
    color: #000;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 4.6875vw; }
  .section4 .content {
    display: flex;
    gap: 2.3958333333vw; }
    .section4 .content .item {
      width: 21.1979166667vw;
      height: 14.4270833333vw;
      background: #fff;
      border: 1px solid #F7F7F7;
      padding: 2.2916666667vw 1.3020833333vw 1.875vw 1.3020833333vw;
      transition: .6s ease; }
      .section4 .content .item:hover {
        box-shadow: 0px 5.106px 16.021px rgba(0, 0, 0, 0.05); }
      .section4 .content .item .icon {
        width: 4.0104166667vw;
        height: 3.1770833333vw;
        margin: 0 0 0 0.7291666667vw; }
        .section4 .content .item .icon img {
          object-fit: contain; }
      .section4 .content .item .p1 {
        margin: 3.4375vw 0 0 0;
        color: #000;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px; }

.section5 {
  padding: 0 0 16.25vw; }
  .section5 .title {
    color: #000;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 4.4791666667vw; }
  .section5 .content {
    width: 71.1979166667vw;
    height: 34.84375vw;
    margin: auto;
    position: relative; }
    .section5 .content .svg1 {
      position: absolute;
      width: 24.0625vw;
      height: 11.6666666667vw;
      top: 5.2083333333vw;
      left: 0; }
    .section5 .content .svg2 {
      width: 28.59375vw;
      height: 18.59375vw;
      position: absolute;
      bottom: -1.875vw;
      left: -3.4375vw; }
    .section5 .content .svg3 {
      width: 32.0833333333vw;
      height: auto;
      position: absolute;
      top: 4.7395833333vw;
      left: 21.1458333333vw; }
      .section5 .content .svg3 image {
        transform: rotate(-50deg); }
    .section5 .content .svg4 {
      width: 26.9270833333vw;
      position: absolute;
      bottom: -0.625vw;
      height: auto;
      left: 25.2604166667vw; }
      .section5 .content .svg4 image {
        transform: rotate(-50deg); }
    .section5 .content .svg5 {
      width: 20.9375vw;
      height: auto;
      position: absolute;
      right: 2.5520833333vw;
      bottom: 2.34375vw; }
      .section5 .content .svg5 image {
        transform: rotate(-50deg); }
    .section5 .content svg image {
      width: 2.3958333333vw;
      height: 2.3958333333vw;
      transform: rotate(131deg);
      x: -0.78125vw;
      y: -0.78125vw; }
    .section5 .content .list {
      position: absolute;
      width: 26.6666666667vw;
      background: #FFF;
      border: 1px solid #F7F7F7;
      box-shadow: 0px 8px 25.1px rgba(0, 0, 0, 0.05);
      padding: 1.5104166667vw 2.34375vw 1.3020833333vw 2.0833333333vw;
      display: flex;
      --color: #47C3F1;
      cursor: pointer; }
      .section5 .content .list.list1 {
        top: 1.4583333333vw;
        left: -8.0729166667vw; }
      .section5 .content .list.list2 {
        bottom: -5.46875vw;
        left: -3.75vw;
        --color: #2690C5;
        width: 28.4375vw; }
      .section5 .content .list.list3 {
        top: 1.4583333333vw;
        right: -10.78125vw;
        --color: #55DB9C;
        width: 25.625vw; }
      .section5 .content .list.list4 {
        right: 2.34375vw;
        bottom: -5.5208333333vw;
        --color: #00CB6C;
        width: 31.875vw; }
      .section5 .content .list .circle {
        width: 1.0416666667vw;
        height: 1.0416666667vw;
        background: var(--color);
        border-radius: 50%;
        margin: 0.3125vw 1.25vw 0 0; }
      .section5 .content .list .text {
        width: 19.9479166667vw;
        flex: 1; }
        .section5 .content .list .text .p1 {
          color: #000;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: -0.26px;
          margin: 0 0 0.6770833333vw; }
        .section5 .content .list .text .p2 .dis {
          display: flex; }
          .section5 .content .list .text .p2 .dis span {
            width: 0.3125vw;
            height: 0.3125vw;
            border-radius: 50%;
            background: #999;
            display: inline-block;
            position: relative;
            margin: 0.5208333333vw 0.625vw 0 0; }
          .section5 .content .list .text .p2 .dis p {
            color: #999;
            font-style: normal;
            font-weight: 400;
            line-height: 1.4;
            /* 140% */
            flex: 1;
            transition: all 600ms; }
            .section5 .content .list .text .p2 .dis p:hover {
              color: #000; }

.section6 {
  height: 100vh; }
  .section6 .fix {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section6 .fix .wrap {
      width: 100%;
      position: relative;
      top: 2.6041666667vw; }
    .section6 .fix .title {
      color: #000;
      text-align: center;
      font-style: normal;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0 0 4.1666666667vw; }
    .section6 .fix .content {
      display: flex;
      justify-content: space-between;
      padding: 0 3.6458333333vw 0 7.2916666667vw;
      width: 100%; }
      .section6 .fix .content .r {
        width: 42.8645833333vw;
        height: 34.375vw;
        position: relative;
        overflow: hidden;
        padding: 2.6041666667vw; }
        .section6 .fix .content .r:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          bottom: -3.6458333333vw;
          left: 50%;
          transform: translateX(-50%);
          pointer-events: none;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
          z-index: 8; }
        .section6 .fix .content .r .item {
          width: 37.65625vw;
          background: #FFF;
          box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
          padding: 3.6458333333vw 2.9166666667vw;
          display: flex;
          align-items: center; }
          .section6 .fix .content .r .item:not(:last-child) {
            margin: 0 0 12.5vw; }
          .section6 .fix .content .r .item .p1 {
            color: #000;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: capitalize;
            margin: 0 0 0.5208333333vw; }
          .section6 .fix .content .r .item .p2 {
            color: #000;
            font-style: normal;
            font-weight: 400;
            line-height: 1.4583333333vw;
            /* 140% */ }
      .section6 .fix .content .l {
        width: 38.0729166667vw;
        height: 34.6875vw;
        position: relative; }
        .section6 .fix .content .l .text {
          position: relative;
          margin: auto; }
          .section6 .fix .content .l .text .pick {
            color: #FFF;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            position: absolute;
            left: 50%;
            bottom: 1.5625vw;
            transform: translate(-50%, 0);
            text-align: center;
            opacity: 1;
            transition: .6s ease; }
          .section6 .fix .content .l .text:not(:first-child) {
            margin-top: -1.5625vw; }
          .section6 .fix .content .l .text img {
            width: 100%; }
        .section6 .fix .content .l .text1 {
          width: 38.0729166667vw;
          z-index: 9; }
        .section6 .fix .content .l .text2 {
          width: 30.9375vw;
          z-index: 8; }
          .section6 .fix .content .l .text2 .pick {
            bottom: 1.1458333333vw; }
        .section6 .fix .content .l .text3 {
          width: 26.1458333333vw;
          z-index: 7; }
          .section6 .fix .content .l .text3 .pick {
            bottom: 0.3645833333vw; }
        .section6 .fix .content .l .text4 {
          width: 21.1458333333vw;
          z-index: 6; }
          .section6 .fix .content .l .text4 .pick {
            bottom: 0.3645833333vw; }
        .section6 .fix .content .l .text5 {
          width: 16.5625vw;
          z-index: 5; }
          .section6 .fix .content .l .text5 .pick {
            bottom: 0.3645833333vw; }

.section7 {
  padding: 11.7708333333vw 3.6458333333vw 7.7083333333vw 3.6458333333vw; }
  .section7 .title {
    color: #000;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5.8333333333vw; }
  .section7 .content {
    display: flex;
    justify-content: space-between; }
    .section7 .content .item {
      width: 29.375vw;
      height: 26.4583333333vw;
      padding: 2.0833333333vw;
      border-radius: 2px;
      border: 1px solid #F7F7F7;
      background: #FFF;
      box-shadow: 0px 8px 25.1px 0px rgba(0, 0, 0, 0.05); }
      .section7 .content .item.item2 .display {
        gap: 4.1666666667vw; }
      .section7 .content .item.item3 .p1 {
        margin: 2.1354166667vw 0 3.6458333333vw; }
      .section7 .content .item.item3 .display {
        gap: 1.6041666667vw; }
        .section7 .content .item.item3 .display .list .img {
          width: 2.7604166667vw;
          height: 5.2604166667vw; }
        .section7 .content .item.item3 .display .list .text {
          margin: 0.3125vw 0 0 0; }
      .section7 .content .item .icon {
        width: 4.2708333333vw;
        height: 3.3333333333vw;
        display: flex;
        align-items: center; }
        .section7 .content .item .icon img {
          object-fit: contain; }
      .section7 .content .item .p1 {
        color: #000;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.18px;
        margin: 2.1354166667vw 0 5.2083333333vw; }
      .section7 .content .item .display {
        display: flex;
        gap: 2.34375vw; }
        .section7 .content .item .display .list .img {
          width: 2.0833333333vw;
          height: 2.0833333333vw;
          margin: auto; }
        .section7 .content .item .display .list .text {
          color: #000;
          text-align: center;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          margin: 1.5625vw 0 0; }

@media screen and (max-width: 768px) {
  .section1 {
    padding: 100px 5% 40px 5%; }
    .section1 .top {
      padding: 0;
      flex-direction: column; }
      .section1 .top .l {
        width: 100%; }
        .section1 .top .l .p1 {
          line-height: 1.2;
          margin: 0 0 15px; }
      .section1 .top .img {
        width: 100%;
        margin: 25px 0 0 0; }
    .section1 .bottom {
      display: none; }
    .section1 .sj_bottom {
      display: block !important;
      margin: 50px 0 0 0; }
      .section1 .sj_bottom p {
        font-size: 18px; }
        .section1 .sj_bottom p .dian {
          width: 20px;
          margin: 0 10px; }

  .section2 {
    padding: 50px 5%; }
    .section2 .figure {
      margin: 25px 0 0 0;
      padding: 0; }
      .section2 .figure .item .p1 {
        font-size: 13px; }
    .section2 .content {
      margin: 50px 0 0 0;
      padding: 0;
      gap: 20px;
      display: grid;
      grid-template-columns: repeat(2, 1fr); }
      .section2 .content .img {
        width: 100%;
        height: 30px; }
        .section2 .content .img img {
          max-width: 80%; }

  .section3 {
    padding: 50px 5%;
    position: relative; }
    .section3 .title {
      margin: 0 0 30px; }
    .section3 .content .point {
      position: static;
      margin: 0 0 20px; }
      .section3 .content .point .show {
        display: none; }
      .section3 .content .point .hide {
        position: static;
        transform: none !important;
        width: 100%;
        height: auto; }
        .section3 .content .point .hide .jump {
          width: 100%;
          height: auto;
          padding: 30px 5%;
          left: 0 !important;
          top: 0 !important;
          right: 0 !important; }
          .section3 .content .point .hide .jump .p1 {
            margin: 0 0 10px; }
    .section3 .figure {
      gap: 30px;
      width: 100%;
      position: absolute;
      left: 0;
      padding: 0 5%;
      top: 240px; }
      .section3 .figure .item {
        gap: 5px; }
        .section3 .figure .item span {
          font-size: 18px; }
        .section3 .figure .item p {
          font-size: 12px; }

  .section4 {
    padding: 50px 5%; }
    .section4 .title {
      margin: 0 0 30px; }
    .section4 .content {
      flex-direction: column;
      gap: 20px; }
      .section4 .content .item {
        width: 100%;
        height: auto;
        padding: 40px 5%; }
        .section4 .content .item .icon {
          width: 30px;
          height: 30px;
          margin: 0; }
        .section4 .content .item .p1 {
          margin: 20px 0 0 0; }

  .sj_section5 {
    display: block !important;
    padding: 30px 0 74px 0; }
    .sj_section5 .title {
      color: #000;
      text-align: center;
      font-size: 3.7333333333vw;
      font-style: normal;
      font-weight: 600;
      text-transform: uppercase; }
    .sj_section5 .content {
      width: 90.4vw;
      margin: 7.2vw 0 0 8.5333333333vw;
      position: relative; }
      .sj_section5 .content .item {
        position: absolute;
        display: flex;
        width: 43.7333333333vw;
        padding: 4vw 4.2666666667vw 6.6666666667vw 3.4666666667vw;
        gap: 1.3333333333vw;
        background: #FFF;
        border: 1px solid #F7F7F7;
        box-shadow: 0px 4.264px 13.378px rgba(0, 0, 0, 0.05); }
        .sj_section5 .content .item .circle {
          width: 2.6666666667vw;
          height: 2.6666666667vw;
          border-radius: 50%;
          margin: 1.0666666667vw 0 0 0; }
        .sj_section5 .content .item .r {
          width: 31.2vw; }
          .sj_section5 .content .item .r .p1 {
            color: #000;
            font-size: 3.2vw;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: -0.139px;
            margin: 0 0 1.6vw; }
          .sj_section5 .content .item .r .text p {
            position: relative;
            color: #999;
            font-size: 2.6666666667vw;
            font-style: normal;
            font-weight: 400;
            line-height: 3.9797333333vw;
            /* 149.239% */
            padding: 0 0 0 2.6666666667vw; }
            .sj_section5 .content .item .r .text p:after {
              content: '';
              width: 0.8vw;
              height: 0.8vw;
              border-radius: 50%;
              background: #999;
              position: absolute;
              left: 0;
              top: 1.3333333333vw; }
      .sj_section5 .content img {
        width: 100%; }
      .sj_section5 .content .item1 {
        top: 17.8666666667vw;
        left: -5.3333333333vw; }
      .sj_section5 .content .item2 {
        top: 8.2666666667vw;
        right: 2.6666666667vw; }
      .sj_section5 .content .item3 {
        left: -5.3333333333vw;
        bottom: -13.6vw; }
      .sj_section5 .content .item4 {
        bottom: 0;
        right: 2.6666666667vw; }

  .section5 {
    padding: 50px 5%;
    display: none; }
    .section5 .title {
      margin: 0 0 30px; }
    .section5 .content {
      width: 100%;
      height: auto; }
      .section5 .content svg {
        display: none; }
      .section5 .content .list {
        position: static;
        width: 100% !important;
        height: auto !important;
        padding: 30px 5%;
        margin: 0 0 20px; }
        .section5 .content .list .circle {
          width: 7px;
          height: 7px;
          margin: 10px 10px 0 0; }
        .section5 .content .list .text {
          width: 85%; }
          .section5 .content .list .text .p1 {
            margin: 0 0 10px; }
          .section5 .content .list .text .p2 {
            line-height: 1.4;
            width: 100%; }
            .section5 .content .list .text .p2 .dis span {
              width: 4px;
              height: 4px;
              margin: 11px 10px 0 0; }
            .section5 .content .list .text .p2 .dis p {
              line-height: 1.4; }

  .section6 {
    height: auto !important;
    padding: 50px 5%; }
    .section6 .fix {
      height: auto !important; }
      .section6 .fix .wrap {
        top: 0; }
        .section6 .fix .wrap .title {
          margin: 0 0 35px; }
        .section6 .fix .wrap .content {
          padding: 0;
          flex-direction: column; }
          .section6 .fix .wrap .content .l {
            width: 100%;
            height: auto;
            margin: 0 0 30px; }
            .section6 .fix .wrap .content .l .text .pick {
              font-size: 12px; }
            .section6 .fix .wrap .content .l .text1 {
              width: 70%; }
            .section6 .fix .wrap .content .l .text2 {
              width: 60%; }
            .section6 .fix .wrap .content .l .text3 {
              width: 50%; }
            .section6 .fix .wrap .content .l .text4 {
              width: 40%; }
            .section6 .fix .wrap .content .l .text5 {
              width: 30%; }
          .section6 .fix .wrap .content .r {
            width: 100%;
            height: auto; }
            .section6 .fix .wrap .content .r:after {
              display: none; }
            .section6 .fix .wrap .content .r .y {
              transform: none !important; }
            .section6 .fix .wrap .content .r .item {
              width: 100%;
              height: auto;
              padding: 20px;
              background: #f9f9f9;
              box-shadow: unset; }
              .section6 .fix .wrap .content .r .item:not(:last-child) {
                margin: 0 0 20px; }
              .section6 .fix .wrap .content .r .item .p1 {
                margin: 0 0 15px; }
              .section6 .fix .wrap .content .r .item .p2 {
                line-height: 1.4; }

  .section7 {
    padding: 50px 5%; }
    .section7 .title {
      margin: 0 0 30px; }
    .section7 .content {
      flex-direction: column;
      gap: 20px; }
      .section7 .content .item {
        width: 100%;
        height: auto;
        padding: 25px 5%; }
        .section7 .content .item.item2 .display {
          gap: 40px; }
        .section7 .content .item.item3 .display {
          gap: 15px; }
          .section7 .content .item.item3 .display .list .img {
            width: 25px;
            height: 40px; }
        .section7 .content .item .icon {
          width: 45px;
          height: 45px; }
        .section7 .content .item .p1 {
          margin: 20px 0; }
        .section7 .content .item .display {
          flex-wrap: wrap;
          gap: 20px; }
          .section7 .content .item .display .list .img {
            width: 25px;
            height: 25px; }
          .section7 .content .item .display .list .text {
            margin: 7px 0 0 0; } }

/*# sourceMappingURL=solution.css.map */