.about-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    align-items: center;
}
.about__title{
    font-size: 40px;
    font-weight: bold;
}
.about-container .right video{
    width: 100%;
}
@media (max-width: 768px) {
    .about-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .about__title{
        font-size: 20px;
    }
}


/*企业文化*/
.corporate-stats-container{
    background: url("https://tygaoke.oss-cn-shenzhen.aliyuncs.com/static/image/corporate-stats-bg.png") no-repeat bottom / 100% auto, #F7F7F7;
    border-top: 2px solid #EEEEEE;
}
.corporate-stats-container ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.corporate-stats-container ul li{
    text-align: center;
}
.corporate-stats-container ul li p{
    font-size: 16px;
}
@media (max-width: 768px) {
    .corporate-stats-container ul li p{
        font-size: 12px;
    }
}
/*企业文化*/
.corporate-culture-container{
    position: relative;
    background: url("https://tygaoke.oss-cn-shenzhen.aliyuncs.com/static/image/corporate-culture-bg.png") no-repeat center / 100% auto, #002e73;
}
.corporate-culture__title{
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
}
.corporate-culture-container ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.corporate-culture-container ul li{
    display: grid;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 600px;
    border-left: solid 1px #eeeded;
    color: #FFF;
}
.corporate-culture-container ul li:hover{
    background: rgba(0,0,0,0.3);
}
.corporate-culture-container ul li:last-child{
    border-right: solid 1px #eeeded;
}
.corporate-culture-container ul li p:first-child{
    font-size: 30px;
    font-weight: bold;
}
.corporate-culture-container ul li p:last-child{
    padding-top: 20px;
    font-size: 18px;
}
@media (max-width: 576px) {
    .corporate-culture-container{
        background: url("https://tygaoke.oss-cn-shenzhen.aliyuncs.com/static/image/corporate-culture-bg.png") no-repeat center / auto 100%, #002e73;
    }
    .corporate-culture__title{
        display: none;
    }
    .corporate-culture-container ul{
        grid-template-columns: 1fr;
    }
    .corporate-culture-container ul li{
        justify-content: start;
        max-height: 160px;
        border: none;
        border-bottom: solid 1px #eeeded;
    }
    .corporate-culture-container ul li:last-child{
        border-right: none;
    }
    .corporate-culture-container ul li p:first-child{
        font-size: 16px;
        font-weight: bold;
    }
    .corporate-culture-container ul li p:last-child{
        padding-top: 10px;
        font-size: 14px;
    }
}

/*发展历程开始*/
.development-swiper{
    position: relative;
    --swiper-navigation-color: #828282;
    --swiper-pagination-bullet-inactive-opacity: 1;
    background-image: radial-gradient(circle at 50% 0, #005C98  40%, #3D88BE 60%);
    background-position: center 70px;
    background-size: 100% 2px;
    background-repeat: no-repeat;
}
.development-swiper .swiper-button-prev,
.development-swiper .swiper-button-next{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #002e73;
    color: white;
    outline: none;
}
.development-swiper .swiper-button-prev{
    left: -75px;
}
.development-swiper .swiper-button-next{
    right: -75px;
}
.development-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
}
.development-swiper .swiper-slide {
    height: auto;
}
.development-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.development-item__title{
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
}
.development-item__title::after{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #002e73;
}
.development-item__content{
    padding: 20px;
    flex-grow: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*资质与专利开始*/
.honor-container {
    background: url("https://tygaoke.oss-cn-shenzhen.aliyuncs.com/static/image/honor-bg.png") no-repeat center bottom 150% / 100% auto, #020202;
    padding-bottom: 100px;
    color: #FFF;
}
.honor__description{
    padding: 0 10%;
    font-size: 18px;
}
.honor-swiper{
    position: relative;
    --swiper-navigation-color: #FFF;
    --swiper-pagination-bullet-inactive-opacity: 1;
}
.honor-swiper .swiper-pagination{
    bottom: -80px;
}
.honor-swiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #FFF;
    border: solid 1px #0567B2;
}
.honor-swiper .swiper-pagination-bullet-active {
    width: 75px;
    height: 15px;
    border-radius: 30px;
    background: #FFF;
}
.honor-swiper .swiper-button-prev,
.honor-swiper .swiper-button-next{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: solid 1px #FFF;
    outline: none;
}
.honor-swiper .swiper-button-prev{
    left: -75px;
}
.honor-swiper .swiper-button-next{
    right: -75px;
}
.honor-item{

}
.honor-item img {
    padding: 10px;
    width: 100%;
    height: 300px; /* 设置固定高度 */
    object-fit: contain; /* 保持比例完整显示 */
    object-position: center; /* 居中显示 */
}
.honor-item p{
    padding-top: 20px;
    font-size: 16px;
}

/* 天益风采 */
.gallery-swiper{
    position: relative;
    --swiper-navigation-color: #828282;
    --swiper-pagination-bullet-inactive-opacity: 1;
}
.gallery-swiper .swiper-pagination{
    bottom: -55px;
}
.gallery-swiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #FFF;
    border: solid 1px #0567B2;
}
.gallery-swiper .swiper-pagination-bullet-active {
    width: 75px;
    height: 15px;
    border-radius: 30px;
    background: #00A0EA;
}
.gallery-swiper .swiper-button-prev,
.gallery-swiper .swiper-button-next{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: solid 1px #828282;
    outline: none;
}
.gallery-swiper .swiper-button-prev{
    left: -75px;
}
.gallery-swiper .swiper-button-next{
    right: -75px;
}
.gallery-list {
    display: grid;
    grid-auto-rows: min-content;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.gallery-item {
}
.gallery-item img {
    width: 100%;
    height: 100%;
}
.gallery-item:nth-child(1) {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
}
.gallery-item:nth-child(2) {
    grid-row: 1 / span 2;
    grid-column: 3;
}
.gallery-item:nth-child(3) {
    grid-row: 1;
    grid-column: 4;
}
.gallery-item:nth-child(4) {
    grid-row: 2;
    grid-column: 4;
}
.gallery-item:nth-child(5) {
    grid-row: 3 / span 2;
    grid-column: 1;
}
.gallery-item:nth-child(6) {
    grid-row: 3;
    grid-column: 2;
}
.gallery-item:nth-child(7) {
    grid-row: 4;
    grid-column: 2;
}
.gallery-item:nth-child(8) {
    grid-row: 3 / span 2;
    grid-column: 3 / span 2;
}

@media (max-width: 768px) {
    .gallery-swiper{
        --swiper-navigation-size: 12px;
        --swiper-navigation-color: #FFF;
    }
    .gallery-swiper .swiper-pagination{
        bottom: -35px;
    }
    .gallery-swiper .swiper-button-prev,
    .gallery-swiper .swiper-button-next{
        width: 30px;
        height: 30px;
        background: rgba(0,0,0,1);
    }
    .gallery-swiper .swiper-button-prev{
        left: 10px;
    }
    .gallery-swiper .swiper-button-next{
        right: 10px;
    }
    .gallery-list {
        gap: 10px;
    }

}