.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: 1167px;
      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: flex;
      gap: 93px 140px;
      flex-wrap: wrap; }
      .sec1 .wrap .part2 .part_list .item {
        width: 650px; }
        .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: 16px 25px 25px;
            display: flex;
            justify-content: space-between; }
            .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part {
              width: 100%;
              color: #888B8F;
              font-size: 14px;
              font-weight: 400;
              line-height: 2; }
              .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; }
        .sec1 .wrap .part2 .part_list .item.w100 {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .sec1 .wrap .part2 .part_list .item.w100 .item_top {
            width: 100%; }
            .sec1 .wrap .part2 .part_list .item.w100 .item_top .line {
              width: 1389px; }
          .sec1 .wrap .part2 .part_list .item.w100 .item_center {
            width: 650px; }
          .sec1 .wrap .part2 .part_list .item.w100 .item_bottom {
            width: 650px;
            height: unset; }

.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: 213px;
        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:hover:after {
        opacity: 1; }

.sec3 {
  padding: 142px 0 108px; }
  .sec3 .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sec3 .wrap .l_box {
      width: 575px; }
      .sec3 .wrap .l_box .title {
        color: #000;
        font-family: 'Inter m';
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 88px; }
      .sec3 .wrap .l_box .des {
        color: #405165;
        font-size: 18px;
        font-weight: 400; }
    .sec3 .wrap .r_box {
      width: 565px;
      border-radius: 8px;
      background: #F1F1F1;
      padding: 52px 70px 51px 85px;
      display: flex; }
      .sec3 .wrap .r_box .r_box_aside {
        width: 100%; }
        .sec3 .wrap .r_box .r_box_aside .item {
          display: flex;
          align-items: center;
          gap: 32px; }
          .sec3 .wrap .r_box .r_box_aside .item:not(:last-child) {
            margin-bottom: 52px; }
          .sec3 .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; }
          .sec3 .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: 60.78125vw;
    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 {
    width: 33.8541666667vw; }

  .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: 0.8333333333vw 1.3020833333vw 1.3020833333vw; }

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

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

  .sec1 .wrap .part2 .part_list .item.w100 .item_center {
    width: 33.8541666667vw; }

  .sec1 .wrap .part2 .part_list .item.w100 .item_bottom {
    width: 33.8541666667vw; }

  .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: 11.09375vw; }

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

  .sec3 {
    padding: 7.3958333333vw 0px 5.625vw; }

  .sec3 .wrap .l_box {
    width: 29.9479166667vw; }

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

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

  .sec3 .wrap .r_box {
    width: 29.4270833333vw;
    border-radius: 0.4166666667vw;
    padding: 2.7083333333vw 3.6458333333vw 2.65625vw 4.4270833333vw; }

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

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

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

  .sec3 .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_content {
              padding: 15px; }
              .sec1 .wrap .part2 .part_list .item .item_bottom .item_content .item_content_part {
                font-size: 13px; }
                .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%;
        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; }

  .sec3 {
    padding: 50px 0; }
    .sec3 .wrap {
      display: block; }
      .sec3 .wrap .l_box {
        width: 100%;
        margin-bottom: 25px; }
        .sec3 .wrap .l_box .title {
          font-size: 18px;
          margin-bottom: 15px; }
        .sec3 .wrap .l_box .des {
          width: 100%;
          font-size: 13px; }
      .sec3 .wrap .r_box {
        width: 100%;
        border-radius: 8px;
        padding: 20px; }
        .sec3 .wrap .r_box .r_box_aside .item {
          gap: 10px; }
          .sec3 .wrap .r_box .r_box_aside .item:not(:last-child) {
            margin-bottom: 15px; }
          .sec3 .wrap .r_box .r_box_aside .item .sort {
            width: 28px;
            height: 28px;
            font-size: 12px;
            border-radius: 3px; }
          .sec3 .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; } }