.media {
            margin-bottom: 10px; /* 调整这里的值来增加间距 */
        }

        @media (max-width: 768px) {
            .mb3 {
                margin-bottom: 10px; /* 仅在手机屏幕上添加底部间距 */
            }
        }

        .carousel-caption0 {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 10;

            transform: none; /* 不需要水平居中 */
            text-align: left; /* 文本靠左对齐 */
            padding: 2px; /* 可选，增加内边距 */
            background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
            color: #fff;

        }
  



    <style media="print">
        #sb-container {
            position: relative;
        }

        #sb-overlay {
            display: none;
        }

        #sb-wrapper {
            position: relative;
            top: 0;
            left: 0;
        }

        #sb-loading {
            display: none;
        }
    
        .content-pushed {
            margin-top: 200px; /* 根据导航栏的高度调整 */
        }
   
        .container2 {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            /* slide 图片伸展开了。这个不能再改了。 height: 50 vh;*/
        }

        .text-section2 {
            width: 32%;
            padding: 10px;
        }

        .carousel2 {
            width: 68%;
        }

        @media (max-width: 480px) {
            .container2 {
                flex-direction: row;
                padding-left: 1px;
                padding-right: 1px;
                /* logo 和button 面包屑水平摆放了。*/
            }

            .text-section2 {
                width: 100%;
                text-align: center;
            }

            .carousel2 {
                width: 100%;
            }

            .carousel-caption2 {
                position: static;
                padding: 10px 2px 2px; /* 增加顶部内边距 */ /* 可选，增加内边距 */
                background: rgba(0, 0, 0, 0.5);
                color: white;
            }
        }

        @media (max-width: 768px) {
            .container2 {
                flex-direction: row;
                /* logo 和button 面包屑水平摆放了。*/
            }

            .text-section2 {
                width: 100%;
                text-align: center;
            }

            .carousel2 {
                width: 100%;
            }

            .carousel-caption2 {
                position: static;
                padding: 10px 2px 2px; /* 增加顶部内边距 */ /* 可选，增加内边距 */
                background: rgba(0, 0, 0, 0.5);
                color: white;
            }
        }
   
        /* 默认样式（桌面） */
        /*  .navbar {
              background-image: url('images/navbg.jpg');
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
              height: 200px; /* 桌面高度 */
        }

        /* 针对移动设备的样式 */
        @media (max-width: 768px) {
            .navbar {
                height: 100px; /* 移动设备高度 */
            }
        }

    
        .container3 {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            /*// slide 图片伸展开了。这个不能再改了。 height: 50 vh;*/
        }

        .text-section {
            width: 0;
            padding: 1px;
        }

        .carousel {
            width: 100%;
        }

        @media (max-width: 480px) {
            .container {
                flex-direction: row;
                padding-left: 15px;
                padding-right: 15px;
                /* logo 和button 面包屑水平摆放了。*/
            }

            .container1 {
                flex-direction: row;
                padding-left: 1px;
                padding-right: 1px;
                width: 100%;
                margin-right: auto;
                margin-left: auto;
                /* logo 和button 面包屑水平摆放了。*/
            }

            .navbar > .container,
            .navbar > .container-fluid {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding-left: 5px;
                padding-right: 5px;
            }

            .container-fluid {
                flex-direction: row;
                padding-left: 1px;
            !important;
                padding-right: 1px;
            !important;
                /* logo 和button 面包屑水平摆放了。*/
            }

            .container-fluid1 {
                flex-direction: row;
                padding-left: 15px;
            !important;
                padding-right: 15px;
            !important;
                /* logo 和button 面包屑水平摆放了。*/
            }

            .text-section {
                width: 100%;
                text-align: center;
            }

            .carousel {
                width: 100%;
            }

            .carousel-caption {
                position: static;
                padding: 1px;
                background: rgba(0, 0, 0, 0.5);
                color: white;
            }
        }

        @media (max-width: 768px) {
            .container {
                flex-direction: row;
                /* logo 和button 面包屑水平摆放了。*/
            }

            .text-section {
                width: 0;
                text-align: center;
            }

            .carousel {
                width: 100%;
            }

            .carousel-caption3 {
                position: absolute; /* 确保绝对定位 */
                bottom: 10px; /* 距离底部的距离 */
                left: 10px; /* 距离左边的距离 */
                transform: none; /* 不需要水平居中 */
                text-align: left; /* 文本靠左对齐 */
                padding: 10px; /* 可选，增加内边距 */
                background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
                color: white; /* 字体颜色 */
            }

            .navbar-toggler {
                border-color: rgba(255, 255, 255, 0.5); /* 使边框半透明 */
            }

            .navbar-toggler-icon {
                background-image: url('..//css/hamburger-icon.svg'); /* 设置图标路径 */
                background-size: contain; /* 确保图标适应 */
                width: 30px; /* 设置宽度 */
                height: 30px; /* 设置高度 */
            }

        }
   
        @media (max-width: 768px) {
            /* 根据需要调整最大宽度 */
            .vertical-line {
                display: none;
            }

            .horizontal-line {
                display: none;
            }
        }