.company {
      width: 100%;
      position: relative;
    }

    .company img {
      width: 100%;
    }

    .company-div {
      width: 80%;
      position: absolute;
      top: 58px;
      left: 50%;
      transform: translateX(-50%);
    }

    .company-div h3 {

      font-weight: 400;
      font-size: 49px;
      color: #28992F;
      text-align: center;
    }

    .c-xian {
      width: 88px;
      height: 4px;
      border: 4px solid #28992F;
      margin: 26px auto 39px auto;
    }

    .company-div p {

      font-weight: 300;
      font-size: 23px;
      color: #000000;
      line-height: 40px;
    }

    .shili {
      width: 100%;
      padding: 113px 0 71px 0;
      background: url('/template/pc/skin/about/abg.webp');
      background-size: cover;
      overflow-x: hidden;
    }

    .shili-div {
      width: 72%;
      margin-left: 28%;
      display: flex;
      line-height: 0;
      align-items: flex-end;
    }

    .shili-left {
      position: relative;
      width: 60%;
    }

    .vvt {
      margin-top: 48px;
    }

    .shili-left h3 {

      font-weight: 400;
      font-size: 31px;
      color: #0E0E0E;
      line-height: 41px;
    }

    .shili-right {
      width: 40%;
      background: #000000;
      height: 500px;
    }

    .shili-right ul {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      justify-content: space-around;
      margin-left: 50px;
    }

    .shili-right ul p {

      font-weight: 400;
      font-size: 14px;
      color: #FFFFFF;
      margin-top: 13px;
    }

    .vvb {
      width: 119px;
      height: 119px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      cursor: pointer;

    }

    .our-item img {
      cursor: pointer;
      transition: all 0.5s ease;
    }

    .our-item img:hover {
      transform: scale(1.1);
    }

    .srspan {
      display: flex;
    }

    .shili-right li {
      list-style: square;
      z-index: 99;
      padding-left: 30px;
    }

    .shili-right ul {
      position: relative;
    }

    .shili-right ul::after {
      content: '';
      position: absolute;
      left: -17px;
      width: 2px;
      height: 100%;
      background: linear-gradient(to bottom, #F6F6F6, #B0B0B0, #3B3B3B, #4D4D4D);
    }

    .pv-if {

      display: none;
    }

    .srspan span:first-child {

      font-weight: 400;
      font-size: 48px;
      color: #FFFFFF;
      line-height: 48px;
    }

    .srspan span:last-child {

      font-weight: 400;
      font-size: 18px;
      color: #FFFFFF;
      line-height: 18px;
    }

    .about {
      width: 100%;
    }

    .banner {
      width: 100%;
    
    }

    .our {
      width: 100%;
      background: #FFFFFF;
      padding: 132px 0 132px 0;

    }

    .our h3 {

      font-weight: 400;
      font-size: 44px;
      color: #000000;
      text-align: center;
    }

    .our p {

      font-weight: 300;
      font-size: 20px;
      color: #A3A3A3;
      line-height: 35px;
      text-align: center;
      margin-bottom: 31px;
    }

    .our-content {
      width: 80%;
      margin: auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;

    }

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

      padding-left: 61px;
      padding-right: 61px;
      padding-bottom: 51px;
      padding-top: 51px;
      position: relative;
    }

    .our-item img {
      width: 132px;
      height: 132px;
    }

    .our-item h3 {

      font-weight: 400;
      font-size: 42px;
      color: #000000;
    }

    .our-item p {

      font-weight: 300;
      font-size: 14px;
      color: #A3A3A3;
      line-height: 22px;
    }

    .ii1::before {
      content: '';
      position: absolute;
      right: 0;
      bottom: 0;
      width: 2px;
      height: 100%;
      background: linear-gradient(#FFFFFF, #F9F9F9, #E2E2E2, #E0E0E0, #B9B9B9);
    }

    .ii1::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 2px;
      background: linear-gradient(to right, #FFFFFF, #F9F9F9, #E2E2E2, #E0E0E0, #B9B9B9);
    }

    .ii2::before {
      content: '';
      position: absolute;
      right: 0;
      bottom: 0;
      width: 2px;
      height: 100%;
      background: linear-gradient(#FFFFFF, #F9F9F9, #E2E2E2, #E0E0E0, #B9B9B9);
    }

    .ii2::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 2px;
      background: #B9B9B9;
    }

    .ii3::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background: linear-gradient(to left, #FFFFFF, #F9F9F9, #E2E2E2, #E0E0E0, #B9B9B9);
    }

    .ii4::before {
      content: '';
      position: absolute;
      right: 0;
      bottom: 0;
      width: 2px;
      height: 100%;
      background: linear-gradient(to top, #FFFFFF, #F9F9F9, #E2E2E2, #E0E0E0, #B9B9B9);
    }

    .ii5::before {
      content: '';
      position: absolute;
      right: 0;
      bottom: 0;
      width: 2px;
      height: 100%;
      background: linear-gradient(to top, #FFFFFF, #F9F9F9, #E2E2E2, #E0E0E0, #B9B9B9);
    }

    .oimage {
      width: 100%;
      padding: 118px 0 116px 0;
      background: url('/template/pc/skin/about/bg.png');
      background-size: cover;
    }

    .oimage-content {
      width: 80%;
      margin: auto;
      display: flex;
      justify-content: space-between;
    }

    .oitem {
      width: 32%;
    }

    .oitem-top {
      width: 100%;
      height: 484px;
      overflow: hidden;
    }

    .oitem-top img {
      transition: all 0.5s ease;
      cursor: pointer;
      object-fit: cover;
      object-position: bottom;
      width: 100%;
      height: 100%;
    }

    .oitem-top img:hover {
      transform: scale(1.1);
    }

    .oitem-bottom {
      width: 100%;
      height: 148.8px;
      background: #FFFFFF;
      box-shadow: 0 2px 10px #F2F2F3;
      padding: 31px 66px;
      text-align: center;
    }

    .oitem-bottom h3 {

      font-weight: 400;
      font-size: 24px;
      color: #0F0F0F;
      line-height: 24px;
      white-space: nowrap;
    }

    .oitem-bottom p {

      font-weight: 500;
      font-size: 14px;
      color: #0F0F0F;
      line-height: 20px;
      margin-top: 16px;
    }

    @media (max-width:1000px) {

      .c-top {
        display: block;
      }

      .c-item {
        width: 100%;
      }

      .c-item::after,
      .our-item::after {
        content: none;
      }

      .c-item::before,
      .our-item::before {
        content: none;
      }

      .c-bottom {
        padding: 0;
        display: block;
        padding: 5px;
      }

      .cb-left,
      .cb-right {
        width: 100%;
      }

      .cb-right {
        margin-top: 15px;
      }

      .our-content {
        display: block;
      }

      .our-item {
        width: 100%;
        padding: 20px;
      }

      .oimage-content {
        display: block;
      }

      .oitem {
        width: 100%;
        margin-bottom: 30px;
      }
    }

    @media (max-width:1400px) {
      .our-item h3 {

        font-size: 32px;

      }
    }

    @media (max-width:1000px) {

      .banner {
        width: 100%;
        aspect-ratio: 731 / 490;
      }

      .shili-div {
        width: 100%;
        margin-left: 0%;
        display: block;
      }

      .company-div {
        position: relative;
      }

      .shili-right,
      .shili-left {
        width: 100%;
      }
    }