.content {
    width: 100%;
}

.bannerImg {
    width: 100%;
    height: 20vw;
    object-fit: cover;
    object-position: center;
}

.contentBox {
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    padding: 6vw 0;
}

.contentLeft {
    width: 10.42vw;
}

.contentLeft .leftTitleBox {
    width: 100%;
    padding: 1.7vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: #67A3FD;
}

.contentLeft .leftTitleBox .leftTitleText {
    color: rgba(255, 255, 255, 1);
    font-size: 1.56vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
}

.contentLeft .leftTitleBox .leftTitleLine {
    width: 2.61vw;
    height: 0.06vw;
    margin: 0.8vw 0;
    background-color: #fff;
}

.contentLeft .leftListBox {
    width: 100%;
}

.contentLeft .leftListBox .list {
    width: 100%;
    height: 4.1vw;
    color: #333333;
    font-size: 0.93vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    background-color: #F3F7FD;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1px 0;
    cursor: pointer;
}

.contentLeft .leftListBox .listAction {
    background-color: #1A66FF !important;
    color: #fff !important;
}

.contentRight {
    width: 52vw;
    margin-left: 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contentRight .rightTitle {
    color: rgba(51, 51, 51, 1);
    font-size: 1.87vw;
    font-family: SourceHanSansCN-Medium;
    font-weight: 500;
}

.contentRight .mettingBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2vw;
}

.mettingBox .mettingList {
    width: calc(50% - 0.2vw);
    padding: 1vw 0.8vw;
    border: 1px solid #E3ECFC;
    background-color: #FBFBFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box_4 {
    background-color: rgba(251, 251, 255, 1);
    border-radius: 6px;
    width: 25.50vw;
    height: 21.46vw;
    border: 1px solid rgba(227, 236, 252, 1);
    margin-top: 0.5vw;
    cursor: pointer;
}

.box_5 {
    background-color: rgba(251, 251, 255, 1);
    border-radius: 6px;
    width: 25.50vw;
    height: 12.46vw;
    border: 1px solid rgba(227, 236, 252, 1);
    margin-top: 0.5vw;
    cursor: pointer;
}

.image-text_2 {
    width: 23.13vw;
    height: 18.13vw;
    margin: 1.61vw 0 0 1.09vw;
}

.image-text_3 {
    width: 23.13vw;
    height: 9.13vw;
    margin: 1.61vw 0 0 1.09vw;
}

.image_2 {
    width: 12.86vw;
    height: 18.13vw;
	object-fit: cover;
    object-position: center;
}

.image_3 {
    width: 12.86vw;
    height: 9.13vw;
	object-fit: cover;
    object-position: center;
}

.text-group_2 {
    width: 9.5vw;
    height: 15vw;
    margin-top: 1.62vw;
}

.text-group_3 {
    width: 9.5vw;
    height: 9vw;
}

.text_9 {
    height: 4.00vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.93vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    text-align: left;
  
    line-height: 1.99vw;
	overflow: hidden;
    /* 隐藏超出容器边界的部分 */
    display: -webkit-box;
    /* 创建块级布局 */
    -webkit-line-clamp: 2;
    /* 最大显示行数为3行 */
    -webkit-box-orient: vertical;
    /* 垂直方向排列子项目 */
    text-overflow: ellipsis;
    /* 设置省略符号类型为"..." */
}

.paragraph_1 {
    height: 3.8vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.72vw;
    font-family: PingFang-SC-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.25vw;
    margin: 0.05vw 0 0 0.05vw;
    overflow: hidden;
    /* 隐藏超出容器边界的部分 */
    display: -webkit-box;
    /* 创建块级布局 */
    -webkit-line-clamp: 3;
    /* 最大显示行数为3行 */
    -webkit-box-orient: vertical;
    /* 垂直方向排列子项目 */
    text-overflow: ellipsis;
    /* 设置省略符号类型为"..." */

}

.text_10 {
    height: 0.85vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.72vw;
    font-family: PingFang-SC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.99vw;
    margin: 1.09vw 0 0 0.05vw;
	text-overflow: ellipsis;
	overflow: hidden;
}

.text_11 {
    width: 9.28vw;
    height: 0.73vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.72vw;
    font-family: PingFang-SC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.99vw;
    margin: 1.09vw 0 0 0.05vw;
}

.paragraph_2 {
    height: 2.30vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.72vw;
    font-family: PingFang-SC-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.25vw;
    margin: 1.09vw 0 0 0.05vw;
	    overflow: hidden;
    /* 隐藏超出容器边界的部分 */
    display: -webkit-box;
    /* 创建块级布局 */
    -webkit-line-clamp: 2;
    /* 最大显示行数为3行 */
    -webkit-box-orient: vertical;
    /* 垂直方向排列子项目 */
    text-overflow: ellipsis;
    /* 设置省略符号类型为"..." */
}

.contentRight .pageBox {
    margin-top: 3vw;
}

@media (max-width: 768px) {
    .contentLeft {
        width: 25vw;
    }

    .contentLeft .leftTitleBox .leftTitleText {
        color: rgba(255, 255, 255, 1);
        font-size: 4vw;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
    }

    .contentLeft .leftTitleBox .leftTitleLine {
        width: 5vw;
        height: 0.06vw;
        margin: 0.8vw 0;
        background-color: #fff;
    }

    .contentLeft .leftListBox .list {
        width: 100%;
        height: 12vw;
        color: #333333;
        font-size: 3vw;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        background-color: #F3F7FD;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1px 0;
        cursor: pointer;
    }

    .contentRight {
        width: 65vw;
        margin-left: 4vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contentRight .rightTitle {
        color: rgba(51, 51, 51, 1);
        font-size: 5.5vw;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
    }

    .bannerImg {
        margin: 5em 0 0 0;
    }

    .box_4 {
        background-color: rgba(251, 251, 255, 1);
        border-radius: 6px;
        width: 100%;
        height: 36vw;
        border: 1px solid rgba(227, 236, 252, 1);
        margin-top: 0.5vw;
        cursor: pointer;
    }


	.box_5 {
        background-color: rgba(251, 251, 255, 1);
        border-radius: 6px;
        width: 100%;
        height: 30vw;
        border: 1px solid rgba(227, 236, 252, 1);
        margin-top: 0.5vw;
        cursor: pointer;
    }

    .image-text_2 {
        width: calc(100% - 3vw);
        height: calc(100% - 6vw);
        margin: 3vw 0 0 1.5vw;
    }

	.image-text_3 {
        width: calc(100% - 3vw);
        height: calc(100% - 6vw);
        margin: 3vw 0 0 1.5vw;
    }

    .image_2 {
		margin-top:0;
        width: 20vw;
        height: 100%;
    }

	.image_3 {
		margin-top:0;
        width: 35vw;
        height: 100%;
    }

    .text-group_2 {
        width: calc(100% - 22vw);
        height: calc(100% - 3vw);
        margin-top: 1.62vw;
    }

	.text-group_3 {
        width: calc(100% - 37vw);
        height: calc(100% - 3vw);
        margin-top: 1.62vw;
    }

    .text_9 {
        width: 100%;
        height: auto;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 3vw;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        text-align: left;
        white-space: nowrap;
        line-height: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .paragraph_1 {
        width: 100%;
        height: 8.1vw;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 2.2vw;
        font-family: PingFang-SC-Regular;
        font-weight: normal;
        text-align: left;
        line-height: normal;
        margin: 2vw 0 0 0.05vw;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .text_10 {
        width: 100%;
        height: auto;
        overflow-wrap: normal;
        color: rgba(51, 51, 51, 1);
        font-size: 2.2vw;
        font-family: PingFang-SC-Regular;
        font-weight: normal;
        text-align: left;
        white-space: wrap;
        line-height: normal;
        margin: 1.09vw 0 0 0.05vw;
    }

    .text_11 {
        width: 100%;
        height: auto;
        overflow-wrap: normal;
        color: rgba(51, 51, 51, 1);
        font-size: 2.2vw;
        font-family: PingFang-SC-Regular;
        font-weight: normal;
        text-align: left;
        white-space: wrap;
        line-height: normal;
        margin: 1.09vw 0 0 0.05vw;
    }

    .paragraph_2 {
        width: 100%;
        height: auto;
        overflow-wrap: normal;
        color: rgba(51, 51, 51, 1);
        font-size: 2.2vw;
        font-family: PingFang-SC-Regular;
        font-weight: normal;
        text-align: left;
        white-space: wrap;
        line-height: normal;
        margin: 1.09vw 0 0 0.05vw;
    }
}