body .home .banner .text {
  top: 13.02083vw
}

body .home .container .t {
  margin-bottom: 3.125vw
}

body .home .container .sec1,
body .home .container .sec2 {
  padding: 6.25vw 8.33333vw;
  padding-bottom: 0
}

body .home .container .sec1 .html,
body .home .container .sec2 .html {
  color: #181818;
  line-height: 1.67
}
@media screen and (max-width: 1280px) {
  body .home .container .sec1 .html,
  body .home .container .sec2 .html {
    font-size: 14px;
  }
}

body .home .container .sec3 {
  padding: 6.25vw 8.33333vw
}

body .home .container .sec3 .cases {
  position: relative
}

body .home .container .sec3 .cases .pic img,
body .home .container .sec3 .cases .pic video {
  width: 100%
}

body .home .container .sec3 .cases .play {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

body .home .container .sec3 .cases .play img {
  width: 5.20833vw
}

body .home .container .sec4 {
  background: #F8F8F8;
  padding: 6.25vw 8.33333vw
}

body .home .container .sec4 .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.08333vw
}

body .home .container .sec4 .items .item {
  width: 100%;
  padding: 1.5625vw;
  background: #FFF
}

body .home .container .sec4 .items .item .icon img {
  width: 2.60417vw
}

body .home .container .sec4 .items .item .pt {
  margin: 1.25vw 0 .83333vw 0;
  line-height: 1.16;
  max-width: 18.48958vw;
  font-weight: 600
}

body .home .container .sec4 .items .item .des {
  color: #666;
  line-height: 1.75
}

body .home .container .sec5 {
  padding: 6.25vw 8.33333vw
}

body .home .container .sec5 .t {
  margin-bottom: 6.04167vw
}

body .home .container .sec5 .content {
  display: flex;
  justify-content: space-between
}

body .home .container .sec5 .content .lbox {
  width: 34.6875vw
}

body .home .container .sec5 .content .lbox .pic {
  width: 100%;
  /* height: 28.4375vw; */
  height: 100%;
  background: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: center
}

body .home .container .sec5 .content .lbox .pic img {
  max-width: 90%;
  transition: all 600ms
}

body .home .container .sec5 .content .lbox .pic:hover img {
  transform: scale(1.05)
}

body .home .container .sec5 .content .rbox {
  width: calc(100% - 36.77vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.08333vw
}

body .home .container .sec5 .content .rbox .item {
  width: 100%;
  background: #F8F8F8;
  width: 100%;
  padding: 1.5625vw
}

body .home .container .sec5 .content .rbox .item .icon img {
  width: 2.60417vw
}

body .home .container .sec5 .content .rbox .item .pt {
  margin: .83333vw 0 .625vw 0;
  line-height: 1.16;
  font-weight: 600
}

body .home .container .sec5 .content .rbox .item .des {
  color: #666;
  line-height: 1.57
}

@media screen and (max-width: 768px) {
  body .home .container {
    padding-bottom: 30px
  }

  body .home .container .t {
    margin-bottom: 20px;
    font-size: 24px
  }

  body .home .container .sec1,
  body .home .container .sec2,
  body .home .container .sec3,
  body .home .container .sec4,
  body .home .container .sec5 {
    padding: 30px 5%
  }

  body .home .container .sec3 .cases .play img {
    width: 40px
  }

  body .home .container .sec4 .items {
    grid-template-columns: 1fr;
    gap: 20px
  }

  body .home .container .sec4 .items .item {
    padding: 20px
  }

  body .home .container .sec4 .items .item .icon img {
    width: 35px
  }

  body .home .container .sec4 .items .item .pt {
    margin: 8px 0 6px 0;
    max-width: inherit
  }

  body .home .container .sec5 .content {
    flex-direction: column
  }

  body .home .container .sec5 .content .lbox,
  body .home .container .sec5 .content .rbox {
    width: 100%
  }

  body .home .container .sec5 .content .lbox .pic {
    height: 250px;
    margin-bottom: 20px
  }

  body .home .container .sec5 .content .rbox {
    grid-template-columns: 1fr;
    gap: 20px
  }

  body .home .container .sec5 .content .rbox .item {
    padding: 20px
  }

  body .home .container .sec5 .content .rbox .item .icon img {
    width: 35px
  }

  body .home .container .sec5 .content .rbox .item .pt {
    margin: 8px 0 6px 0
  }
}