/* 联系我们页面 - 联系方式 */
.contact-info{padding:64px 0 80px;background:var(--fq-light);}
.contact-info-panel{
    display:flex;
    gap:40px;
    align-items:stretch;
    background:#fff;
    box-shadow:0 2px 16px rgba(0,0,0,.06);
}
.contact-info-body{
    flex:1;
    padding:48px 44px;
}
.contact-info-img{
    flex:0 0 44%;
    overflow:hidden;
}
.contact-info-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    min-height:360px;
}
.contact-highlight{
    padding:28px 32px;
    background:var(--fq-pink);
    border-left:4px solid var(--fq-red);
    margin-bottom:36px;
}
.contact-highlight .highlight-label{
    display:block;
    font-size:13px;
    color:var(--fq-gray);
    margin-bottom:10px;
}
.contact-highlight .highlight-phone{
    display:block;
    font-size:32px;
    font-weight:700;
    color:var(--fq-red);
    letter-spacing:1px;
    line-height:1.3;
    margin-bottom:20px;
}
.contact-highlight .highlight-phone:hover{opacity:.85;}
.contact-highlight .fq-btn-red{padding:10px 32px;font-size:14px;}
.contact-info-list{border-top:1px solid #eee;}
.contact-info-item{
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding:22px 0;
    border-bottom:1px solid #eee;
}
.contact-info-item:last-child{border-bottom:none;}
.contact-info-item .item-icon{
    flex:0 0 48px;
    width:48px;
    height:48px;
    border-radius:50%;
    border:2px solid var(--fq-red);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .3s;
}
.contact-info-item:hover .item-icon{
    background:var(--fq-red);
}
.contact-info-item .item-icon i{
    font-size:20px;
    color:var(--fq-red);
    transition:color .3s;
}
.contact-info-item:hover .item-icon i{color:#fff;}
.contact-info-item .item-text h4{
    font-size:15px;
    font-weight:600;
    color:#333;
    margin-bottom:6px;
}
.contact-info-item .item-text p{
    font-size:14px;
    color:var(--fq-gray);
    line-height:1.8;
}
.contact-info-item .item-text a{color:var(--fq-gray);}
.contact-info-item .item-text a:hover{color:var(--fq-red);}
/* 主内容区 */
.contact-main{padding:0 0 80px;background:#fff;}
.contact-main .contact-row{
    display:flex;
    gap:40px;
    align-items:stretch;
}
.contact-main .contact-form-wrap{flex:1;}
.contact-main .contact-side{flex:0 0 380px;}

/* 表单 */
.contact-form-box{
    background:var(--fq-light);
    padding:40px 36px;
}
.contact-form-box .form-title{
    font-size:22px;
    font-weight:600;
    color:#333;
    margin-bottom:8px;
}
.contact-form-box .form-desc{
    font-size:13px;
    color:var(--fq-gray);
    margin-bottom:28px;
    line-height:1.8;
}
.contact-form-box .form-group{margin-bottom:18px;}
.contact-form-box .input,
.contact-form-box .textarea,
.contact-form-box select{
    width:100%;
    padding:12px 16px;
    font-size:14px;
    color:#333;
    background:#fff;
    border:1px solid #ddd;
    border-radius:2px;
    outline:none;
    transition:border-color .3s;
    font-family:inherit;
}
.contact-form-box .input:focus,
.contact-form-box .textarea:focus,
.contact-form-box select:focus{border-color:var(--fq-red);}
.contact-form-box .textarea{
    min-height:120px;
    resize:vertical;
}
.contact-form-box select{
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    padding-right:36px;
}
.contact-form-box .btn-submit{
    display:block;
    width:100%;
    padding:14px 0;
    font-size:15px;
    font-weight:500;
    color:#fff;
    background:var(--fq-red);
    border:none;
    border-radius:2px;
    cursor:pointer;
    transition:background .3s;
}
.contact-form-box .btn-submit:hover{background:var(--fq-red-hover);}

/* 右侧 */
.contact-side-box{
    background:var(--fq-dark);
    color:#fff;
    padding:40px 32px;
    height:100%;
    display:flex;
    flex-direction:column;
}
.contact-side-box h3{
    font-size:20px;
    font-weight:600;
    margin-bottom:12px;
}
.contact-side-box .side-desc{
    font-size:13px;
    color:rgba(255,255,255,.75);
    line-height:2;
    margin-bottom:28px;
}
.contact-side-box .side-img{
    flex:1;
    overflow:hidden;
    border-radius:2px;
    margin-bottom:24px;
}
.contact-side-box .side-img img{
    width:100%;
    height:100%;
    min-height:200px;
    object-fit:cover;
    display:block;
}
.contact-side-box .wx-box{text-align:center;}
.contact-side-box .wx-box p{
    font-size:13px;
    color:rgba(255,255,255,.8);
    margin-bottom:12px;
}
.contact-side-box .wx-box img{
    max-width:160px;
    margin:0 auto;
    display:block;
    border:4px solid rgba(255,255,255,.15);
    border-radius:2px;
}

/* 单页正文 */
.contact-content{padding:0 0 48px;background:#fff;}
.contact-content .content-body{
    font-size:14px;
    color:var(--fq-gray);
    line-height:2.2;
}
.contact-content .content-body img{max-width:100%;height:auto;}

/* 地图区域 */
.contact-map{padding:0 0 80px;background:var(--fq-light);}
.contact-map .map-wrap{
    height:400px;
    background:#e8e8e8;
    border-radius:2px;
    overflow:hidden;
}
.contact-map .map-wrap iframe{
    width:100%;
    height:100%;
    border:none;
    display:block;
}
.contact-map .map-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* ========== 响应式 ========== */
@media(max-width:1000px){
    .contact-info-panel{flex-direction:column;}
    .contact-info-img{flex:none;width:100%;}
    .contact-info-img img{min-height:240px;}
    .contact-main .contact-row{flex-direction:column;}
    .contact-main .contact-side{flex:none;width:100%;}
}

@media(max-width:768px){
    .contact-info{padding:48px 0;}
    .contact-info-body{padding:28px 20px;}
    .contact-highlight{padding:20px 24px;}
    .contact-highlight .highlight-phone{font-size:26px;}
    .contact-form-box{padding:28px 20px;}
    .contact-side-box{padding:28px 20px;}
    .contact-map .map-wrap{height:280px;}
    .contact-main{padding-bottom:48px;}
    .contact-map{padding-bottom:48px;}
}