/*
 * 人力资源 - 联系我们 页面移动端适配
 * 主题色：#f08200
 */

@media (min-width: 768px) {
    .human_res_m {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .human_res_pc {
        display: none !important;
    }

    .human_res_m {
        display: block !important;
    }
}

/* 通用头部/底部由 header-common.js + footer iframe 提供，这里隐藏原页面内置头尾 */
.human_res_pc .header {
    display: none !important;
}

.human_res_pc .h_link.white_link.white_text,
.human_res_pc .clearfix2.footer,
.human_res_pc .footer {
    display: none !important;
}

.human_res_m_banner {
    width: 100%;
    height: 0;
    padding-bottom: 36%;
    overflow: hidden;
    position: relative;
    background: #eee;
}

.human_res_m_banner img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 100%;
    object-fit: cover;
}

.human_res_m_nav {
    background: #e7e7e7;
    padding: 10px 15px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}

.human_res_m_nav .contact_m_tab_nav dd {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    width: max-content;
    min-width: min-content;
    box-sizing: border-box;
}

.human_res_m_nav .contact_m_tab_nav dd a {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* 移动端：隐藏地图图标，避免不同颜色图标难以复用 */
.human_res_m_nav .contact_m_tab_nav dd a .map_icon_s {
    display: none;
}

.human_res_m_nav .contact_m_tab_nav dd a.active {
    background: #f08200;
    color: #fff;
    border-color: #f08200;
}

.human_res_m_map_wrap {
    padding: 0 15px;
    box-sizing: border-box;
}

.human_res_m_map_wrap .map-container {
    height: 320px;
}

.human_res_m_content {
    padding: 20px 15px 30px;
    box-sizing: border-box;
}

.contact_m_card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 14px;
}

.contact_m_title {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    color: #f08200;
}

.contact_m_line {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1.7;
    color: #333;
}

.contact_m_line a {
    color: #f08200;
    text-decoration: none;
}

.contact_m_line a:active {
    color: #c26900;
}

.contact_m_line:last-child {
    margin-bottom: 0;
}