.hexin .n-zhead .ar_article{
    text-align: center;
}

.hexin .hd .item{
    cursor: pointer;
    padding: 1.8rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#fff ;
    border-radius: .5rem;
    transition: background .5s,color .5s ;
}

.hexin .hd .item .ver-center{
    gap: .8rem;
}
.hexin .hd .item .icon{
    height: 1.5rem;
    width: auto;
    transition: all .5s ;
}
.hexin .hd .item .tt{
    font-size: var(--f18);
}
.hexin .hd .item.swiper-slide-thumb-active{
    background: var(--themeColor);
    color: #fff;
}
.hexin .hd .item.swiper-slide-thumb-active .icon{
    filter: var(--imgWhite);
}



.hexin .bd{
    background: #fff;
    margin-top: 1rem;
}
.hexin .bd .rt{
    width: 50%;
}
.hexin .bd .rt .img-db{
    height:auto ;
    aspect-ratio:800/505 ;
}
.hexin .bd .lt{
    flex: 1;
    padding: 4.4rem 4rem;
    position: relative; /* 必须设置定位，让伪元素相对它定位 */
}

/* 使用伪元素作为背景图容器 */
.hexin .bd .lt::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 13rem;
    height: 13rem; /* 根据图片比例调整 */
    background: url(../images/hexin-icon.png) no-repeat center;
    background-size: contain;
    opacity: 0.06;
    filter: grayscale(100%);
    z-index: 0; /* 确保在文字下方 */
}

/* 确保文字内容在伪元素上方 */
.hexin .bd .lt > * {
    position: relative;
    z-index: 1;
}

/* 动态背景图标样式 */
.hexin .bd .lt .dynamic-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 13rem;
    height: 13rem;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.06;
    filter: grayscale(100%);
    z-index: 0;
}
.hexin .bd .lt .tt{
    font-weight: bold;
    font-size: var(--f28);
}
.hexin .bd .lt .subt{
    color: #fff;
    font-size:var(--f20) ;
    background: linear-gradient(90deg,var(--themeColor),transparent);
    padding: .5rem 1rem;
    margin-top: 1rem;
}
.hexin .bd .lt .ar_article{
    font-size: var(--f16);
    margin-top: 2rem;
}