.about {
      width: 100%;
      position: relative;
      background: #F5F5F5;
      padding-bottom: 53px;
    }

    .atab {
      display: none;
   
    }
    .atab > div{
      width: 1088px;
      margin: auto;
    }
    .atab-show {
      display: block !important;
    }

    /* banner */
    .index {
      width: 100%;
      position: relative;
      height: 350vh;

    }

    .home {
      width: 100%;
    }

    .about img {
      width: 100%;
    }

    .index-img {
      position: sticky;
      top: 0;
      z-index: 5;
      width: 100%;
    }

    .index-svg {
      position: sticky;
      top: 0px;
      z-index: 55;
      margin-top: -300vh;
      width: 100%;
      overflow: hidden;

    }

    .about-content {
      width: 100%;
      margin: auto;
      position: relative;
    }

    .about-type {
      width: 1088px;
      display: flex;
      height: 87px;
      background: linear-gradient(180deg, #F0F0F0 0%, #FDFDFD 48%, #E1E1E1 100%);
      border-radius: 16px 16px 16px 16px;
      justify-content: space-between;
      margin: 71px auto 23px auto;
    }

    .atitem {
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      font-family: 'aoreb';
      font-weight: 400;
      font-size: 20px;
      color: #666666;
      line-height: 20px;
      text-align: center;

    }

    .about-type .atitem::after {
      content: '';
      position: absolute;
      top: 27px;
      right: 0;
      width: 1px;
      height: 33px;
      background: #3B3B3B;
      border-radius: 0;
      /* 简化为0，因为所有角度都是0 */
    }

    .atitem2::after {
      display: none;
    }

    .about-video {
      width: 100%;
      line-height: 0;
    }

    .video-b {
      width: 100%;
    }

    .video-text {
      width: 100%;
      padding: 49px 32px 0 49px;
      background: #FFFFFF;
      border-radius: 0px 0px 16px 16px;
      height: 307px;
      box-sizing: border-box;
      margin-bottom: 40px;
    }

    .video-text h3 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 28px;
      color: #333333;
      line-height: 30px;
      margin-bottom: 44px;
    }

    .video-text p {

      font-family: 'aorex';
      font-weight: 400;
      font-size: 16px;
      color: #000000;
      line-height: 30px;

    }

    .about-top-div {
      width: 100%;
      position: relative;
      overflow: hidden;
    }

    .about-top {
      width: 100%;
      height: 239px;
      background: #FFFFFF;
      background: url('/static/about/page2.webp');
      background-size: cover;
      background-repeat: no-repeat;
      padding: 51px;
      overflow: hidden;
      box-sizing: border-box;
      position: relative;
    }


    .about-top ul {
      display: flex;
      justify-content: flex-end;
      position: relative;
      padding-left: 0;

    }



    .about-top::after {
      content: '';
      position: absolute;
      width: 100%;
      border: 1px dashed #FFFFFF;
      top: 105px;

    }

    .about-top ul li {
      display: flex;
      margin-right: 49px;

      font-family: 'aoreb';
      font-weight: 500;
      font-size: 20px;
      color: #FFFFFF;
      line-height: 30px;
      position: relative;
      cursor: pointer;

    }

    .about-top ul li::after {
      content: '';
      position: absolute;
      bottom: -15px;
      left: 50%;
      transform: translateX(-50%);
      width: 12px;
      height: 12px;
      background: #FFFFFF;
      border-radius: 50%;
      cursor: pointer;
      z-index: 99;
    }

    .atl::after {

      background: #00A888 !important;
      z-index: 99;
    }

    .atl,
    .typelv {
      color: #00A888 !important;
    }

    .about-bottom {
      width: 100%;
      height: 239px;
      background: #FFFFFF;
      border-radius: 0px 0px 0px 0px;
      padding: 45px;
      box-sizing: border-box;
    }

    .about-bottom .ab-item:not(:first-child) {
      display: none;
    }

    .about-bottom li {

      font-family: 'aorex';
      font-weight: 400;
      font-size: 16px;
      color: #000000;
      line-height: 30px;
      list-style: disc;
    }

    .about-bottom li::marker {
      color: #00A888
    }

    .number {
      width: 100%;
      padding-top: 91px;
      padding-bottom: 91px;
      display: flex;

    }

    .number-item {
      width: 33.33%;
      text-align: center;
    }

    .number-item>div {
      display: flex;
      justify-content: center;
    }

    .number-item p {

      font-family: 'aoreb';
      font-weight: 400;
      font-size: 18px;
      color: #000000;
      line-height: 18px;

    }

    .ni1 span {
      font-family: 'aoreb';
      font-weight: 800;
      font-size: 39px;
      color: #31C6C6;
      line-height: 39px;

    }

    .ni2 span {
      font-family: 'aoreb';
      font-weight: 800;
      font-size: 39px;
      color: #00A888;
      line-height: 39px;

    }

    .ditu {
      width: 100%;
      text-align: center;
      background: #FFFFFF;
      padding-top: 47px;
      border-radius: 16px 16px 16px 16px;
    }

    .dituh3 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 28px;
      color: #1D2322;
      line-height: 28px;

      margin-bottom: 22px;

    }

    .ditup {

      font-family: 'aorex';
      font-weight: 400;
      font-size: 20px;
      color: #000000;
      line-height: 20px;
      margin-bottom: 117px;

    }

    .ditu-left,
    .ditu-right {
      width: 50%;
    }

    .ditu-left {
      text-align: left;
      padding-left: 12%;
      box-sizing: border-box;
    }

    .ditu-left p {

      font-family: 'aoreb';
      font-weight: 500;
      font-size: 20px;
      color: #1D2322;
      line-height: 20px;
      margin-bottom: 10px;
    }

    .ditu-right img {
      max-width: 100%;
    }

    .ditu-content {
      width: 100%;
      display: flex;
      line-height: 0;
    }

    .ditu-img {
      width: 100%;
      line-height: 0;
    }

    .ditu-img img {
      width: 100%;
      border-radius: 0 0 10px 10px;
    }

    /* wenhua */
    .ride {
      width: 100%;


    }

    .ride-content {
      display: flex;
      justify-content: space-around;
    }

    .rideh3 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 28px;
      color: #333333;
      line-height: 30px;
      margin-top: 55px;
      margin-bottom: 73px;
    }

    .ride-item {
      width: 33.33%;
      text-align: center;
      display: flex;
      align-items: center;
      padding-right: 84px;
      box-sizing: border-box;
    }

    .ride-item img {
      width: 61px;
      height: 61px;
      background: #EFF2F7;
      margin-right: 11px;
    }

    .ride-text {
      text-align: left;
    }

    .ride-text h5 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 20px;
      color: #333333;
      line-height: 30px;
      margin-bottom: 3px;

    }

    .ride-text p {
      font-family: 'aorex';
      font-weight: 400;
      font-size: 14px;
      color: #333333;
      line-height: 20px;
    }

    .coreidea {
      width: 100%;
    }

    .core-content {
      width: 100%;
      position: relative;
    }

    .coreitem {
      width: 100%;
      display: flex;
      position: relative;
    }

    .coreimg img {
      width: 604px;
      height: 365px;
      background: #334752;
      border-radius: 16px 16px 16px 16px;

    }

    .coretext {
      width: 456px;
      height: 245px;
      background: #FFFFFF;
      border-radius: 16px 16px 16px 16px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;

      position: absolute;
      top: 74px;
      right: 74px;
      flex-direction: column;
      padding-left: 74px;
      padding-right: 52px;
      text-align: left;
    }

    .coretext h3 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 24px;
      color: #1D2322;
      line-height: 24px;
      margin-bottom: 22px;
      text-align: left;
      margin-top: 0px;
    }

    .coretext p {

      font-family: 'aorex';
      font-weight: 400;
      font-size: 14px;
      color: #000000;
      line-height: 20px;

    }

    .yuan {
      width: 100%;
      position: relative;
      text-align: center;
      padding-top: 97px;
      padding-bottom: 144px;
    }

    .yuan img {
      width: 362px;
      height: 362px;

    }

    .ycenter {

      font-family: 'aoreb';
      font-weight: 800;
      font-size: 28px;
      color: #1D2322;
      line-height: 28px;
      position: absolute;
      left: 50%;
      top: 40%;
      transform: translate(-50%);

    }

    .tleft {
      position: absolute;
      width: 283px;
      height: 138px;
      top: 16%;
      left: 6%;
      text-align: right;
    }

    .bleft {
      position: absolute;
      width: 283px;
      height: 138px;
      bottom: 16%;
      left: 6%;
      text-align: right;
    }

    .tright {
      position: absolute;
      width: 283px;
      height: 138px;
      top: 16%;
      right: 6%;
      text-align: left;
    }

    .bright {
      position: absolute;
      width: 283px;
      height: 138px;
      bottom: 16%;
      right: 6%;
      text-align: left;
    }

    .yuan h3 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 20px;
      color: #1D2322;
      line-height: 20px;
      margin-bottom: 18px;

    }

    .yuan p {

      font-family: 'aorex';
      font-weight: 400;
      font-size: 14px;
      color: #3B3B3B;
      line-height: 20px;

    }

    .gsimg {
      width: 100%;
      text-align: center;
      padding-bottom: 24px;
    }

    .gsimg img {
      width: 100%;
    }

    .gsimg h3 {

      font-family: 'aoreb';
      font-weight: bold;
      font-size: 28px;
      color: #1D2322;
      line-height: 28px;
      margin-top: 26px;
      margin-bottom: 13px;

    }

    .gsimg p {
      font-family: 'aorex';
      font-weight: 400;
      font-size: 28px;
      color: #1D2322;
      line-height: 28px;

    }
    .contact{
      width: 100% !important;
    }
    @media (max-width:1400px) {
      
     
    }

    @media (max-width:1000px) {
      .atab > div,.about-type {
    width: 95%;
  
}
      h3{
        font-size: 23px !important ;
        line-height: 25px !important;
      }
      p{
        font-size: 15px !important;
        line-height: 20px !important;
      }

      .index {
        height: 100%;
      }

      .index-img {
        position: relative;
      }

      .index-svg {
        display: none;
      }

      .video-text,
      .about-bottom {
        padding: 10px;
      }

      .video-text,
      .about-top,
      .about-bottom {
        height: 100%;
      }

      .ditup {
        margin-bottom: 30px;
      }

      .about-top::after {
        display: none;
      }

      .about-top ul {
        flex-direction: column;
        align-items: center;
      }

      .about-top ul li::after {
        display: none;
      }

      .number,
      .ditu-content {
        flex-direction: column;
      }

      .number-item {
        width: 100%;
        margin-bottom: 35px;
      }

      .ditu-left,
      .ditu-right {
        width: 100%;
        padding: 0;
      }

      /* wenhua */
      .ride-content {
        flex-direction: column;
        justify-content: center;
      }

      .ride-item {
        width: 100%;
        margin-bottom: 20px;
      }

      .coreitem {
        flex-direction: column;
      }

      .coretext {
        position: relative;
        top: 0;
        right: 0;
        padding-left: 0;
      }

      .tleft,
      .bleft,
      .tright,
      .bright {
        position: relative;
        text-align: left;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
      }

      .ycenter {
        top: 5%;
      }

      .coreimg img,
      .yuan img {
        width: 100%;
        height: auto;
      }

      .yuan {
        padding-bottom: 44px;
      }
    }