/* 桌面设备 */
@media only screen and (min-width: 769px) and (max-width: 1920px) {
    .container .aboutBannerBox {
        width: 100vw;
        height: 31.25rem
            /* 500/16 */
            /* 700/16 */
        ;
    }

    .container .aboutBannerBox img {
        width: 100%;
        height: 100%;
    }

    /* 样式规则 */
    .container .consultBox {
        width: 100vw;
        height: 63.63rem;
        /* 1018/16 */
        padding: 7.31rem
            /* 117/16 */
            22.5rem
            /* 360/16 */
            0 22.5rem
            /* 360/16 */
        ;
        box-sizing: border-box;
        /* align-items: center; */
    }

    .container .consultBox .consultBoxTitle {
        width: 100%;
        height: 1.88rem
            /* 30/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1.88rem
            /* 30/16 */
        ;
        color: #333333;
        text-align: center;
        margin-bottom: 3.75rem
            /* 60/16 */
        ;
    }

    .container .consultBox .consultBoxTop {
        display: flex;
        justify-content: space-between;
        height: 3.75rem
            /* 60/16 */
        ;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;
    }

    .container .consultBox .consultBoxTop .inputBox {
        width: 36.25rem
            /* 580/16 */
        ;
        height: 3.75rem
            /* 60/16 */
        ;
        background: #F2F7FA;
        border-radius: .31rem
            /* 5/16 */
        ;
        padding-left: 1.25rem
            /* 20/16 */
        ;
        box-sizing: border-box;
    }

    .container .consultBox .consultBoxTop .inputBox::placeholder {
        color: #a9a9a9;
        /* 浅灰色 */
        opacity: 1;
        /* 确保透明度不是导致颜色看起来不同的原因 */
    }

    /* 对于一些不支持::placeholder的旧浏览器，你可能需要添加以下规则（尽管这通常不是必需的，因为现代浏览器都支持）*/
    .container .consultBox .consultBoxTop .inputBox:-ms-input-placeholder {
        color: #a9a9a9;
        /* IE 10+ */
    }

    /* 另一个旧浏览器的hack，但通常不推荐使用，因为现代浏览器不支持 */
    .container .consultBox .consultBoxTop .inputBox::-webkit-input-placeholder {
        color: #a9a9a9;
        /* Chrome, Firefox, Safari, Opera 等 */
    }

    .container .consultBox .textareaBox {
        width: 100%;
        height: 25rem
            /* 400/16 */
        ;
        background: #F2F7FA;
        border-radius: .31rem
            /* 5/16 */
        ;
        padding: 1.25rem
            /* 20/16 */
        ;
        box-sizing: border-box;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;
    }

    textarea::placeholder {
        color: #a9a9a9;
        /* 浅灰色 */
        opacity: 1;
        /* 确保透明度不是导致颜色看起来不同的原因 */
    }

    /* 对于一些不支持::placeholder的旧浏览器，你可能需要添加以下规则（尽管这通常不是必需的，因为现代浏览器都支持）*/
    textarea:-ms-input-placeholder {
        color: #a9a9a9;
        /* IE 10+ */
    }

    /* 另一个旧浏览器的hack，但通常不推荐使用，因为现代浏览器不支持 */
    textarea::-webkit-input-placeholder {
        color: #a9a9a9;
        /* Chrome, Firefox, Safari, Opera 等 */
    }

    .container .consultBox .consultBoxButton {
        width: 27.5rem;
        /* 440/16 */
        height: 5rem
            /* 80/16 */
        ;
        background: #224AA1;
        border-radius: .31rem
            /* 5/16 */
        ;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #FFFFFF;
        line-height: 5rem;
        text-align: center;
        cursor: pointer;
    }


}

/* 手机设备 */
@media only screen and (max-width:768px) {

    .container .aboutBannerBox {
        width: 100vw;
        height: 18.75rem
            /* 500/16 */
            /* 700/16 */
        ;
    }

    .container .aboutBannerBox img {
        width: 100%;
        height: 100%;
    }

    /* 样式规则 */
    .container .consultBox {
        width: 100vw;
        height: 63.63rem;
        /* 1018/16 */
        padding: 7.31rem
            /* 117/16 */
            1.88rem
            /* 30/16 */
            /* 360/16 */
            0 1.88rem
            /* 360/16 */
        ;
        box-sizing: border-box;
        /* align-items: center; */
    }

    .container .consultBox .consultBoxTitle {
        width: 100%;
        height: 1.88rem
            /* 30/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1.88rem
            /* 30/16 */
        ;
        color: #333333;
        text-align: center;
        margin-bottom: 3.75rem
            /* 60/16 */
        ;
    }

    .container .consultBox .consultBoxTop {
        display: flex;
        justify-content: space-between;
        height: 3.75rem
            /* 60/16 */
        ;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;
    }

    .container .consultBox .consultBoxTop .inputBox {
        width: 20rem
            /* 320/16 */
            /* 580/16 */
        ;
        height: 3.75rem
            /* 60/16 */
        ;
        background: #F2F7FA;
        border-radius: .31rem
            /* 5/16 */
        ;
        padding-left: 1.25rem
            /* 20/16 */
        ;
        box-sizing: border-box;
    }

    .container .consultBox .consultBoxTop .inputBox::placeholder {
        color: #a9a9a9;
        /* 浅灰色 */
        opacity: 1;
        /* 确保透明度不是导致颜色看起来不同的原因 */
    }

    /* 对于一些不支持::placeholder的旧浏览器，你可能需要添加以下规则（尽管这通常不是必需的，因为现代浏览器都支持）*/
    .container .consultBox .consultBoxTop .inputBox:-ms-input-placeholder {
        color: #a9a9a9;
        /* IE 10+ */
    }

    /* 另一个旧浏览器的hack，但通常不推荐使用，因为现代浏览器不支持 */
    .container .consultBox .consultBoxTop .inputBox::-webkit-input-placeholder {
        color: #a9a9a9;
        /* Chrome, Firefox, Safari, Opera 等 */
    }

    .container .consultBox .textareaBox {
        width: 100%;
        height: 25rem
            /* 400/16 */
        ;
        background: #F2F7FA;
        border-radius: .31rem
            /* 5/16 */
        ;
        padding: 1.25rem
            /* 20/16 */
        ;
        box-sizing: border-box;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;
    }

    textarea::placeholder {
        color: #a9a9a9;
        /* 浅灰色 */
        opacity: 1;
        /* 确保透明度不是导致颜色看起来不同的原因 */
    }

    /* 对于一些不支持::placeholder的旧浏览器，你可能需要添加以下规则（尽管这通常不是必需的，因为现代浏览器都支持）*/
    textarea:-ms-input-placeholder {
        color: #a9a9a9;
        /* IE 10+ */
    }

    /* 另一个旧浏览器的hack，但通常不推荐使用，因为现代浏览器不支持 */
    textarea::-webkit-input-placeholder {
        color: #a9a9a9;
        /* Chrome, Firefox, Safari, Opera 等 */
    }

    .container .consultBox .consultBoxButton {
        width: 27.5rem;
        /* 440/16 */
        height: 5rem
            /* 80/16 */
        ;
        background: #224AA1;
        border-radius: .31rem
            /* 5/16 */
        ;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #FFFFFF;
        line-height: 5rem;
        text-align: center;
        cursor: pointer;
    }


}