.swiper-carousel {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden; }

.swiper-carousel .swiper-slide, .swiper-carousel swiper-slide {
  position: relative; }

.layout-pageIntroduce .group-banner-top-text {
  position: relative; }
  .layout-pageIntroduce .group-banner-top-text .content {
    background: linear-gradient(0deg, var(--Background-Primary-1, rgba(22, 74, 195, 0.8)) 0%, rgba(22, 74, 195, 0) 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    padding: 120px 40px 40px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch; }
    @media (max-width: 768px) {
      .layout-pageIntroduce .group-banner-top-text .content {
        padding: 25px; } }
    .layout-pageIntroduce .group-banner-top-text .content .breadcrumb {
      padding: 0;
      margin-bottom: 0;
      list-style: none;
      background-color: unset;
      border-radius: 0px;
      width: 100%; }
      .layout-pageIntroduce .group-banner-top-text .content .breadcrumb li {
        display: inline-block;
        margin-right: 0;
        color: #fff; }
        .layout-pageIntroduce .group-banner-top-text .content .breadcrumb li:before {
          color: #fff;
          margin-right: 10px; }
        .layout-pageIntroduce .group-banner-top-text .content .breadcrumb li i {
          color: #fff; }
        .layout-pageIntroduce .group-banner-top-text .content .breadcrumb li a {
          color: #fff; }
          .layout-pageIntroduce .group-banner-top-text .content .breadcrumb li a span {
            color: #fff;
            line-height: initial; }
    .layout-pageIntroduce .group-banner-top-text .content .text {
      font-size: 36px;
      color: #fff;
      font-weight: 600;
      line-height: 47px; }
      @media (max-width: 768px) {
        .layout-pageIntroduce .group-banner-top-text .content .text {
          font-size: 14px;
          line-height: 20px; } }

.layout-pageIntroduce .group-slider-text {
  padding: 64px 0; }
  @media (max-width: 768px) {
    .layout-pageIntroduce .group-slider-text {
      padding: 32px 0; } }
  .layout-pageIntroduce .group-slider-text .text .left .title {
    font-size: 36px;
    font-weight: 600;
    line-height: 47px;
    margin-right: 93px; }
    @media (max-width: 768px) {
      .layout-pageIntroduce .group-slider-text .text .left .title {
        font-size: 28px;
        line-height: 40px;
        margin-right: 0; } }
  .layout-pageIntroduce .group-slider-text .text .left .text-1 {
    color: #164AC3; }
  .layout-pageIntroduce .group-slider-text .text .left .text-2 {
    color: #0A0A0A; }
  .layout-pageIntroduce .group-slider-text .text .right .content {
    color: #0A0A0A;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 12px;
    margin-left: 40px; }
    @media (max-width: 768px) {
      .layout-pageIntroduce .group-slider-text .text .right .content {
        margin-left: 0px; } }
  .layout-pageIntroduce .group-slider-text .section-banner {
    padding-top: 40px; }
    .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper {
      position: relative; }
      .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .swiper {
        user-select: none;
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
        height: 500px;
        padding: 0px 0px; }
      .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 86%;
        height: 100%;
        position: relative;
        box-sizing: border-box; }
      .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .swiper-slide-bg-image {
        position: absolute;
        left: 0%;
        top: 0%;
        width: 100%;
        height: 100%;
        z-index: 0; }
      .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .swiper-slide-aedc {
        background-color: #fff;
        border-radius: 8px; }
      .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .swiper-slide-bg-image-c61b {
        object-fit: cover;
        border-radius: inherit;
        opacity: 0.4 !important; }
      .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .swiper-slide-active .swiper-slide-bg-image-c61b {
        opacity: 1 !important; }
      .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .section-why-pagination {
        margin-top: 32px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px; }
        .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .section-why-pagination span {
          margin: 0;
          opacity: 0.4;
          background: #404040;
          transition: all 0.5s ease; }
          .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .section-why-pagination span.swiper-pagination-bullet-active {
            width: 48px;
            border-radius: 20px;
            opacity: 1; }
      @media (min-width: 768px) {
        .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .swiper {
          width: 100%;
          height: 500px;
          padding: 0px 0px; }
        .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .swiper-slide {
          width: 50%;
          height: 100%; } }
      .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .section-banner-pagination {
        text-align: center;
        margin-top: 32px; }
        .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .section-banner-pagination .swiper-pagination-bullet {
          color: #0A0A0A; }
        .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .section-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          border-radius: 1234px;
          background-color: #164AC3;
          width: 16px;
          height: 8px; }
      .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .nav-group .arrow-style-1 {
        background-color: #164AC3;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99;
        border-color: #164AC3; }
        .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .nav-group .arrow-style-1.section-banner-prev {
          left: 0; }
        .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .nav-group .arrow-style-1.section-banner-next {
          right: 0; }
        .layout-pageIntroduce .group-slider-text .section-banner .section-banner-wrapper .nav-group .arrow-style-1:hover {
          background-color: var(--background-primary-v1);
          color: #fff;
          border-color: var(--background-primary-v1); }

.layout-pageIntroduce .group-history {
  padding: 64px 0;
  /*.swiper-scrollbar{
      background:#ddd;
      height:4px;
      width: 50%;
      transform: translateX(50%);
    }
    .swiper-scrollbar-drag{
      background:#444;
    }*/ }
  @media (max-width: 768px) {
    .layout-pageIntroduce .group-history {
      padding: 32px 0; } }
  .layout-pageIntroduce .group-history .title {
    text-align: center;
    font-size: 36px;
    color: #000102;
    font-weight: 600;
    line-height: 47px; }
    @media (max-width: 768px) {
      .layout-pageIntroduce .group-history .title {
        font-size: 22px; } }
  .layout-pageIntroduce .group-history .timeline-wrapper {
    position: relative;
    padding: 32px 0 0px; }
    @media (max-width: 768px) {
      .layout-pageIntroduce .group-history .timeline-wrapper {
        padding: 32px 0 0px; } }
  .layout-pageIntroduce .group-history .timeline-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 261px;
    height: 1px;
    background: #164AC3;
    z-index: 9; }
  .layout-pageIntroduce .group-history .timelineSwiper .swiper-wrapper {
    position: relative; }
  .layout-pageIntroduce .group-history .timelineSwiper {
    padding-bottom: 32px; }
  .layout-pageIntroduce .group-history .timeline-item {
    position: relative;
    z-index: 2; }
  .layout-pageIntroduce .group-history .timeline-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: 0.3s; }
  .layout-pageIntroduce .group-history .timeline-image {
    height: 230px;
    overflow: hidden;
    border-radius: 10px;
    padding: 16px; }
  .layout-pageIntroduce .group-history .timeline-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px; }
  .layout-pageIntroduce .group-history .timeline-bottom {
    position: relative;
    padding: 0 40px 16px 16px; }
  .layout-pageIntroduce .group-history .timeline-dot {
    width: 12px;
    height: 12px;
    background: #1a4ed8;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 3; }
  .layout-pageIntroduce .group-history .timeline-year {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 6px; }
  .layout-pageIntroduce .group-history .timeline-text {
    font-size: 14px;
    color: #666; }
  .layout-pageIntroduce .group-history .swiper-slide:nth-child(odd) .timeline-card {
    background: linear-gradient(180deg, #D9EDFF 0%, #FFF 96.15%); }
  .layout-pageIntroduce .group-history .timelineSwiper .swiper-wrapper {
    padding-bottom: 32px; }

.layout-pageIntroduce .group-vision-text .row {
  display: flex;
  align-items: stretch; }
  @media (max-width: 768px) {
    .layout-pageIntroduce .group-vision-text .row {
      display: block; } }

.layout-pageIntroduce .group-vision-text .wrapper {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 77px 0 72px;
  gap: 16px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px; }
  @media (max-width: 768px) {
    .layout-pageIntroduce .group-vision-text .wrapper {
      padding: 20px 20px 20px 20px; } }

.layout-pageIntroduce .group-vision-text .left {
  display: flex;
  padding-right: 0; }
  @media (max-width: 768px) {
    .layout-pageIntroduce .group-vision-text .left {
      padding: 0 15px 0 15px; } }
  .layout-pageIntroduce .group-vision-text .left .title {
    font-size: 36px;
    color: #164AC3;
    font-weight: 600;
    line-height: 47px; }
    @media (max-width: 768px) {
      .layout-pageIntroduce .group-vision-text .left .title {
        font-size: 24px;
        line-height: 35px; } }
  .layout-pageIntroduce .group-vision-text .left .content {
    color: #0A0A0A;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px; }
    @media (max-width: 768px) {
      .layout-pageIntroduce .group-vision-text .left .content {
        margin-bottom: 20px; } }

.layout-pageIntroduce .group-vision-text .right {
  padding-left: 0; }
  @media (max-width: 768px) {
    .layout-pageIntroduce .group-vision-text .right {
      padding-left: 15px; } }
  .layout-pageIntroduce .group-vision-text .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    display: block; }

.layout-pageIntroduce .group-banner {
  padding-top: 64px; }
  @media (max-width: 768px) {
    .layout-pageIntroduce .group-banner {
      padding-top: 32px; } }
  .layout-pageIntroduce .group-banner .frame {
    padding: 0; }
    .layout-pageIntroduce .group-banner .frame .detail {
      position: relative; }
      .layout-pageIntroduce .group-banner .frame .detail img {
        height: 640px;
        object-fit: cover;
        width: 100%; }
        @media (max-width: 768px) {
          .layout-pageIntroduce .group-banner .frame .detail img {
            height: auto; } }
      .layout-pageIntroduce .group-banner .frame .detail .text {
        display: flex;
        padding: 120px 100px 40px 64px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        background: linear-gradient(0deg, var(--Background-Primary-1, rgba(22, 74, 195, 0.8)) 0%, rgba(22, 74, 195, 0) 100%);
        position: absolute;
        bottom: 0;
        width: 100%; }
        @media (max-width: 768px) {
          .layout-pageIntroduce .group-banner .frame .detail .text {
            padding: 40px 40px 40px 40px; } }
        .layout-pageIntroduce .group-banner .frame .detail .text .title {
          color: #ffffff;
          font-size: 46px;
          font-weight: 600;
          line-height: 47px; }
          @media (max-width: 768px) {
            .layout-pageIntroduce .group-banner .frame .detail .text .title {
              font-size: 25px;
              line-height: 30px; } }
        .layout-pageIntroduce .group-banner .frame .detail .text .content {
          color: #ffffff;
          font-size: 18px;
          font-weight: 600;
          line-height: 25px; }
          @media (max-width: 768px) {
            .layout-pageIntroduce .group-banner .frame .detail .text .content {
              font-size: 13px;
              line-height: 20px; } }

.layout-pageIntroduce .group-core-value {
  padding: 72px 0; }
  @media (max-width: 768px) {
    .layout-pageIntroduce .group-core-value {
      padding: 36px 0; } }
  .layout-pageIntroduce .group-core-value .title {
    text-align: center;
    font-size: 36px;
    color: #000102;
    font-weight: 600;
    line-height: 47px;
    margin-bottom: 32px; }
    @media (max-width: 768px) {
      .layout-pageIntroduce .group-core-value .title {
        font-size: 22px;
        margin-bottom: 15px; } }
  .layout-pageIntroduce .group-core-value .group-item-core {
    display: flex;
    flex-wrap: wrap;
    gap: 19px; }
    @media (max-width: 768px) {
      .layout-pageIntroduce .group-core-value .group-item-core {
        gap: 0;
        margin: 0; } }
    .layout-pageIntroduce .group-core-value .group-item-core .detail {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      flex: 0 0 calc((100% - 72px) / 4);
      border-radius: 8px;
      border: 1px solid var(--Border-Primary-3, #D9EDFF);
      background: #EEF7FF;
      padding: 24px; }
      @media (max-width: 768px) {
        .layout-pageIntroduce .group-core-value .group-item-core .detail {
          flex: 0 0 calc((100% - 20px) / 2);
          padding: 15px;
          margin: 5px; } }
      .layout-pageIntroduce .group-core-value .group-item-core .detail img {
        width: 55px; }
        @media (max-width: 768px) {
          .layout-pageIntroduce .group-core-value .group-item-core .detail img {
            width: 35px; } }
      .layout-pageIntroduce .group-core-value .group-item-core .detail .title {
        font-size: 24px;
        font-weight: 600;
        color: #0A0A0A;
        line-height: 32px;
        margin-bottom: 0; }
        @media (max-width: 768px) {
          .layout-pageIntroduce .group-core-value .group-item-core .detail .title {
            font-size: 16px;
            line-height: 20px; } }