/* 企业荣誉 */
.enterprise-honor {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.enterprise-item {
    width: 32%;
    background: #FFF;
    margin-bottom: 10px;
    display: none;
}

.enterprise-item .item-top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 30px;
    height: 240px;
}

.enterprise-item .item-bom {
    border-top: 1px solid rgb(247, 247, 247);
    padding: 25px 30px;
    font-size: 16px;
}

.enterprise-item .item-bom span {
    display: flex;
    width: 60px;
    height: 26px;
    border: 2px solid rgb(10, 80, 180);
    color: rgb(10, 80, 180);
    justify-content: center;
    align-items: center;
    border-radius: 0.3rem;
    margin-bottom: 15px;
    font-size: 0.2rem;
}

.enterprise-item .item-bom p {

    font-size: 16px;
    line-height: 23px;

}

.enterprise-item .item-top img {
    width: auto;
    height: 100%;
}


.open-img-mask .content .colse-btn i {
    font-size: 26px;
    color: #fff;
    font-style: normal;
    transform: rotate(45deg);
}

.jjy-jzgd {
    margin: 0.3rem auto;
    width: 1.68rem;
    height: 0.54rem;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.08rem;
    cursor: pointer;
}

.jjy-jzgd p {
    margin-right: 5px;
    font-size: 0.18rem;
}

.jjy-jzgd i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgb(71, 72, 77);
    margin-left: 4px;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-4px);
    }
}

/* Hover 状态下的样式变化 */
.jjy-jzgd:hover i {
    animation: bounce 0.6s infinite alternate ease-in-out;
    background: rgb(100, 101, 107);
    /* 改变点的颜色 */
}

/* 如果想要每个点以不同的延迟开始跳动（已在原回答中给出），可以保留以下样式 */
.jjy-jzgd i:nth-child(1) {
    animation-delay: 0s;
}

.jjy-jzgd i:nth-child(2) {
    animation-delay: 0.2s;
}

.jjy-jzgd i:nth-child(3) {
    animation-delay: 0.4s;
}

.hidden {
    display: none;
}

.shown {
    display: block;
}

.enterprise-item .item-top img {
    max-width: 100%;
}


.c-s-j {
    display: flex;
}

.c-s-j-ul {
    display: flex
}