/* 视频容器样式 */
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #f3f4f6; /* 加载时的背景色 */
}

/* 视频封面图样式 - 使用视频第一帧 */
.video-container video[poster] {
    object-fit: cover;
}

/* 视频控制条悬停时显示 */
.video-container:hover .video-controls {
    opacity: 1;
}

/* 公司介绍部分样式 */
.company-content {
    position: relative;
    padding: 2rem 0;
}

.feature-item {
    transition: all 0.3s ease;
}

.feature-item:hover {
    transform: translateX(5px);
}

.contact-link {
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.contact-link:hover {
    color: #3b82f6 !important;
    transform: translateX(3px);
}

.contact-link i {
    transition: transform 0.3s ease;
}

/* .contact-link:hover i {
    transform: rotate(-45deg);
} */
/* 修复公司介绍模块的背景定位问题 */
.company-intro-section {
    position: relative;
    overflow: hidden;
}

.company-bg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.company-bg-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9); /* 修改这里的值来调整遮罩颜色和透明度 */
}

/* 公司介绍网格布局响应式样式 */
.company-grid-container {
    width: 100%;
}

.company-left,
.company-middle,
.company-right {
    width: 100%;
}

/* 图片响应式样式 */
.company-left img,
.company-middle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 移动端优化 */
@media (max-width: 1024px) {
    .company-left {
        min-height: 300px;
    }
    
    .company-middle {
        min-height: 400px;
    }
    
    .company-middle > div {
        min-height: 190px;
    }
}

/* 桌面端样式 */
@media (min-width: 1024px) {
    /*.company-left {*/
    /*    height: 100%;*/
    /*}*/
    
    /*.company-middle {*/
    /*    height: 100%;*/
    /*}*/
}