/* video-bg.css */


/* 修改后的CSS */
#sy-lm1 {
    position: relative;  /* 关键定位属性 */
    padding: 90px 0;
    min-height: 600px;  /* 根据视频高度调整 */
    overflow: hidden;
    /* 保留图片作为备用背景 */
    background: url(/skin/lm1-bj.jpg) center/cover no-repeat;
}

/* 视频背景样式 */
#sy-lm1 .video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    object-fit: cover;
    filter: brightness(0.5);  /* 添加滤镜提升文字可读性 */
}

/* 内容容器 */
#sy-lm1 .container {
    position: relative;  /* 关键定位属性 */
    z-index: 1;  /* 确保内容在视频上方 */
    color: #fff;  /* 优化文字颜色 */
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);  /* 增强文字可读性 */
}

/* 保持原有CSS不变，仅新增移动端优化 */
@media (max-width: 768px) {
    #sy-lm1 {
        min-height: 400px;  /* 移动端高度降低 */
        padding: 40px 0;   /* 减少上下间距 */
    }

    /* 视频亮度增强 */
    #sy-lm1 .video-bg {
        filter: brightness(0.6);
    }

    /* 文字优化 */
    #sy-lm1 .container {
        font-size: 14px;  /* 缩小字体 */
        text-shadow: 0 1px 2px rgba(0,0,0,0.8); /* 增强阴影 */
    }

    /* 统计数字放大 */
    .stat-items-t {
        font-size: 24px !important;
    }
}
/* 其他原有样式保持不动 */



/* 修改后的CSS */
#sy-lm4 {
    position: relative;  /* 关键定位 */
    padding: 54px 0 0;
    min-height: 800px;  /* 根据视频高度调整 */
    overflow: hidden;
    /* 保留原背景作为备用 */
    background: url(/skin/lm3-bj.jpg) top/cover no-repeat;
}

/* 视频容器样式 */
.video-bg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    filter: brightness(0.5);
}

/* 视频遮罩层 */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}

/* 内容容器优化 */
#sy-lm4 .container123 {
    position: relative;
    z-index: 2;  /* 确保内容在视频上方 */
    color: #fff;
}

/* 移动端优化 */
@media (max-width: 768px) {
    #sy-lm4 {
        min-height: 600px;
        padding: 30px 0 0;
    }
    
    .video-bg {
        filter: brightness(0.4);
    }
    
    /* 文字优化 */
    .sy-tit h2 {
        font-size: 1.5em;
    }
    
    /* 轮播图调整 */
    .swiper-slide {
        width: 80% !important;
    }
    
    /* 底部链接优化 */
    .lm4-a a {
        padding: 8px 20px;
    }
}

/* 原有轮播样式补充 */
.swiper-3d {
    perspective: 1200px;
}
.swiper-wrapper {
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}