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

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

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

.common_title {
  color: #1D1D1D;
  font-style: normal;
  font-weight: 600; }
  .common_title span {
    color: #35AD98; }

.bioage1 {
  background: #EAF5F2;
  padding: 6.25vw 0;
  position: relative;
  overflow: hidden; }
  .bioage1 .tp {
    position: absolute;
    right: 0;
    top: 0;
    width: 31.1458333333vw; }
  .bioage1 .position_text {
    position: absolute;
    bottom: -1.40625vw;
    left: 0;
    color: #35AD98;
    font-size: 13.0208333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.06; }
  .bioage1 .top {
    text-align: center;
    margin: 0 0 4.1666666667vw; }
    .bioage1 .top .p1 {
      width: 55.7291666667vw;
      margin: 3.125vw auto 0;
      color: #1D1D1D;
      font-style: normal;
      font-weight: 400;
      line-height: 190%;
      /* 34.2px */ }
  .bioage1 .content {
    width: 63.5416666667vw;
    margin: auto; }
    .bioage1 .content .swiper-pagination {
      position: static;
      margin: 1.5625vw 0 0 0;
      display: flex;
      justify-content: center; }
      .bioage1 .content .swiper-pagination span {
        width: 0.5208333333vw;
        height: 0.5208333333vw;
        opacity: 1 !important;
        background: rgba(53, 173, 152, 0.3);
        margin: 0 1.5625vw 0 0 !important;
        transition: .6s ease; }
        .bioage1 .content .swiper-pagination span.swiper-pagination-bullet-active {
          background: #35AD98; }
        .bioage1 .content .swiper-pagination span:last-child {
          margin: 0 !important; }
    .bioage1 .content .swiper1 {
      width: 100%;
      overflow: hidden; }
      .bioage1 .content .swiper1 .swiper-slide {
        padding: 2.6041666667vw 0; }
        .bioage1 .content .swiper1 .swiper-slide.swiper-slide-next .item, .bioage1 .content .swiper1 .swiper-slide.swiper-slide-prev .item {
          transform: scale(0.85); }
        .bioage1 .content .swiper1 .swiper-slide.swiper-slide-active .item {
          transform: scale(1); }
          .bioage1 .content .swiper1 .swiper-slide.swiper-slide-active .item .text {
            opacity: 1; }
        .bioage1 .content .swiper1 .swiper-slide.swiper-slide-next .item, .bioage1 .content .swiper1 .swiper-slide.swiper-slide-active .item, .bioage1 .content .swiper1 .swiper-slide.swiper-slide-prev .item {
          opacity: 1; }
        .bioage1 .content .swiper1 .swiper-slide .item {
          width: 100%;
          opacity: 0;
          transition: .6s ease;
          position: relative; }
          .bioage1 .content .swiper1 .swiper-slide .item .text {
            position: absolute;
            width: 100%;
            padding: 0 104px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 5;
            text-align: center;
            opacity: 0;
            transition: .6s ease; }
            .bioage1 .content .swiper1 .swiper-slide .item .text .p1 {
              color: #35AD98;
              font-style: normal;
              font-weight: 600;
              line-height: 150%;
              /* 48px */
              margin: 0 0 0.5208333333vw; }
            .bioage1 .content .swiper1 .swiper-slide .item .text .p2 {
              color: #FFF;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              /* 36px */ }
          .bioage1 .content .swiper1 .swiper-slide .item .img {
            width: 100%; }

.swiper-slide-shadow-left, .swiper-slide-shadow-right {
  display: none; }

.bioage2 {
  padding: 7.7083333333vw 10.4166666667vw;
  display: flex;
  justify-content: space-between; }
  .bioage2 .l {
    width: 36.1458333333vw;
    height: 40.78125vw;
    border-radius: 0.3125vw;
    overflow: hidden; }
  .bioage2 .r {
    width: 37.8125vw; }
    .bioage2 .r .text {
      margin: 2.6041666667vw 0 3.125vw 0;
      color: #1D1D1D;
      font-style: normal;
      font-weight: 400;
      line-height: 190%;
      /* 34.2px */ }
    .bioage2 .r .flex .item {
      border-bottom: 1px solid #D9D9D9; }
      .bioage2 .r .flex .item.on .show p {
        color: #35AD98; }
      .bioage2 .r .flex .item.on .show .add {
        transform: translateY(51px); }
        .bioage2 .r .flex .item.on .show .add img:first-child {
          opacity: 0; }
        .bioage2 .r .flex .item.on .show .add img:last-child {
          opacity: 1; }
      .bioage2 .r .flex .item:first-child {
        border-top: 1px solid #D9D9D9; }
      .bioage2 .r .flex .item .show {
        height: 4.1666666667vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer; }
        .bioage2 .r .flex .item .show p {
          color: #1D1D1D;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          /* 30px */
          transition: .6s ease; }
        .bioage2 .r .flex .item .show .add {
          width: 2.0833333333vw;
          height: 2.0833333333vw;
          position: relative;
          transition: .6s ease; }
          .bioage2 .r .flex .item .show .add img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: .6s ease; }
            .bioage2 .r .flex .item .show .add img:nth-child(2) {
              opacity: 0; }
      .bioage2 .r .flex .item .hide {
        overflow: hidden;
        display: none; }
        .bioage2 .r .flex .item .hide > div {
          margin: 0 0 1.0416666667vw 0; }
          .bioage2 .r .flex .item .hide > div p {
            color: #1D1D1D;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */ }

.bioage3 {
  background: #EAF5F2;
  padding: 5vw 10.4166666667vw 10.4166666667vw 10.4166666667vw;
  display: flex;
  justify-content: space-between; }
  .bioage3 .l {
    margin: 10.2604166667vw 0 0 0;
    width: 36.71875vw; }
    .bioage3 .l .text {
      margin: 3.8020833333vw 0 0 0;
      color: #1D1D1D;
      font-style: normal;
      font-weight: 400;
      line-height: 190%;
      /* 34.2px */ }
  .bioage3 .r {
    position: relative; }
    .bioage3 .r.animated .img {
      top: 0;
      transition-delay: .6s; }
    .bioage3 .r.animated .img2 {
      transform: translateY(96px);
      transition-delay: .6s; }
    .bioage3 .r .img {
      width: 36.1458333333vw;
      position: relative;
      top: 1.5625vw;
      transition: 1s; }
      .bioage3 .r .img img {
        width: 100%; }
    .bioage3 .r .point {
      position: absolute; }
      .bioage3 .r .point.right .dis .line {
        clip-path: inset(0 100% 0 0); }
      .bioage3 .r .point.animated .dis .circle {
        opacity: 1;
        transition-delay: .6s; }
      .bioage3 .r .point.animated .dis .line {
        clip-path: inset(0 0 0 0);
        transition-delay: 0s; }
      .bioage3 .r .point.animated .pick {
        opacity: 1;
        transition-delay: .6s; }
      .bioage3 .r .point.point1 {
        top: 3.4375vw;
        left: -0.3645833333vw; }
      .bioage3 .r .point.point2 {
        top: 16.7708333333vw;
        left: -2.0833333333vw; }
        .bioage3 .r .point.point2 .pick {
          width: 15.5208333333vw; }
        .bioage3 .r .point.point2 .dis .line {
          width: 20.0520833333vw; }
      .bioage3 .r .point.point3 {
        right: 0;
        top: 12.34375vw; }
        .bioage3 .r .point.point3 .dis {
          flex-direction: row-reverse; }
          .bioage3 .r .point.point3 .dis .line {
            width: 14.84375vw; }
        .bioage3 .r .point.point3 .pick {
          width: 10.4166666667vw;
          margin: 1.0416666667vw 0 0 auto; }
      .bioage3 .r .point.point4 {
        top: 31.875vw;
        left: -1.5625vw; }
        .bioage3 .r .point.point4 .line {
          width: 14.5833333333vw; }
        .bioage3 .r .point.point4 .pick {
          width: 12.8645833333vw; }
      .bioage3 .r .point .dis {
        display: flex;
        align-items: center; }
        .bioage3 .r .point .dis .circle {
          width: 0.5208333333vw;
          height: 0.5208333333vw;
          border-radius: 50%;
          background: #35AD98;
          opacity: 0;
          transition: .6s linear; }
        .bioage3 .r .point .dis .line {
          width: 18.8541666667vw;
          height: 1px;
          background: rgba(53, 173, 152, 0.5);
          clip-path: inset(0 0 0 100%);
          transition: .6s linear;
          transition-delay: .6s; }
      .bioage3 .r .point .pick {
        opacity: 0;
        transition: .6s ease;
        margin: 1.0416666667vw 0 0 0; }
        .bioage3 .r .point .pick .p1 {
          color: #35AD98;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          /* 24px */
          margin: 0 0 0.3125vw; }
        .bioage3 .r .point .pick .p2 {
          color: #1D1D1D;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
    .bioage3 .r .img2 {
      width: 36.1458333333vw;
      position: relative;
      transition: 1s; }
      .bioage3 .r .img2 img {
        width: 100%; }

.bioage4 {
  padding: 8.3854166667vw 8.75vw 12.5vw 10.4166666667vw;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .bioage4 .bg {
    position: absolute;
    right: 0;
    bottom: -18.2291666667vw;
    z-index: -1;
    width: 32.96875vw; }
  .bioage4 .l {
    width: 34.4791666667vw;
    height: 35.5208333333vw; }
    .bioage4 .l:hover img {
      transform: scale(1.05); }
    .bioage4 .l img {
      width: 100%;
      height: 100%;
      transition: .6s ease; }
  .bioage4 .r {
    width: 37.8125vw;
    margin: 3.6458333333vw 0 0 0; }
    .bioage4 .r .p1 {
      color: #1D1D1D;
      font-style: normal;
      font-weight: 400;
      line-height: 190%;
      /* 34.2px */
      margin: 2.6041666667vw 0 3.125vw 0; }
    .bioage4 .r .flex .item {
      height: 4.5833333333vw;
      border-bottom: 1px solid #C2E5DC;
      color: #1D1D1D;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      display: flex;
      align-items: center;
      gap: 0.7291666667vw; }
      .bioage4 .r .flex .item:first-child {
        border-top: 1px solid #C2E5DC; }
      .bioage4 .r .flex .item span {
        color: #35AD98;
        font-style: normal;
        font-weight: 900;
        line-height: 150%;
        /* 48px */ }

.bioage5 {
  background: #EAF5F2;
  padding: 6.3541666667vw 0 9.2708333333vw 0; }
  .bioage5 .common_title {
    text-align: center; }
  .bioage5 .content {
    margin: 4.7916666667vw 0 0 0;
    display: flex;
    justify-content: center; }
    .bioage5 .content .l {
      margin: 6.25vw 0 0 0;
      width: 18.75vw; }
      .bioage5 .content .l .text {
        color: #1D1D1D;
        font-style: normal;
        font-weight: 400;
        line-height: 190%;
        /* 34.2px */
        margin: 0 0 1.7708333333vw 0.46875vw; }
      .bioage5 .content .l .dis {
        display: flex;
        align-items: center; }
        .bioage5 .content .l .dis .circle {
          width: 0.5208333333vw;
          height: 0.5208333333vw;
          border-radius: 50%;
          background: #5E6261; }
        .bioage5 .content .l .dis .line {
          width: 18.75vw;
          height: 1px;
          background: rgba(0, 0, 0, 0.6); }
    .bioage5 .content .img {
      width: 27.0833333333vw;
      margin: 0 4.1666666667vw; }
      .bioage5 .content .img img {
        width: 100%; }
    .bioage5 .content .r {
      margin: 5.3125vw 0 0 0; }
      .bioage5 .content .r .list:not(:last-child) {
        margin: 0 0 3.3333333333vw; }
      .bioage5 .content .r .list .p1 {
        color: #35AD98;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        /* 30px */
        margin: 0 0 0.9895833333vw 0.46875vw; }
      .bioage5 .content .r .list .dis {
        display: flex;
        align-items: center; }
        .bioage5 .content .r .list .dis .circle {
          width: 0.5208333333vw;
          height: 0.5208333333vw;
          border-radius: 50%;
          background: #7DCABC; }
        .bioage5 .content .r .list .dis .line {
          width: 21.09375vw;
          height: 1px;
          opacity: 0.6;
          background: #35AD98; }

@media screen and (max-width: 1024px) {
  .bioage1 {
    padding: 50px 5%; }
    .bioage1 .top .p1 {
      width: 100%; }
    .bioage1 .content {
      width: 100%; }
      .bioage1 .content .swiper-pagination {
        margin: 25px auto 0; }
        .bioage1 .content .swiper-pagination span {
          width: 6px;
          height: 6px;
          margin: 0 10px 0 0 !important; }
          .bioage1 .content .swiper-pagination span:last-child {
            margin: 0 !important; }
      .bioage1 .content .swiper1 .swiper-slide {
        transform: none !important; }
        .bioage1 .content .swiper1 .swiper-slide .item .text {
          position: relative;
          left: 0;
          top: 0;
          z-index: 6;
          padding: 50px 5%;
          width: 90%;
          margin: auto;
          transform: none; }
          .bioage1 .content .swiper1 .swiper-slide .item .text .p1 {
            margin: 0 0 4px; }
        .bioage1 .content .swiper1 .swiper-slide .item .img {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0; }

  .bioage2 {
    padding: 40px 5%;
    flex-direction: column; }
    .bioage2 .l {
      width: 100%;
      height: auto; }
    .bioage2 .r {
      width: 100%;
      margin: 25px 0 0 0; }
      .bioage2 .r .text {
        margin: 15px 0 30px; }
      .bioage2 .r .flex .item .show {
        height: auto;
        padding: 10px 0; }
        .bioage2 .r .flex .item .show .add {
          width: 40px;
          height: 40px;
          transform: none !important; }
      .bioage2 .r .flex .item .hide > div {
        margin: 15px 0 25px; }

  .bioage3 {
    padding: 50px 5%;
    flex-direction: column; }
    .bioage3 .l {
      width: 100%; }
      .bioage3 .l .text {
        margin: 15px 0 0 0; }
    .bioage3 .r {
      width: 100%; }
      .bioage3 .r .img, .bioage3 .r .img2 {
        width: 100%;
        transform: none !important;
        top: 0 !important; }
      .bioage3 .r .point {
        position: static;
        margin: 25px 0 0 0; }
        .bioage3 .r .point .dis {
          display: none; }
        .bioage3 .r .point .pick {
          width: 100% !important;
          opacity: 1 !important;
          margin: 10px 0 0 0;
          transition-delay: unset !important; }
          .bioage3 .r .point .pick .p1 {
            margin: 0 0 10px; }
          .bioage3 .r .point .pick .p2 {
            width: 100%; }

  .bioage4 {
    padding: 40px 5%;
    flex-direction: column; }
    .bioage4 .l {
      width: 100%;
      height: auto; }
    .bioage4 .r {
      margin: 30px 0 0 0;
      width: 100%; }
      .bioage4 .r .p1 {
        margin: 15px 0 30px; }
      .bioage4 .r .flex .item {
        height: auto;
        padding: 15px 0;
        gap: 7px; }

  .bioage5 {
    padding: 40px 5%; }
    .bioage5 .content {
      flex-direction: column;
      margin: 25px 0 0 0; }
      .bioage5 .content .l {
        width: 100%; }
        .bioage5 .content .l .dis {
          display: none; }
      .bioage5 .content .img {
        width: 100%;
        margin: 25px 0; }
      .bioage5 .content .r .list .p1 {
        margin: 0 0 10px; }
      .bioage5 .content .r .list .dis {
        display: none; } }

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