.body {
    margin: 0;
    padding: 0;
    height: 2000px; /* 为了演示滚动条 */
}
.fixed-button {
    position: fixed;
    bottom: 0; /* 距离底部0像素 */
    left: 0; /* 距离左边0像素 */
    width: 100%; /* 按钮宽度100% */
    background-color: #17c737; /* 按钮背景颜色 */
    color: white; /* 按钮文字颜色 */
    border: none;
    padding: 20px; /* 增加内边距 */
    border-radius: 0; /* 不需要边角圆弧 */
    cursor: pointer;
    font-size: 1.05rem;
    font-weight: bold;
    text-align: center; /* 文本居中对齐 */
}
.fixed-button:hover {
    background-color: #009e1d; /* 悬停时的背景颜色 */
}


 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

.body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px; /* 页面内边距 */
    background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */
}

.hero-image {
    background-image: url('../image/9Tgkx9VWKYXsfq6gCC0P-cr0K2x41oQhllN40JZTeNA.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
    background-attachment: fixed;
}

.hero-text {
    z-index: 2;
    text-align: center;
    padding: 20px;
}

.hero-text h1 {
    font-size: 3rem;
    color: white; /* 设置标题颜色 */
}

.hero-text p {
    font-size: 20px;
    color: white; /* 设置段落颜色 */
}

.hero-image img {
    width: 100%;
    border-radius:8px; /* 设置圆角 */
    margin-top: 20px; /* 顶部间距 */
    z-index: 1; /* 确保图片位于文本下方 */

}

.cta-button {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
    background-color: #00ba00;
    font-size: 22px;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 30px;
}


/* 媒体查询以确保在小屏幕上自适应 */
@media (max-width: 768px) {
    .hero-text h1 {
        font-size: 2rem; /* 在小屏幕上减小标题字体大小 */
    }

    .hero-text p {
        font-size: 16px; /* 在小屏幕上减小段落字体大小 */
    }

    .hero-image img {
        width: 350px; /* 在小屏幕上减小人物图片的宽度 */
    }
}
.kbtdd{width:600px; margin: 0 auto 0;}
@media (max-width:767px){
    .kbtdd{width: 100%;}
}
.body {
    font-family: Arial, sans-serif; /* 字体设置 */
    margin: 0;
    padding: 20px; /* 页面内边距 */
    background-color: #ffffff; /* 背景颜色 */
}

.container1 {
    display: flex; /* 使用flexbox布局 */
    flex-direction: column; /* 默认排列为列（堆叠） */
    max-width: 800px; /* 最大宽度 */
    margin: auto; /* 居中 */
    background-color: #010d27; /* 黑色背景 */
    border-radius: 0px; /* 圆角 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}

.image1 {
    flex: 1; /* 左边部分（图片） */
    padding: 20px; /* 内边距 */
    display: flex; /* 使用flex布局 */
    justify-content: center; /* 图片居中 */
    align-items: center; /* 图片垂直居中 */
}

.image1 img {
    max-width: 110%; /* 图片最大宽度为150% */
    height: auto; /* 高度自适应 */
    border-radius: 8px; /* 圆角 */
}

.content11 {
    flex: 2; /* 右边部分（文字） */
    padding: 20px; /* 内边距 */
    display: flex; /* 使用flex布局 */
    flex-direction: column; /* 列方向 */
    color: black; /* 添加字体颜色为白色 */
}

h2 {
    margin-top: 0; /* 消除标题的上边距 */
    font-size: 1.5em; /* 标题大小 */
    color: black; /* 强制设置标题颜色为白色 */
}

ul {
    padding-left: 20px; /* 列表左边距 */
    color: black; /* 列表字体颜色设置为白色 */
}

li {
    margin-bottom: 10px; /* 列表项之间的间距 */
    line-height: 1.6; /* 行高 */
    color: black; /* 确保列表项颜色为白色 */
}

/* 响应式调整 */
@media (min-width: 600px) {
    .container {
        flex-direction: row; /* 大屏幕时使用行方向 */
    }

    .image {
        width: 40%; /* 设置图片部分宽度 */
    }

    .content {
        width: 60%; /* 设置文字部分宽度 */
    }
}