/* hhh */
    .atype {
      color: #000;
    }

    .header-language span {
      color: #000;
    }

    .header-logo a img:first-child {
      opacity: 0;
    }

    .header-logo a img:last-child {
      opacity: 1;
    }

    .header-language-img img:first-child {
      opacity: 0;
    }

    .header-language-img img:last-child {
      opacity: 1;
    }

    /* hhh end */
    .home {
      width: 100%;
      height: 100%;
      position: relative;

      line-height: 0;
    }



    .banner {
      position: relative;
      width: 100%;
      height: 80vh;

      background: #FFFFFF;
    }



    .banner-news {
      width: 1397px;
      height: 200px;
      border-radius: 10px;
      padding: 34px;
      position: absolute;
      bottom: -150px;
      background: #FFFFFF;
      z-index: 999;
      left: 50%;
      transform: translateX(-50%);
      box-shadow: 0px 8px 6px 1px rgba(0, 0, 0, 0.16);
    }

    .mbanner-news {
      display: none;
    }

    .banner-news .mySwiper2 a {
      font-size: 20px;
      line-height: 40px;
      color: #8d8d8d;
      font-weight: 400;
      font-family: 'Montserrat';

    }

    .mySwiper2 {
      text-align: center;
      width: 100%;
      height: 100%;
      position: relative;
    }

    .banner-news-icon {
      width: 100%;
      height: 100%;
      position: relative;
      padding: 15px 60px;
      overflow: hidden;
    }

    .banner-news-icon-left {
      position: absolute;
      top: 0;
      left: 0;
    }

    .banner-news-icon-left span,
    .banner-news-icon-right span {
      display: inline-block;
      width: 30px;
      height: 60px;
      background: #009173;
      opacity: 0.16;
      margin-right: 5px;
      clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
    }

    .banner-news-icon-right {
      position: absolute;
      bottom: 0;
      right: 0;
    }

    .banner-news-icon h3 {
      font-size: 30px;
      line-height: 40px;
      color: #000000;
      font-family: 'Montserrat';
      font-weight: 700;
      text-align: center;
      margin-bottom: 21px;
    }

    .solutions .pbanner {
      height: auto;
    }



    .banner .mySwiper {
      width: 100%;
      height: 100%;
    }

    .banner .mySwiper img {
      width: 100%;
      object-fit: cover;
      height: 100%;
    }

    .banner .mySwiper a {
      display: inline-block;
      position: relative;
      width: 100%;
      height: 100%;
    }

    .banner .mySwiper a .banner-text {
      position: absolute;
      top: 12%;
      width: 80%;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
    }

    .banner .mySwiper a h3 {
      font-size: 55px;
      color: #fff;
      line-height: 55px;
      font-weight: 700;
      margin-bottom: 11px;
      font-family: Montserrat;
    }

    .bslia {
      position: relative;
    }

    .bslia-img {
      position: relative;
      z-index: 9;
    }

    .bslia-text {
      position: absolute;
      z-index: 8;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0.6;
    }

    .banner .mySwiper a p {
      font-size: 20px;
      color: #fff;
      line-height: 20px;
      font-weight: 300;
      margin-bottom: 25px;
      font-family: Montserrat;
    }

    .banner .mySwiper a button {
      width: auto !important;
      height: 38px;
      border: 1px solid #fff;
      border-radius: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 300;
      font-size: 16px;
      color: #fff;
      line-height: 16px;
      background: 0 0;
      cursor: pointer;
      margin: auto;
      font-family: Montserrat;
      padding: 0 10px;
    }

    .banner-text-black h3,
    .banner-text-black p {
      color: #000 !important;
    }

    .banner-text-black button {
      border: 1px solid #000 !important;
      color: #000 !important;
    }

    .banner .swiper-pagination-bullet {
      width: 50px;
      height: 100%;
      border-radius: 16px;
      position: relative;
      background: transparent;
    }

    .banner .swiper-pagination-bullet::before {
      content: '';
      width: 100%;
      height: 5px;
      border-radius: 16px;
      position: absolute;

      left: 0;
      right: 0;
      bottom: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 1);

    }

    .banner .swiper-pagination {
      height: 30px;
      display: flex;
      align-items: end;
      justify-content: center;

    }

    .banner .swiper-pagination {
      bottom: 86px;
    }

    .banner .swiper-pagination-bullet-active::before {
      background: rgba(0, 0, 0, 0.2);
    }

    .banner .swiper-pagination-bullet-active::after {
      content: '';
      width: 100%;
      height: 5px;
      border-radius: 16px;
      position: absolute;

      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(#fff, #fff);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 0% 100%;
      pointer-events: none;
      animation: bulletWidthAnimate 6s 1 linear forwards;
    }

    @keyframes bulletWidthAnimate {
      0% {
        background-size: 0% 100%;
      }

      100% {
        background-size: 100% 100%;
      }
    }


    .products {
      width: 100%;
      padding-top: 209px;
      padding-bottom: 70px;
      background: #FFFFFF;
    }

    .products-content {
      width: 1400px;
      margin: auto;
    }

    .pdh3 {
      display: none;
    }

    .product-content-flex {
      display: flex;
      justify-content: center;
    }

    .product-datas {
      width: 1085px;
    }

    .product-datas a {
      display: inline-block;
      width: 100%;
      height: 100%;
    }

    .products-content .mySwiper {
      width: 100%;
      padding-bottom: 60px;
    }

    .products-content .mySwiper img {
      width: 100%;
    }

    .psh3 {
      text-align: center;
      font-size: 40px;
      color: #000;
      font-family: Montserrat;
      font-weight: 700;
      text-align: center;
      line-height: 40px;
      margin-bottom: 15px;
    }

    .psp {
      font-size: 18px;
      color: #8d8d8d;
      line-height: 23px;
      margin-bottom: 33px;
      font-weight: 300;
      text-align: center;
      font-family: Montserrat;
    }

    .products-cate {
      width: 300px;
      height: 100%;
      background: #F9F6F6;
      margin-right: 15px;
      border-radius: 10px;
      position: sticky;
      top: 72px;
    }

    .products-cate a {
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: 60px;

      padding-left: 25px;
      padding-right: 27px;
      align-items: center;
    }

    .p-c-ac {
      border-radius: 10px;
      background: #009173 !important;

    }

    .p-c-ac span {
      color: #FFFFFF !important;
    }

    .products-cate a span {
      font-weight: 300;
      font-family: Montserrat;
      font-size: 18px;
      color: #000000;
      line-height: 25px;
    }

    .products-cate span {
      font-weight: 500;
      color: #5d5d5d;
      font-size: 18px;
      font-family: Montserrat;
      cursor: pointer;
      line-height: 25px;
    }

    .product-datas-item {
      transition: all 0.7s ease;
    }

    .product-datas-item a:hover img {
      transform: scale(1.05);
    }

    .product-datas-item a:hover img {
      background: linear-gradient(to bottom, #AFAFAF, #F7F7F7);
    }

    .mySwiperppp {
      display: none;
    }

    .product-datas-show {
      display: block;
      width: 100%;
      height: 100%;
    }

    .mySwiperppp .swiper-slide {
      width: 32%;
      height: auto;
    }
.mySwiperppp .swiper-wrapper{
justify-content: flex-start;
flex-wrap: wrap;
}
    .product-datas-show .product-datas-item:nth-child(3n + 2) {
      margin-left: 15px;
      margin-right: 15px;

    }
    
    .product-datas-show a {
      width: 100%;
      height: 100%;
      margin-bottom: 19px;
      display: inline-block;

    }

    .pdspan1 {
      font-size: 16px;
      line-height: 22px;
      color: #000000;
      font-weight: 500;
      font-family: Montserrat;
    }

    .pdspan2 {
      font-size: 12px;
      line-height: 17px;
      color: #000000;
      font-weight: 500;
      font-family: Montserrat;
      float: right;
    }

    .pdspan3 {
      font-size: 14px;
      line-height: 20px;
      color: #000000;
      display: inline-block;
      font-weight: 400;
      font-family: Montserrat;
      float: left;
      clear: both;
    }

    .product-datas-img {
      width: 100%;
      height: 180px;
      background: #F6F7F8;
      border-radius: 10px;
      object-fit: cover;

      overflow: hidden;
    }

    .product-datas-show a img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.7s ease;
    }

    .product-datas-item-text {
      padding-top: 5px;
      padding-left: 11px;
      padding-right: 10px;
    }

    .product-datas .swiper-button-next,
    .product-datas .swiper-button-prev {
      position: absolute;
      width: calc(var(--swiper-navigation-size) / 44 * 27);
      height: var(--swiper-navigation-size);
      margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
      z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #707070;
      width: 45px;
      height: 45px;
      border: 1px solid #707070;
      border-radius: 50%;
    }

    .product-datas .swiper-button-next:after,
    .product-datas .swiper-rtl .swiper-button-prev:after {
      content: ">";
      font-size: 13px;
    }

    .product-datas .swiper-button-prev:after,
    .product-datas .swiper-rtl .swiper-button-next:after {
      content: "<";
      font-size: 13px;
    }

    .smartin {
      width: 100%;
      height: 100%;
      position: relative;
      line-height: 0;
      background: #FFFFFF;
    }

    .msmart {
      display: none;
    }

    .smartin a {
      display: inline-block;
      position: relative;
      width: 100%;
      height: 100%;
    }

    .smartin a img {
      width: 100%;
      aspect-ratio: 2 / 1;
    }

    .smartin .smart-content {
      position: absolute;
      left: 50%;
      top: 25%;
      transform: translateX(-50%);
      text-align: center;
    }

    .smartin .smart-content h3 {
      font-size: 55px;
      line-height: 55px;
      color: #000;
      font-weight: 700;
      margin-bottom: 20px;
      font-family: Montserrat;
    }

    .smartin .smart-content p {
      font-size: 20px;
      line-height: 20px;
      color: #000;
      font-weight: 300;
      margin-bottom: 35px;
      font-family: Montserrat;
    }

    .smartin .smart-content button {
      display: inline-block;
      width: 121px;
      height: 38px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: 0 0;
      border: 1px solid #000;
      font-size: 16px;
      line-height: 16px;
      font-weight: 300;
      border-radius: 50px;
      margin: auto;
      cursor: pointer;
      font-family: Montserrat;
    }

    .solutions {
      width: 100%;
      height: 100%;
      padding-top: 53px;
      padding-bottom: 94px;
      text-align: center;
      background: #f5f5f5;
    }

    .soh3 {
      font-size: 40px;
      line-height: 40px;
      color: #000;
      margin-bottom: 13px;
      font-family: Montserrat;
    }

    .sop {
      font-size: 18px;
      line-height: 23px;
      color: #8d8d8d;
      width: 60%;
      margin: 20px auto 40px auto;
      font-family: Montserrat;
    }

    .solutions .mySwiper {
      width: 1400px;
      margin: auto;
      background: #f5f5f5;
      position: relative;
    }

    .solutions .mySwiper .swiper-slide {
      flex-shrink: 1;
    }

    .solu-content {
      width: 100%;
      display: flex;

      position: relative;
    }

    .solu-item {
      line-height: 0;
      width: 148px;
      height: 500px;
      margin-right: 10px;
      position: relative;
      transition: all 0.3s linear;
      cursor: pointer;
      border-radius: 10px;
      overflow: hidden;
      background: #FFFFFF;
    }

    .solu-item::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%;
      z-index: 7;
      border-radius: 10px;
    }

    .solu-item a {
      display: inline-block;
      width: 100%;
      height: 100%;
      position: relative;
    }

    .solu-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .solus1 {
      position: absolute;
      font-weight: 500;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
      line-height: 20px;
      width: 137px;
      color: #fff;
      z-index: 8;
      opacity: 1;
      font-family: Montserrat;
    }

    .solus2 {
      left: 50%;
      position: absolute;
      font-size: 30px;
      line-height: 30px;
      bottom: 30px;
      top: auto;
      color: #fff;
      transform: translateX(-50%);
      font-weight: 700;
      opacity: 0;
      z-index: 8;
      width: 400px;
      transition: all 0.3s;
      font-family: Montserrat;
    }

    .solu-item-d .solus2 {
      opacity: 1 !important;
    }

    .solu-item-d .solus1 {
      opacity: 0 !important;
    }

    .solu-item-d {
      width: 450px !important;
      height: 500px !important;
    }

    .solu-item-d::after {
      height: 90px;
      top: auto !important;
      bottom: 0 !important;
      background: linear-gradient(to bottom,
          rgba(0, 0, 0, 0) 0,
          rgba(0, 0, 0, 0.77) 100%) !important;
    }

    .lianxi {
      width: 100%;
      aspect-ratio: 4 / 1;
      position: relative;
      line-height: 0;
      background: #FFFFFF;
    }

    .lianxi img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .lianx-content {
      width: 1400px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      text-align: left;
    }

    .lianx-content h3 {
      font-size: 40px;
      line-height: 40px;
      color: #fff;
      margin-bottom: 13px;
      font-weight: 700;
      font-family: Montserrat;
    }

    .lianx-content p {
      font-size: 17px;
      line-height: 17px;
      color: #fff;
      margin-bottom: 38px;
      font-weight: 300;
      font-family: Montserrat;
    }

    .lianx-content a {
      width: auto;
      height: 28px;
      border: 1px solid #fff;
      background: 0 0;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      line-height: 16px;
      color: #fff;
      border-radius: 50px;
      font-family: Montserrat;
      padding: 0 10px;
    }

    .news {
      width: 100%;
      height: 100%;
      padding-top: 55px;
      padding-bottom: 70px;
      background: #FFFFFF;
      position: relative;
    }

    .news-title {
      width: 1400px;
      margin: auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 38px;
    }

    .newst-left h3 {
      font-size: 40px;
      line-height: 40px;
      color: #000;
      font-weight: 700;
      white-space: nowrap;
      font-family: Montserrat;
    }

    .news .newst-right {
      width: 340px;
      display: flex;
      justify-content: space-between;
    }

    .newst-right button {
      width: 157px;
      height: 36px;
      border: 1px solid #8d8d8d;
      background: 0 0;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #8d8d8d;
      border-radius: 50px;
      cursor: pointer;
      font-family: Montserrat;
    }

    .hbl {
      border: 1px solid #009173 !important;
      color: #009173 !important;
    }

    .news-flex {

      width: 100%;
    }

    .news-content {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .news-content .swiper-button-next,
    .news-content .swiper-button-prev {
      position: absolute;
      width: calc(var(--swiper-navigation-size) / 44 * 27);
      height: var(--swiper-navigation-size);
      margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
      z-index: 9;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #707070;
      width: 45px;
      height: 45px;
      border: 1px solid #707070;
      border-radius: 50%;
    }

    .news-content .swiper-slide-prev {
      opacity: 0.5;
      transform: scale(0.92);
    }

    .news-content .swiper-slide-next {
      opacity: 0.5;
      transform: scale(0.92);
    }

    .news-content .swiper-button-prev {
      bottom: 0px;
      top: auto;
      left: calc(50% - 50px);

    }

    .news-content .swiper-button-next {
      bottom: 0px;
      top: auto;
      right: calc(50% - 50px);

    }

    .news-content .swiper-button-prev:after,
    .news-content .swiper-rtl .swiper-button-next:after {

      font-size: 13px;
    }

    .news-content .swiper-button-next:after,
    .news-content .swiper-rtl .swiper-button-prev:after {

      font-size: 13px;
    }

    .news-item {
      display: none;
    }

    .nishow {
      display: block !important;
    }

    .news-item .swiper-slide {
      width: 100%;
      height: 500px;
      border-radius: 10px;
      overflow: hidden;
    }

    .news-item .swiper-slide a {
      display: flex;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      background: #F4F4F4;
      position: relative;

    }

    .news-item .swiper-slide a img {
      width: 50%;
      height: 100%;
      object-fit: cover;
    }

    .news-item-text {
      width: 50%;
      height: 100%;

      padding-left: 52px;
      padding-right: 15px;
      background-color: #F4F4F4;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .news-item-text h5 {
      margin-bottom: 10px;
      font-family: Montserrat;
      font-weight: 500;
      color: #000000;
      font-size: 24px;
      line-height: 34px;
    }

    .news-item-text-p1 {
      margin-bottom: 72px;
      font-family: Montserrat;
      font-weight: 400;
      color: #000000;
      font-size: 18px;
      line-height: 25px;
    }

    .news-item-text-p2 {
      font-family: Montserrat;
      font-weight: 500;
      color: #000000;
      font-size: 16px;
      line-height: 22px;
    }

    .news-item:last-child .swiper-slide a img {
      width: 100%;
      height: auto;
      border-radius: 10px;
    }

    .news-item:last-child .news-item-text {
      display: none;
    }

    .news-item:last-child a {
      background: transparent;
      align-items: center;
    }

    /* newsend */



    .form-bd {
      width: 100%;
      background: #FFFFFF;
      padding-top: 79px;
      padding-bottom: 70px;
    }

    .form-bd-content {
      width: 1400px;
      margin: auto;
    }

    .form-bd-content h3 {
      margin-bottom: 36px;
      font-size: 40px;
      color: #000;
      font-weight: 700;
      font-family: Montserrat;
    }

    .cc-content {
      width: 100%;
    }

    .form-bd .cc-input {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .form-bd .cc-input input {
      font-size: 16px;
      font-weight: 300;
      color: #8d8d8d;
      font-family: Montserrat;
    }

    .form-bd .cc-input input:not(:last-child) {
      width: 695px;
      height: 60px;
      margin-bottom: 12px;
      border-radius: 14px;
      border: 1px solid #868686;
      padding-left: 17px;
    }

    .form-bd .cc-input input:last-child {
      width: 100%;
      height: 60px;
      margin-bottom: 12px;
      border-radius: 14px;
      border: 1px solid #868686;
      padding-left: 17px;
    }

    .form-bd .guinpu #attr_37 {
      width: 100%;
      height: 60px;
      margin-bottom: 12px;
      border-radius: 14px;
      border: 1px solid #868686;
      padding-left: 17px;
      font-size: 16px;
      font-weight: 300;
      color: #8d8d8d;
      font-family: Montserrat;
    }

    .form-bd .guinpu #attr_38 {
      width: 100%;
      height: 203px;
      margin-bottom: 61px;
      border-radius: 14px;
      border: 1px solid #868686;
      padding-left: 17px;
      font-size: 16px;
      font-weight: 300;
      color: #8d8d8d;
      padding-top: 13px;
      font-family: Montserrat;
    }

    .form-bd .guinpu .cc-b {
      width: auto;
      height: 33px;
      border-radius: 40px;
      border: 1px solid #009173;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      color: #009173;
      font-weight: 400;
      background: 0 0;
      margin: auto;
      cursor: pointer;
      font-family: Montserrat;
    }



    @media screen and (max-width: 1440px) {


      .banner .swiper-pagination {
        bottom: 84px;
      }

      /* .banner-news .mySwiper2 a{
          font-size: 15px;
          line-height: 20px;
        } */
      .product-datas-img {
        height: 130px;
      }

      .product-datas {
        width: calc(100% - 300px);
      }

      .banner-news {
        width: 80%;
        height: 160px;
        padding: 14px;
        bottom: -95px;
      }

      .form-bd .cc-input input:not(:last-child) {
        width: 49%;
      }

      .solus1 {
        font-size: 14px;
      }

      .solus2 {
        font-size: 22px;
      }

      .form-bd-content,
      .lianx-content,
      .news-title,

      .products-content,
      .solutions .mySwiper {
        width: 1140px;
      }


      .products-cate span {
        font-size: 15px;
      }
    }

    @media screen and (max-width: 1140px) {
      .solu-item::after {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.77) 100%) !important;
      }



      .banner .swiper-pagination {
        bottom: 10px;
      }

      .news-item:last-child .news-item-text {
        display: block;
        padding-top: 50px;
      }

      .news-item:last-child a {
        background: #F4F4F4;
        align-items: center;
      }

      .solus1 {
        opacity: 0;
      }

      .solus2 {
        opacity: 1;
      }

      /* END */
      .psh3,
      .psp {
        display: none;
      }

      .hmmanbao span {
        background: #000;
        border: 1px solid #000;
      }

      .hmchahao {
        color: #000;
      }

      .news-item .swiper-slide {
        height: 100%;
      }

      .news-item-text-p1 {
        margin-bottom: 30px;
      }

      .news-item-text h5 {
        font-size: 15px;
        line-height: 20px;
      }

      .news-item-text {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
      }

      .news-item-text-p1 {
        font-size: 13px !important;
        line-height: 18px !important;
      }


      .banner .mySwiper a .banner-text {
        width: 100%;
        top: 80px;
      }

      .products {
        padding-top: 70px;

      }

      .mySwiperppp {
        position: relative;
        height: 100%;
        margin-bottom: 50px;
      }
.pdspan3{
  height: 34px;
}
      .mySwiperppp .swiper-slide {
        width: 100% !important;
        height: 100%;
      }
   .product-datas-show .product-datas-item:nth-child(3n + 2) {
      margin-left: 0;
      margin-right: 0;

    }
    .mySwiperppp .swiper-wrapper {
    justify-content: unset;
    flex-wrap: unset;
}
.mySwiperppp{
  display: block;
}
      .product-datas {
        width: 90%;
        margin: auto;
      }

      .pdh3 {
        display: block;
        text-align: center;
        margin-bottom: 20px;
      }

      .product-content-flex {
        display: block;
      }

      .product-datas-img {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .mySwiperppp a {
        display: flex;
        background: #F6F7F8;
        width: 100%;
        height: 100%;
        padding-top: 14px;
        padding-bottom: 25px;
        flex-direction: column;
        border-radius: 5px;
      }

      .product-datas-show a img,
      .mySwiperppp img {
        margin: auto;
        height: auto;
   

      }

      .product-datas-show a {
        margin-bottom: 0;
      }



      .mbanner-news {
        width: 80%;
        height: 70px;
        background: #FFFFFF;
        position: absolute;
        bottom: 40px;
        margin: auto;
        padding: 10px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 10px;
        z-index: 999;
        text-align: center;
      }

      .mbanner-news .mySwiper3 {
        width: 100%;
        height: 100%;
      }

      .mbanner-news .swiper-slide {
        display: flex;
        align-items: center;
      }

      .news-item .swiper-slide a {
        flex-direction: column;
      }

      .mySwiper3 a {
        font-size: 13px;
        line-height: 15px;
        color: #000000;
        font-weight: 500;
        font-family: 'Montserrat';
        text-align: center;
      }



      .lianxi img {
        width: 100%;
        height: 100%;

      }

      .banner .swiper-pagination-bullet {
        width: 30px;
      }

      .form-bd .cc-input input:not(:last-child) {
        font-size: 13px;
      }

      .bslia-text {
        display: none;
      }

      .form-bd .guinpu #attr_37,
      .form-bd .guinpu #attr_38 {
        font-size: 13px;
      }

      .form-bd .guinpu #attr_38 {
        margin-bottom: 31px;
      }

      .form-bd .guinpu .cc-b {
        margin-bottom: 20px;
      }

      .form-bd-content,
      .lianx-content,
      .news-title,
      .products-cate,
      .products-content,
      .solutions .mySwiper {
        width: 95%;
      }

      .solutions .mySwiper {
        border-radius: 10px;
      }



      .news-title {
        flex-direction: column;
      }

      .newst-left {
        margin-bottom: 30px;
      }

      .newst-right button {
        margin-right: 5px;
      }

      .lianx-content {
        top: 8%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
      }

      .lianx-content a {
        margin: auto;
      }

      .lianx-content p {
        margin-bottom: 18px;
      }

      .products-cate span {
        width: 50%;
        padding-left: 0;
        padding-bottom: 8px;
        padding-top: 8px;
      }

      .product-datas .swiper-button-prev {
        bottom: 0;
        top: auto;
        left: 12%;
        width: 30px;
        height: 30px;
      }

      .news-item .swiper-slide a img {
        width: 100%;

      }

      .news-content .news-item:first-child .swiper-slide a img {
        aspect-ratio: 455 / 281;
      }

      .product-datas .swiper-button-next {
        bottom: 0;
        top: auto;
        right: 12%;
        width: 30px;
        height: 30px;
      }

      .products-cate {
        border: none;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        display: none;
      }

      .product-datas-item {
        display: flex;


      }

      .product-datas-item a:hover img {
        background: transparent;
        transform: scale(1);
      }

      .product-datas-show {
        display: block;

      }

      .products-content .mySwiper img {
        width: 100%;
        height: auto;
        object-fit: cover;
      }


      .smartin .smart-img {
        width: 100%;

        object-fit: cover;

        aspect-ratio: 15 / 19;
      }

      .form-bd {
        padding-bottom: 10px;
      }

      .smart-content h3 {
        font-size: 22px;
        line-height: 22px;
      }

      .smart-content {
        width: 80%;
      }

      .smart-content p {
        font-size: 15px;
        line-height: 15px;
      }

      .smart-content button {
        width: 121px;
        height: 28px;
        font-size: 13px;
        line-height: 13px;
      }



      .solus2 {
        font-size: 18px !important;
        font-weight: 700 !important;
      }

      .lianxi {
        height: 70vh;
        aspect-ratio: auto !important;
      }

      .newst-right {
        width: 200px;
      }

      .news-flex {
        padding-left: 2.5%;
        padding-right: 2.5%;
      }

      .news-content .swiper-button-next {
        bottom: 30px;
        top: auto;
        left: auto;
        right: 30%;
      }

      .news {
        padding-bottom: 100px;
      }

      .news-content .swiper-button-prev {
        bottom: 30px;
        top: auto;
        left: 30%;
        right: auto;
      }
    }

    @media screen and (max-width: 750px) {
      .banner {
        height: auto;
      }

      .solutions .mySwiper .swiper-slide {
        flex-shrink: 0;
      }

      .solu-item,
      .solu-item-d {

        height: 50vh !important;
        margin: 0;
      }

      .solu-item-d {
        width: 100% !important;
        margin-right: 0;
      }

      .banner .mySwiper img {
        aspect-ratio: 521 / 660;
      }

      .pbanner,
      .banner-news {
        display: none;
      }

      .mbanner,
      .mbanner-news {
        display: block !important;

      }

      .mbanner {
        width: 100%;
        aspect-ratio: 15 / 19;
        display: none !important;
        position: relative;
        background: #FFFFFF;
      }

      .header-language-img img:first-child,
      .header-logo a img:first-child {
        opacity: 0;
      }

      .header-language-img img:last-child,
      .header-logo a img:last-child {
        opacity: 1;
      }
    }