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

body .home .container {
  padding: 5.20833vw 8.33333vw;
  padding-bottom: 6.25vw
}

body .home .container .types {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(130, 136, 152, 0.56);
  padding: 0 4.6875vw
}

body .home .container .types a {
  color: rgba(0, 0, 0, 0.5);
  transition: all 600ms;
  display: block;
  position: relative;
  line-height: 1.5;
  padding: 1.14583vw .26042vw;
  padding-top: 0
}

body .home .container .types a::after {
  content: '';
  display: block;
  height: 4px;
  width: 0;
  background: #002AEC;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 600ms;
  bottom: 0
}

body .home .container .types a p {
  transition: all 600ms
}

body .home .container .types a:hover::after,
body .home .container .types a.on::after {
  width: 100%
}

body .home .container .types a:hover p,
body .home .container .types a.on p {
  color: #000;
  transform: scale(1.1);
  font-weight: 600
}

body .home .container .list {
  margin: 4.16667vw 0
}

body .home .container .list a {
  display: flex;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0);
  box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.05)
}

body .home .container .list a:not(:last-child) {
  margin-bottom: 2.08333vw
}

body .home .container .list a:nth-child(2n) {
  flex-direction: row-reverse
}

body .home .container .list a .pic {
  width: 50%;
  overflow: hidden
}

body .home .container .list a .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 600ms
}

body .home .container .list a .text {
  width: 50%;
  padding: 4.84375vw 0 4.84375vw 4.0625vw;
  position: relative
}

body .home .container .list a .text::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 10.10417vw;
  height: 8.64583vw;
  background: url(../images/ibg.svg) no-repeat;
  background-size: cover
}

body .home .container .list a .text .pt {
  padding-bottom: 1.25vw;
  position: relative;
  transition: all 600ms;
  font-weight: 600
}

body .home .container .list a .text .pt::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3.125vw;
  height: .15625vw;
  background: #002aec;
}

body .home .container .list a .text .des {
  margin: 1.25vw 0 2.08333vw 0;
  color: #181818;
  line-height: 1.75;
  max-width: 28.75vw
}

body .home .container .list a:hover .pic img {
  transform: scale(1.05)
}

body .home .container .list a:hover .text .pt {
  color: #002AEC
}

body .home .container .pager {
  display: flex;
  justify-content: center;
  gap: 1.04167vw;
  color: #666;
  line-height: 1.75;
  align-items: center
}

body .home .container .pager a:hover,
body .home .container .pager a.on {
  color: #002AEC
}

@media screen and (max-width: 1280px){
body .home .container .list a .text .des{
   font-size: 1.0416666667vw;
}
}
@media (min-width:768px) and (max-width: 900px) {
  body .home .container .list a .text .des {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  body .home .container .list a .text .des{
   font-size: 16px;
}
  body .home .container {
    padding: 30px 5%
  }

  body .home .container .types {
    padding: 0;

    /* flex-wrap: wrap; */
    gap: 10px
  }

  body .home .container .types a {
    padding: 10px 5px;
    font-size: 14px;
    text-align: center;
  }

  body .home .container .types a::after {
    height: 2px
  }

  body .home .container .list {
    margin: 20px 0
  }

  body .home .container .list a {
    flex-direction: column !important
  }

  body .home .container .list a:not(:last-child) {
    margin-bottom: 20px
  }

  body .home .container .list a .pic {
    width: 100%
  }

  body .home .container .list a .text {
    width: 100%;
    padding: 20px
  }

  body .home .container .list a .text::before {
    width: 100px;
    height: 100px
  }

  body .home .container .list a .text .pt {
    padding-bottom: 12px
  }

  body .home .container .list a .text .pt::after {
    width: 60px;
    height: 2px
  }

  body .home .container .list a .text .des {
    margin: 12px 0 20px 0;
    max-width: inherit
  }

  body .home .container .list a .text .btn {
    padding: 8px 12px;
    border-radius: 20px
  }

  body .home .container .list a .text .btn img {
    width: 12px
  }

  body .home .container .pager {
    gap: 10px;
    font-size: 14px
  }
}