.development_3_box {
    width: 100%;
    padding: calc(30px + 5rem) 0;

    .development_3 {
        max-width: 1400px;
        width: 85%;
        margin: auto;
    }
}

.development_3_main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(77px + 5rem);
    margin-top: calc(7px + 5rem);

    .development_3_item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(10px + 0.5rem);

        .development_3_item_icon {
            width: calc(60px + 5rem);
            height: calc(60px + 5rem);
            background: #F9F9F9;
            border-radius: 50%;
            border: 1px solid #EAEAEA;
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                width: calc(19px + 3rem);
            }
        }

        p:nth-of-type(1) {
            font-family: Microsoft YaHei;
            font-weight: bold;
            font-size: calc(2px + 1rem);
            color: #333333;
            line-height: 1;
            margin-top: calc(3px + 0.25rem);
        }

        p:nth-of-type(2) {
            font-family: Microsoft YaHei;
            font-weight: 400;
            font-size: calc(8px + 0.5rem);
            color: #333333;
            line-height: 1;
        }
    }
}

@media (max-width: 1100px) {
    .development_3_main{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
        .development_3_item {
            .development_3_item_icon {
                width: calc(60px + 13rem);
                height: calc(60px + 13rem);
               
            }
            p:nth-of-type(1){
                font-size: calc(14px + 1rem);
            }
            p:nth-of-type(2){
                font-size: calc(14px + 1rem);
                text-align: center;
                line-height: 1.5;
            }
        }
    }
}