
    .solu {
      width: 100%;
    }

    .solu img {
      width: 100%;
    }

    .app {
      display: block;
      padding: 78px 0 100px 0;
      background: #FFFFFF;
    }
.solu-banner{
  width: 100%;
  aspect-ratio: 64 / 15;
}
    .app-content {
      width: 85%;
      margin: 78px auto 31px auto;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
    }

    .app-item {
      width: calc(33% - 60px);
      margin-left: 30px;
      margin-right: 30px;
      margin-top: 30px;
    }

    .app h3 {
      text-align: center;

      font-weight: 400;
      font-size: 50px;
      color: #000000;
    }

    .p-item img {
      cursor: pointer;
      transition: all 0.5s ease;
    }

    .p-item img:hover {
      transform: scale(1.1);
    }

    .app-item h5 {

      font-weight: 400;
      font-size: 16px;
      color: #000000;
      margin-top: 31px;
      margin-bottom: 27px;
      text-align: center;
    }

    .app-item p {

      width: 70%;
      margin: auto;
      font-weight: 300;
      font-size: 15px;
      color: #A3A3A3;
      line-height: 15px;
      text-align: center;
      height: 30px;

    }

    .app-item img {
      transition: all 0.5s ease;
    }

    .app-item img:hover {
      transform: scale(1.1);
    }

    .app-con {
      width: 111px;
      height: 33px;
      border: 2px solid #0CA646;
      margin: 19px auto auto auto;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 400;
      font-size: 12px;
      color: #0CA646;
    }

    .cust {
      width: 100%;
      padding: 78px 0 100px 0;
      text-align: center;
      background: #F6F6F7;

    }

    .cust h3 {
      text-align: center;

      font-weight: 400;
      font-size: 50px;
      color: #000000;
      margin-bottom: 31px;
    }

    .cust img {
      width: 80%;
      margin: auto;
    }

    .product {
      width: 100%;
      background: url('/static/web/solu/bbbg.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      padding: 130px 0 70px 0;
    }

    .product h3 {
      text-align: center;
      font-weight: 600;
      font-size: 46px;
      color: #000000;
      margin-bottom: 95px;
    }

    .p-content {
      width: 80%;
      margin: auto;
      display: flex;
      justify-content: space-between;
    }

    .p-item {
      width: 23%;
      line-height: 0;
      overflow: hidden;
    }

    .p-item div h5 {

      font-weight: bold;
      font-size: 21px;
      color: #131313;
      line-height: 31px;
    }

    .p-item div p {

      font-weight: 400;
      font-size: 16px;
      color: #8B8B8B;
      line-height: 24px;
      margin-top: 9px;
      margin-bottom: 19px;
      height: 48px;
      overflow: hidden;
    }

    .p-item div {
      padding: 36px 22px;
      background: #FFFFFF;
    }

    .p-item div a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 173px;
      height: 21px;
      border-radius: 10px;
      border: 1px solid #0CA646;

      font-weight: 500;
      font-size: 10px;
      color: #0CA646;
      line-height: 18px;
    }

    .cont {
      width: 100%;
    }

    .cont img {
      width: 100%;
    }

    @media (max-width:1000px) {

      .p-conten,
      .app-content,
      .p-content {
        display: block;
      }

      .p-item,
      .app-item {
        width: 100%;
        margin: 0 0 20px 0;
      }

      .cont img {
        width: 100%;
        height: 40vh;
        object-fit: cover;
      }
    }
