.banner-img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.bannner-img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    animation: bannerImg 5s linear;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes bannerImg {
    0% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* 公司简介 */
.flex-company {
    display: flex;
    justify-content: space-between;
}

.mt50 {
    margin-top: 30px;
}

.company-box {
    height: 850px;
    background: #F5F5F5;
    padding-top: 180px
}

.tupian {
    width: 520px;
    height: 372px;
    /* border: 1px solid #e5e5e5; */
    margin-bottom: 34px;

    img {
        width: 520px;
        height: 372px;
    }
}

.company-left-text {
    color: #BD9757;
    font-size: 30px;
}

.company-box-right {
    width: 828px;
    margin-left: 188px;
    color: #405365;
    font-size: 18px;
}

.company-box-right-text {
    margin: 40px 0;
    line-height: 36px;
}

.company-box-right-text span {
    font-weight: 600;
}

.learn-more {
    font-size: 20px;
    position: relative;
}

.learn-more:hover {
    color: #BD9757;
    cursor: pointer;
}

.learn-more::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 108px;
    transform: translateX(-50%);
    width: 38px;
    height: 4px;
    background: #BD9757;
    transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.top-img {
    width: 363px;
    height: 25px;
}

/* 机构特色 */
.jigou-box {
    height: 1000px;
    background: #fff;
    padding-top: 87px;
}

.title-img {
    width: 416px;
    height: atuo;
    margin: 0 auto;
}

.tese-container {
    display: flex;
    justify-content: space-between;
}

.tese-box {
    font-size: 18px;
    color: #405365;
    margin-top: 58px;
    width: 464px;
    line-height: 32px;
}

.tese-box :hover {
    color: #BD9757;
}

.tese-box img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 26px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    transform-origin: center;
}

.tese-box:hover img {
    transform: scale(1.1);
    /* box-shadow: 0 10px 20px rgba(189, 151, 87, 0.5); */
}

/* 公办示范引领特色 */
.gongban-box {
    height: 914px;
    background: #F5F5F5;
    padding-top: 93px;
    font-size: 18px;
    color: #405365;
}

.gongban-img {
    width: 656px;
    height: auto;
    margin: 0 auto 58px;
    display: block;
}

.gong-img {
    width: 440px;
    height: 320px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    transform-origin: center;
    cursor: pointer;
}

.gong-img:hover {
    transform: scale(1.1);
}

.gong-right {
    margin-left: 188px;
}

.gong-right span {
    font-size: 31px;
    color: #BA9352;
    font-weight: 600;
}

.gong-right div {
    margin-top: 40px;
    line-height: 32px;
}

.gong-bottom {
    margin-top: 56px;
    display: flex;
    justify-content: space-between;
}

.gong-botton-item {
    width: 400px;
    transition: color 0.5s ease;
}

.gong-botton-item:hover {
    color: #BD9757;
}

.gong-title {
    font-size: 28px;
    font-weight: 600;
    position: relative;
    margin-bottom: 18px;
    z-index: 1;
    display: inline-block;
}

.gong-title::before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 95px;
    transform: translateX(-50%);
    width: 192px;
    height: 8px;
    font-weight: 600;
    background: rgba(189, 151, 87, 0.5);
    z-index: -1;
}

.gong-content {
    line-height: 32px;
}

/* 机构生活 */
.life-box {
    height: 977px;
    background: #fff;
    padding-top: 87px;
}

.life-title {
    width: 416px;
    height: auto;
    display: block;
    margin: 0 auto 68px;
}

.life-item {
    width: 640px;
    height: 738px;
    position: relative;
    overflow: hidden;
}

.life-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
    object-fit: cover;
    transform-origin: center;
}

.life-item:hover img {
    transform: scale(1.1);
}

.life-content {
    width: 344px;
    height: 280px;
    background: rgba(67, 67, 67, 0.51);
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    padding: 80px 60px;
    transition: background-color 0.5s ease;
    /* 关键：固定定位防止位置偏移 */
    transform: translate(0, 0) !important;
}

.life-content-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 22px;
}

.life-item:hover .life-content {
    background: #BD9757;
    opacity: 1;
    /* 防止悬停时位置变化 */
    transform: translate(0, 0) !important;
}