/* ===== appli.css 应用领域块独立样式（2026-09-05） ===== */
html,body{margin:0;padding:0}
.cont.mt75{width:100%;max-width:100%;box-sizing:border-box}
.appli_box,.appli_cont,.swiper_applicont,.swiper_indexappli{width:100%;box-sizing:border-box}
.appli_item h3,.appli_item p{max-width:100%}
@media (max-width:767px) {
.index_two {
position: relative;
margin: 40px 0 0!important;
}
}
.index_two {
  position: relative;
      margin: 80px 0 0;
}
.index_two .desc {
  margin-top: 0.5625rem;
  color: rgba(51, 51, 51, 0.7);
  text-align: center;
  font-family: "Noto Sans SC";
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
}
.index_two .cont .bgimg img {
  display: none;
}
.index_two .cont .bgimg img.active {
  display: block;
}
.index_two .cont .appli_box {
  width: 100%;
  position: absolute;
  bottom: 6.625rem;
}
.index_two .cont .appli_cont .swiper_applicont {
  position: relative;
  overflow: hidden;
}
.index_two .cont .appli_cont .appli_item {
  width: 45%;
}
.index_two .cont .appli_cont .appli_item.active {
  display: block;
}
.index_two .cont .appli_cont .appli_item h3 {
  color: #FFF;
  font-family: "Noto Sans SC";
  font-size: 2.75rem;
  font-weight: 700;
}
.index_two .cont .appli_cont .appli_item p {
  margin-top: 1.125rem;
  color: #FFF;
  text-align: justify;
  font-family: "Noto Sans SC";
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
}
.index_two .cont .swiper_box .swiper_indexappli {
  position: relative;
  overflow: hidden;
  margin: 0 -0.3125rem;
}
.index_two .cont .swiper_box .swiper_indexappli .swiper-slide {
  padding: 0 0.3125rem;
}
.index_two .cont .swiper_box .swiper_indexappli .swiper-slide:hover,
.index_two .cont .swiper_box .swiper_indexappli .swiper-slide.swiper-slide-thumb-active {
  cursor: pointer;
}
.index_two .cont .swiper_box .swiper_indexappli .swiper-slide:hover .indexappli_box,
.index_two .cont .swiper_box .swiper_indexappli .swiper-slide.swiper-slide-thumb-active .indexappli_box {
  background-color: #f26305;
}
.index_two .cont .swiper_box .swiper_indexappli .swiper-slide .indexappli_box {
  border-radius: 1.25rem;
  background: rgba(247, 247, 247, 0.9);
  padding: 1.4375rem 1.25rem 2.0625rem;
}
.index_two .cont .swiper_box .swiper_indexappli .swiper-slide .indexappli_box .icon {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 auto;
}
.swiper-slide:hover .text,
.swiper-slide.swiper-slide-thumb-active .text {
    color:#fff!important;
}
.swiper-slide:hover .icon .w100,
.swiper-slide.swiper-slide-thumb-active .icon .w100 {
    filter: brightness(100);
}

.index_two .cont .swiper_box .swiper_indexappli .swiper-slide .indexappli_box .text {
  color: #474747;
  font-family: "Noto Sans SC";
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.875rem;
  text-align: center;
}

@media (max-width: 768px) {
  .index_two .cont .appli_cont .appli_item p {
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .index_two .desc {
    font-size: 0.875rem;
    padding: 0 15px;
  }
  .index_two .cont .appli_cont .appli_item h3 {
    font-size: 24px;
  }
  .index_two .cont .appli_cont .appli_item {
    width: 100%;
  }
  .index_two .cont .bgimg {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .index_two .cont .bgimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index_two .cont .appli_box {
    position: relative;
    top: 0;
    padding-top: 60px;
    padding-bottom: 10px;
  }
}