/* banner */
        .banner{
          position: relative;
        }
    .banner,.banner img{
      width: 100%;
      aspect-ratio: 125 / 48;
    }
    .vtop{
      background: #FFFFFF !important;
    }
    .view-lh3{
      font-size: 47px;
      line-height: 50px;
      font-weight: 700;
      text-align: center;
      color: #251E1C;
      margin-top: 93px;
    }
    /* banner end */
    .view {
      width: 100%;
      position: relative;
      background: #FFFFFF;
      padding-top: 56px;
      padding-bottom: 56px;
    }

    .view-content {
      width: 1200px;
      margin: auto;
    }

    .vch3 {
      font-size: 58px;
      line-height: 58px;
      color: #251E1C;
      text-align: center;
      margin-bottom: 63px;
      margin-top: 71px;
    }

    .view-left {
      width: 100%;
      padding-right: 16px;
    }

    .view-left p,
    .view-left span {
      white-space: pre-wrap !important;
      margin-bottom: 0px;
      font-family: 'Montserrat', "Microsoft YaHei", sans-serif !important;
    }

    .view-left p:has(br:only-child),
    .view-left span:has(br:only-child),
    .view-left p:empty,
    .view-left span:empty {
      display: none !important;
      height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      visibility: hidden !important;
    }

    .view-left a {

      text-decoration: underline;
      color: #008068;
    }

    .vtop {
      width: 100%;
      display: flex;
      align-items: center;
    }

    .view-left-span {
      width: 100%;
      margin-top: 42px;
      display: flex;
      margin-bottom: 57px;

    }

    .view-left-span span {


      font-weight: 600;
      font-size: 27px;
      color: #251E1C;
      line-height: 35px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      display: flex;
    align-items: center;
    }

    .view-left-span-item {
      display: flex;
      align-content: center;

    }

    .view-left-span-item:not(:last-child) {
      margin-right: 131px;
    }

    .view-left-span-item img {
      width: 74px;
      height: auto;
  object-fit: cover;
    }

    .vvideo-content {
      width: 100%;
      position: relative;
      cursor: pointer;
    }
    .vvideo-content iframe{
      border-radius: 10px;
          width: 100%;
    aspect-ratio: 19 / 6;
     }
    .vvideo-content img {
      width: 100%;
    }

    .vvbofang {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .pv-if {
      display: none;
    }

    .site-footer {
      margin-top: 0;
    }

    /* lb */
    .view-lb {
      width: 100%;
      text-align: center;
      padding-bottom: 129px;
      position: relative;
    }

    .view-lb a {
      display: inline-block;
      width: 100%;
      height: 100%;
    }

    .view-lb img {
       aspect-ratio: 129 / 44;
    max-width: 1180px;
    width: 80%;
    }

    .lb-h3 {
      font-size: 49px;
      line-height: 49px;
      color: #251E1C;
      font-weight: 700;
    }

    .view-button {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 16px;
    }

    .pils2 {
      margin-right: 11px;
      width: 151px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 17px;
      line-height: 21px;
      font-weight: 500;
      color: #251E1C;
      background: url(/static/2.0/ling-hei.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      /* border: 1px solid #251E1C; */
      /* clip-path: polygon(0 100%, 90% 100%, 100% 90%, 100% 5%, 90% 0, 0 0); */
    }

    .pils3 {
      width: 151px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 7px;
      background: #487F69;
      font-size: 17px;
      line-height: 21px;
      font-weight: 500;
      color: #FFFFFF;
      clip-path: polygon(0 80%, 8% 100%, 100% 100%, 100% 0, 8% 0, 0 20%);
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
      content: '';
      background: url(/static/2.0/zuojian.png);
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-next:after {
      content: '';

    }

    .swiper-button-prev {
      background: url(/static/2.0/zuojian.png) no-repeat;
      background-size: cover;
      width: 35px;
      height: 37px;
    }

    .swiper-button-next {
      background: url(/static/2.0/youjian.png) no-repeat;
      background-size: cover;
      width: 35px;
      height: 37px;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      right: 18%;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
      left: 18%;
    }

.prodcut-left {
    width: 58px;
    height: 60vh;
    background: #F7F7F7;
    position: absolute;
    left: 0;
    top: 0;
   
    clip-path: polygon(0 100%, 100% 90%, 100% 10%, 0 0);
    box-shadow: 3px 0 12px rgba(0, 0, 0, 0.09);
}
.prodcut-right {
    width: 58px;
    height: 60vh;
    background: #F7F7F7;
    position: absolute;
    right: 0;
    top: 0;
   
    clip-path: polygon(0 90%, 100% 100%, 100% 0, 0 10%);
    box-shadow: -3px 0 12px rgba(0, 0, 0, 0.09);
}

    /* lb end */
    /* form */
    .envent-form {
      width: 1400px;
      margin: auto;
    }
    .comment-form{
      width: 100%;
    }
    .row input::placeholder,
    .row textarea::placeholder,
    .row select::placeholder {
      font-weight: 600;
      font-size: 18px;
      color: #251E1C;
      line-height: 22px;
    }



    .row input,
    .row select,
    .row textarea {

      font-weight: 600;
      font-size: 18px;
      color: #251E1C;
      line-height: 22px;
      text-align: left;
      padding-left: 22px;
      margin-bottom: 12px;

    }

    .row input {
      border: none;
      background: url(/static/2.0/input.png) no-repeat;
      background-size: 100% 100%;
      height: 61px;
    }

    .row select {
      border: none;
      background: url(/static/2.0/select.png) no-repeat;
      background-size: 100% 100%;
      height: 61px;
    }

    .row textarea {
      border: none;
      background: url(/static/2.0/textarea.png) no-repeat;
      background-size: 100% 100%;
    }

    .row textarea {
      padding-top: 11px;
      height: 204px;
    }

    #submit {
      background: url(/static/2.0/submit.png) no-repeat;
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #FFFFFF;
      width: 221px;
      height: 39px;
      margin: 0 auto 78px auto;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      line-height: 16px;
      font-weight: 700;
      text-align: center;
    }

    /* form end */
    @media (max-width:1400px) {
         .envent-form {
          width: 1180px;
         }
          .view-lb{
            padding-left: 5%;
            padding-right: 5%;
           }
    }
      @media (max-width:1200px) {
         .envent-form {
          width: 1180px;
         }
         .view-content{
          width: 95%;
         }
    }

    @media (max-width:1000px) {
     
      .view-lh3{
        margin-top: 53px;
      }
      .swiper-button-prev, .swiper-rtl .swiper-button-next{
            left: 10px;
      }
      .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
}
      .col-md-6, .col-md-12{
        padding-left: 0px;
    padding-right: 0px;
      }
      .vch3{
        margin-bottom: 31px;
      }
      .envent-form{
        width: 90%;
      }
      .prodcut-left,.prodcut-right{
        display: none;
      }
      .view-left-span{
        flex-direction: column;
      }
       .view-lb{
        padding-left: 1%;
        padding-right: 1%;
      }
      .vvideo-content iframe{
        width: 100%;
        height: 40vh;
      }
      .view-lb,.view-t,.view-more{
  padding-bottom: 30px;
}
.view-lb img{
  width: 95%;
  margin: auto;
}
.view{
  padding-bottom: 0;
}

    }
    @media (max-width:750px){
      .banner img{
     
      aspect-ratio: 4 / 5;
    }
    }