.bannercontainer {
        padding: 0px;
        margin: 0px;
        background: url("https://upbc471.myueeshop.com/u_file/2504/28/file/Timeline1.mp4");
        overflow: visible;
        height: 100vh;
    }

    #sliderlayer641229692 {
        width: 100%;
        height: 100%;
        max-height: 100%;
    }

    .bg__video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* 修改文字样式 */
.caption.small_c23 {
    color: white; /* 白色文字 */
    font-size: 2.5vw; /* 使用 vw 单位，适应屏幕宽度 */
    text-align: center; /* 使文字居中 */
    font-family: 'NeverMind-DemiBold', sans-serif;
    line-height: 1.5;
    position: absolute;
    top: 50%; /* 垂直居中 */
    left: 50%; /* 水平居中 */
    transform: translate(-50%, -50%); /* 精确居中 */
}

/* 修改按钮样式 */
.banner-a {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid white; /* 白色线框 */
    color: white; /* 白色文字 */
    font-size: 1.2vw; /* 使用 vw 单位，适应屏幕 */
    text-align: center;
    text-decoration: none;
    font-family: 'NeverMind-DemiBold';
    border-radius: 50px; /* 可选，添加圆角 */
    position: absolute;
    top: 50%; /* 使按钮位于文字下方 */
    left: 50%;
    transform: translateX(-50%); /* 水平居中 */
    z-index: 1; /* 确保按钮位于文字上层 */
	text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3);
}

/* 鼠标悬停时的效果 */
.banner-a:hover {
    background-color: rgba(255, 255, 255, 0.2); /* 添加一个轻微的背景颜色变化 */
}


@media (max-width: 768px) {
    .caption.small_c23 {
        font-size: 8vw; /* 在 768px 屏幕下的字体大小 */
    }

    .banner-a {
        font-size: 4vw;
    }
}