/* =========================================================
   航空快递当日达 官网 - 首页布局样式（全新改版）
   ========================================================= */

.hkbd { overflow: hidden; }

/* =========================================================
   全宽轮播 Banner + 左侧查询面板（float 布局）
   ========================================================= */
.frist { position: relative; height: 560px; background: #13294b; }
.banner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.banner .banner_box { width: 100%; height: 100%; position: relative; }
.banner .banner_box ul { position: relative; height: 100%; }
.banner .banner_box ul { height: 100%; }
.banner .banner_box li { float: left; width: 100%; height: 100%; position: relative; }
.banner .banner_box li a { display: block; width: 100%; height: 100%; }
.banner .banner_box li a img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.banner .banner_box li:after {
    content: "";
    position: absolute;
    left: 0; top: 0; width: 100%; height: 100%;
    background: linear-gradient(90deg, rgba(13,30,60,.55) 0%, rgba(13,30,60,.25) 40%, rgba(13,30,60,.05) 70%, rgba(13,30,60,.2) 100%);
}

/* 轮播箭头 */
.banner .banner_pr,
.banner .banner_ne {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    width: 52px; height: 52px;
    border-radius: 50%;
    background: rgba(255,255,255,.25);
    color: #fff;
    font-size: 26px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
    transition: background .3s;
    user-select: none;
}
.banner .banner_pr { left: 30px; }
.banner .banner_ne { right: 30px; }
.banner .banner_pr:hover,
.banner .banner_ne:hover { background: rgba(126,81,228,.9); }

/* 轮播圆点 */
.banner .banner_dh { position: absolute; left: 0; right: 0; bottom: 24px; z-index: 10; text-align: center; }
.banner .banner_dh ul { display: inline-block; overflow: hidden; }
.banner .banner_dh ul li {
    float: left;
    width: 12px; height: 12px;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(255,255,255,.55);
    cursor: pointer;
    transition: all .3s;
}
.banner .banner_dh ul li.cur { background: #7e51e4; width: 30px; border-radius: 6px; }

/* 1280内容区左侧查询面板 */
.frist .tabwrap { position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%); z-index: 20; pointer-events: none; }
.xdtab {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 540px;
    width: 440px;
    pointer-events: auto;
    background: rgba(255,255,255,.95);
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(13,30,60,.28);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.xdtab .dxdh { display: flex; background: #fff; flex-shrink: 0; }
.xdtab .dxdh li {
    flex: 1;
    text-align: center;
    padding: 16px 0;
    font-size: 17px;
    font-weight: 600;
    color: #666;
    cursor: pointer;
    position: relative;
    transition: color .25s;
}
.xdtab .dxdh li.dxtbon { color: #7e51e4; }
.xdtab .dxdh li.dxtbon:after {
    content: "";
    position: absolute;
    left: 50%; bottom: 0;
    transform: translateX(-50%);
    width: 44px; height: 3px;
    background: linear-gradient(90deg, #7e51e4, #a88ef0);
    border-radius: 2px;
}
.xdtab .tabcon { padding: 22px 26px 26px; flex: 1; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.xdtab .tabcon .row { margin-bottom: 14px; position: relative; display: flex; align-items: center; }
.xdtab .tabcon .row > span {
    flex-shrink: 0;
    width: 78px;
    text-align: right;
    padding-right: 12px;
    white-space: nowrap;
    color: #555;
    font-size: 14px;
}
.xdtab .tabcon .row > span em { color: #f55b4e; font-style: normal; }
.xdtab .tabcon .row input,
.xdtab .tabcon .row select {
    flex: 1;
    width: auto;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #e3e6ee;
    border-radius: 8px;
    font-size: 14px;
    background: #fff;
    transition: border-color .25s;
}
.xdtab .tabcon .row input:focus,
.xdtab .tabcon .row select:focus { border-color: #7e51e4; }
.xdtab .tabcon .row2 { display: block; }
.xdtab .tabcon .row2 .row { width: 100%; }
.xdtab .tabcon .row2.inline { display: flex; justify-content: space-between; gap: 12px; }
.xdtab .tabcon .row2.inline .row { flex: 1; min-width: 0; width: auto; display: flex; align-items: center; }
.xdtab .tabcon .row2.inline .row input { min-width: 0; }
.xdtab .tabcon .cell { position: relative; }
.xdtab .tabcon .cell input { padding-right: 108px; }
.xdtab .tabcon .cell .sendcode {
    position: absolute;
    right: 6px; top: 50%;
    transform: translateY(-50%);
    height: 32px;
    padding: 0 12px;
    border: 0;
    background: #f3effc;
    color: #7e51e4;
    border-radius: 6px;
    font-size: 13px;
}
.xdtab .tabcon .cell .sendcode.disabled { background: #eee; color: #999; cursor: not-allowed; }
.xdtab .tabcon .submit {
    width: 100%;
    height: 46px;
    margin-top: 4px;
    font-size: 16px;
    border-radius: 24px;
}
.xdtab .tabcon .order_tip { text-align: center; color: #999; font-size: 13px; padding-top: 12px; }
.xdtab .tabcon .order_tip a { color: #7e51e4; }

/* =========================================================
   快递查询条
   ========================================================= */
.icx { background: linear-gradient(90deg, #7e51e4, #9a76ec); }
.icx .icx_box { height: 78px; display: flex; align-items: center; justify-content: space-between; }
.icx .icx_ck { display: flex; align-items: center; }
.icx .icx_ck .t { color: #fff; font-size: 18px; font-weight: 700; margin-right: 16px; white-space: nowrap; }
.icx .icx_ck input {
    width: 380px; height: 42px;
    border: 0;
    border-radius: 22px 0 0 22px;
    padding: 0 18px;
    font-size: 14px;
    background: #fff;
}
.icx .icx_ck .btn {
    height: 42px; line-height: 42px;
    padding: 0 28px;
    background: #13294b;
    color: #fff;
    border-radius: 0 22px 22px 0;
    font-size: 15px;
    border: 0;
    cursor: pointer;
}
.icx .icx_ck .btn:hover { background: #0e1f3a; }
.icx .icx_links { display: flex; }
.icx .icx_links a { color: #fff; font-size: 14px; padding: 0 18px; border-right: 1px solid rgba(255,255,255,.25); }
.icx .icx_links a:last-child { border-right: 0; }
.icx .icx_links a:hover { color: #ffe9c2; }
.icx .icx_tel { color: #fff; font-size: 14px; }
.icx .icx_tel b { font-size: 24px; color: #ffd15c; font-weight: 700; margin-left: 8px; }

/* =========================================================
   业务范围
   ========================================================= */
.sern { padding: 60px 0; background: #f6f7fb; }
.sern .hd3 { display: flex; justify-content: space-between; margin-top: 6px; }
.sern .hd3 .item {
    width: 386px;
    background: #fff;
    border-radius: 14px;
    padding: 26px 28px;
    display: flex;
    align-items: center;
    box-shadow: 0 6px 20px rgba(19,41,75,.06);
    transition: transform .3s, box-shadow .3s;
}
.sern .hd3 .item:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(126,81,228,.16); }
.sern .hd3 .item .ic { width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-right: 18px; flex-shrink: 0; }
.sern .hd3 .item .ic img { width: 36px; height: 36px; }
.sern .hd3 .item:nth-child(1) .ic { background: linear-gradient(135deg, #ffb75e, #ff8a3d); }
.sern .hd3 .item:nth-child(2) .ic { background: linear-gradient(135deg, #8b63e8, #7e51e4); }
.sern .hd3 .item:nth-child(3) .ic { background: linear-gradient(135deg, #4fc3f7, #2f86eb); }
.sern .hd3 .item .txt h3 { font-size: 20px; color: #13294b; font-weight: 700; }
.sern .hd3 .item .txt p { font-size: 13px; color: #999; margin-top: 4px; }
.sern .hd3 .item .txt p b { color: #f55b4e; font-size: 15px; }

.sern .ys6 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 26px; }
.sern .ys6 li {
    width: 386px;
    background: #fff;
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 4px 14px rgba(19,41,75,.05);
    transition: transform .3s, box-shadow .3s;
}
.sern .ys6 li:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(126,81,228,.14); }
.sern .ys6 li .num {
    width: 38px; height: 38px;
    border-radius: 10px;
    background: #f3effc;
    color: #7e51e4;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}
.sern .ys6 li h4 { font-size: 16px; color: #13294b; }
.sern .ys6 li p { font-size: 13px; color: #888; margin-top: 4px; }

.sern .sern_tel {
    margin-top: 8px;
    background: linear-gradient(135deg, #13294b, #20385f);
    border-radius: 12px;
    padding: 22px 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.sern .sern_tel .t { font-size: 18px; font-weight: 700; }
.sern .sern_tel .t span { color: #f5b642; margin-right: 8px; }
.sern .sern_tel .n { font-size: 26px; font-weight: 700; color: #f5b642; letter-spacing: 1px; }

/* =========================================================
   主营业务 + 实时空运订单
   ========================================================= */
.hkwpod { padding: 60px 0; background: #fff; }
.hkwpod .hkwpod_box { display: flex; justify-content: space-between; }
.hkwpod .puk { width: 640px; display: flex; flex-direction: column; }
.hkwpod .puk .puklist { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; gap: 14px; flex: 1; }
.hkwpod .puk .puklist li {
    background: #f8f7fd;
    border: 1px solid #eeeafb;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.hkwpod .puk .puklist li:hover { background: linear-gradient(135deg, #8b63e8, #7e51e4); border-color: transparent; transform: translateY(-4px); box-shadow: 0 10px 22px rgba(126,81,228,.3); }
.hkwpod .puk .puklist li a { text-align: center; }
.hkwpod .puk .puklist li .ic { width: 100px; height: 100px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; }
.hkwpod .puk .puklist li .ic img { width: 100px; height: 100px; }
.hkwpod .puk .puklist li .ic2 { width: 100px; height: 100px; margin-bottom: 10px; display: none; align-items: center; justify-content: center; }
.hkwpod .puk .puklist li .ic2 img { width: 100px; height: 100px; }
.hkwpod .puk .puklist li:hover .ic { display: none; }
.hkwpod .puk .puklist li:hover .ic2 { display: block; }
.hkwpod .puk .puklist li a span { display: block; text-align: center; font-size: 15px; color: #444; }
.hkwpod .puk .puklist li:hover a span { color: #fff; }

.hkwpod .order { width: 520px; display: flex; flex-direction: column; }
.hkwpod .order .order_list { margin-top: 6px; flex: 1; }
.hkwpod .order .order_list li {
    background: #f8f9fd;
    border-radius: 12px;
    padding: 14px 20px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-left: 4px solid #7e51e4;
    transition: background .3s;
}
.hkwpod .order .order_list li:hover { background: #f1ecfd; }
.hkwpod .order .order_list li .route { display: flex; align-items: center; }
.hkwpod .order .order_list li .route .city { font-size: 16px; color: #13294b; font-weight: 600; }
.hkwpod .order .order_list li .route .fly { margin: 0 12px; color: #7e51e4; font-size: 14px; }
.hkwpod .order .order_list li .info { font-size: 12px; color: #999; text-align: right; }
.hkwpod .order .order_list li .info .price { display: block; font-size: 16px; color: #f55b4e; font-weight: 700; }
.hkwpod .order .order_more { display: block; text-align: center; margin-top: 10px; font-size: 14px; color: #7e51e4; }

/* =========================================================
   专属服务
   ========================================================= */
.zsfw { padding: 60px 0; background: #f6f7fb; }
.zsfw .zsfw_list { display: flex; justify-content: space-between; }
.zsfw .zsfw_list li { width: 282px; }
.zsfw .zsfw_list li a { display: block; background: #fff; border-radius: 14px; padding: 30px 20px; text-align: center; box-shadow: 0 6px 20px rgba(19,41,75,.06); transition: transform .3s, box-shadow .3s; }
.zsfw .zsfw_list li a:hover { transform: translateY(-5px); box-shadow: 0 14px 34px rgba(126,81,228,.18); }
.zsfw .zsfw_list li a { display: block; background: #fff; border-radius: 14px; padding: 30px 20px; text-align: center; box-shadow: 0 6px 20px rgba(19,41,75,.06); transition: transform .3s, box-shadow .3s; }
.zsfw .zsfw_list li a:hover { transform: translateY(-5px); box-shadow: 0 14px 34px rgba(126,81,228,.18); }
.zsfw .zsfw_list li img { width: 100%; height: 180px; object-fit: contain; display: block; border-radius: 12px; }
.zsfw .zsfw_list li span { display: block; text-align: center; font-size: 17px; color: #13294b; margin-top: 16px; font-weight: 600; }

/* =========================================================
   为什么选择我们
   ========================================================= */
.choose { padding: 60px 0; position: relative; background: #13294b; }
.choose:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(1200px 500px at 80% 20%, rgba(126,81,228,.4), transparent 60%); }
.choose .w1200 { position: relative; z-index: 2; }
.choose .zsfwt h2 { color: #fff; }
.choose .zsfwt p { color: #c9c3e8; }
.choose .zsfwt h2:after { background: linear-gradient(90deg, #f5b642, #7e51e4); }
.choose .chooselist { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.choose .chooselist li {
    background: #fff; border-radius: 14px; padding: 28px 22px 26px;
    box-shadow: 0 6px 20px rgba(0,0,0,.12); transition: all .3s;
}
.choose .chooselist li:hover { transform: translateY(-6px); box-shadow: 0 14px 30px rgba(126,81,228,.3); }
.choose .chooselist .chtop { text-align: center; border-bottom: 1px solid #f0f2f7; padding-bottom: 16px; margin-bottom: 16px; }
.choose .chooselist .chtop h3 { font-size: 20px; color: #13294b; font-weight: 700; }
.choose .chooselist .chtop p { font-size: 13px; color: #b3bac9; margin-top: 6px; letter-spacing: 1px; }
.choose .chooselist .chlist { display: flex; flex-direction: column; gap: 12px; }
.choose .chooselist .chlist p {
    font-size: 15px; color: #555; text-align: center; line-height: 1.4;
    background: #f6f7fb; border-radius: 8px; padding: 11px 8px; transition: all .25s;
}
.choose .chooselist li:hover .chlist p { background: #f3edfd; color: #7e51e4; }

/* =========================================================
   服务流程
   ========================================================= */
.liucheng { padding: 60px 0; background: #fff; }
.liucheng .lc_list { display: flex; justify-content: space-between; }
.liucheng .lc_list li { width: 210px; text-align: center; position: relative; }
.liucheng .lc_list li .lc_ic { width: 84px; height: 84px; margin: 0 auto 16px; border-radius: 50%; background: linear-gradient(135deg, #f3effc, #e4d9fb); display: flex; align-items: center; justify-content: center; position: relative; }
.liucheng .lc_list li .lc_ic img { width: 42px; height: 42px; }
.liucheng .lc_list li .lc_ic img.ic2 { display: none; }
.liucheng .lc_list li:hover .lc_ic img { display: none; }
.liucheng .lc_list li:hover .lc_ic img.ic2 { display: block; }
.liucheng .lc_list li .lc_ic i { position: absolute; right: -2px; top: -2px; width: 26px; height: 26px; background: linear-gradient(135deg, #ffb75e, #ff8a3d); border-radius: 50%; color: #fff; font-size: 13px; font-style: normal; display: flex; align-items: center; justify-content: center; }
.liucheng .lc_list li h3 { font-size: 16px; color: #13294b; }
.liucheng .lc_list li p { font-size: 13px; color: #999; margin-top: 4px; }
.liucheng .lc_list li:after {
    content: "";
    position: absolute;
    top: 40px; left: calc(50% + 62px);
    width: 92px; height: 2px;
    background: linear-gradient(90deg, #d9cdf8, #f0eafc);
}
.liucheng .lc_list li:last-child:after { display: none; }

/* =========================================================
   快递资讯
   ========================================================= */
.inew { padding: 60px 0; background: #f6f7fb; }
.inew .inew_box { display: flex; justify-content: space-between; }
.inew .inew_item { width: 386px; background: #fff; border-radius: 14px; padding: 24px 26px; box-shadow: 0 6px 20px rgba(19,41,75,.06); }
.inew .inew_item .iw_tt { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid #f0f0f6; margin-bottom: 6px; }
.inew .inew_item .iw_tt h3 { font-size: 19px; color: #13294b; font-weight: 700; }
.inew .inew_item .iw_tt a { font-size: 13px; color: #999; }
.inew .inew_item .iw_tt a:hover { color: #7e51e4; }
.inew .inew_item ul li { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed #f0f0f6; }
.inew .inew_item ul li:last-child { border-bottom: 0; }
.inew .inew_item ul li a { font-size: 14px; color: #555; width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inew .inew_item ul li a:hover { color: #7e51e4; }
.inew .inew_item ul li em { font-style: normal; font-size: 12px; color: #bbb; }

/* =========================================================
   合作伙伴
   ========================================================= */
.coop { padding: 50px 0 60px; background: #fff; }
.coop .coop_logo { display: flex; flex-wrap: wrap; justify-content: space-between; }
.coop .coop_logo a {
    width: 225px; height: 76px;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #f0f0f6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.coop .coop_logo a:hover { border-color: #7e51e4; box-shadow: 0 8px 22px rgba(126,81,228,.14); transform: translateY(-3px); }
.coop .coop_logo a img { max-width: 150px; max-height: 48px; }

/* =========================================================
   响应式（窄屏兜底）
   ========================================================= */
@media (max-width: 1320px) {
    .w1200 { width: 100%; padding: 0 16px; box-sizing: border-box; }
    .frist .tabwrap { left: 16px; right: 16px; transform: none; }
    .xdtab { left: 0; }
}
@media (max-width: 1024px) {
    .xdtab { position: relative; left: auto; top: auto; transform: none; width: 100%; margin-top: 0; border-radius: 0; }
    .frist { height: auto; }
    .frist .tabwrap { position: static; }
    .banner { height: 420px; }
    .banner .banner_box li a img { height: 420px; }
    .idh { flex-wrap: wrap; height: auto; padding: 10px 0; }
    .idh .nav { height: auto; flex-wrap: wrap; }
    .idh .nav li { height: 40px; line-height: 40px; }
    .sern .hd3, .sern .ys6, .hkwpod .hkwpod_box, .inew .inew_box, .zsfw .zsfw_list, .choose .chooselist, .liucheng .lc_list, .coop .coop_logo { flex-direction: column; align-items: center; }
    .sern .hd3 .item, .sern .ys6 li, .hkwpod .puk, .hkwpod .order, .inew .inew_item, .zsfw .zsfw_list li, .choose .chooselist li, .liucheng .lc_list li { width: 100%; max-width: 600px; }
    .liucheng .lc_list li:after { display: none; }
}