/**
 * 官网显示修复
 */

body {
    overflow-x: hidden;
    overflow-y: auto !important;
}

/* ========== 导航基础（覆盖媒体查询断档、缩放、大屏） ========== */
.header {
    width: 100%;
    top: 0;
    z-index: 333;
}

.header-fixed {
    position: fixed;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #cecece;
}

.header .container {
    width: 94%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.head-logo {
    flex-shrink: 0;
}

.head-nav {
    flex-shrink: 0;
}

.head-nav.nav {
    flex: 1;
    min-width: 0;
    margin: 0 12px;
}

.head-nav .nav-list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.head-nav .nav-list .nav-item {
    position: relative;
    list-style: none;
    flex-shrink: 0;
}

/* 产品功能下拉：默认隐藏，防止缩放/断档时图标竖排露出 */
.head-nav.nav .nav-list .nav-item .subnav {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
}

/* ========== 桌面端（含笔记本常见宽度） ========== */
@media screen and (min-width: 768px) {
    .header,
    .header-fixed {
        height: 90px;
        line-height: 70px;
    }

    .mbnav {
        display: none !important;
    }

    .head-nav.nav {
        display: block !important;
    }

    /* 右侧电话+按钮区始终横排 */
    .header .container > .head-nav:last-child {
        display: block !important;
    }

    .head-nav.nav .nav-list .nav-item:hover .subnav {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }

    /* 笔记本 / 缩放后窄屏：缩小间距防重叠 */
    .head-nav.nav .nav-list .nav-item {
        margin-right: 18px !important;
    }

    .head-nav.nav .nav-list .nav-item a {
        font-size: 15px !important;
    }

    .head-nav .nav-list .nav-item1 a {
        margin-right: 12px !important;
        font-size: 14px !important;
    }

    .head-nav .nav-list .nav-item2,
    .head-nav .nav-list .nav-item-pk {
        width: auto !important;
        min-width: 100px;
        padding: 0 14px;
        margin-right: 12px !important;
    }

    .head-nav .nav-list .nav-item3 {
        margin-right: 0 !important;
    }

    .nav {
        width: auto !important;
        flex: 1;
        min-width: 0;
        padding-left: 20px !important;
    }

    .head-logo {
        width: auto !important;
        max-width: 200px;
    }

    /* Banner：PC/手机二选一 */
    .index-banner + .Mobile-banner {
        display: none !important;
    }
}

/* 更窄的笔记本（1280~1400 等）进一步压缩 */
@media screen and (min-width: 768px) and (max-width: 1400px) {
    .head-nav.nav .nav-list .nav-item {
        margin-right: 12px !important;
    }

    .head-nav.nav .nav-list .nav-item a {
        font-size: 14px !important;
    }

    .head-nav .nav-list .nav-item2,
    .head-nav .nav-list .nav-item-pk {
        min-width: 88px;
        padding: 0 10px;
        font-size: 13px;
    }

    .head-nav .nav-list .nav-item-pk a {
        font-size: 13px !important;
    }
}

/* 超大屏 */
@media screen and (min-width: 1921px) {
    .header-fixed .head-nav .nav-list .nav-item a {
        color: #000;
        font-size: 16px;
    }

    .head-logo h2 {
        display: none;
    }

    .index-banner + .Mobile-banner {
        display: none !important;
    }
}

/* ========== 手机端 ========== */
@media screen and (max-width: 767px) {
    .index-banner {
        display: none !important;
    }

    .Mobile-banner {
        display: block;
    }

    .head-nav.nav {
        display: none;
    }

    .header .container > .head-nav:last-child {
        display: none;
    }

    .mbnav {
        display: flex;
        align-items: center;
    }
}

/* ========== AI百团PK 按钮（样式同免费试用 nav-item2） ========== */
.head-nav .nav-list .nav-item-pk {
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
    background: #fcc718;
    display: block;
    text-align: center;
}

.head-nav .nav-list .nav-item-pk a {
    display: block;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
}

.header-fixed .head-nav .nav-list .nav-item-pk a {
    color: #fff !important;
}

/* Banner 图片不撑破布局 */
.index-banner header img,
.Mobile-banner img,
.index-img header img {
    max-width: 100%;
    height: auto;
}