.cont {
    color: #313131;
}

.cont .title {
    font-size: var(--f34);
}

.detail-font {
    font-size: var(--f16);
    line-height: 2;
}
.detail-font p{
    text-indent: var(--f32)
}


/* 视频部分 */

.video-block {
    gap: 1rem;
}

.video-block .li {
    position: relative;
    border-radius: .6rem;
    overflow: hidden;
    aspect-ratio: 715/475;
}

.video-block .li .img-db {
    aspect-ratio: 715/475;
}

.video-block .li img {
    width: 100%;
    height: 100%;
}

.video .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .2);
}

.video .zzc {
    position: absolute;
    width: 3.6rem;
    height: auto;
    aspect-ratio: 1/1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video .zzc svg {
    width: 1.4rem;
    height: 1.4rem;
}

.video .zzc::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../image/btn-play.png)no-repeat;
    background-size: cover;
    animation: roll 3s infinite linear;
}

.about-swiper .next,
.about-swiper .prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, .2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--f18);
    z-index: 1;
    height: 3.6rem;
    width: 1.8rem;
}

.about-swiper .next {
    right: 0;
}


/* 企业文化部分 */

.culture-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.culture-card {
    background-color: #f3f4f6;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s, box-shadow 0.3s;
}

.culture-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.culture-card h3 {
    margin: 15px 0;
}


/* 实力 */

.stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
}

.stat-card {
    background: white;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}