body {
  overflow-x: hidden;
}
.content-box-1 .content-box-title,
.content-box-2 .content-box-title,
.content-box-3 .content-box-title,
.content-box-4 .content-box-title {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 2.25rem;
  color: #CB0000;
  position: relative;
}
.content-box-1 .content-box-title > div:last-child,
.content-box-2 .content-box-title > div:last-child,
.content-box-3 .content-box-title > div:last-child,
.content-box-4 .content-box-title > div:last-child {
  color: #666666;
  font-size: 0.75rem;
}
.content-box-1 .content-box-title::before,
.content-box-2 .content-box-title::before,
.content-box-3 .content-box-title::before,
.content-box-4 .content-box-title::before {
  content: '';
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  top: -0.5rem;
  left: -1.625rem;
  z-index: 0;
  background: rgba(203, 0, 0, 0.2);
  border-radius: 50%;
}
.content-box-1 {
  width: 100%;
}
.content-box-1 .swiper-slide {
  position: relative;
}
.content-box-1 .swiper-slide img {
  width: 100%;
  height: auto;
  min-height: 67.5rem;
  background: transparent;
}
@media (max-width: 768px) {
  .content-box-1 .swiper-slide img {
    min-height: 55vh;
  }
}
.content-box-1 .swiper-slide .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  filter: blur(0.625rem);
  pointer-events: none;
}
.content-box-1 .swiper-button-next,
.content-box-1 .swiper-button-prev {
  color: #030000;
  transition: all 0.3s ease-in-out;
}
.content-box-1 .swiper-button-next::after,
.content-box-1 .swiper-button-prev::after {
  font-size: 1.75rem !important;
}
@media (max-width: 768px) {
  .content-box-1 .swiper-button-next::after,
  .content-box-1 .swiper-button-prev::after {
    font-size: 2rem !important;
  }
}
.content-box-1 .swiper-button-next:hover,
.content-box-1 .swiper-button-prev:hover {
  transform: scale(1.25);
}
.content-box-2 {
  position: relative;
}
.content-box-2 .content-box-title {
  position: absolute;
  left: 10%;
  top: 5%;
  z-index: 2;
}
@media (max-width: 1080px) {
  .content-box-2 .content-box-title {
    top: 6.25rem;
  }
}
.content-box-2 .content-box-2-swiper {
  width: 100%;
  min-height: 75rem;
}
.content-box-2 .content-box-2-swiper img {
  width: 100%;
  height: 75rem;
  /*object-fit: cover;*/
  object-fit: fill;
}
.content-box-2 .content-box-2-r {
  position: absolute;
  right: 0;
  top: 25.375rem;
  z-index: 1;
  width: 44rem;
  /*height: 7.3125rem;*/
  background-size: 100% 100%;
  padding-left: 3.125rem;
  background-repeat: no-repeat;
  padding: 0rem 1rem 1.5rem 5.5625rem;
}
@media (max-width: 768px) {
  .content-box-2 .content-box-2-r {
    width: 100%;
    height: 6.3125rem;
  }
}
.content-box-2 .content-box-2-b {
  position: absolute;
  left: 50%;
  bottom: 1.25rem;
  z-index: 1;
  transform: translateX(-50%);
  width: 75%;
}
.content-box-2 .content-box-2-b > div {
  padding: 1.5625rem 3.75rem 1.4375rem 0;
  background: linear-gradient(89deg, rgba(0, 0, 0, 0.30) 0%, rgba(230, 230, 230, 0.64) 100%);
  border-radius: 0.9375rem;
}
.content-box-2 .content-box-2-b .tab-item {
  cursor: pointer;
  width: 7rem;
}
.content-box-2 .content-box-2-b .tab-item.active {
  color: #CB0000;
}
.content-box-3 {
  position: relative;
  min-height: 56.25rem;
  width: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  padding: 12.5rem 0 12.5rem;
}
.content-box-3 .content-box-3-l {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
  transform: translateY(-50%);
  width: 10.625rem;
  height: 100%;
}
@media (max-width: 993px) {
  .content-box-3 .content-box-3-l {
    top: 60%;
    height: 40vh;
    opacity: 0.25;
  }
}
.content-box-3 .player-box {
  width: 100%;
  max-width: 46.75rem;
  height: 32.625rem;
  background-size: 100% 100%;
  position: relative;
}
@media (max-width: 993px) {
  .content-box-3 .player-box {
    height: auto;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 1.875rem;
  }
}
.content-box-3 .line {
  width: 100%;
  height: 0.0625rem;
  background: rgba(17, 22, 36, 0.1);
  position: relative;
}
.content-box-3 .line::before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.0625rem;
  width: 3.4375rem;
  height: 0.1875rem;
  background: #CB0000;
}
.content-box-3 .content-box-3-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
}
.content-box-3 .content-box-3-data .num {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 3.1875rem;
  color: #CB0000;
}
.content-box-3 .content-box-3-data .unit {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 1.25rem;
  color: #111111;
}
.content-box-3 .content-box-3-b-r {
  position: absolute;
  bottom: -10.625rem;
  right: 0;
}
@media (max-width: 993px) {
  .content-box-3 .content-box-3-b-r {
    position: initial;
    margin-top: 1.25rem;
  }
}
.content-box-4 {
  position: relative;
  min-height: 56.25rem;
  width: 100%;
  padding: 18.1875rem 0 12.5rem;
}
.content-box-4 .content-box-title {
  position: absolute;
  left: 0;
  top: -8.4375rem;
  z-index: 1;
}
.content-box-4 .news-list > li {
  cursor: pointer;
}
.content-box-4 .news-list > li > div {
  overflow: hidden;
}
.content-box-4 .news-list > li:hover .news-img,
.content-box-4 .news-list > li:hover .news-content {
  background: #F5F5F5;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transform: translateY(-0.3125rem);
}
.content-box-4 .news-list > li:hover .news-img {
  transform: scale(1.2);
}
.content-box-4 .news-list .news-img {
  width: 100%;
  height: 19.6875rem;
  background: #FFFFFF;
  transition: all 0.3s;
  object-fit: cover;
}
.content-box-4 .news-list .news-content {
  background: #FFFFFF;
  padding: 2.1875rem 1.9375rem;
  transition: all 0.3s;
}
.content-box-4 .news-list .news-title {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 1.125rem;
  color: #111111;
  padding-bottom: 0.75rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15);
}
.content-box-4 .news-list .news-desc {
  padding-top: 0.75rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1.625rem;
}
.content-box-4 .news-list .news-date {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1.625rem;
}
.content-box-4 .content-box-4-b-r {
  position: absolute;
  bottom: -6.375rem;
  right: 0;
}
@media (max-width: 993px) {
  .content-box-4 .content-box-4-b-r {
    position: initial;
    margin-top: 1.25rem;
  }
}