.border {
  border: 1px red solid; }

.duration_200 {
  animation-duration: 0.2s; }

.pointer_events_none {
  pointer-events: none; }

.aboutUs .cursor_pointer {
  cursor: pointer; }
.aboutUs .relative {
  position: relative; }
.aboutUs .absolute {
  position: absolute; }
.aboutUs .block {
  display: block; }
.aboutUs .width_100 {
  width: 100%; }
.aboutUs .disFlexColumnCenter {
  display: flex;
  flex-direction: column;
  align-items: center; }
.aboutUs .top1 .title {
  width: 1244px;
  bottom: 31%;
  font-size: 59px;
  color: #fff;
  font-weight: bold; }
  .aboutUs .top1 .title .sub_title {
    font-size: 53px; }
.aboutUs .top2 .introduce {
  width: 1244px;
  height: 795px;
  margin-top: -46%; }
  .aboutUs .top2 .introduce .context {
    left: 115px;
    right: 111px;
    top: 94px;
    bottom: 360px; }
    .aboutUs .top2 .introduce .context .left {
      font-size: 14px;
      color: #797b8e; }
      .aboutUs .top2 .introduce .context .left .title {
        font-size: 28px;
        color: #1d4da5; }
        .aboutUs .top2 .introduce .context .left .title .line {
          color: #d2d2d2; }
        .aboutUs .top2 .introduce .context .left .title .jj {
          color: #191c3d; }
      .aboutUs .top2 .introduce .context .left .cxt {
        line-height: 1.7;
        text-align: justify; }
      .aboutUs .top2 .introduce .context .left .btm {
        line-height: 2; }
  .aboutUs .top2 .introduce .bottom {
    top: 530px;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly; }
    .aboutUs .top2 .introduce .bottom .item {
      flex: 1; }
      .aboutUs .top2 .introduce .bottom .item .title {
        margin-top: 25px;
        font-size: 18px;
        font-weight: bold;
        color: #191c3d; }
      .aboutUs .top2 .introduce .bottom .item .sub_title {
        margin-top: 15px;
        font-size: 14px;
        color: #797b8e; }
.aboutUs .top2 .m_title .txt {
  width: 100%;
  top: 15px;
  font-size: 26px;
  font-weight: bold;
  color: #191c3d;
  text-align: center; }
  .aboutUs .top2 .m_title .txt .sub {
    margin-top: 15px;
    font-size: 18px;
    color: #004ae8; }
.aboutUs .top2 .course .cxt {
  width: 1200px;
  height: 500px;
  padding: 80px 0 55px; }
  .aboutUs .top2 .course .cxt .top {
    height: 270px; }
    .aboutUs .top2 .course .cxt .top .img {
      width: 429px;
      height: 244px;
      object-fit: contain; }
    .aboutUs .top2 .course .cxt .top #courseSwiper {
      width: 420px;
      margin-left: 0;
      margin-right: 0; }
      .aboutUs .top2 .course .cxt .top #courseSwiper .title {
        left: 39px;
        top: 59px;
        font-size: 22px;
        font-weight: bold;
        color: #004ae8; }
        .aboutUs .top2 .course .cxt .top #courseSwiper .title .sub {
          font-size: 14px;
          color: #797b8e;
          line-height: 2; }
    .aboutUs .top2 .course .cxt .top .arrows {
      margin-left: 22px;
      align-self: flex-end; }
      .aboutUs .top2 .course .cxt .top .arrows .arrow {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 23px;
        font-weight: bold;
        color: #fff;
        background-color: #004ae8;
        transition: background-color 0.3s; }
        .aboutUs .top2 .course .cxt .top .arrows .arrow:not(.un) {
          cursor: pointer; }
          .aboutUs .top2 .course .cxt .top .arrows .arrow:not(.un):hover {
            background-color: #22b86e; }
        .aboutUs .top2 .course .cxt .top .arrows .arrow.arrow_left {
          transform: rotate(180deg); }
        .aboutUs .top2 .course .cxt .top .arrows .arrow.un {
          color: #6b6b6b;
          background-color: #f0f0f0; }
  .aboutUs .top2 .course .cxt .progress {
    width: 1200px;
    height: 12px;
    margin-top: 80px;
    border-radius: 6px;
    background-color: #f9f9f9; }
    .aboutUs .top2 .course .cxt .progress .item {
      top: 2px;
      left: calc(100% / var(--var-len) * var(--var-c)); }
      .aboutUs .top2 .course .cxt .progress .item .circle {
        width: 8px;
        height: 8px;
        border: 1px #191c3d solid;
        border-radius: 50%;
        overflow: hidden; }
      .aboutUs .top2 .course .cxt .progress .item .date {
        font-size: 12px;
        font-weight: bold;
        color: #191c3d;
        transform: translateX(calc(-1 * (100% - 8px) / 2)); }
    .aboutUs .top2 .course .cxt .progress .bar {
      left: 0;
      top: 0;
      bottom: 0;
      width: calc(100% / var(--var-len) * var(--var-c));
      border-radius: inherit;
      background-color: #004ae8;
      transition: width 0.35s; }
      .aboutUs .top2 .course .cxt .progress .bar .point {
        width: 56px;
        height: 56px;
        right: -28px;
        top: -22px;
        transform-origin: center center;
        animation: bar_point 1s both infinite linear; }
        .aboutUs .top2 .course .cxt .progress .bar .point.two {
          animation-delay: 0.5s; }
.aboutUs .top2 .honour .cxt {
  width: 1028px; }
  .aboutUs .top2 .honour .cxt .left {
    font-size: 14px;
    font-weight: bold;
    color: #191c3d;
    line-height: 2.5; }
.aboutUs .top2 .joinus .cxt {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
  .aboutUs .top2 .joinus .cxt .txt_bottom {
    margin-top: 60px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #191c3d;
    line-height: 2; }

@keyframes bar_point {
  0% {
    transform: scale(0.65, 0.65);
    opacity: 1; }
  70% {
    transform: scale(1, 1);
    opacity: 1; }
  100% {
    opacity: 0; } }

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