 .image-container {
    display: none; /* 隐藏图片容器，可以在移动端显示时将其修改为 block 或其他适当的值 */
    text-align: center; /* 居中文本 */
    margin: 20px; /* 添加间距 */
  }

  .image-container img {
    max-width: 100%; /* 图片最大宽度为容器宽度 */
    height: auto; /* 自动调整高度以保持宽高比 */
  }

  @media (min-width: 768px) {
    /* 在移动端隐藏图片容器 */
    .image-container {
      display: block; /* 在大屏幕上显示图片容器 */
    }
  }
  
  @media screen and (min-width: 769px) {
  .warp2.con2 {
    display: none;
  }
}  

       .abc-1 {
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: cover;
            background-position: center;
        }

        @media (max-width: 768px) {
            .abc-1 {
                background-image: none; /* 移动端不显示背景图片 */
                 display: none;
            }
        }


       .video-container {
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 100%;
            overflow: hidden;
            padding: 0 20px; /* 左右间距，根据需要调整 */
        }

        .video-container video {
            width: 900px; /* 设置视频宽度为1200px */
            height: auto;
            border-radius: 20px;
            margin-bottom: 30px;

        }

        .play-button {
            position: absolute;
            top: 180%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background: rgba(0, 0, 0, 0.7);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        .play-button img {
            width: 35%;
            height: 40%;
            fill: white;
        }

        @media (max-width: 768px) {
            .video-container {
                padding: 9px; /* 移动端去掉左右间距 */
            }

            .video-container video {
                width: 100%; /* 移动端视频宽度自适应 */
            }
        }
        
        
              .bt-1 {
            font-size: 35px;
            color: black;
            text-align: center;
            display: block;
            margin-bottom: 30px;
        }

        @media (max-width: 768px) {
            .bt-1 {
                display: none;
            }
        }
        
        @media (max-width: 768px) {
    .play-button {
        width: 40px; /* 调整按钮大小 */
        height: 40px;
        top: 93%;
        left: 50%;
    }
}

