.container_body{
    max-width: 100vw;
    margin: 10px;
}

.container{
    display: flex;
    height: 30vh;
    margin: auto;
    margin-bottom: 3%;
    width: 60vw;
}

.container img{
    display: none;
    min-width: 50%; /* 固定宽度 */
    height: auto; /* 固定高度 */
    object-fit: cover; /* 自动裁剪并填充容器 */
    object-position: center center; /* 图像居中对齐 */
}

.container img:first-of-type {
    display: block;
}

.tittle{
    margin: auto;
    width: 50%;
}
.tittle h1{
    text-align: center;
    font-size: 26px;
}
.tittle p{
    font-size: 16px;
    text-align: center;
}
.btn {
    display: inline-block; /* 让链接像块元素一样表现，以便应用内边距和边框 */
    background-color: #3b3b3b; /* 按钮的背景颜色 */
    color: white; /* 文本颜色 */
    padding: 10px 20px; /* 内边距，上下 10px，左右 20px */
    border-radius: 5px; /* 边框圆角 */
    text-decoration: none; /* 去掉下划线 */
    font-weight: bold; /* 字体加粗 */
    text-align: center; /* 文本居中 */
    transition: background-color 0.3s, color 0.3s; /* 平滑过渡效果 */
}

.btn:hover {
    background-color: #b9b9b9; /* 按钮在悬停时的背景颜色 */
    color: #000000; /* 按钮在悬停时的文本颜色 */
}

@media (max-width: 1000px) {
    .container{
        display: flex;
        flex-wrap: wrap; /* 换行 */
        height: auto;
        margin: auto;
        margin-bottom: 3%;
        width: 90vw;
    }
    .container img{
        display: none;
        width: 90vw;
        height: 30vh; /* 固定高度 */
        object-fit: cover; /* 自动裁剪并填充容器 */
        object-position: center center; /* 图像居中对齐 */
        margin-bottom: 10px;
    }
    
    .tittle{
        margin: auto;
        width: 90vw;
        margin-bottom: 10px;
    }
}