/* 整体容器 */
.neirong1-mainContainer2 {
    background-image: url("images/offgjBg.jpg");
    background-size: 100% 760px;
    height: 600px;
    transform: scale(1);
}

/* 主标题 */
.neirong1-mainTitle {
    text-align: center;
}

/* 主描述 */
.neirong1-mainDesc {
    text-align: center;
    margin-bottom: 30px;
}

/* 内容包裹层 */
.neirong1-content-wrapper {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: auto;
    align-items: flex-start;
}

/* 左侧内容区域 */
.neirong1-offContent {
    width: 368px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* 内容项标题包裹层 */
.neirong1-offBodyTitle-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/* 图标 */
.neirong1-offIcon {
    width: 19px;
    height: 19px;
    margin-right: 8px;
    margin-top: 1px;
    flex-shrink: 0;
}

/* 内容项标题 */
.neirong1-offBodyTitle {
    margin-top: 0;
    font-weight: 900;
    color: #000;
    line-height: 1.2;
    display: flex;
    align-items: center;
    font-size: 1.2em;
}

/* 内容项描述 */
.neirong1-offBodyDesc {
    width: 368px;
    margin-bottom: 20px;
    text-align: left;
    line-height: 1.2;
    margin-left: calc(19px + 8px);
    color: #777;
    font-weight: 300;
    margin-top: 10px;
}

/* 立即体验按钮 */
.neirong1-experience-btn {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 15px 30px;
    margin-top: 10px;
    font-size: 16px;
    border-radius: 5px;
    margin-left: calc(19px + 8px);
    display: inline-block; /* 确保按钮独占自身空间 */
    box-sizing: border-box; /* 使内边距和边框包含在宽度和高度内 */
    cursor: pointer; /* 显示手型光标，提示可点击 */
}

/* 右侧图片，添加初始状态和过渡效果 */
.neirong1-right-image {
    width: 690px;
    margin-top: 0;
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

/* 右侧图片可见时的样式 */
.neirong1-right-image.visible {
    opacity: 1;
    transform: translateX(0);
}

/* 手机端样式适配 */
@media (max-width: 768px) {
    /* 隐藏右侧图片 */
    .neirong1-right-image {
        display: none;
    }

    /* 调整内容包裹层 */
    .neirong1-content-wrapper {
        width: 90%;
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
    }

    /* 调整左侧内容区域 */
    .neirong1-offContent {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }

    /* 调整内容项描述宽度 */
    .neirong1-offBodyDesc {
        width: 100%;
        text-align: justify;
        line-height: 1.5;
        margin-left: 0;
        color: #777;
        font-weight: 300;
        margin-top: 10px;
        font-size: 3.5vw;
    }

    /* 调整立即体验按钮 */
    .neirong1-experience-btn {
        width: 100%;
        padding: 4vw 0;
        font-size: 4vw;
        border-radius: 1vw;
        margin-left: 0;
        display: block;
        margin-top: 20px;
        box-sizing: border-box; /* 同样在手机端也确保内边距和边框计算方式正确 */
    }

    /* 调整主描述在手机端的样式 */
    .neirong1-mainDesc {
        width: 90%;
        margin: 0 auto 20px;
        font-size: 4vw;
        padding: 0 10px;
        line-height: 1.5;
    }

    /* 调整整体容器在手机端的高度 */
    .neirong1-mainContainer2 {
        height: auto;
        background-size: cover;
    }

    /* 调整标题文字大小 */
    .neirong1-offBodyTitle {
        font-size: 5vw;
    }
}

/* 内容项初始样式，设置透明度为 0 实现隐藏效果 */
.neirong1-offContentBody {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    margin-bottom: 5px;
}

/* 内容项可见时的样式，透明度为 1 实现显示效果 */
.neirong1-offContentBody.visible {
    opacity: 1;
    transform: translateY(0);
}