.service {
  padding: 4.16666vw 8.33333vw 5.20833vw;
  background: #fff;
}
.service-title {
  font-family: Roboto, Roboto;
  font-weight: 500;
  font-size: 1.66666vw;
  color: #1d1d1d;
  margin-bottom: 1.66666vw;
}
.service-bot {
  display: flex;
  justify-content: space-between;
}
.service-item {
  display: flex;
}
.service-item-img {
  width: 18.59375vw;
  height: 22.91666vw;
  margin-right: 2.5vw;
}
.service-item-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service-item-box {
  display: flex;
  flex-direction: column;
}
.service-item-box-title {
  font-family: Roboto, Roboto;
  font-weight: 500;
  font-size: 1.25vw;
  color: #1d1d1d;
  margin-bottom: 0.83333vw;
}
.service-item-box-text {
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: 0.83333vw;
  color: #1d1d1d;
  line-height: 1.25vw;
  white-space: pre-wrap;
}
.service-item-box-img-other {
  display: flex;
  align-items: flex-end;
}
.service-item-box-img-other a {
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: 0.9375vw;
  color: #1d1d1d;
  height: 1.04166vw;
}
.service-item-box-img-other:hover a {
  color: #8d222e;
}
.service-item-box-img-other:hover .download {
  background-image: url("../img/information/downloaod-hover.png");
  background-size: 100% 100%;
}
.service-item-box-img-other:hover .browse {
  background-image: url("../img/information/preview-hover.png");
  background-size: 100% 100%;
}
.service-item-box-img {
  display: flex;
  align-items: center;
}
.service-item-box-img a {
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: 0.9375vw;
  color: #1d1d1d;
}
.service-item-box-img:hover a {
  color: #8d222e;
}
.download {
  width: 1.25vw;
  height: 1.25vw;
  background-image: url("../img/information/download.png");
  background-size: 100% 100%;
  margin-right: 1.25vw;
}
.service-item-box-img:hover .download {
  background-image: url("../img/information/downloaod-hover.png");
  background-size: 100% 100%;
}
.service-item-box-img:hover .browse {
  background-image: url("../img/information/preview-hover.png");
  background-size: 100% 100%;
}
.browse {
  width: 1.25vw;
  height: 1.25vw;
  background-image: url("../img/information/preview.png");
  background-size: 100% 100%;
  margin-right: 1.25vw;
}
.sized {
  height: 1.25vw;
}
.video-box {
  padding: 5.20833vw 8.33333vw;
  background: #f5f5f5;
}
.video-title {
  font-family: Roboto, Roboto;
  font-weight: 500;
  font-size: 1.66666vw;
  color: #1d1d1d;
  margin-bottom: 1.66666vw;
}
.video-inner {
  display: flex;
}
.video-box-left {
  width: 41.66666vw;
  display: flex;
  flex-direction: column;
  margin-right: 2.5vw;
}
.video-content-info {
  position: relative;
  width: 41.66666vw;
  height: 23.4375vw;
  margin-bottom: 1.30208vw;
}
.custom-play-img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.38541vw; /* 根据你的图调整大小 */
  height: 3.38541vw;
  transform: translate(-50%, -50%);
  z-index: 10;
  cursor: pointer;
}
.video-content-box {
  cursor: pointer;
  width: 100%;
}
.video-content-title {
  font-family: Roboto, Roboto;
  font-weight: 500;
  font-size: 1.25vw;
  color: #1d1d1d;
  cursor: pointer;
}
.video-content-title:hover {
  color: #8d222e;
}
.video-box-right {
  display: flex;
  flex-direction: column;
}
.video-box-right-item {
  display: flex;
  cursor: pointer;
}
.right-info {
  position: relative;
  width: 12.39583vw;
  height: 6.97916vw;
  margin-right: 1.66666vw;
}
.right-info-back {
  width: 100%;
  height: 100%;
}
.right-info-play {
  width: 1.66666vw;
  height: 1.66666vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.right-info-title {
  width: 25vw;
  font-family: Roboto, Roboto;
  font-weight: 500;
  font-size: 1.25vw;
  color: #1d1d1d;
}
.right-info-title:hover {
  color: #8d222e;
}
.info-line {
  margin: 1.25vw 0;
  width: 100%;
  height: 0.05208vw;
  background: #d8d8d8;
}