.wrapper {
  max-width: 1500px;
}

.row {
  padding: 1.2rem 0;
}

@media only screen and (max-width: 767px) {
  .row {
    padding: 24px 0;
  }
}

.index_01 {
  background: rgba(239, 242, 245, 1);
}

.index_01 .flex-box-left {
  width: 55%;
  padding-right: 1rem;
}

.index_01 .flex-box-right {
  width: 45%;
}

.index_01 .mod-bd {
  color: rgba(120, 120, 120, 1);
  font-size: var(--font18);
  line-height: 2;
  text-align: justify;
}

.index_01 .mod .mod-hd {
  margin-bottom: 0.32rem;
}

.index_01 .mod-ft {
  padding-top: 0.24rem;
}

.video-area {
  position: relative;
}

.video-area .pic,
.video-area .pic img {
  border-radius: 0.16rem;
}

.video-area .pic img {
  width: 100%;
}

.video-play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* pointer-events: none; */
  z-index: 1;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
}

.video-play-icon svg {
  height: 100%;
  width: 100%;
}

.statistic-wrap {
  margin-top: 0.9rem;
}

.statistic-list {
  display: flex;
  justify-content: space-between;
  border-radius: 0.12rem;
  box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 1);
  padding: 0.24rem 1.12rem;
}

.statistic-list li {
  box-sizing: border-box;
}

.statistic {
  width: 100%;
  transition: all 0.3s;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  padding: 0.2rem;
  min-width: 1.48rem;
}

.statistic-title {
  color: rgba(50, 50, 50, 1);
  font-size: var(--font18);
  margin-top: 0.08rem;
}

.statistic-content {
}

.statistic-content-value {
  color: var(--main-color);
  font-size: var(--font36);
  font-weight: bold;
}

.statistic-content-suffix {
  color: rgba(50, 50, 50, 1);
  font-size: var(--font18);
  margin-left: 0.04rem;
}

@media only screen and (max-width: 767px) {
  .statistic-list {
    padding: 16px 24px;
    flex-wrap: wrap;
  }

  .statistic-list li {
    width: 50%;
    padding: 8px;
  }
}

.index_03 {
  background: rgba(239, 242, 245, 1);
}

@media only screen and (min-width: 768px) {
  .rd-list {
    --gap: 0.15rem;
    --item-margin-bottom: 0;
  }

  .rd-list > li:last-child {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-bottom: 0.26rem;
  }

  .more-link {
    box-sizing: border-box;
    height: 100%;
  }

  .more-link .btn {
    height: 100%;
  }
}

.more-link .btn {
  border-radius: 0.12rem;
  font-size: var(--font32);
}

@media only screen and (max-width: 767px) {
  .more-link .btn {
    height: 36px;
    font-size: 14px;
  }
}

.rd-list-item {
  position: relative;
  margin-bottom: 0.26rem;
}

.rd-list-item .meta {
  box-sizing: border-box;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 0.16rem;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}

.rd-list-item .title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
}

.rd-list-item .pic,
.rd-list-item .pic img,
.rd-list-item .overlay {
  border-radius: 0.12rem;
}

.rd-list-item .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 300ms;
}

.rd-list-item .txt {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font28);
  transform: translateY(15px);
  transition: transform 300ms;
}

.rd-list-item:hover .overlay {
  opacity: 1;
}

.rd-list-item:hover .txt {
  transform: translateY(0);
}

.rd-list-item:hover .meta {
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .news-list {
    --gap: 0.24rem;
    --item-margin-bottom: 0;
  }
}

.news-list-container {
  box-sizing: border-box;
  padding: 0.02rem 0.34rem;
  border-radius: 0.12rem;
  box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 1);
}

.news-list > li:nth-child(3) .news-list-container {
  height: 100%;
}

.news-list > li:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news-list > li:nth-child(2) .news-list-container {
  margin-bottom: 0.2rem;
}

.news-list-item {
}

.news-list-item .meta {
  padding: 0.2rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.news-list-container .news-list-item:last-child .meta {
  border-bottom: 0 none;
}

.news-list-item .title {
  color: rgba(51, 51, 51, 1);
  font-size: var(--font20);
  line-height: 1.3333;
  margin-bottom: 0.32rem;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  min-height: 0.52rem;
}

.news-list-item .date {
  color: rgba(85, 85, 85, 1);
  font-size: var(--font18);
  margin-bottom: 0.08rem;
}

.news-list-item .more {
  color: rgba(85, 85, 85, 1);
  font-size: var(--font16);
  margin-bottom: 0.04rem;
}

/* 图片新闻 */
.news-pic-item {
  position: relative;
}

.news-pic-item .pic,
.news-pic-item .pic img {
  border-radius: 0.16rem;
}

.news-pic-item .meta {
  box-sizing: border-box;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0.34rem 0.38rem;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
background-color: rgba(0,0,0,0.3);
    border-radius: 0.16rem;
}

.news-pic-item .title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: bold;
  line-height: 1.3333;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
}

.news-pic-item .date {
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--font18);
  margin-bottom: 0.12rem;
}

.news-pic-item .more {
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--font18);
  display: flex;
  align-items: center;
  gap: 0.08rem;
}

.news-pic-item .more svg {
  width: var(--icon24);
  margin-bottom: 0.02rem;
}

.news-pic-item:hover .upimg {
  transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
  .news-list > li:nth-child(2) .news-list-container {
    margin-bottom: 20px;
  }
}

.index_02 {
  --h: 5.2rem;
  --w: 7.2rem;
  padding-bottom: 0.6rem;
}

.pro-area {
  --swiper-navigation-size: 0.28rem;

  position: relative;
  padding-bottom: 0.6rem;
  padding-top: 0.12rem;
}

.pro-area .swiper .swiper-slide {
  width: 3.8rem;
  transition: 0.8s;
}

@media screen and (min-width: 1200px) {
  .pro-area .swiper .swiper-slide-active {
    width: var(--w);
  }
}

@media screen and (max-width: 699px) {
  .pro-area .swiper {
    margin-top: 0;
    padding: 0;
  }
}

.pro-area .swiper-actions-container {
  box-sizing: border-box;
  margin-top: 0.4rem;
}

.pro-area .swiper-actions {
  position: relative;
  display: flex;
  gap: 0.4rem;
}

.pro-area .swiper-actions .swiper-actions-left {
  flex: 1;
  position: relative;
}

.pro-area .swiper-actions .swiper-buttons {
  position: relative;
  width: 0.64rem;
}

.pro-area .swiper-button-prev,
.pro-area .swiper-rtl .swiper-button-next {
  left: 0;
}

.pro-area .swiper-button-next,
.pro-area .swiper-rtl .swiper-button-prev {
  right: 0;
}

.pro-area .swiper-horizontal > .swiper-pagination-progressbar,
.pro-area .swiper-pagination-progressbar.swiper-pagination-horizontal,
.pro-area
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.pro-area
  .swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 1px;
}

/* item */

.pro-list-item {
  height: var(--h);
}

.pro-list-item a {
  display: block;
  position: relative;
  height: 100%;
}

.pro-list-item .pic {
  height: 100%;
  overflow: hidden;
}

.pro-list-item .pic img {
  transition: 0.5s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pro-list-item :hover img {
  transform: scale(1.1);
}

.pro-list-item .meta {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.56rem;    z-index: 2;
}
.pro-list-item .pic::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);    z-index: 1;
}
.pro-list-item .title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font36);
  font-weight: bold;
  margin-bottom: 0.08rem;
}

.pro-list-item .desc {
  box-sizing: border-box;
  transition: 0.4s;
}

.pro-list-item .list {
  color: rgba(255, 255, 255, 1);
  line-height: 1.8;
  font-size: var(--font16);min-height: 1.8rem;
}

.pro-list-item .desc .info {
  box-sizing: border-box;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 3.5rem;
  height: 100%;
  background: rgba(13, 53, 135, 0.8);
  backdrop-filter: blur(10px);
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.4s;
}

.pro-list-item .desc .info .content1 {
  font-size: var(--font36);
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.24rem;
}

.pro-list-item .desc .info .content3 {
  margin-top: 0.4rem;
}

.pro-list-item .desc .info .content4 {
  margin-top: 0.6rem;
}

.pro-list-item:hover .desc .pic img {
  transform: scale(1.1);
}

.pro-list-item .btn {
  width: 1.98rem;
}

.pro-list {
  display: flex;
  margin: 0 -0.16rem;
}

.pro-list > li {
  transition: 0.5s;
  box-sizing: border-box;
  width: 33.33%;
  padding: 0 0.16rem;
}

.pro-list > li.on {
  width: 50%;
}

/* active */

.pro-list > li.on .pro-list-item .title,
.swiper-slide-active .pro-list-item .title {
  opacity: 0;
}

.pro-list > li.on .pro-list-item .desc,
.swiper-slide-active .pro-list-item .desc {
  opacity: 1;
  padding: 0;
}

.pro-list > li.on .pro-list-item .desc .info,
.swiper-slide-active .pro-list-item .desc .info {
  opacity: 1;
}

.pro-list > li.on .pro-list-item .desc > .list {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .pro-list {
    flex-wrap: wrap;
  }

  .pro-list > li {
    width: 100% !important;
    margin-bottom: 24px;
  }

  .pro-list-item .desc .info {
    width: 100%;
    background: rgba(13, 53, 135, 0.4);
    backdrop-filter: blur(0);
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .pro-list > li.on .pro-list-item .desc .list {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}