/* =============================================
   响应式样式 - 重写版 v2
   覆盖 main.css 固定布局，适配移动端和平板
   所有规则均在 @media 内，不影响桌面端
   ============================================= */

/* ====== 移动端 (≤768px) ====== */
@media screen and (max-width: 768px) {

    /* --- 全局重置 --- */
    html {
        min-width: auto;
        overflow-x: hidden;
    }
    body {
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    /* --- 所有 1200px 固定宽度容器 → 100% --- */
    .headbox,
    .newsC,
    .khal,
    .teamstr,
    .conct,
    .footerbox,
    .productSer,
    .scheme_banner,
    .nav_ball,
    .hy_nav,
    .cont_box,
    .xiaguocon,
    .cpconlist,
    .navbtom,
    .xg_hybox,
    .aboutinfo,
    .contusinfo,
    .jion_nav,
    .hot_post,
    .post_ul,
    .xg_alcs,
    .teamNewBox,
    .proitem_co,
    .child_oAb,
    .caseinfo {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    /* --- 头部 & 导航 --- */
    .header {
        height: 60px;
    }
    .header_fiexd {
        height: 60px;
    }
    .head_logo {
        padding: 12px 0;
    }
    .head_logo_a_img {
        height: 30px;
    }

    /* 汉堡菜单按钮 */
    .hamburger-btn {
        display: flex;
        position: fixed;
        top: 8px;
        right: 15px;
        width: 44px;
        height: 44px;
        background: #ff9061;
        border-radius: 5px;
        z-index: 1001;
        cursor: pointer;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .hamburger-btn span {
        display: block;
        width: 24px;
        height: 2px;
        background: #fff;
        margin: 3px 0;
        transition: all 0.3s;
    }
    .hamburger-btn.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 6px);
    }
    .hamburger-btn.active span:nth-child(2) {
        opacity: 0;
    }
    .hamburger-btn.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -6px);
    }

    /* 导航面板 - 从右侧滑入 */
    .navbox {
        position: fixed;
        top: 0;
        right: 0;
        width: 280px;
        max-width: 80vw;
        height: 100vh;
        background: #fff;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        z-index: 1000;
        padding-top: 70px;
        overflow-y: auto;
        box-shadow: -2px 0 10px rgba(0,0,0,0.1);
        float: none;
    }
    .navbox.active {
        transform: translateX(0);
    }
    .nav_ul {
        display: block;
        height: auto;
        padding: 0;
    }
    .nav_li {
        float: none;
        height: auto;
        margin-right: 0;
        border-bottom: 1px solid #eee;
    }
    .nav_a {
        display: block;
        line-height: 50px;
        padding: 0 20px;
        font-size: 16px;
        color: #333;
        height: auto;
    }
    .nav_li .nav_a::after {
        display: none;
    }

    /* 子菜单 - 移动端始终展开 */
    .xg_hy_it_ul1 {
        display: block;
        position: static;
        visibility: visible;
        box-shadow: none;
        background: #faf7f5;
        padding: 5px 0;
        width: 100%;
    }
    .xg_hy_it_ul1 li {
        width: 100%;
        text-align: left;
    }
    .xg_hy_it_ul1 li a {
        display: block;
        padding: 0 30px;
        line-height: 42px;
        font-size: 14px;
        color: #666;
        white-space: normal;
    }
    .xg_hy_it_ul1 li a:hover {
        color: #ff9061;
        background: #f9f2ed;
    }
    /* 桌面版 hover 显示子菜单在移动端无效，改为始终可见 */
    .nav_li:hover .xg_hy_it_ul1 {
        display: block;
    }
    .nav_li .xg_hy_it_ul1 {
        display: block;
    }

    /* --- Banner --- */
    .mian_banner {
        height: 300px;
    }
    .banner .swiper-button-prev,
    .banner .swiper-button-next {
        display: none;
    }

    /* --- 产品与服务 --- */
    .productSerBox {
        padding: 40px 0;
    }
    .prod_sq {
        height: auto;
        border-radius: 12px;
        margin-top: 30px;
    }
    .prod_sq_left {
        width: 100%;
        float: none;
        height: auto;
        padding: 0;
    }
    .prod_sq_right {
        width: 100%;
        float: none;
        height: auto;
    }
    .prd_li {
        height: auto;
        padding: 12px 15px;
    }
    .act_prd_li {
        height: auto;
        padding: 15px;
    }
    .act_prd_li::after {
        display: none;
    }
    .prod_items {
        position: static;
        padding: 20px 15px;
        display: block;
    }
    /* 产品卡片：两列网格，按钮流式布局 */
    .prod_ul {
        height: auto;
        overflow: visible;
        margin-top: 15px;
    }
    .prod_ul li {
        width: 50%;
        float: left;
        height: auto;
        min-height: 0;
        box-sizing: border-box;
    }
    .prod_ul li:nth-child(2n+1) {
        clear: both;
    }
    .prod_ul li a {
        display: block;
        height: 100%;
        padding: 14px 12px;
        border-right: 1px solid #eee;
        border-top: 1px solid #eee;
        box-sizing: border-box;
    }
    .prod_ul li:nth-child(2n) a {
        border-right: 0;
    }
    .prod_ul li:nth-child(1) a,
    .prod_ul li:nth-child(2) a {
        border-top: 0;
    }
    .prod_ul li .ZtTrkR0M {
        margin-top: 8px;
    }
    .prod_ul li .ZtTrkR0M span {
        padding: 0 10px;
        font-size: 11px;
        line-height: 20px;
    }
    .prod_ul li .dpFM6Oyw {
        width: auto;
        margin-top: 8px;
        font-size: 12px;
        line-height: 19px;
    }
    .prod_ul li h3 {
        font-size: 15px;
        line-height: 22px;
    }
    /* 点击查看按钮：改为常规流式，避免绝对定位遮挡 */
    .prod_ul li .__5Amp8T2g {
        position: static;
        opacity: 1;
        height: auto;
        margin-top: 10px;
        overflow: visible;
    }
    .prod_ul li .__5Amp8T2g span {
        display: block;
        width: 100%;
        max-width: 140px;
        margin: 0 auto;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        border-radius: 14px;
    }

    /* --- 新闻中心 --- */
    .newsBox {
        padding: 40px 0;
    }
    .newsMlist {
        margin-top: 30px;
    }
    .newsMFrist {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        height: auto;
    }
    .newsMFrist a {
        padding: 30px 25px;
    }
    .newsMFrist p {
        height: auto;
        margin-bottom: 30px;
    }
    .newsMul {
        width: 100%;
        float: none;
        height: auto;
    }
    .newsMul li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
        height: auto;
    }
    .newsMul li:nth-child(2n) {
        margin-right: 0;
    }
    .newsMul li:nth-child(n+3) {
        margin-bottom: 15px;
    }

    /* --- 客户案例 --- */
    .khalbox {
        padding: 40px 0;
    }
    .ant-tabs-tabpane .epuec63o {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        height: auto;
        padding: 20px;
    }
    .news_bannerbox {
        margin-top: 30px;
    }

    /* --- 团队介绍 --- */
    .teamstrBox {
        padding: 60px 0 20px;
    }
    .teamstr {
        padding: 0;
    }
    .posiabtom {
        position: static;
        margin-bottom: 20px;
    }
    .teamstr_left {
        width: 100%;
        float: none;
        height: auto;
        margin-bottom: 30px;
    }
    .teamstr_leftb {
        position: static;
        transform: none;
    }
    .teamstr_info {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .teamstr_des {
        margin-bottom: 25px;
    }
    .teamUrl {
        width: 100%;
        float: none;
        height: auto;
        position: relative;
    }
    .teamUrl_it {
        position: static;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        padding: 20px;
    }

    /* --- 底部口号 --- */
    .conctbox {
        padding: 80px 0 40px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
    .conct {
        height: auto;
        padding: 30px 15px;
        background-size: contain;
    }
    .conct::after {
        display: none;
    }
    .conct_ul {
        margin-top: 15px;
    }
    .conct_li {
        width: 100%;
        float: none;
        margin-bottom: 15px;
        background: none;
        height: auto;
    }
    .conct_name {
        height: auto;
        line-height: 1.5;
        margin-bottom: 8px;
    }
    .slogan-box {
        padding: 20px 0;
    }
    .slogan-text {
        font-size: 22px;
        letter-spacing: 2px;
    }
    .slogan-sub {
        font-size: 14px;
    }

    /* --- 页脚 --- */
    .footer {
        padding: 30px 0 40px;
        margin-top: 0;
        text-align: left;
    }
    .footerbox {
        padding: 0 15px;
    }

    /* 服务承诺：2x2 网格 */
    .service ul {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 12px 0;
        margin: 25px auto 20px;
        padding-bottom: 20px;
    }
    .service ul li {
        width: 50%;
        font-size: 14px;
        box-sizing: border-box;
    }
    .service ul li img {
        margin-right: 8px;
        width: 32px;
        height: 32px;
    }

    /* 页脚导航：3 栏并排 */
    .footnav {
        flex-direction: column;
    }
    .quick {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #4a4a4b;
        padding: 0 0 15px;
        display: flex;
        gap: 0 10px;
    }
    .quick1,
    .quick2,
    .quick3 {
        width: auto !important;
        flex: 1 1 0;
        min-width: 0;
        float: none;
        margin-right: 0;
        margin-bottom: 0;
        overflow: visible;
        box-sizing: border-box;
    }
    .quick_tit {
        font-size: 15px;
        margin-bottom: 12px;
        white-space: nowrap;
        color: #b8b8b8;
    }
    .quick1 .quick_ul li,
    .quick2 .quick_ul li,
    .quick3 .quick_ul li {
        width: 100%;
        float: none;
        margin-bottom: 2px;
    }
    .quick_ul li a {
        font-size: 13px;
        line-height: 26px;
        white-space: nowrap;
        color: #8a8a8a;
    }

    /* 合作伙伴 logo：3 列网格 */
    .footer_part {
        width: 100%;
        padding-bottom: 15px;
    }
    .part_name {
        font-size: 15px;
    }
    .part_cont {
        margin-top: 12px;
    }
    .part_ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .part_ul li {
        float: none;
        width: calc((100% - 20px) / 3) !important;
        margin-right: 0 !important;
        margin-bottom: 0;
        height: 40px;
        box-sizing: border-box;
    }
    .part_ul li a img {
        width: 84%;
        height: 84%;
        object-fit: contain;
    }

    .footIco01,
    .footIco02 {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footIco01 p a {
        padding: 5px 10px;
        display: inline-block;
    }
    .footIco02 img {
        margin-bottom: 10px;
    }
    .footIco02 a {
        padding-left: 10px;
    }

    /* 热门推荐：紧凑排列 */
    .foottuijian {
        margin-top: 20px;
        padding: 18px 0 0;
    }
    .hottj {
        gap: 0 12px;
    }
    .httjtitle {
        width: auto;
        flex-shrink: 0;
        font-size: 14px;
        color: #b8b8b8;
    }
    .hottjCon {
        width: auto;
        flex: 1;
        min-width: 0;
        font-size: 13px;
    }
    .hottjCon a {
        width: 33.333%;
        font-size: 13px;
        margin-bottom: 12px;
        box-sizing: border-box;
    }

    /* --- 方案展示 --- */
    .scheme {
        height: auto;
        min-height: auto;
    }
    .scheme_banner {
        height: auto;
    }
    .schemebox .swiper-slide {
        padding: 180px 0 0;
    }
    .scheme_lb {
        width: 90%;
        top: 90px;
        border-radius: 12px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .scheme_lb ul {
        padding: 0 15px;
        white-space: normal;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .scheme_lb li {
        width: 50%;
        display: block;
    }
    .scheme_lb li a {
        width: 100%;
        padding: 0 8px;
    }
    .scheme_lb li a p {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    .scheme_lbslider {
        display: none;
    }
    .scheme_b_box {
        width: 90%;
        height: auto;
    }
    .scheme_b_box::after {
        display: none;
    }
    .schemel {
        width: 100%;
        height: auto;
        position: static;
        padding: 20px;
    }
    .schemlr {
        width: 100%;
        height: auto;
        position: static;
        margin-top: 15px;
        padding: 15px;
    }
    .schemlr_ul {
        position: static;
        transform: none;
        width: 100%;
    }
    .schemlr_ul_li {
        width: calc(50% - 8px);
        height: 70px;
        margin-right: 8px;
        margin-bottom: 8px;
    }
    .schemlr_ul_li:nth-child(2n) {
        margin-right: 0;
    }
    .scheme_pbtn .swiper-button-prev,
    .scheme_pbtn .swiper-button-next {
        display: none;
    }
    .posiabtom2 {
        position: static;
        transform: none;
        padding: 0 15px;
    }

    /* --- 通用子页面 --- */
    /* 左右布局 → 上下 */
    .cbleft,
    .cbright {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    .cbleft_cont {
        min-height: auto;
    }
    .cbleft_contul {
        padding: 10px 15px;
    }
    .cbleft_contul li {
        padding: 20px 0;
    }
    .cbleft_imgs {
        width: 100%;
        height: 200px;
        float: none;
        margin-bottom: 15px;
    }
    .cbleft_info {
        width: 100%;
        float: none;
    }
    .child_baner {
        height: 180px;
    }
    .des_cont {
        padding: 30px 15px;
        min-height: auto;
    }
    .des_tit {
        font-size: 22px;
        line-height: 32px;
    }

    /* 搜索结果 */
    .nav_searh {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .nav_searh_ti {
        width: 100%;
        float: none;
        height: auto;
        padding: 20px;
    }
    .nav_searh_info {
        width: 100%;
        float: none;
    }
    .nav_searh_sed_li {
        width: 50%;
        float: left;
    }
    .nav_searh_sed {
        height: auto;
        overflow: hidden;
    }
    .nav_searh_sed_li {
        height: 45px;
        line-height: 45px;
    }

    /* 分页 */
    .pagebar {
        flex-wrap: wrap;
        padding: 20px;
    }
    .pagebar a {
        margin-bottom: 8px;
    }

    /* 效果案例 */
    .xiaoguo_item {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
    }
    .xiaoguo_item:nth-child(3n) {
        margin-right: 0;
    }
    .xiaoguo_itema_imgs {
        height: 200px;
    }

    /* 产品列表 */
    .cpul_li {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
    }
    .cpul_li:nth-child(2n) {
        margin-right: 0;
    }
    .cpul_liaimgs {
        width: 100%;
        height: 180px;
        float: none;
    }
    .cpul_liainfo {
        width: 100%;
        float: none;
        padding: 15px;
    }

    /* 关于 / 联系我们 */
    .about_h1,
    .contu_h1 {
        font-size: 28px;
        text-align: center;
    }
    .about_des,
    .contu_des {
        min-height: auto;
        padding-bottom: 30px;
        font-size: 14px;
        line-height: 1.8;
    }
    .contu_ul {
        width: 100%;
    }
    .contu_info_i {
        width: 100%;
        float: none;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .contusinfo {
        background: none;
        padding: 0 0 60px;
    }

    /* 加入我们 */
    .hot_titname,
    .hot_li_info_n {
        width: 100%;
        float: none;
        height: auto;
        line-height: 1.5;
        padding: 10px;
        text-align: left;
    }
    .hot_titname:nth-child(1),
    .hot_titname:nth-child(2),
    .hot_titname:nth-child(3),
    .hot_titname:nth-child(4),
    .hot_li_info_n:nth-child(1),
    .hot_li_info_n:nth-child(2),
    .hot_li_info_n:nth-child(3),
    .hot_li_info_n:nth-child(4) {
        width: 100%;
    }
    .hot_li_cont {
        padding: 20px 15px;
    }
    .hot_li_cs_i {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 10px 0;
    }
    .hot_li_cs_i::after {
        display: none;
    }
    .hot_li_zz {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    .post_li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    /* 产品详情 */
    .proitem {
        height: auto;
        margin-bottom: 30px;
    }
    .proitem_co {
        height: auto;
        flex-direction: column;
    }
    .proitem_co_le {
        width: 100%;
        float: none;
        height: auto;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .ybinfo {
        width: 100%;
        float: none;
        height: auto;
        padding: 30px 15px;
    }
    .ybinfo_cont_le,
    .ybinfo_cont_ri {
        width: 100%;
        float: none;
        height: auto;
        margin-bottom: 20px;
    }
    .ybrritma {
        width: 100%;
        float: none;
        padding: 10px 0;
    }

    /* 团队新版 */
    .teamNewC {
        height: auto;
        flex-direction: column;
    }
    .teamNewCl {
        width: 100%;
        position: static;
        transform: none;
        margin-bottom: 30px;
    }
    .teamNewCr {
        width: 100%;
        height: 350px;
        position: static;
        background-size: contain;
    }
    .teamNewCr_ul li {
        transform: scale(0.7);
    }
    .sBigDown {
        display: none;
    }

    /* 媒体合作伙伴 */
    .pgMedia_li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .pgMedia_li::after {
        display: none;
    }

    /* 热招职位 */
    .hotjob_list ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .hotjob_contact ul {
        flex-direction: column;
    }
    .hotjob_contact ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .hotjob_contact ul li:before {
        display: none;
    }

    /* 自定义布局 */
    .allCustom .list {
        margin: 0 4vw;
        flex-direction: column;
    }
    .allCustom .list .tab {
        height: auto;
    }
    .allCustom .list .tabData {
        padding-top: 30px;
    }
    .allCustom .list .tabData > div {
        padding-left: 15px;
    }

    /* 案例详情页 */
    .anli_des {
        min-height: auto;
        padding-bottom: 30px;
    }

    /* 标题通用适配 */
    .all_tit_lefth2 {
        font-size: 24px;
    }
    .all_tit_leftp {
        font-size: 12px;
    }
    .all_tit_txtp {
        font-size: 14px;
        line-height: 1.5;
    }
    .astit_h3 {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
    .astit_p {
        font-size: 12px;
    }

    /* 隐藏桌面专属元素 */
    .rightFix {
        display: none;
    }

    /* 表格可横向滚动 */
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 动态Tab */
    .dynamic-tab-item {
        width: 90px;
    }
    .dynamic-tab-slider {
        width: 90px;
    }

    /* 搜索页横向滚动 */
    .nav_searhb {
        height: auto;
        border-right: none;
    }
    .nav_searh_sedb {
        position: static;
        display: block;
    }

    /* 分类导航 */
    .xg_hy_it {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        display: block;
    }
    .searcht {
        width: 100%;
        float: none;
        margin-top: 15px;
    }

    /* 面包屑 */
    .nav_ball {
        text-align: left;
    }

    .aliBack {
        width: 160px;
        height: 40px;
        line-height: 40px;
        margin: 30px auto;
    }

    .child_oAb {
        padding: 40px 0 150px;
    }

    /* index 首页特殊 */
    .index_le {
        width: 90%;
        position: static;
        transform: none;
        padding: 30px 15px;
        text-align: center;
    }
    .index_le .h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .index_le .p1 {
        font-size: 20px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .index_le .p1::after {
        right: 10%;
    }
    .index_le .p2 {
        font-size: 16px;
    }
    .index_ri {
        position: static;
        transform: none;
        text-align: center;
    }
    .ppjs {
        width: 90%;
        height: auto;
        padding: 15px;
        margin: 0 auto;
    }
    .ppjs a {
        width: 25%;
        float: left;
        margin-right: 0;
        height: 50px;
        background-size: auto 30px !important;
    }
}

/* ====== 超小屏手机 (≤480px) ====== */
@media screen and (max-width: 480px) {
    .mian_banner {
        height: 200px;
    }
    .child_baner {
        height: 140px;
    }

    /* 产品卡片保持两列（继承 ≤768 规则，仅微调内边距） */
    .prod_ul li a {
        padding: 12px 10px;
    }

    /* 方案选项卡单列 */
    .scheme_lb li {
        width: 100%;
    }
    .schemlr_ul_li {
        width: 100%;
        margin-right: 0;
    }

    /* 合作伙伴 logo 保持 3 列（继承 ≤768 规则） */

    /* 标题进一步缩小 */
    .all_tit_lefth2 {
        font-size: 20px;
    }
    .all_tit_leftp {
        font-size: 11px;
    }
    .astit_h3 {
        font-size: 14px;
    }
    .astit_p {
        font-size: 11px;
    }

    /* 导航面板宽度 */
    .navbox {
        width: 260px;
    }

    .slogan-text {
        font-size: 18px;
        letter-spacing: 1px;
    }
    .slogan-sub {
        font-size: 12px;
    }
}

/* ====== 桌面端修复 (≥1025px) ====== */
/* 恢复 productSer 无额外 padding，防止右侧面板换行被裁剪 */
@media screen and (min-width: 1025px) {
    .productSer {
        padding-left: 0;
        padding-right: 0;
    }
}