.about-us-div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}



.aboutus-icons {
    /* width: 100%; */
    /* max-width: 100%; */
    max-width: 100%;
    width: 100%;
    /* 最大宽度为父容器的100%，保证响应式 */
    /* 固定高度 */
    position: relative;
    background-color: #FFF4FF;
    /* background-image: url('./img/six_box_bg.png');
    background-position: center center; */
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 2.4%;
    /* 网格容器背景色 */
    border: 2px solid #D457FD;
    border-radius: 12px;
    box-sizing: border-box;
    gap: 2rem 1rem;
    /* 图标垂直居中 */
}

.about-us-div p {
    color: #591C59;
    font-size: calc(1rem*var(--base-scale)*var());
    /* font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

.about-us-div h2 {
    color: #4B2183;
    /* font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

.about-us-div h3 {
    color: #4B2183;
    /* font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

.aboutus-icons-item {
    display: flex;
    height: 100%;
    max-height: 100%;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.aboutus-icons-item-top {
    max-width: 100%;
    box-sizing: border-box;
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.aboutus-icons-item-top p {
    margin: 0px;
    padding: 0px;
}

.aboutus-icons-item-p {
    display: flex;
    flex-direction: column;
    margin-left: calc(1.1rem*var(--base-scale));
    justify-content: flex-start;
    height: 100%;
}

.aboutus-icons-item-p p {
    padding: 0px;
    margin: 0px;
}

.aboutus-icons-item-p p:first-child {
    color: #4B2183;
    font-size: calc(1.15rem*var(--base-scale));
}


.aboutus-icons-item-p p:last-child {
    color: #4B2183;
    font-size: calc(1rem*var(--base-scale));
}



.aboutus-icons-item-img {
    width: calc(7rem*var(--base-scale));
    aspect-ratio: 1/1;
    object-fit: contain;
}



.aboutus-icons-item-bottom {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.about-us-h3-margin {
    margin-top: calc(2rem*var(--base-scale));
}

.about-us-p-margin {
    margin-top: calc(1rem*var(--base-scale));
}

.about-us-div-top {
    margin-top: 6rem;
}



/* 响应式布局 - 中等屏幕以上显示3列 */
@media (min-width: 768px) {
    .aboutus-icons {
        grid-template-columns: repeat(1, 1fr);
    }

    .aboutus-icons-item-img {
        width: calc(7rem*var(--base-scale));
        aspect-ratio: 1/1;
        object-fit: contain;
    }
}

/* 响应式布局 - 中等屏幕以上显示3列 */
@media (min-width: 992px) {
    .aboutus-icons {
        grid-template-columns: repeat(1, 1fr);
    }

    .aboutus-icons-item-img {
        width: calc(7.2rem*var(--base-scale));
        aspect-ratio: 1/1;
        object-fit: contain;
    }
}

@media (min-width: 1200px) {
    .aboutus-icons {
        grid-template-columns: repeat(2, 1fr);
    }

    .aboutus-icons-item-img {
        width: calc(8.38rem*var(--base-scale));
        aspect-ratio: 1/1;
        object-fit: contain;
    }
}