@charset "UTF-8";
.section {
  padding: 0 8.4375vw 0 9.21875vw;
}
.section .part1 {
  padding: 8.4895833333vw 0 8.3333333333vw;
  display: flex;
  justify-content: space-between;
}
.section .part1 .l {
  width: 35.2083333333vw;
  padding: 2.9166666667vw 0 0;
}
.section .part1 .l .label {
  color: #1C4B8A;
  font-weight: 400;
  margin-bottom: 1.5625vw;
}
.section .part1 .l .title {
  color: #1C4B8A;
  font-weight: 600;
  margin-bottom: 0.9375vw;
}
.section .part1 .l .text {
  color: #8F979E;
  font-weight: 400;
  line-height: 2.25;
  margin-bottom: 3.9583333333vw;
}
.section .part1 .l .btns {
  display: flex;
}
.section .part1 .l .btns a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.5vw;
  height: 3.3333333333vw;
  flex-shrink: 0;
  border-radius: 0.5208333333vw;
  border: 0.0520833333vw solid #00378A;
  background: #FFF;
  color: #00378A;
  font-weight: 500;
  transition: 0.6s;
}
.section .part1 .l .btns a:hover {
  background: #00378A;
  color: #FFFFFF;
}
.section .part1 .l .btns .contact_btn {
  margin-left: 1.25vw;
  background: #00378A;
  color: #FFFFFF;
}
.section .part1 .l .btns .contact_btn:hover {
  background: #FFF;
  color: #00378A;
}
.section .part1 .r {
  width: 40.9375vw;
  overflow: hidden;
}
.section .part1 .r img {
  display: block;
  width: 100%;
  transition: 1s;
}
.section .part1 .r:hover img {
  transform: scale(1.1);
}
.section .part2 {
  background: #F9FAFB;
  display: flex;
  align-items: center;
}
.section .part2 .l {
  width: 36.4583333333vw;
  overflow: hidden;
}
.section .part2 .l img {
  display: block;
  width: 100%;
  transition: 1s;
}
.section .part2 .l:hover img {
  transform: scale(1.1);
}
.section .part2 .r {
  width: 35.2083333333vw;
  margin-left: 5.2083333333vw;
}
.section .part2 .r h5 {
  color: #1C4B8A;
  font-weight: 500;
  margin-bottom: 1.4583333333vw;
}
.section .part2 .r .text {
  color: #8F979E;
  font-style: normal;
  font-weight: 400;
  line-height: 2; /* 200% */
}
.section .part3 {
  padding: 3.3333333333vw 0 0;
}
.section .part3 h5 {
  color: #1C4B8A;
  font-weight: 500;
  margin-bottom: 1.4583333333vw;
}
.section .part3 .text {
  color: #8F979E;
  font-weight: 400;
  line-height: 2; /* 200% */
}
.section .part4 {
  padding: 6.3020833333vw 0 0;
}
.section .part4 .title {
  color: #1C4B8A;
  font-weight: 600;
  line-height: 1.25; /* 125% */
  margin-bottom: 1.25vw;
}
.section .part4 .content {
  width: 100%;
  position: relative;
  border-radius: 1.0416666667vw;
  overflow: hidden;
}
.section .part4 .content:after {
  content: "";
  background: linear-gradient(122deg, #031635 13.38%, rgba(28, 75, 138, 0) 69.83%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.section .part4 .content > img {
  display: block;
  width: 100%;
}
.section .part4 .content .text {
  position: absolute;
  z-index: 3;
  left: 2.0833333333vw;
  bottom: 3.3333333333vw;
}
.section .part4 .content .text h5 {
  color: #FFF;
  font-weight: 600;
  margin-bottom: 1.25vw;
}
.section .part4 .content .text > p {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  line-height: 2.25;
  margin-bottom: 1.5625vw;
}
.section .part4 .content .text .more {
  display: flex;
  align-items: center;
}
.section .part4 .content .text .more p {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  line-height: 2.25;
  margin-right: 0.4166666667vw;
  transition: 0.6s;
}
.section .part4 .content .text .more .icon {
  width: 0.7291666667vw;
}
.section .part4 .content .text .more .icon img {
  display: block;
  width: 100%;
  filter: brightness(0) invert(1);
  transform: rotate(180deg);
  transition: 0.6s;
}
.section .part4 .content .text .more:hover p {
  color: #1C4B8A;
}
.section .part4 .content .text .more:hover .icon img {
  filter: brightness(1);
}
.section .part5 {
  padding: 9.375vw 0 9.5833333333vw;
}
.section .part5 .title {
  color: #1C4B8A;
  font-weight: 600;
  margin-bottom: 3.125vw;
}
.section .part5 .list {
  width: 100%;
  overflow: hidden;
}
.section .part5 .list .swiper .swiper-slide .item {
  width: 100%;
}
.section .part5 .list .swiper .swiper-slide .item .img {
  display: block;
  width: 100%;
  height: 20.2604166667vw;
  overflow: hidden;
}
.section .part5 .list .swiper .swiper-slide .item .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}
.section .part5 .list .swiper .swiper-slide .item .img:hover img {
  transform: scale(1.1);
}
.section .part5 .list .swiper .swiper-slide .item .item_title {
  margin: 1.9791666667vw 0 1.7708333333vw;
  display: block;
  color: #00183C;
  font-weight: 500;
  transition: 0.6s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section .part5 .list .swiper .swiper-slide .item .item_title:hover {
  color: #00378A;
}
.section .part5 .list .swiper .swiper-slide .item .item_text {
  color: #00183C;
  font-weight: 400;
  line-height: 1.5; /* 150% */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 3.125vw;
  margin-bottom: 1.25vw;
}
.section .part5 .list .swiper .swiper-slide .item .more {
  display: flex;
  align-items: center;
  width: fit-content;
  position: relative;
}
.section .part5 .list .swiper .swiper-slide .item .more:after {
  content: "";
  width: 100%;
  height: 0.0520833333vw;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: 1s;
  transform-origin: left;
  background: #00378A;
}
.section .part5 .list .swiper .swiper-slide .item .more p {
  color: #00378A;
  font-weight: 500;
  line-height: 1.5; /* 150% */
  margin: 0 0.4166666667vw 0 0;
}
.section .part5 .list .swiper .swiper-slide .item .more .icon img {
  display: block;
  width: 0.46875vw;
}
.section .part5 .list .swiper .swiper-slide .item .more:hover:after {
  transform: scaleX(1);
}

@media screen and (max-width: 768px) {
  .section {
    padding: 0 5vw;
  }
  .section .part1 {
    padding: 100px 0 80px;
    flex-direction: column-reverse;
  }
  .section .part1 .r {
    width: 100%;
    margin-bottom: 40px;
  }
  .section .part1 .l {
    width: 100%;
  }
  .section .part1 .l .label {
    margin-bottom: 10px;
  }
  .section .part1 .l .title {
    margin-bottom: 20px;
  }
  .section .part1 .l .text {
    margin-bottom: 30px;
  }
  .section .part1 .l .btns a {
    width: 110px;
    height: 40px;
    border-radius: 6px;
  }
  .section .part1 .l .btns .contact_btn {
    margin-left: 20px;
  }
  .section .part2 {
    display: block;
  }
  .section .part2 .l {
    width: 100%;
  }
  .section .part2 .r {
    width: 100%;
    padding: 30px 20px 40px;
    box-sizing: border-box;
    margin-left: 0;
  }
  .section .part2 .r h5 {
    margin-bottom: 20px;
  }
  .section .part2 .r .text {
    font-size: 16px;
  }
  .section .part3 {
    padding: 60px 0 0;
  }
  .section .part3 h5 {
    margin-bottom: 40px;
  }
  .section .part3 .text {
    font-size: 16px;
  }
  .section .part4 {
    padding: 60px 0 0;
  }
  .section .part4 .title {
    margin-bottom: 30px;
  }
  .section .part4 .content .text {
    position: relative;
    padding: 60px 20px;
    width: 100%;
    left: 0;
    bottom: unset;
  }
  .section .part4 .content .text h5 {
    margin-bottom: 10px;
  }
  .section .part4 .content .text > p {
    margin-bottom: 30px;
  }
  .section .part4 .content .text .more .icon {
    width: 12px;
  }
  .section .part4 .content > img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
  }
  .section .part5 {
    padding: 60px 0 80px;
  }
  .section .part5 .title {
    margin-bottom: 30px;
  }
  .section .part5 .list .swiper .swiper-slide .item {
    width: 100%;
  }
  .section .part5 .list .swiper .swiper-slide .item .img {
    height: 100vw;
    margin-bottom: 20px;
  }
  .section .part5 .list .swiper .swiper-slide .item .item_title {
    margin-bottom: 10px;
  }
  .section .part5 .list .swiper .swiper-slide .item .item_text {
    height: unset;
    margin-bottom: 20px;
  }
  .section .part5 .list .swiper .swiper-slide .item .more .icon {
    margin-left: 8px;
  }
  .section .part5 .list .swiper .swiper-slide .item .more .icon img {
    width: 10px;
  }
}

/*# sourceMappingURL=productInfo.css.map */