.common_banner {
  height: unset; }
  .common_banner .banner_text {
    text-align: center;
    top: 150px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3; }
    .common_banner .banner_text .label {
      color: #FFF;
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 5px; }
    .common_banner .banner_text .banner_top_title {
      text-transform: capitalize;
      color: #FFF;
      font-family: 'Inter sb';
      font-size: 48px;
      font-weight: 700; }

.sec1 {
  padding: 98px 0 129px; }
  .sec1 .wrap .part1 {
    display: flex;
    gap: 20px;
    position: relative; }
    .sec1 .wrap .part1:after {
      content: "";
      width: 1100px;
      height: 1px;
      border-top: 1px dashed #10253F;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 45px; }
    .sec1 .wrap .part1 .item {
      width: 100%;
      text-align: center;
      position: relative;
      z-index: 3; }
      .sec1 .wrap .part1 .item .sort {
        color: #10253F;
        font-size: 18px;
        font-weight: 400; }
      .sec1 .wrap .part1 .item .dian {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #10253F;
        margin: 16px auto 35px; }
      .sec1 .wrap .part1 .item .item_box {
        padding: 46px 10px 55px;
        border-radius: 20px;
        background: #F2F2F2;
        height: calc(100% - 90px); }
        .sec1 .wrap .part1 .item .item_box .item_title {
          font-family: 'Inter m';
          color: #000;
          font-size: 22px;
          font-weight: 500; }
        .sec1 .wrap .part1 .item .item_box .item_p {
          color: #000;
          font-size: 18px;
          font-weight: 400;
          margin: 20px 0 0; }
  .sec1 .wrap .part2 {
    padding: 114px 0 0; }
    .sec1 .wrap .part2 .part_top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 67px; }
      .sec1 .wrap .part2 .part_top .part_title {
        font-family: 'Inter m';
        color: #000;
        font-size: 40px;
        font-weight: 500; }
      .sec1 .wrap .part2 .part_top .part_top_des {
        width: 596px;
        color: #405165;
        font-size: 18px;
        font-weight: 400; }
    .sec1 .wrap .part2 .part_list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 93px 140px; }
      .sec1 .wrap .part2 .part_list .item .item_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 55px; }
        .sec1 .wrap .part2 .part_list .item .item_top .sort {
          width: 39px;
          height: 36px;
          border-radius: 8px;
          background: #10253F;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #FFF;
          font-size: 14px;
          font-weight: 400; }
        .sec1 .wrap .part2 .part_list .item .item_top .line {
          width: 599px;
          height: 1px;
          background: #D9D9D9; }
      .sec1 .wrap .part2 .part_list .item .item_center {
        margin-bottom: 55px; }
        .sec1 .wrap .part2 .part_list .item .item_center .item_title {
          color: #000;
          font-family: 'Inter m';
          font-size: 20px;
          font-weight: 500;
          margin-bottom: 8px; }
        .sec1 .wrap .part2 .part_list .item .item_center .item_p {
          color: #000;
          font-size: 18px;
          font-weight: 400; }
      .sec1 .wrap .part2 .part_list .item .item_bottom {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 18px;
        background: #F1F1F1;
        height: calc(100% - 220px);
        gap: 20px; }
        .sec1 .wrap .part2 .part_list .item .item_bottom .item_bottom_box {
          padding: 18px 24px 18px 29px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-radius: 19px;
          border: 1px solid #6FC5C4; }
          .sec1 .wrap .part2 .part_list .item .item_bottom .item_bottom_box .item_l {
            font-family: 'Inter m';
            color: #005F6A;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase; }
          .sec1 .wrap .part2 .part_list .item .item_bottom .item_bottom_box .item_r {
            width: 410px;
            color: #005F6A;
            font-size: 14px;
            font-weight: 400;
            line-height: 157.143%;
            /*  */ }
        .sec1 .wrap .part2 .part_list .item .item_bottom .item_content {
          padding: 35px 25px 0;
          display: flex;
          justify-content: space-between; }
          .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part {
            width: 48%;
            color: #888B8F;
            font-size: 14px;
            font-weight: 400;
            line-height: 171.429%; }
            .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part h4 {
              color: #000;
              font-size: 14px;
              font-weight: 400;
              text-transform: uppercase;
              margin-bottom: 10px; }
            .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part ul li {
              padding: 0 0 0 12px;
              position: relative; }
              .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part ul li:after {
                content: "";
                width: 4px;
                height: 4px;
                background: #888B8F;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 10px; }

.sec2 {
  padding: 94px 0 133px;
  background: #EBEBF0; }
  .sec2 .wrap .sec2_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px; }
    .sec2 .wrap .sec2_top .title {
      color: #000;
      font-family: 'Inter m';
      font-size: 40px;
      font-weight: 500; }
    .sec2 .wrap .sec2_top .des {
      width: 615px;
      color: #405165;
      font-size: 18px;
      font-weight: 400; }
  .sec2 .wrap .list {
    display: flex;
    flex-wrap: wrap;
    gap: 49px 20px; }
    .sec2 .wrap .list .item {
      width: 345px;
      border-radius: 16px;
      background: #FFF;
      box-shadow: 0 0 43px -10px rgba(0, 0, 0, 0.09);
      padding: 46px 28px 55px;
      position: relative; }
      .sec2 .wrap .list .item:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 16px;
        background: linear-gradient(71deg, #D5EFEF 3.86%, #FFF 100%);
        opacity: 0;
        transition: 0.6s; }
      .sec2 .wrap .list .item .item_title {
        color: #000;
        font-family: 'Inter m';
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 21px;
        position: relative;
        z-index: 3; }
      .sec2 .wrap .list .item .item_p {
        color: #000;
        font-size: 18px;
        font-weight: 400;
        position: relative;
        z-index: 3; }
      .sec2 .wrap .list .item.item_sp {
        width: 466px; }
        .sec2 .wrap .list .item.item_sp .item_title {
          margin-bottom: 52px; }
        .sec2 .wrap .list .item.item_sp .item_p {
          color: #888B8F;
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          /* 133.333% */ }
      .sec2 .wrap .list .item:hover:after {
        opacity: 1; }

.sec3 {
  padding: 121px 0 0; }
  .sec3 .wrap .title {
    color: #000;
    font-family: 'Inter m';
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 57px; }
  .sec3 .wrap .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px; }
    .sec3 .wrap .list .item {
      border-radius: 20px;
      background: #F2F2F2;
      padding: 34px 22px 42px;
      position: relative; }
      .sec3 .wrap .list .item:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 16px;
        background: linear-gradient(29deg, #D5EFEF 25.69%, #FFF 74.39%);
        opacity: 0;
        transition: 0.6s;
        box-shadow: 0 0 43px -10px rgba(0, 0, 0, 0.09); }
      .sec3 .wrap .list .item .icon {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background: #CCC;
        margin-bottom: 124px;
        position: relative;
        z-index: 3;
        transition: 0.6s; }
        .sec3 .wrap .list .item .icon img {
          display: block;
          width: 36px; }
      .sec3 .wrap .list .item .item_title {
        font-family: 'Inter m';
        color: #000;
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 30px;
        min-height: 68px;
        position: relative;
        z-index: 3; }
      .sec3 .wrap .list .item .item_p {
        color: #405165;
        font-size: 18px;
        font-weight: 400;
        line-height: 33px;
        position: relative;
        z-index: 3; }
      .sec3 .wrap .list .item:hover .icon {
        background: #005F6A; }
      .sec3 .wrap .list .item:hover:after {
        opacity: 1; }

.sec4 {
  padding: 148px 0 156px; }
  .sec4 .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sec4 .wrap .l_box {
      width: 546px; }
      .sec4 .wrap .l_box .title {
        color: #000;
        font-family: 'Inter m';
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 88px; }
      .sec4 .wrap .l_box .des {
        color: #405165;
        font-size: 18px;
        font-weight: 400; }
    .sec4 .wrap .r_box {
      width: 705px;
      border-radius: 8px;
      background: #F1F1F1;
      padding: 52px 52px 68px;
      display: flex; }
      .sec4 .wrap .r_box .r_box_aside {
        width: 100%; }
        .sec4 .wrap .r_box .r_box_aside:nth-child(1) {
          border-right: 1px solid #D9D9D9; }
        .sec4 .wrap .r_box .r_box_aside:nth-child(2) {
          padding: 0 0 0 35px; }
        .sec4 .wrap .r_box .r_box_aside .item {
          display: flex;
          align-items: center;
          gap: 32px; }
          .sec4 .wrap .r_box .r_box_aside .item:not(:last-child) {
            margin-bottom: 88px; }
          .sec4 .wrap .r_box .r_box_aside .item .sort {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            border: 1px solid #005F6A;
            width: 36px;
            height: 36px;
            color: #005F6A;
            font-size: 14px;
            font-weight: 400; }
          .sec4 .wrap .r_box .r_box_aside .item .item_title {
            color: #000;
            font-family: 'Inter m';
            font-size: 20px;
            font-weight: 500; }

.common_bottom {
  padding: 85px 0 60px;
  background: #F5F5F5; }
  .common_bottom .title {
    color: #000;
    font-family: 'Inter m';
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center; }
  .common_bottom .des {
    text-align: center;
    color: #405165;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px; }
  .common_bottom .more_btn {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 53px;
    border-radius: 9px;
    background: #005F6A;
    padding: 0 52px;
    width: fit-content;
    margin: 0 auto; }
    .common_bottom .more_btn p {
      color: #FFF;
      font-size: 14px;
      font-weight: 400;
      text-transform: uppercase; }

@media screen and (max-width: 1919px) {
  .common_banner .banner_text {
    top: 7.8125vw; }

  .common_banner .banner_text .label {
    font-size: 1.0416666667vw;
    margin-bottom: 0.2604166667vw; }

  .common_banner .banner_text .banner_top_title {
    font-size: 2.5vw; }

  .sec1 {
    padding: 5.1041666667vw 0px 6.71875vw; }

  .sec1 .wrap .part1 {
    gap: 1.0416666667vw; }

  .sec1 .wrap .part1::after {
    width: 57.2916666667vw;
    top: 2.34375vw; }

  .sec1 .wrap .part1 .item .sort {
    font-size: 0.9375vw; }

  .sec1 .wrap .part1 .item .dian {
    width: 0.9375vw;
    height: 0.9375vw;
    margin: 0.8333333333vw auto 1.8229166667vw; }

  .sec1 .wrap .part1 .item .item_box {
    padding: 2.3958333333vw 0.5208333333vw 2.8645833333vw;
    border-radius: 1.0416666667vw;
    height: calc(100% - 4.6875vw); }

  .sec1 .wrap .part1 .item .item_box .item_title {
    font-size: 1.1458333333vw; }

  .sec1 .wrap .part1 .item .item_box .item_p {
    font-size: 0.9375vw;
    margin: 1.0416666667vw 0px 0px; }

  .sec1 .wrap .part2 {
    padding: 5.9375vw 0px 0px; }

  .sec1 .wrap .part2 .part_top {
    margin-bottom: 3.4895833333vw; }

  .sec1 .wrap .part2 .part_top .part_title {
    font-size: 2.0833333333vw; }

  .sec1 .wrap .part2 .part_top .part_top_des {
    width: 31.0416666667vw;
    font-size: 0.9375vw; }

  .sec1 .wrap .part2 .part_list {
    gap: 4.84375vw 7.2916666667vw; }

  .sec1 .wrap .part2 .part_list .item .item_top {
    margin-bottom: 2.8645833333vw; }

  .sec1 .wrap .part2 .part_list .item .item_top .sort {
    width: 2.03125vw;
    height: 1.875vw;
    border-radius: 0.4166666667vw;
    font-size: 0.7291666667vw; }

  .sec1 .wrap .part2 .part_list .item .item_top .line {
    width: 31.1979166667vw; }

  .sec1 .wrap .part2 .part_list .item .item_center {
    margin-bottom: 2.8645833333vw; }

  .sec1 .wrap .part2 .part_list .item .item_center .item_title {
    font-size: 1.0416666667vw;
    margin-bottom: 0.4166666667vw; }

  .sec1 .wrap .part2 .part_list .item .item_center .item_p {
    font-size: 0.9375vw; }

  .sec1 .wrap .part2 .part_list .item .item_bottom {
    border-radius: 0.9375vw;
    height: calc(100% - 11.4583333333vw);
    gap: 1.0416666667vw; }

  .sec1 .wrap .part2 .part_list .item .item_bottom .item_bottom_box {
    padding: 0.9375vw 1.25vw 0.9375vw 1.5104166667vw;
    border-radius: 0.9895833333vw; }

  .sec1 .wrap .part2 .part_list .item .item_bottom .item_bottom_box .item_l {
    font-size: 0.9375vw; }

  .sec1 .wrap .part2 .part_list .item .item_bottom .item_bottom_box .item_r {
    width: 21.3541666667vw;
    font-size: 0.7291666667vw; }

  .sec1 .wrap .part2 .part_list .item .item_bottom .item_content {
    padding: 1.8229166667vw 1.3020833333vw 0px; }

  .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part {
    font-size: 0.7291666667vw; }

  .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part h4 {
    font-size: 0.7291666667vw;
    margin-bottom: 0.5208333333vw; }

  .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part ul li {
    padding: 0px 0px 0px 0.625vw; }

  .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part ul li::after {
    width: 0.2083333333vw;
    height: 0.2083333333vw;
    top: 0.5208333333vw; }

  .sec2 {
    padding: 4.8958333333vw 0px 6.9270833333vw; }

  .sec2 .wrap .sec2_top {
    margin-bottom: 2.8645833333vw; }

  .sec2 .wrap .sec2_top .title {
    font-size: 2.0833333333vw; }

  .sec2 .wrap .sec2_top .des {
    width: 32.03125vw;
    font-size: 0.9375vw; }

  .sec2 .wrap .list {
    gap: 2.5520833333vw 1.0416666667vw; }

  .sec2 .wrap .list .item {
    width: 17.96875vw;
    border-radius: 0.8333333333vw;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 2.2395833333vw -0.5208333333vw;
    padding: 2.3958333333vw 1.4583333333vw 2.8645833333vw; }

  .sec2 .wrap .list .item::after {
    border-radius: 0.8333333333vw; }

  .sec2 .wrap .list .item .item_title {
    font-size: 1.1458333333vw;
    margin-bottom: 1.09375vw; }

  .sec2 .wrap .list .item .item_p {
    font-size: 0.9375vw; }

  .sec2 .wrap .list .item.item_sp {
    width: 24.2708333333vw; }

  .sec2 .wrap .list .item.item_sp .item_title {
    margin-bottom: 2.7083333333vw; }

  .sec2 .wrap .list .item.item_sp .item_p {
    font-size: 0.9375vw;
    line-height: 1.25vw; }

  .sec3 {
    padding: 6.3020833333vw 0px 0px; }

  .sec3 .wrap .title {
    font-size: 2.0833333333vw;
    margin-bottom: 2.96875vw; }

  .sec3 .wrap .list {
    gap: 1.0416666667vw; }

  .sec3 .wrap .list .item {
    border-radius: 1.0416666667vw;
    padding: 1.7708333333vw 1.1458333333vw 2.1875vw; }

  .sec3 .wrap .list .item::after {
    border-radius: 0.8333333333vw;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 2.2395833333vw -0.5208333333vw; }

  .sec3 .wrap .list .item .icon {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    border-radius: 0.3125vw;
    margin-bottom: 6.4583333333vw; }

  .sec3 .wrap .list .item .icon img {
    width: 1.875vw; }

  .sec3 .wrap .list .item .item_title {
    font-size: 1.4583333333vw;
    margin-bottom: 1.5625vw;
    min-height: 3.5416666667vw; }

  .sec3 .wrap .list .item .item_p {
    font-size: 0.9375vw;
    line-height: 1.71875vw; }

  .sec4 {
    padding: 7.7083333333vw 0px 8.125vw; }

  .sec4 .wrap .l_box {
    width: 28.4375vw; }

  .sec4 .wrap .l_box .title {
    font-size: 2.0833333333vw;
    margin-bottom: 4.5833333333vw; }

  .sec4 .wrap .l_box .des {
    font-size: 0.9375vw; }

  .sec4 .wrap .r_box {
    width: 36.71875vw;
    border-radius: 0.4166666667vw;
    padding: 2.7083333333vw 2.7083333333vw 3.5416666667vw; }

  .sec4 .wrap .r_box .r_box_aside:nth-child(2) {
    padding: 0px 0px 0px 1.8229166667vw; }

  .sec4 .wrap .r_box .r_box_aside .item {
    gap: 1.6666666667vw; }

  .sec4 .wrap .r_box .r_box_aside .item:not(:last-child) {
    margin-bottom: 4.5833333333vw; }

  .sec4 .wrap .r_box .r_box_aside .item .sort {
    border-radius: 0.4166666667vw;
    width: 1.875vw;
    height: 1.875vw;
    font-size: 0.7291666667vw; }

  .sec4 .wrap .r_box .r_box_aside .item .item_title {
    font-size: 1.0416666667vw; }

  .common_bottom {
    padding: 4.4270833333vw 0px 3.125vw; }

  .common_bottom .title {
    font-size: 2.1875vw;
    margin-bottom: 0.78125vw; }

  .common_bottom .des {
    font-size: 0.9375vw;
    margin-bottom: 2.0833333333vw; }

  .common_bottom .more_btn {
    gap: 0.625vw;
    height: 2.7604166667vw;
    border-radius: 0.46875vw;
    padding: 0px 2.7083333333vw; }

  .common_bottom .more_btn p {
    font-size: 0.7291666667vw; } }
@media screen and (max-width: 768px) {
  .common_banner {
    height: 60vh; }
    .common_banner .img {
      height: 100%; }
      .common_banner .img img {
        height: 100%; }
    .common_banner .banner_text {
      top: 25%; }
      .common_banner .banner_text .label {
        font-size: 14px;
        margin-bottom: 5px; }
      .common_banner .banner_text .banner_top_title {
        font-size: 20px; }

  .sec1 {
    padding: 40px 0 60px; }
    .sec1 .wrap .part1 {
      display: block; }
      .sec1 .wrap .part1:after {
        display: none; }
      .sec1 .wrap .part1 .item {
        width: 100%;
        margin-bottom: 15px; }
        .sec1 .wrap .part1 .item .sort {
          font-size: 15px; }
        .sec1 .wrap .part1 .item .dian {
          width: 8px;
          height: 8px;
          margin: 10px auto; }
        .sec1 .wrap .part1 .item .item_box {
          border-radius: 8px;
          padding: 20px 10px; }
          .sec1 .wrap .part1 .item .item_box .item_title {
            font-size: 14px; }
          .sec1 .wrap .part1 .item .item_box .item_p {
            font-size: 15px;
            margin: 8px 0 0; }
    .sec1 .wrap .part2 {
      padding: 50px 0 0; }
      .sec1 .wrap .part2 .part_top {
        display: block;
        margin-bottom: 25px; }
        .sec1 .wrap .part2 .part_top .part_title {
          font-size: 18px;
          margin-bottom: 10px; }
        .sec1 .wrap .part2 .part_top .part_top_des {
          width: 100%;
          font-size: 13px; }
      .sec1 .wrap .part2 .part_list {
        display: block; }
        .sec1 .wrap .part2 .part_list .item {
          width: 100%;
          display: block !important; }
          .sec1 .wrap .part2 .part_list .item:not(:last-child) {
            margin-bottom: 15px; }
          .sec1 .wrap .part2 .part_list .item .item_top {
            margin-bottom: 15px; }
            .sec1 .wrap .part2 .part_list .item .item_top .sort {
              width: 32px;
              height: 32px;
              border-radius: 4px;
              font-size: 12px; }
            .sec1 .wrap .part2 .part_list .item .item_top .line {
              width: calc(100% - 40px) !important; }
          .sec1 .wrap .part2 .part_list .item .item_center {
            width: 100% !important;
            margin-bottom: 15px; }
            .sec1 .wrap .part2 .part_list .item .item_center .item_title {
              font-size: 15px;
              margin-bottom: 6px; }
            .sec1 .wrap .part2 .part_list .item .item_center .item_p {
              font-size: 13px; }
          .sec1 .wrap .part2 .part_list .item .item_bottom {
            width: 100% !important;
            height: unset;
            border-radius: 4px;
            gap: 10px; }
            .sec1 .wrap .part2 .part_list .item .item_bottom .item_bottom_box {
              padding: 15px;
              border-radius: 4px; }
              .sec1 .wrap .part2 .part_list .item .item_bottom .item_bottom_box .item_l {
                font-size: 14px; }
              .sec1 .wrap .part2 .part_list .item .item_bottom .item_bottom_box .item_r {
                width: 60%;
                font-size: 13px; }
            .sec1 .wrap .part2 .part_list .item .item_bottom .item_content {
              padding: 15px;
              display: block; }
              .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part {
                width: 100%;
                font-size: 13px; }
                .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part:not(:last-child) {
                  margin-bottom: 10px; }
                .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part h4 {
                  font-size: 14px;
                  margin-bottom: 6px; }
                .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part ul li {
                  padding: 0 0 0 10px; }
                  .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part ul li:after {
                    width: 4px;
                    height: 4px;
                    border-radius: 50%;
                    top: 12px; }

  .sec2 {
    padding: 60px 0; }
    .sec2 .wrap .sec2_top {
      display: block;
      margin-bottom: 25px; }
      .sec2 .wrap .sec2_top .title {
        font-size: 18px;
        margin-bottom: 15px; }
      .sec2 .wrap .sec2_top .des {
        width: 100%;
        font-size: 13px; }
    .sec2 .wrap .list {
      flex-wrap: wrap;
      gap: 20px; }
      .sec2 .wrap .list .item {
        width: 100% !important;
        padding: 20px;
        border-radius: 6px; }
        .sec2 .wrap .list .item .item_title {
          font-size: 15px;
          margin-bottom: 15px; }
        .sec2 .wrap .list .item .item_p {
          font-size: 13px !important;
          line-height: 1.4 !important; }

  .sec3 {
    padding: 50px 0 10px; }
    .sec3 .wrap .title {
      font-size: 18px;
      margin-bottom: 25px; }
    .sec3 .wrap .list {
      grid-template-columns: repeat(1, 1fr);
      gap: 20px; }
      .sec3 .wrap .list .item {
        padding: 20px;
        border-radius: 8px; }
        .sec3 .wrap .list .item .icon {
          width: 40px;
          height: 40px;
          border-radius: 4px;
          margin-bottom: 20px; }
          .sec3 .wrap .list .item .icon img {
            width: 28px; }
        .sec3 .wrap .list .item .item_title {
          font-size: 15px;
          margin-bottom: 15px; }
        .sec3 .wrap .list .item .item_p {
          font-size: 13px;
          line-height: 1.4; }

  .sec4 {
    padding: 50px 0; }
    .sec4 .wrap {
      display: block; }
      .sec4 .wrap .l_box {
        width: 100%;
        margin-bottom: 25px; }
        .sec4 .wrap .l_box .title {
          font-size: 18px;
          margin-bottom: 15px; }
        .sec4 .wrap .l_box .des {
          width: 100%;
          font-size: 13px; }
      .sec4 .wrap .r_box {
        width: 100%;
        border-radius: 8px;
        padding: 20px; }
        .sec4 .wrap .r_box .r_box_aside .item {
          gap: 10px; }
          .sec4 .wrap .r_box .r_box_aside .item:not(:last-child) {
            margin-bottom: 15px; }
          .sec4 .wrap .r_box .r_box_aside .item .sort {
            width: 28px;
            height: 28px;
            font-size: 12px;
            border-radius: 3px; }
          .sec4 .wrap .r_box .r_box_aside .item .item_title {
            font-size: 13px;
            width: calc(100% - 38px); }

  .common_bottom {
    padding: 50px 5vw; }
    .common_bottom .title {
      font-size: 18px;
      margin-bottom: 15px; }
    .common_bottom .des {
      font-size: 13px;
      margin-bottom: 25px; }
      .common_bottom .des br {
        display: none; }
    .common_bottom .more_btn {
      height: 38px;
      border-radius: 4px;
      padding: 0 20px;
      gap: 10px; }
      .common_bottom .more_btn p {
        font-size: 13px; }
      .common_bottom .more_btn img {
        width: 16px; } }