/* 全局初始化 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background: #fff;
    font-family: "Microsoft Yahei",sans-serif;
    color: #333;
    line-height: 1.7;
}

/* 顶部banner：通栏大图 */
.contact-banner{
    width: 100%;
    height: 350px; /* 高度可按需微调，参考图高度 */
    background: url("../images/top7.jpg") no-repeat center center;
    background-size: cover; /* 图片铺满、不变形 */
    margin-top: 90px; /* 向下避开fixed导航，不再用relative top产生空白 */
}

/* 移动端适配 */
@media(max-width:768px){
    /* banner头部 */
    .contact-banner {
        height: 220px;
        margin-top: 90px;
    }
}

/* 标题样式 */
.contact-head{
    width: 78%;
    margin: 40px auto;
    padding: 20px 0 30px; /* 只保留上下间距，左右由父级company-intro控制 */
}
.contact-head h2{
    font-size:26px;
    color:#9B182F;
    position:relative;
    padding-left:16px; /* 原来12px加宽，防止竖线贴文字 */
}
.contact-head h2::before{
    content:"";
    width:4px;
    height:22px;
    background:#9B182F;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
.contact-en-tip{
    font-size:12px;
    color:#999;
    display:block;
    margin-top:4px;
}

/* 联系我们区域 */
/* 整体左右容器 */
.contact-wrap{
    display: flex;
    width: 78%;
    margin: 0 auto 60px;
    gap:40px;
    align-items: center;
}
/* 左侧地图盒子 */
.map-box{
    flex: 0 0 50%;
}
#baidu-map{
    width:100%;
    height:480px;
    border:1px solid #eee;
}

/* 右侧文案区域 */
.info-box{
    flex:1;
}
.info-title{
    font-size:26px;
    color:#9B182F;
    font-weight:normal;
    margin-bottom:25px;
}
.info-desc p{
    font-size:15px;
    line-height:1.7;
    color:#555;
    margin-bottom:40px;
    text-align: justify;
}
/* 联系方式双栏 */
.contact-item-row{
    display:flex;
    justify-content: space-between;
    margin-bottom:25px;
}
.info-item{
    font-size:16px;
    color:#444;
}

/* 移动端自适应：上下排列 */
@media screen and (max-width:768px) {
    .contact-head,.contact-wrap{
        width:92%;
    }

    .contact-wrap{
        flex-direction: column;
    }
    .map-box{
        width:100%;
    }
    #baidu-map{
        height:320px;
    }
    .contact-item-row{
        flex-direction: column;
        gap:8px;
    }
}