
/*! Oem start */
        .md19070.Oem-wrap .icon-box {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 1em;
          height: 1em;
          max-width: 100%;
          max-height: 100%;
          transition: .3s
        }

        .md19070.Oem-wrap .icon-box.reverse-x {
          transform: rotateY(180deg)
        }

        .md19070.Oem-wrap .icon-box.reverse-y {
          transform: rotateX(180deg)
        }

        .md19070.Oem-wrap .icon-box.white {
          filter: grayscale(1) brightness(15)
        }

        .md19070.Oem-wrap .icon-box.black {
          filter: grayscale(1) brightness(0)
        }

        .md19070.Oem-wrap .icon-box img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          transition: .3s
        }

        .md19070.Oem-wrap .icon-box svg {
          max-width: 100%;
          max-height: 100%;
          object-fit: contain;
          transition: .3s
        }

        .md19070.Oem-wrap .icon-box img:nth-child(2),
        .md19070.Oem-wrap .icon-box svg:nth-child(2) {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          z-index: 5
        }

        .md19070.Oem-wrap .hover-icon:hover .icon-box img:first-child,
        .md19070.Oem-wrap .active-icon .icon-box img:first-child {
          opacity: 0
        }

        .md19070.Oem-wrap .hover-icon:hover .icon-box img:last-child,
        .md19070.Oem-wrap .active-icon .icon-box img:last-child {
          opacity: 1
        }

        .md19070.Oem-wrap .cn-wh,
        .md19070.Oem-wrap .cn-w,
        .md19070.Oem-wrap .cv-wh,
        .md19070.Oem-wrap .cv-w {
          display: block;
          width: 100%
        }

        .md19070.Oem-wrap .cn-wh,
        .md19070.Oem-wrap .cn-h,
        .md19070.Oem-wrap .cv-wh,
        .md19070.Oem-wrap .cv-h {
          display: block;
          height: 100%
        }

        .md19070.Oem-wrap .cn-wh,
        .md19070.Oem-wrap .cn-w,
        .md19070.Oem-wrap .cn-h {
          object-fit: contain
        }

        .md19070.Oem-wrap .cv-wh,
        .md19070.Oem-wrap .cv-w,
        .md19070.Oem-wrap .cv-h {
          object-fit: cover
        }

        .md19070.Oem-wrap .pic-box {
          max-width: 100%;
          max-height: 100%
        }

        .md19070.Oem-wrap .pic-box img {
          max-width: 100%;
          max-height: 100%
        }

        .md19070.Oem-wrap.wrap,
        .md19070.Oem-wrap .wrap {
          padding-left: 4%;
          padding-right: 4%;
          max-width: 100%
        }

        .md19070.Oem-wrap .area {
          margin: 0 auto;
          width: 100%;
          max-width: 14rem
        }

        .md19070.Oem-wrap .dialog {
          position: fixed;
          top: 0;
          left: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, .5333333333);
          opacity: 0;
          pointer-events: none;
          transform: translateY(100%);
          z-index: 60
        }

        .md19070.Oem-wrap .dialog.dialog-show {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0)
        }

        .md19070.Oem-wrap .dialog.dialog-show .dialog-inner {
          animation: dialog-show .5s forwards
        }

        @keyframes dialog-show {
          0% {
            transform: scale(0) translateY(100%)
          }

          30% {
            transform: scale(0.001, 0.001) translateY(0)
          }

          60% {
            transform: scale(0.001, 1) translateY(0)
          }

          100% {
            transform: scale(1, 1) translateY(0)
          }
        }

        .md19070.Oem-wrap .dialog-inner {
          position: relative;
          transition: .5s
        }

        .md19070.Oem-wrap .dialog-main {
          padding: .3rem;
          border-radius: .08rem;
          background-color: #fff
        }

        .md19070.Oem-wrap .dialog-cancel {
          position: absolute;
          top: .1rem;
          right: .1rem;
          width: 1em;
          height: 1em;
          color: #666;
          background-size: 100%;
          transition: .3s;
          cursor: pointer;
          z-index: 10
        }

        .md19070.Oem-wrap .dialog-cancel .cross {
          position: relative;
          width: 1em;
          height: 1em;
          flex-shrink: 0;
          aspect-ratio: 1;
          cursor: pointer
        }

        .md19070.Oem-wrap .dialog-cancel .cross::before,
        .md19070.Oem-wrap .dialog-cancel .cross::after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          height: .02rem;
          transform: translate(-50%, -50%);
          background-color: #fff;
          transition: .5s
        }

        .md19070.Oem-wrap .dialog-cancel .cross::before {
          transform: translate(-50%, -50%) rotate(90deg)
        }

        .md19070.Oem-wrap .dialog-cancel .cross::after {
          transform: translate(-50%, -50%) rotate(180deg)
        }

        .md19070.Oem-wrap .dialog-cancel .cross {
          transform: rotate(45deg);
          transition: .3s
        }

        .md19070.Oem-wrap .dialog-cancel:hover {
          transform: scale(1.1)
        }

        .md19070.Oem-wrap .dialog-cancel:hover .cross {
          transform: rotate(135deg)
        }

        .md19070.Oem-wrap .search-dialog .dialog-main {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          min-width: 0;
          min-height: 0;
          background-color: rgba(0, 0, 0, 0)
        }

        .md19070.Oem-wrap .search-dialog .search-ipt {
          max-width: 80vw;
          height: 3em;
          width: 40em;
          padding: .15rem 0;
          padding-left: .2rem;
          padding-right: 3.2em;
          outline: none;
          border: none;
          border-radius: .05rem;
          background-color: #fff
        }

        .md19070.Oem-wrap .search-dialog .search-btn {
          background-size: 40%;
          position: absolute;
          top: .02rem;
          right: .02rem;
          width: 3em;
          height: calc(100% - .04rem);
          border-radius: .05rem;
          padding: .1rem;
          background: #019e95;
          outline: none;
          border: none;
          cursor: pointer
        }

        .md19070.Oem-wrap button,
        .md19070.Oem-wrap input,
        .md19070.Oem-wrap textarea {
          border: none;
          outline: none;
          padding: 0;
          background-color: rgba(0, 0, 0, 0)
        }

        .md19070.Oem-wrap .hide {
          display: none
        }

        .md19070.Oem-wrap .Oem {
          padding-top: 1rem;
          padding-bottom: 1rem
        }

        .md19070.Oem-wrap .Oem-title {
          line-height: 1
        }

        .md19070.Oem-wrap .Oem-content {
          padding-top: .4rem;
          padding-bottom: .3rem;
          font-size: .18rem
        }

        .md19070.Oem-wrap .Oem-content2 {
          font-size: .18rem
        }

        .md19070.Oem-wrap .OemList-list {
          padding-top: .3rem;
          display: flex;
          padding-bottom: .3rem;
          flex-wrap: wrap
        }

        .md19070.Oem-wrap .OemList-item {
          background-color: #e5f5f4;
          border-radius: .16rem;
          padding-left: .36rem;
          padding-top: .3rem;
          padding-bottom: .4rem
        }

        .md19070.Oem-wrap .OemList-item {
          width: calc((100% - .9rem)/4)
        }

        .md19070.Oem-wrap .OemList-item:nth-child(n+2) {
          margin-left: .3rem
        }

        .md19070.Oem-wrap .OemList-item:nth-child(4n+1) {
          margin-left: 0
        }

        .md19070.Oem-wrap .OemList-item:nth-child(n+5) {
          margin-top: .3rem
        }

        .md19070.Oem-wrap .OemItem-img img {
          padding-bottom: .05rem
        }

        .md19070.Oem-wrap .OemItem-text {
          line-height: 1.75
        }

        @media(max-width:500px) {
          .md19070.Oem-wrap .OemList-item {
            width: calc((100% - .3rem)/2)
          }

          .md19070.Oem-wrap .OemList-item:nth-child(n+2) {
            margin-left: .3rem
          }

          .md19070.Oem-wrap .OemList-item:nth-child(2n+1) {
            margin-left: 0
          }

          .md19070.Oem-wrap .OemList-item:nth-child(n+3) {
            margin-top: .3rem
          }
        }

        /*! Oem end */

.md-OEM-2.md19071 {
  background-size: 100% 4.2rem;
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 0.88rem;
  padding-bottom: 0.4rem;
  position: relative;
}
.md-OEM-2.md19071 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
  max-width: 92%;
}
.md-OEM-2.md19071 .h2 {
  line-height: 1;
}
.md-OEM-2.md19071 .desc {
  line-height: 1.2;
  margin-top: 0.1rem;
}
.md-OEM-2.md19071 .swiper {
  width: calc(100% + 0.2rem);
  margin-top: 0.2rem;
}
.md-OEM-2.md19071 .swiper-container {
  padding: 0.1rem;
}
.md-OEM-2.md19071 .sw {
  background-color: #fff;
  box-shadow: 2px 2px 0.1rem 0px rgba(0, 0, 0, 0.1);
  padding: 0.4rem;
  height: auto;
}
.md-OEM-2.md19071 .icon {
  display: inline-flex;
}
.md-OEM-2.md19071 .icon img {
  height: 0.82rem;
}
.md-OEM-2.md19071 .title {
  margin-top: 0.52rem;
}
.md-OEM-2.md19071 .intro {
  line-height: calc( 24 / 18 );
  margin-top: 0.1rem;
}

.md-OEM-3.md19072 {
  padding-top: 0.5rem;
  padding-bottom: 0.9rem;
  position: relative;
}
.md-OEM-3.md19072 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
  max-width: 92%;
}
.md-OEM-3.md19072 .h2 {
  line-height: 1;
}
.md-OEM-3.md19072 .desc {
  line-height: 1.2;
  margin-top: 0.1rem;
}
.md-OEM-3.md19072 .swiper {
  margin-top: 0.3rem;
  position: relative;
}
.md-OEM-3.md19072 .img {
  padding-top: calc( 293 / 520 * 100%);
}
.md-OEM-3.md19072 .text {
  margin-top: 0.24rem;
}
