/* ============================================================
   响应式适配样式（手机 / 平板）
   引入位置：必须在 main.css 之后加载（BottomNav / BottomNav1 中引入）
   断点：平板 ≤991px，手机 ≤767px，小屏手机 ≤480px
   ============================================================ */

/* ------------------ 平板及以下 (≤991px) ------------------ */
@media (max-width: 991px) {

    /* 固定宽度容器改为流式 */
    .content,
    .content3,
    .dic_centent,
    #main,
    .main_m,
    .div_box1,
    .div_pn,
    .pn_hd,
    .conent_1,
    .div_pn_tc,
    .index_cjwt,
    .index_cjwt1,
    .content_pn,
    .new_two,
    .news_us6,
    .andu,
    .navbar_catian,
    .bx_wrap,
    .examples_body {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .parter_li {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 修正主题 bootstrap.css 中写死的 .navbar-default{width:1000px} 导致的整页横向溢出 */
    nav.navbar,
    .navbar-default {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 页脚栏块内的标题与列表宽度统一，保证对齐 */
    .list_xs,
    .list_xs li,
    .list_xs li a {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    /* 登录区：平板上不再固定 520px 右浮（会与 Logo 重叠溢出），改为整行流式 */
    .right_login {
        float: none;
        width: 100% !important;
        height: auto;
        margin: 8px 0 0;
    }
    .right_login form {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100% !important;
        margin: 0;
    }
    .right_login .login_input {
        float: none;
        -webkit-flex: 1 1 110px;
        flex: 1 1 110px;
        width: auto;
        height: 36px;
        margin-right: 6px;
        box-sizing: border-box;
    }
    .right_login .input_login {
        float: none;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        min-width: 64px;
        height: 36px;
        padding: 0 12px;
        box-sizing: border-box;
    }
    .right_login .div_zhuce {
        float: none;
        width: auto;
        height: auto;
        margin-left: 0;
    }

    /* 首页三大查询板块：平板上即改为单列（第三列内容固定 310px 会溢出），表单流式 */
    .div_box1 {
        height: auto !important;
    }
    .divtpn {
        float: none;
        width: 100% !important;
        box-sizing: border-box;
        margin-bottom: 15px;
    }
    .divtpnpdl,
    .divtpnpdr {
        padding-left: 0 !important;
    }
    .div_cc,
    .div_cc2,
    .div_cc3 {
        float: none;
        width: 100% !important;
        box-sizing: border-box;
    }
    .div_trcak {
        width: 100% !important;
        max-width: 400px;
        height: auto;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .track_tex1 {
        width: calc(100% - 34px);
        max-width: 100%;
        box-sizing: border-box;
        margin: 12px 17px 0;
    }
    .div17track,
    .div17track_img {
        width: 100%;
        box-sizing: border-box;
    }
    .div17track_img {
        height: auto;
    }
    .div_input,
    .div_input2 {
        width: 100% !important;
        box-sizing: border-box;
    }
    .input_t {
        width: calc(100% - 34px) !important;
        box-sizing: border-box;
    }
    .input_t2 {
        width: calc(100% - 40px) !important;
        box-sizing: border-box;
        margin: 0 20px;
    }
    .div_price {
        width: auto;
        margin: 10px;
    }
    .div_price ul {
        height: auto;
    }
    .weight,
    .country {
        width: 100% !important;
        box-sizing: border-box;
    }
    .input_ckg {
        width: 26% !important;
        box-sizing: border-box;
    }
    .news_ldd {
        width: 100% !important;
        height: auto;
        box-sizing: border-box;
    }
    .news_ldd ul li {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* 右侧客服浮条在窄屏上会遮挡内容，隐藏（联系方式页脚已有） */
    .float0831,
    .box,
    .service {
        display: none !important;
    }

    /* 头部高度自适应 */
    .header_top {
        height: auto;
        padding: 5px 0;
    }

    /* Logo 自适应缩放 */
    .logo {
        max-width: 60%;
    }
    .logo img {
        max-width: 100%;
        height: auto;
        max-height: 80px;
    }

    /* Banner：去掉 min-width，高度自适应 */
    .div_banner_h,
    .div_banner_ht,
    .div_bannerimg {
        min-width: 0 !important;
        height: auto !important;
    }
    .div_banner_h img,
    .div_banner_ht img {
        min-width: 0 !important;
        width: 100%;
        height: auto !important;
    }
    #owl-demo .item img {
        height: auto;
    }

    /* 页脚信息区流式 */
    .div_flogo {
        width: 100%;
        margin: 10px auto 0;
    }
    .div_ftel_divt {
        width: 100%;
    }
    .div_dizhi {
        width: 100%;
        box-sizing: border-box;
    }
    #footer .footBox {
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
    }
    #footer .footBox .fBox {
        width: 33.33%;
        height: auto;
        box-sizing: border-box;
    }

    /* 地图高度压缩 */
    .map,
    .map-box {
        height: 280px;
    }
}

/* ------------------ 手机 (≤767px) ------------------ */
@media (max-width: 767px) {

    body {
        font-size: 13px;
    }

    /* 头部：Logo 与登录区纵向堆叠 */
    .content,
    .content3 {
        padding: 0 10px;
    }
    .header_top {
        height: auto;
        padding: 8px 0;
    }
    .header_18 {
        overflow: hidden;
    }
    .logo {
        float: none;
        max-width: 100%;
        display: block;
    }
    .logo img {
        max-height: 60px;
        height: auto;
    }

    /* Banner 高度自适应（平板断点已处理宽度，这里仅兜底） */
    .div_banner_h,
    .div_banner_ht {
        min-width: 0 !important;
        height: auto !important;
    }

    /* 合作伙伴 */
    .div_pn,
    .pn_hd {
        height: auto;
    }
    /* 标题行用 flex 对齐："合作伙伴 Our Partners" 同行左对齐 */
    .pn_hd {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
    .pn_hd h2 {
        float: none !important;
        margin: 0;
    }
    .div_pn_a {
        float: none !important;
        margin: 0 0 0 10px !important;
        height: auto;
    }

    /* 页脚栏块标题与列表同宽居中，消除错位 */
    #footer .footBox .fBox p {
        width: 100% !important;
        text-align: center !important;
        padding-left: 0 !important;
    }

    /* 页脚：栏块两列排列 */
    #footer .footBox .fBox {
        width: 50%;
        height: auto;
        margin-bottom: 10px;
    }
    .list_xs,
    .list_xs li,
    .list_xs li a {
        width: 100%;
        box-sizing: border-box;
    }
    .div_flogo img {
        max-width: 100%;
        height: auto;
    }
    .div_ftel {
        width: 100% !important;
        box-sizing: border-box;
    }
    .div_ftel_divt {
        width: 100% !important;
        padding-left: 30px;
        text-indent: 0;
        background-position: left center;
        box-sizing: border-box;
    }
    .div_nunber {
        width: 100%;
        font-size: 20px;
        word-break: break-all;
    }
    .cpyright,
    .copy_right2 {
        width: 100%;
        margin-left: 0;
        padding: 0 10px;
        box-sizing: border-box;
        text-align: center;
    }
    .footer_logo {
        width: 100%;
        margin-left: 0;
    }

    /* 导航条容器高度自适应（展开菜单时不被 35px 固定高度卡住） */
    .container_ban {
        height: auto;
    }

    /* 表格：允许横向滚动，避免撑破页面 */
    .container .table,
    .divoner .table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 内页常用固定宽度区块 */
    #conts,
    .pageGuide,
    .middle_left,
    .middle_right,
    .login_left,
    .nTab,
    #abou_us,
    .tr_4,
    .a_img img {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        float: none;
        height: auto;
    }
    .list_menu li {
        width: 100% !important;
        box-sizing: border-box;
    }
    .tr_4 {
        padding-left: 0;
        box-sizing: border-box;
    }
    #up_zzjs {
        width: auto;
    }
    .hd_h3 {
        width: 100% !important;
        box-sizing: border-box;
    }
    .news_hd3,
    .ande_63,
    .ande_636 {
        width: 100% !important;
        box-sizing: border-box;
    }
    .box02 .textBox .listUl,
    .box02 .textBox .listUl li,
    .box02 .textBox .listUl li a {
        width: auto;
        max-width: 100%;
    }
    .a_img img {
        height: auto;
    }

    /* 新闻时间线（note.css）在手机上改为单列并隐藏悬浮导航 */
    .ss-links {
        display: none;
    }
    .ss-left,
    .ss-right {
        width: 100% !important;
        padding: 10px;
        box-sizing: border-box;
        text-align: left;
    }
    h2.ss-subtitle {
        font-size: 26px;
        padding: 10px 5px 30px;
    }

    /* 其它固定尺寸修正 */
    .gb_b {
        height: auto;
    }
    .left_prg {
        position: static;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    .div_moret {
        width: auto;
    }
    .in_partner {
        height: auto;
    }
    .map,
    .map-box {
        height: 240px;
    }
    .div_pn_tc {
        min-height: 0;
    }
    .ds_ul li {
        width: 100% !important;
        box-sizing: border-box;
        padding: 10px;
    }
    .img_none {
        height: auto;
    }

    /* 微信二维码悬浮窗在触屏上无意义，直接隐藏 */
    .win {
        display: none !important;
    }
}

/* ------------------ 小屏手机 (≤480px) ------------------ */
@media (max-width: 480px) {

    /* 页脚栏块单列 */
    #footer .footBox .fBox {
        width: 100%;
        float: none;
    }

    .logo img {
        max-height: 48px;
    }

    .divjtml_h2 {
        font-size: 24px;
    }

    .div_nunber {
        font-size: 17px;
    }
}

/* ============================================================
   职位列表表格 移动端适配
   - ≤767px：表格转卡片式，data-title 作为字段标签
   - ≤480px：进一步压缩内边距，按钮纵向排列
   ============================================================ */
@media (max-width: 767px) {

    .job-list-wrap {
        background: transparent;
        overflow-x: visible;
    }

    /* 表格转为块级，每行渲染为卡片 */
    table.divtable.job-table,
    table.divtable.job-table thead,
    table.divtable.job-table tbody,
    table.divtable.job-table tr,
    table.divtable.job-table th,
    table.divtable.job-table td {
        display: block;
        width: 100% !important;
        text-align: left !important;
        white-space: normal !important;
    }

    /* 隐藏表头——内容已通过 data-title 在每行展示 */
    table.divtable.job-table thead {
        display: none;
    }

    table.divtable.job-table {
        min-width: 0;
        border: none;
        background: transparent;
        border-radius: 0;
    }

    table.divtable.job-table tbody tr {
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        margin-bottom: 12px;
        padding: 4px 0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    table.divtable.job-table tbody tr:hover {
        background: #fff;
        box-shadow: 0 2px 6px rgba(0, 108, 183, 0.12);
    }

    table.divtable.job-table tbody td {
        width: 100% !important;
        padding: 8px 14px;
        border-bottom: 1px dashed #eef0f3;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    table.divtable.job-table tbody td:last-child {
        border-bottom: none;
    }

    /* 每行前面用 data-title 渲染一个标签 */
    table.divtable.job-table tbody td::before {
        content: attr(data-title);
        color: #888;
        font-size: 13px;
        margin-right: 12px;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    /* 职位列突出显示：去掉 data-title 标签，让标题独占一行 */
    table.divtable.job-table tbody td.col-position {
        display: block;
        padding: 12px 14px 6px;
        border-bottom: 1px dashed #eef0f3;
    }
    table.divtable.job-table tbody td.col-position::before {
        content: none;
    }
    table.divtable.job-table .job-title-link {
        font-size: 16px;
    }

    /* 操作列：按钮独占一行，横向并排 */
    table.divtable.job-table tbody td.col-action {
        display: block;
        padding: 10px 14px 12px;
    }
    table.divtable.job-table tbody td.col-action::before {
        content: none;
    }
    table.divtable.job-table .job-btn {
        margin: 0 6px 0 0;
        padding: 6px 16px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    table.divtable.job-table tbody td {
        padding: 7px 12px;
    }
    table.divtable.job-table tbody td.col-position {
        padding: 10px 12px 4px;
    }
    table.divtable.job-table tbody td.col-action {
        padding: 8px 12px 10px;
    }
    table.divtable.job-table .job-btn {
        display: block;
        margin: 0 0 8px 0;
        text-align: center;
    }
    table.divtable.job-table .job-btn:last-child {
        margin-bottom: 0;
    }
}