/* ============================================================
   connect-us 组件样式（全站公共）
   任何页面只需添加 <div id="connect-us-placeholder"></div>
   impo.js 会自动加载本 CSS + connect-us.html 组件
   ============================================================ */

/* 联系我们容器 */
.connect-us {
    max-width: 100vw;
    height: 4.1rem;
    background-image: url("../image/usbg.png");
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

.connect-us h3 {
    font-size: 0.34rem;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 1rem;
}

.connect-us h3 span {
    color: #00A6FF;
}

.connect-us p {
    font-size: 0.14rem;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 0.4rem;
}

.connect-us .connect-us-btns {
    position: initial;
    display: flex;
    justify-content: center;
    color: #fff;
    font-family: Elevision_r;
}

/* ---- 按钮 ---- */
.banner-txt .btn {
    width: 1.5rem;
    height: 0.5rem;
    background-color: #0A98E5;
    font-size: 0.16rem;
    margin-top: 0.4rem;
    border-radius: 0.24rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    transition: 0.6s;
    cursor: pointer;
    position: relative;
}

.banner-txt .btn span {
    display: block;
    color: #fff;
    transition: 0.6s;
    position: relative;
    z-index: 66;
}

/* ---- 移动端响应式 ---- */
@media screen and (max-width: 750px) {
    .connect-us {
        height: 6.92rem;
        background-size: 100% 100%;
        background-image: url("../image/usbg-phone.webp");
    }

    .connect-us h3 {
        font-size: 0.64rem;
    }

    .connect-us p {
        font-size: 0.4rem;
    }

    .banner-txt .btn {
        width: 4rem;
        height: 1.28rem;
        font-size: 0.48rem;
        border-radius: 1.09rem;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        margin-top: 1rem;
    }
}