.index-about {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom:30px;
  margin-top:80px;
}

/* 上半部分黑色 */
.index-about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: ;
  z-index: -1; /* 置于内容底层 */
}

/* 下半部分白色 */
.index-about::after {
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: calc(100% - 100px);
  background-color: #F2F2F2;
  z-index: -1; /* 置于内容底层 */
}






.index-about .about-wrap {
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}

.index-about .about-wrap .about-left {
  width: 34%;
  flex-shrink: 0;
  margin-right: 100px;
  margin-top:20px;
}

.index-about .about-wrap .about-left img{
  width:100%;
}

.index-about .about-wrap .about-left .title {
  font-weight: bold;
  font-size: 30px;
  color: #D81617;
  line-height: 1.5;
}

.index-about .about-wrap .about-left .desc {
  font-size: 16px;
  color: #333333;
  line-height:2;
  margin-top:85px;
  margin-bottom: 30px;
}

.index-about .about-wrap .about-left .more-btn {
  border-radius: 21px;
  margin-bottom: 60px;
}

.index-about .about-wrap .about-left .more-btn .more-icon {
  display: block;
  width: 5px;
  margin-left: 14px;
  filter: brightness(0) invert(1);
  transition: var(--duration);
  margin-top:10px;
}

.index-about .about-wrap .about-left .more-btn:hover .more-icon {
  margin-left: 6px;
}

.index-about .about-wrap .about-right {
  margin-left: auto;
  min-width: 0;
  overflow-wrap: break-word;
}

.index-about .about-wrap .about-right .item {
  margin-bottom: max(50px, 20px);
}

.index-about .about-wrap .about-right .item:last-child {
  margin-bottom: 0;
}

.index-about .about-wrap .about-right .item .item-top {
  font-weight: bold;
  font-size: 36px;
  line-height: 1.5;
  white-space: nowrap;
  color: #333333;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
}

.index-about .about-wrap .about-right .item .item-bottom {
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
}



@media (max-width: 992px) {

.index-about {
  margin-top:0px;
}

/* 上半部分黑色 */
.index-about::before {
  height: 0px;
}

/* 下半部分白色 */
.index-about::after {
  top: 0px;
  height: calc(100% );
}
  .index-about .about-wrap {
    flex-wrap: wrap;
  }

  .index-about .about-wrap .about-left {
    width: 100%;
    margin-bottom: 30px;
	margin-top:60px;
  }

  .index-about .about-wrap .about-right {
    width: 100%;
  }
}


@media (max-width: 576px) {

.index-about {
  margin-top:0px;
}


.index-about .about-wrap .about-left {
  margin-top:40px;
}

.index-about .about-wrap .about-left .desc {
  margin-top:25px;
}

.index-about .about-wrap .about-left .more-btn {
  margin-bottom: 20px;
}

  .index-about .about-wrap .about-left .title {
    font-size: 22px;
  }
  
  .index-about .about-wrap .about-left .desc {
  font-size: 14px;
}

  .index-about .about-wrap .about-right .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .index-about .about-wrap .about-right .list .item {
    width: 47.5%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .index-about .about-wrap .about-right .list .item .item-top {
    justify-content: center;
  }

  .index-about .about-wrap .about-right .list .item .item-bottom {
    text-align: center;
    font-size: 12px;
  }
    .index-about .about-wrap .about-right .item .item-top {
    font-size: 20px;
  }
}











.index-customer-list {
    transform:translateY(0px);
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;overflow:hidden;}
.index-customer.active .index-customer-list {
    transform:none;
}
.index-customer-list li {
    position:relative;
    float:left;
    width:20%;
    height:200px;
    padding:27px 0;
    text-align:center;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
    transition-delay:.5s;
}
.index-customer.active .index-customer-list li.item {top:0;}
.index-customer-list .item-inner {
    display:block;
    width:100%;
    height:145px;
    border-left:1px solid #e6e6e6;
}
.index-customer-list li:nth-child(5n +1) .item-inner {border-left:0;}
.index-customer-list li:nth-child(5n +1) .lt-dot,
.index-customer-list li:nth-child(5n +1) .lb-dot,
.index-customer-list li:nth-child(5n) .rt-dot,
.index-customer-list li:nth-child(5n) .rb-dot{display:none;}
.index-customer-list li:nth-child(5n) .item-inner {}
.index-customer-list li a {
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:80%;
    height:200px;
    margin-left:-40%;
}
.index-customer-list li.double-item a {
    border-top:1px solid #e6e6e6;
    /*border-bottom:1px solid #e6e6e6;*/
}
.index-customer-list li img {
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    margin-left:-75px;
    transition: all .5s linear 10ms;
}
.index-customer-list li img:first-child {}
.index-customer-list li img:last-child {opacity:.6;}
.index-customer-list li:hover img:last-child,
.index-customer-list li img:first-child {
    opacity:0;
    transform:translateY(-50%) rotateY(180deg);
}
.index-customer-list li img,
.index-customer-list li:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}
.index-customer-list .dot {
    position:absolute;
    display:block;
    width:2px;
    height:2px;
    background:#e6e6e6;
}
.index-customer-list .lt-dot {
    left:0;
    top:0;
}
.index-customer-list .lb-dot {
    left:0;
    bottom:0;
}
.index-customer-list .rt-dot {
    right:0;
    top:0;
}
.index-customer-list .rb-dot {
    right:0;
    bottom:0;
}




@media (max-width:991px){
.index-customer-list li {width:50%;}
    /*.index-customer-list li:last-child {display:none;}*/
    .index-customer-list li a {border-top:1px solid #e6e6e6;}
    .index-customer-list li:first-child a,.index-customer-list li:nth-child(2) a{border-top:0;}
    .index-customer-list li.double-item a {   border-bottom:0;  }
    .index-customer-list li:nth-child(5n) .item-inner {border-right:0;}
    .index-customer-list li:nth-child(2n+1) .item-inner {border-left:0;}
    .index-customer-list li:first-child .dot.rt-dot,
    .index-customer-list li:nth-child(2) .dot.lt-dot,
    .index-customer-list li:nth-child(2n+1) .dot.lt-dot,
    .index-customer-list li:nth-child(2n+1) .dot.lb-dot,
    .index-customer-list li:nth-child(2n) .dot.rt-dot,
    .index-customer-list li:nth-child(2n) .dot.rb-dot,
    .index-customer-list li:nth-child(13) .dot.rb-dot,
    .index-customer-list li:nth-child(14) .dot.lb-dot{display:none;}
    .index-customer-list li:nth-child(5) .item-inner{border-right:1px solid #e6e6e6;}
}

@media (max-width:768px){

.index-customer-list li img {max-width:100%;}
.index-customer-list li {height:120px;padding:10px 0;}
    .index-customer-list .item-inner {height:100px;}
    .index-customer-list li:nth-child(6) .item-inner {border-left:1px solid #e6e6e6;}
    .index-customer-list li a {height:120px;}
}



.finex-solution-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding:30px 0;
  border-bottom:1px solid #e6e6e6;
  background-color: #F2F2F2;
}

.finex-solution-filter .filter-label {
  font-size: 15px;
  font-weight: bold;
  color: var(--text-main, #1e293b);
  margin: 3px 0;
}

.finex-solution-filter .filter-tag {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  margin: 3px 0;
}
.finex-solution-filter .filter-tag {
  font-size: 14px !important;
}


.finex-solution-filter .filter-tag {
  border-radius: 6px;
  padding: 12px 18px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #475569;
}

.finex-solution-filter .filter-tag:hover {
  color: #D81617;
  border-color: rgba(216, 22, 23, 0.3);
  background: #FFFDFD;
}

.finex-solution-filter .filter-tag.active {
  background: #D81617 !important;
  border-color: #D81617;
  color: #fff;
  box-shadow: 0 8px 18px rgba(216, 22, 23, 0.16);
}
@media (max-width: 576px) {
  .finex-solution-filter {
    justify-content: flex-start;
  }
  }