.blockBanner {
  width: 100%;
  height: 100vh;
  position: relative;
}
.blockBanner .bg-img {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.blockBanner .w1744 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.blockBanner .w1744 .top-text {
  margin-bottom: calc(88px * var(--primary-ratio));
}
.blockBanner .w1744 .top-text h3 {
  font-size: calc(72px * var(--primary-ratio));
  font-family: Raleway Medium;
  color: #fff;
  line-height: 88px;
}
.blockBanner .w1744 .bottom-text {
  max-width: calc(655px * var(--primary-ratio));
}
.blockBanner .w1744 .bottom-text p {
  color: #fff;
  font-size: calc(20px * var(--primary-ratio));
  line-height: calc(32px * var(--primary-ratio));
}

.block2 {
  padding: calc(177px * var(--primary-ratio)) 0;
  margin-bottom: calc(168px * var(--primary-ratio));
  display: flex;
  justify-content: center;
}
.block2 ul {
  display: flex;
  margin: 0 auto;
  max-width: var(--primary-width);
}
.block2 ul li {
  display: flex;
  align-items: center;
}
.block2 ul li.left {
  margin-right: calc(239px * var(--primary-ratio));
}
.block2 ul li .icon {
  height: calc(108px * var(--primary-ratio));
  margin-right: calc(46px * var(--primary-ratio));
}

.block2 ul li .content-text h6,
.block2 ul li .content-text p {
  font-size: calc(18px * var(--primary-ratio));
  color: rgba(1, 1, 1, 0.8);
  line-height: 1;
}
.block2 ul li .content-text h6 {
  margin-bottom: calc(20px * var(--primary-ratio));
}
.block2 ul li .content-text h5 {
  font-family: Raleway Medium;
  font-size: calc(32px * var(--primary-ratio));
  color: rgba(1, 1, 1, 1);
  line-height: 1;
  margin-bottom: calc(58px * var(--primary-ratio));
}
.mobile-development {
  display: none;
}

.blockSwiper .block-title {
  font-size: calc(32px * var(--primary-ratio));
  font-family: Raleway Regular;
  color: #010101;
  margin-bottom: calc(44px * var(--primary-ratio));
}

.development-swiper {
  overflow: hidden;
  width: 100%;
}
.development-swiper .swiper-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 120%;
}
.development-swiper .swiper-slide {
  width: calc(25% - calc(60px * var(--primary-ratio)));
}
.development-swiper .swiper-slide img {
  border-radius: 8px;
  margin-bottom: calc(44px * var(--primary-ratio));
  object-fit: cover;
}
.development-swiper .swiper-slide .content-text {
  color: rgba(1, 1, 1, 0.6);
}
.development-swiper .swiper-slide.active .content-text {
  color: rgba(1, 1, 1, 1);
}
.development-swiper .swiper-slide .content-text h4 {
  font-size: calc(32px * var(--primary-ratio));
  font-family: OPPOSans M;
  margin-bottom: calc(18px * var(--primary-ratio));
}
.development-swiper .swiper-slide .content-text p {
  font-size: calc(18px * var(--primary-ratio));
  font-family: Raleway Regular;
  line-height: calc(32px * var(--primary-ratio));
  display: flex;
  align-items: baseline;
}
.development-swiper .swiper-slide .content-text p i {
  margin-right: 5px;
}
.blockSwiper .progress-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 2px rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: calc(68px * var(--primary-ratio));
}
.blockSwiper .progress-box::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 25%;
  height: 2px;
  background-color: #010101;
  display: block;
  transition: all 0.3s;
  z-index: 1;
  transform: translateX(var(--swiper-transition, 0));
}
.blockSwiper .progress-box li {
  width: 25%;
  padding-top: calc(24px * var(--primary-ratio));
  font-size: calc(20px * var(--primary-ratio));
  font-family: Raleway Regular;
  color: rgba(1, 1, 1, 0.6);
  transition: all 0.3s;
}
.blockSwiper .progress-box li.active {
  font-family: Raleway Regular;
  color: #010101;
}

/* 企业荣誉 */
.blockHonor {
  margin-top: calc(168px * var(--primary-ratio));
  padding-top: calc(168px * var(--primary-ratio));
  padding-bottom: calc(113px * var(--primary-ratio));
}
.blockHonor .swiper-pagination {
  display: none;
}
.blockHonor .block-title {
  font-size: calc(32px * var(--primary-ratio));
  color: #010101;
  font-family: Raleway Regular;
  margin-bottom: calc(98px * var(--primary-ratio));
}
.blockHonor .flex-content {
  display: flex;
  justify-content: space-between;
}
.blockHonor .flex-content .content-text {
  margin-top: calc(128px * var(--primary-ratio));
  width: calc(28% - 49px);
  max-width: calc(440px * var(--primary-ratio));
}
.blockHonor .flex-content .content-text h4 {
  font-size: calc(32px * var(--primary-ratio));
  line-height: calc(42px * var(--primary-ratio));
  font-family: Raleway Regular;
  color: #000;
  margin-bottom: calc(58px * var(--primary-ratio));
}

.blockHonor .flex-content .content-text p {
  font-size: calc(18px * var(--primary-ratio));
  font-family: Raleway Regular;
  color: rgba(34, 34, 34, 0.4);
}
.blockHonor .flex-content .swiper-box {
  height: calc(575px * var(--primary-ratio));
  position: relative;
  width: calc(1228px * (var(--primary-ratio)));
}
.blockHonor .flex-content .honor-swiper {
  width: 100%;
  height: calc(575px * var(--primary-ratio));
}
.blockHonor .honor-swiper .swiper-slide {
  background-color: #fff;
  padding-top: calc(76px * var(--primary-ratio));
  text-align: center;
  border-radius: calc(18px * var(--primary-ratio));
}
.blockHonor .honor-swiper .swiper-slide .img-box {
  height: calc(260px * var(--primary-ratio));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(66px * var(--primary-ratio));
}
.blockHonor .honor-swiper .swiper-slide img {
  box-shadow: 18px 15px 30px 0px rgba(44, 19, 97, 0.15);
}

.blockHonor .honor-swiper .swiper-slide .desc p {
  font-size: calc(20px * var(--primary-ratio));
  color: #030408;
  line-height: calc(28px * var(--primary-ratio));
  font-family: Raleway Regular;
  max-width: calc(330 * var(--primary-ratio));
  text-align: center;
  margin: 0 auto;
}
.blockHonor .swiper-box .swiper-prev-btn,
.blockHonor .swiper-box .swiper-next-btn {
  width: calc(58px * var(--primary-ratio));
  height: calc(58px * var(--primary-ratio));
  background-color: #fff;
  position: absolute;
  top: 50%;
  box-shadow: 6px 6px 10px 0px rgba(44, 19, 97, 0.102);
  z-index: 1;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

.blockHonor .swiper-box .btn-box {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blockHonor .swiper-box .btn-box::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  display: block;
  background-color: #2c1361;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: 1;
}
.blockHonor .swiper-box .swiper-prev-btn:hover .btn-box::after,
.blockHonor .swiper-box .swiper-next-btn:hover .btn-box::after {
  top: 0;
  opacity: 1;
}
.blockHonor .swiper-box .swiper-prev-btn {
  position: absolute;
  left: calc(-29px * var(--primary-ratio));
  transform: translateY(-50%);
}
.blockHonor .swiper-box .swiper-prev-btn img,
.blockHonor .swiper-box .swiper-next-btn img {
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.blockHonor .swiper-box .swiper-prev-btn:hover img,
.blockHonor .swiper-box .swiper-next-btn:hover img {
  filter: contrast(0) brightness(10);
}
.blockHonor .swiper-box .swiper-next-btn img {
  transform: rotate(180deg);
}
.blockHonor .swiper-box .swiper-next-btn {
  right: calc(-29px * var(--primary-ratio));
  transform: translateY(-50%);
}
/* 新闻中心 */
.indexBlockNews {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  min-height: 960px;
  display: flex;
  align-items: center;
}
.news.none-content {
  height: 100%;
}
.news.none-content li {
  height: 50vh;
}
.indexBlockNews .column-title {
  font-size: calc(32px * var(--primary-ratio));
  font-family: Raleway Regular;
  color: #010101;
  line-height: 1;
  margin-bottom: calc(60px * var(--primary-ratio));
}
.indexBlockNews .w1744 {
  position: relative;
}

.news-swiper .news-img {
  font-size: 0;
  object-fit: cover;
}
.news-swiper .news-img img {
  height: 100%;
  border-radius: 8px 8px 0 0;
}
.news-swiper .news-container {
  background-color: #fff;
  height: 400px;
  padding: 44px 20px 40px 44px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0 0 8px 8px;
}
.news-swiper .news-container:hover {
  background-color: #2c1361;
}
.news-swiper .news-container:hover .more-box .white {
  display: block;
}
.news-swiper .news-container:hover .more-box .black {
  display: none;
}
.news-swiper .news-container:hover .more-box,
.news-swiper .news-container:hover .title-box .title,
.news-swiper .news-container:hover .title-box .time,
.news-swiper .news-container:hover .tag-list,
.news-swiper .news-container:hover .tag-list li {
  color: #fff;
}
.news-swiper .news-container:hover .tag-list li {
  border-color: rgba(255, 255, 255, 0.16);
}
.news-swiper .news-container .title-box .title {
  font-size: 24px;
  font-family: Raleway Regular;
  color: #0f0f0f;
  line-height: 32px;
  margin-bottom: 20px;
  transition: all 0.3s;
}
.news-swiper .news-container .title-box .time {
  font-size: 18px;
  font-family: OPPOSans L;
  color: #000000;
  line-height: 18px;
  transition: all 0.3s;
}
.news-swiper .news-container .tag-list li {
  border-radius: 50%;
  width: 88px;
  height: 88px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  float: left;
  font-size: 18px;
  font-family: Raleway Regular;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -5px;
  transition: all 0.3s;
}
.news-swiper .news-container .more-box {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-family: Raleway Regular;
  font-weight: normal;
  color: #2c1361;
  line-height: 20px;
  cursor: pointer;
  transition: all 0.3s;
}
.news-swiper .news-container .more-box img {
  margin-right: 20px;
}
.news-swiper .news-container .more-box .white {
  display: none;
}

.news-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  /* width: 50px !important; */
  height: 2px;
  background-color: #2c1361;
}
.indexBlockNews .w1744 .swiper-button-prev:after,
.indexBlockNews .w1744 .swiper-rtl .swiper-button-next:after,
.indexBlockNews .w1744 .swiper-button-next:after,
.indexBlockNews .w1744 .swiper-rtl .swiper-button-prev:after {
  display: none;
}
.indexBlockNews .w1744 .swiper-button-prev,
.indexBlockNews .w1744 .swiper-button-next {
  width: 58px;
  height: 58px;
  border: solid 1px #2c1361;
  border-radius: 50%;
}
.indexBlockNews .w1744 .swiper-button-prev img,
.indexBlockNews .w1744 .swiper-button-next img {
  width: 20px;
  height: 20px;
}
.indexBlockNews .w1744 .swiper-button-prev {
  top: 12px;
  right: 0;
  left: calc(100% - 220px);
  overflow: hidden;
}
.indexBlockNews .w1744 .swiper-button-next {
  top: 12px;
  right: 85px;
  transform: rotate(180deg);
  overflow: hidden;
}
.indexBlockNews .w1744 .btn-box::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  display: block;
  background-color: #2c1361;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: 1;
}
.indexBlockNews .w1744 .swiper-button-next .btn-box::after {
  top: -100%;
}
.indexBlockNews .w1744 .btn-box img {
  position: relative;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.indexBlockNews .w1744 .swiper-button-next:hover img,
.indexBlockNews .flex-content .more-btn:hover .right-icon {
  filter: contrast(0) brightness(10);
  filter: contrast(0) brightness(10);
}
.indexBlockNews .w1744 .swiper-button-next:hover .btn-box::after,
.indexBlockNews .flex-content .more-btn:hover:after {
  top: 0;
  opacity: 1;
}

.indexBlockNews .swiper-horizontal > .swiper-scrollbar,
.indexBlockNews .swiper-scrollbar.swiper-scrollbar-horizontal {
  width: 460px;
  bottom: -60px;
  left: 0;
  height: 2px;
}
.indexBlockNews .swiper-scrollbar-drag {
  background-color: #2c1361;
}
.block3 .w1744 {
  height: calc(555px * var(--primary-ratio));
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.block3 .left-text {
  margin-right: 50px;
}
.block3 .left-text .desc {
  margin-bottom: calc(40px * var(--primary-ratio));
}
.block3 .left-text p {
  font-size: calc(32px * var(--primary-ratio));
  line-height: calc(42px * var(--primary-ratio));
  font-family: Raleway Regular;
  color: #000;
  max-width: calc(850px * var(--primary-ratio));
}
.block3 .left-text span {
  font-size: calc(18px * var(--primary-ratio));
  font-family: Raleway Regular;
  color: rgba(34, 34, 34, 0.4);
}

.block3 .right-list li {
  border-bottom: solid 1px #d8d8d8;
  height: calc(90px * var(--primary-ratio));
  display: flex;
  align-items: center;
}
.block3 .right-list li .trans-num {
  width: calc(170px * var(--primary-ratio));
  display: block;
  font-size: calc(32px * var(--primary-ratio));
  font-family: OPPOSans L;
  color: #000;
}
.block3 .right-list li p {
  font-size: calc(16px * var(--primary-ratio));
  line-height: calc(20px * var(--primary-ratio));
  font-family: Raleway Regular;
  color: rgba(34, 34, 34, 0.4);
  flex: 1;
}
.indexBlockNews .swiper-pagination {
  display: none;
}

@media (max-width: 1774px) {
  .blockHonor .flex-content .swiper-box {
    width: 72%;
  }
  .blockBanner .w1744 .top-text h3 {
    font-size: 48px;
    line-height: 1.2;
  }
  .blockBanner .w1744 .top-text {
    margin-bottom: calc(44px);
  }
}
@media (max-width: 1500px) {
  .block2 ul {
    justify-content: space-between;
    width: 100%;
  }
  .block2 ul li {
    width: 50%;
  }
  .block2 ul li.left {
    margin-right: 0;
  }
  .blockSwiper .progress-box li {
    font-size: 15px;
    text-align: center;
  }
}
@media (max-width: 1440px) {
  .blockBanner .w1744 .top-text h3 {
    font-size: 60px;
    line-height: 1.2;
  }
  .block2 .text-content p {
    font-size: 16px;
  }
  .blockHonor {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .blockHonor .flex-content .content-text h4 {
    font-size: 24px;
    line-height: 32px;
  }
  .blockHonor .honor-swiper .swiper-slide .img-box {
    margin-bottom: 20px;
  }
  .blockHonor .honor-swiper .swiper-slide .desc p {
    font-size: 16px;
    max-width: 90%;
    line-height: 22px;
  }
  .development-swiper .swiper-slide .content-text p {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1440px) {
  .blockBanner .w1744 .top-text h3 {
    font-size: calc(72px * var(--primary-ratio));
  }
  .blockBanner .w1744 .bottom-text p {
    font-size: calc(20px * var(--primary-ratio));
    line-height: calc(32px * var(--primary-ratio));
  }
  .blockBanner .w1744 .top-text {
    margin-bottom: calc(88px * var(--primary-ratio));
  }
  .block2 ul {
    width: auto;
  }
  .block2 ul li {
    width: auto;
  }
  /* .block2 ul li.left {
    margin-right: calc(239px * var(--primary-ratio));
  } */
  .news-swiper .news-container .title-box .title {
    font-size: 16px;
    line-height: 1.5;
  }
  .indexBlockNews .column-title,
  .blockHonor .block-title,
  .blockSwiper .block-title {
    font-size: 21px;
    margin-bottom: 26px;
  }
  .blockSwiper .progress-box {
    margin-bottom: 30px;
  }
  .blockSwiper .progress-box li {
    font-size: calc(20px * var(--primary-ratio));
    text-align: left;
  }
  /* .development-swiper .swiper-slide .content-text h4 {
    transform-origin: left top;
    transform: scale(0.66);
  } */
  .development-swiper .swiper-slide .content-text p {
    font-size: calc(18px * var(--primary-ratio));
    line-height: calc(32px * var(--primary-ratio));
  }
  .blockHonor {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .blockHonor .block-title {
    margin-bottom: 50px;
  }
  .blockHonor .flex-content .swiper-box {
    width: calc(1228px * (var(--primary-ratio)));
  }
  .blockHonor .flex-content .content-text h4 {
    font-size: calc(32px * var(--primary-ratio));
    line-height: calc(42px * var(--primary-ratio));
  }
  .blockHonor .honor-swiper .swiper-slide .desc p {
    line-height: calc(28px * var(--primary-ratio));
    font-size: calc(18px * var(--primary-ratio));
  }
  .blockHonor .flex-content .content-text p {
    font-size: calc(18px * var(--primary-ratio));
  }
  .blockHonor .honor-swiper .swiper-slide .img-box {
    transform: scale(0.66);
    margin-bottom: calc(66px * var(--primary-ratio));
  }
  .blockHonor .flex-content .swiper-box,
  .blockHonor .flex-content .honor-swiper {
    height: calc(575px * var(--primary-ratio));
  }

  /* .blockHonor .swiper-box .swiper-next-btn {
    transform: scale(0.66) translateY(-50%);
    transform-origin: right center;
  }
  .blockHonor .swiper-box .swiper-prev-btn {
    transform: scale(0.66) translateY(-50%);
    transform-origin: left center;
  } */
  .indexBlockNews {
    min-height: auto;
    padding-top: 30px;
  }

  .indexBlockNews .w1744 .swiper-button-prev {
    transform: scale(0.66);
    transform-origin: right center;
  }

  .indexBlockNews .w1744 .swiper-button-next {
    transform: scale(0.66) rotate(180deg);
  }
  .indexBlockNews .column-title {
    margin-bottom: 40px;
  }
  .news-swiper .news-container {
    height: 200px;
    padding: 20px 20px;
  }
  .news-swiper .news-container .title-box .title {
    font-size: 14px;
    line-height: 1.4;
  }
  .news-swiper .news-container .title-box .time {
    font-size: 12px;
  }
  .news-swiper .news-container .more-box {
    transform: scale(0.66);
    transform-origin: left;
  }
  .indexBlockNews .swiper-horizontal > .swiper-scrollbar,
  .indexBlockNews .swiper-scrollbar.swiper-scrollbar-horizontal {
    display: none;
  }
  /* .block3 .left-text,
  .block3 .right-list {
    transform-origin: left center;
    transform: scale(0.66);
  } */
}
@media (max-width: 1200px) {
  .block2 ul li .icon {
    margin-right: 20px;
  }
  .block2 ul li .content-text h6,
  .block2 ul li .content-text p {
    font-size: 16px;
  }
  .block2 ul li .content-text h5 {
    font-size: 26px;
  }
  .development-swiper .swiper-slide {
    width: calc(25% - 1rem);
  }
  .development-swiper .swiper-slide .content-text p {
    font-size: 16px;
    line-height: 32px;
  }
  .blockHonor .block-title {
    margin-bottom: 40px;
  }
  .blockHonor .flex-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .blockHonor .flex-content .content-text {
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
    max-width: 100%;
  }
  .blockHonor .flex-content .content-text h4 {
    width: 100%;
    font-size: 28px;
  }
  .blockHonor .flex-content .swiper-box {
    width: 100%;
  }
  .blockHonor .honor-swiper .swiper-slide .img-box {
    padding: 0 15px;
  }
  .indexBlockNews .w1744 .swiper-button-prev {
    left: calc(100% - 130px);
  }
  .indexBlockNews .w1744 .swiper-button-next {
    right: 20px;
  }
  .indexBlockNews .w1744 .swiper-button-prev,
  .indexBlockNews .w1744 .swiper-button-next {
    width: 45px;
    height: 45px;
  }
  .news-swiper .news-container .title-box .title {
    font-size: 22px;
  }
}
@media (max-width: 960px) {
  .block3 .left-text p {
    font-size: 24px;
    line-height: 1.2;
  }
  .block3 .left-text span {
    font-size: 16px;
    line-height: 1.4;
  }
  .news-swiper .news-container .title-box .title {
    font-size: 16px;
  }
  .blockHonor .honor-swiper .swiper-slide .desc p {
    font-size: 14px;
  }
  .block2 {
    padding: 80px 0;
    margin-bottom: 80px;
  }
  .block2 ul {
    flex-wrap: wrap;
  }
  .block2 ul li {
    width: 100%;
  }
  .block2 ul li:first-child {
    margin-bottom: 50px;
  }
  .block2 ul li .content-text h5 {
    margin-bottom: 30px;
  }

  .blockBanner .w1744 .top-text {
    width: 100%;
  }
  .blockBanner .w1744 .bottom-text .right-text {
    width: auto;
    margin-left: 50px;
  }
  .block3 .right-list li {
  }
}
@media (max-width: 768px) {
  .blockSwiper .progress-box {
    display: none;
  }
  .blockBanner .w1744 .top-text {
    margin-top: 100px;
  }
  .blockBanner .w1744 .top-text h3 {
    font-size: 22px;
    line-height: 1.6;
  }

  .blockBanner {
    height: auto;
    padding: 30px 0;
    min-height: 60vh;
  }
  .blockBanner .bg-img {
    height: 100%;
  }

  .blockBanner .w1744 .bottom-text p {
    font-size: 12px;
    line-height: 1.6;
  }

  .block2 {
    margin: 80px 0;
    padding: 0;
  }
  .block2 ul li .icon {
    height: 60px;
  }
  .block2 ul li .content-text h5 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 24px;
  }
  .block2 ul li .content-text h6 {
    margin-bottom: 5px;
  }
  .block2 ul li .content-text h6,
  .block2 ul li .content-text p {
    font-size: 12px;
    color: #010101;
  }
  .pc-development {
    display: none;
  }
  .mobile-development {
    display: block;
  }
  .blockSwiper {
    padding-bottom: 40px;
  }
  .blockSwiper .w1744 {
    height: auto;
  }
  .blockSwiper .block-title {
    font-size: 22px;
    margin-bottom: 60px;
  }
  .blockSwiper .progress-box li {
    padding-top: 20px;
    font-size: 12px;
    width: auto;
    position: relative;
    color: #010101;
  }
  .blockSwiper .progress-box li::after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    height: 2px;
    width: 100%;
    background-color: #2c1361;
    opacity: 0;
    transition: all 0.1s;
  }
  .blockSwiper .progress-box li.active::after {
    opacity: 1;
  }
  .blockSwiper .progress-box {
    /* overflow: hidden; */
    margin-bottom: 60px;
  }
  .blockSwiper .progress-box::after {
    display: none;
  }
  .development-swiper .swiper-slide img {
    margin-bottom: 40px;
  }
  .development-swiper .swiper-slide .content-text h4 {
    font-size: 16px;
  }

  .development-swiper .swiper-slide .content-text {
    color: #000;
  }
  .development-swiper .swiper-slide .content-text p {
    font-size: 12px;
    line-height: 2;
  }
  .development-swiper .swiper-content {
    flex-wrap: wrap;
    transform: translateX(0) !important;
    width: 90%;
    margin: 0 auto;
  }
  .development-swiper .swiper-slide {
    margin-bottom: 60px;
  }
  .swiper-pagination-bullet-active {
    background-color: #2c1361;
    width: 20px;
    border-radius: 8px;
  }
  .blockHonor .flex-content .swiper-box {
    height: auto;
  }
  .blockHonor .flex-content .honor-swiper {
    height: 448px;
  }
  .blockHonor {
    padding: 40px 0;
    margin-top: 0px;
  }
  .blockHonor .block-title {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .blockHonor .honor-swiper .swiper-slide {
    padding-top: 35px;
    height: 400px;
  }
  .blockHonor .honor-swiper .swiper-slide .img-box {
    height: auto;
    margin-bottom: 60px;
  }
  .blockHonor .flex-content .content-text {
    margin-bottom: 0;
  }
  .blockHonor .flex-content .content-text h4 {
    font-size: 16px;
    line-height: 1.6;
    max-width: 80%;
    margin-bottom: 20px;
  }
  .blockHonor .flex-content .content-text p {
    font-size: 12px;
    color: rgba(34, 34, 34, 1);
    margin-bottom: 60px;
  }
  .blockHonor .swiper-pagination {
    bottom: 0;
    display: block;
  }
  .blockHonor .swiper-box .swiper-prev-btn,
  .blockHonor .swiper-box .swiper-next-btn {
    display: none;
  }
  .blockHonor .honor-swiper .swiper-slide .desc p {
    font-size: 12px;
    line-height: 1.8;
  }
  .none-content.news {
    display: none;
  }
  .indexBlockNews {
    padding: 40px 0 100px;
    height: auto;
    min-height: auto;
  }
  .indexBlockNews .swiper-pagination {
    bottom: -40px;
    display: block;
  }
  .indexBlockNews .w1744 .swiper-button-prev,
  .indexBlockNews .w1744 .swiper-button-next {
    top: 17px;
    display: none;
  }
  .indexBlockNews .column-title {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .news-swiper {
    height: auto;
  }
  .news-swiper .news-container {
    height: 300px;
    padding: 20px;
  }
  .news-swiper .news-img {
    height: auto;
  }
  .news-swiper .news-img img {
    width: 100%;
    object-fit: cover;
    height: auto;
  }
  .news-swiper .news-container .title-box .title {
    font-size: 16px;
    line-height: 1.6;
  }
  .news-swiper .news-container .title-box .time {
    font-size: 12px;
  }
  .news-swiper .news-container .tag-list li {
    width: 66px;
    height: 66px;
    font-size: 12px;
  }
  .news-swiper .news-container .more-box {
    font-size: 12px;
  }
  .news-swiper .news-container .more-box img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  .indexBlockNews .swiper-horizontal > .swiper-scrollbar,
  .indexBlockNews .swiper-scrollbar.swiper-scrollbar-horizontal {
    display: none;
  }
  .block3 .w1744 {
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    padding: 40px 0;
  }
  .block3 .left-text {
    width: 100%;
    margin-bottom: 60px;
    margin-right: 0;
  }
  .block3 .left-text p {
    font-size: 22px;
    line-height: 1.4;
  }
  .block3 .left-text span {
    font-size: 12px;
    color: rgba(34, 34, 34, 1);
  }
  .block3 .left-text .desc {
    margin-bottom: 20px;
  }
  .block3 .right-list li .trans-num {
    font-size: 22px;
    width: 100px;
  }
  .block3 .right-list li p {
    font-size: 12px;
    line-height: 1.6;
    color: rgba(34, 34, 34, 1);
  }
}