/* =========================================================
   华洋网络 响应式适配层 responsive.css
   原则：≥1200px 保持原 PC 版式不变；
        ≤1199px 平板横屏逐步流式；≤991px 平板竖屏/大手机启用汉堡菜单与栏目堆叠；
        ≤767px 手机单列；≤560px 小屏完全单列。
   本文件必须放在所有原有 CSS 之后加载（模板中位于 </head> 前）。
   ========================================================= */

/* ---------- 通用 ---------- */
.resp-fl-wrap::after{content:"";display:block;clear:both;}
/* 防止轮播箭头等绝对定位元素造成横向滚动（PC 端案例页 prev/next 定位在容器外） */
html,body{overflow-x:hidden;}

/* ---------- 顶部 LOGO 尺寸兜底（全站所有视口生效；
   部分页面只加载 skin/20210704/css/public.css（无 .logo img 规则），
   logo 原图 1297x299 会撑满整行，这里统一约束 ---------- */
.head .logo{display:inline-block;max-width:180px;height:auto;}
.head .logo img{display:block;width:auto;height:auto;max-width:100%;max-height:60px;object-fit:contain;}
.header .inner .logo img{max-width:100%;max-height:60px;object-fit:contain;}

/* ---------- 菜单内「翻译」下拉（带国旗，与普通菜单明显区别） ---------- */
.head ul.nav li.nav-lang{position:relative;float:left;margin-left:12px !important;}
.head ul.nav li.nav-lang > a{display:inline-flex;align-items:center;color:#4bbe14;font-weight:bold;cursor:pointer;white-space:nowrap;}
.head ul.nav li.nav-lang > a .hy-globe{width:15px;height:15px;margin-right:5px;flex:0 0 15px;vertical-align:middle;}
.head ul.nav li.nav-lang > a .hy-lang-label{white-space:nowrap;}
.head ul.nav li.nav-lang > a .hy-caret{display:inline-block;width:0;height:0;margin-left:5px;vertical-align:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #4bbe14;}
.head ul.nav li.nav-lang:hover > .subnav{display:block;}
.head ul.nav .hy-lang-sub{min-width:228px;padding:8px 0 !important;border-radius:8px;}
.head ul.nav .hy-lang-sub > li{border-bottom:1px solid #f3f3f3;float:none;display:block;position:static;margin:0;}
.head ul.nav .hy-lang-sub > li:last-child{border-bottom:none;}
.head ul.nav .hy-lang-sub > li > a{display:flex !important;align-items:center;padding:10px 16px !important;line-height:1.4 !important;white-space:nowrap;font-size:13.5px !important;}
.head ul.nav .hy-lang-sub .hy-lang-flag{flex:0 0 20px;width:20px;height:14px;margin-right:9px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.10);display:inline-block;line-height:0;}
.head ul.nav .hy-lang-sub .hy-lang-flag svg{display:block;width:100%;height:100%;}
.head ul.nav .hy-lang-sub .hy-lang-name{color:#333;font-size:13.5px;}
.head ul.nav .hy-lang-sub .hy-lang-zh{margin-left:auto;padding-left:12px;color:#aaa;font-size:12px;font-style:normal;}
.head ul.nav .hy-lang-sub > li.hy-lang-reset{margin-top:6px;border-top:1px dashed #e6e6e6;}
.head ul.nav .hy-lang-sub > li > a:hover .hy-lang-name{color:#4bbe14;}
/* 无标准菜单的落地页：浮动兜底 */
.hy-lang-float{position:fixed;right:18px;bottom:96px;z-index:99990;}
.hy-lang-float > a{display:flex;align-items:center;padding:9px 16px;background:#4bbe14;color:#fff !important;border-radius:24px;box-shadow:0 3px 12px rgba(75,190,20,.4);font-size:14px;font-weight:normal;white-space:nowrap;line-height:1.4;}
.hy-lang-float > a .hy-caret{display:none;}
.hy-lang-float .subnav{display:none;position:absolute;right:0;bottom:52px;left:auto;transform:none;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.18);border-radius:8px;padding:8px 0 !important;min-width:214px;}
.hy-lang-float.hy-open .subnav{display:block;}
/* 浮动兜底（分站落地页等无标准菜单页面）：下拉内容不依赖 .head ul.nav，修复国旗撑满整屏 */
.hy-lang-float ul.subnav{list-style:none !important;margin:0 !important;}
.hy-lang-float ul.subnav > li{border-bottom:1px solid #f3f3f3;float:none !important;display:block !important;position:static !important;margin:0 !important;padding:0 !important;background:#fff !important;width:auto !important;height:auto !important;}
.hy-lang-float ul.subnav > li:last-child{border-bottom:none;}
.hy-lang-float ul.subnav > li > a{display:flex !important;align-items:center;padding:10px 16px !important;line-height:1.4 !important;white-space:nowrap;font-size:13.5px !important;height:auto !important;width:auto !important;float:none !important;background:#fff !important;color:#333 !important;border:none !important;border-radius:0 !important;}
.hy-lang-float ul.subnav .hy-lang-flag{flex:0 0 20px !important;width:20px !important;height:14px !important;margin-right:9px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.10);display:inline-block !important;line-height:0;}
.hy-lang-float ul.subnav .hy-lang-flag svg{display:block !important;width:100% !important;height:100% !important;}
.hy-lang-float ul.subnav .hy-lang-name{color:#333;font-size:13.5px;}
.hy-lang-float ul.subnav .hy-lang-zh{margin-left:auto;padding-left:12px;color:#aaa;font-size:12px;font-style:normal;}
.hy-lang-float ul.subnav > li.hy-lang-reset{margin-top:6px;border-top:1px dashed #e6e6e6;}
.hy-lang-float ul.subnav > li > a:hover .hy-lang-name{color:#4bbe14;}
/* 翻译提示 */
#hy-lang-toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,20px);width:max-content;max-width:82vw;background:rgba(0,0,0,.82);color:#fff;padding:10px 20px;border-radius:22px;font-size:14px;line-height:1.5;z-index:99999;opacity:0;visibility:hidden;transition:all .25s;pointer-events:none;}
#hy-lang-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0);}

/* ---------- 首页 b2 客户 Logo：统一 16:9 比例 ---------- */
.idxbox-bottom .b2 ul{margin-top:16px !important;}
.idxbox-bottom .b2 ul li{width:109px !important;height:61px !important;}
.idxbox-bottom .b2 ul li a img{width:100% !important;height:100% !important;object-fit:cover;display:block;}

/* ---------- 首页 Hero 动态粒子背景（替换原轮播图） ---------- */
.idx-particle-hero{background:radial-gradient(ellipse 90% 70% at 62% 42%, #1c1410 0%, #0d0c0e 55%, #0a0a0c 100%);cursor:default;}
.idx-particle-hero .particle-canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.idx-hero-txt{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;}
.idx-hero-txt h1{margin:0;font-size:46px;font-weight:700;color:#fff;letter-spacing:10px;text-indent:10px;text-shadow:0 2px 18px rgba(0,0,0,.55);}
.idx-hero-txt h2{margin:26px 0 0;font-size:26px;font-weight:400;color:#fff;letter-spacing:3px;text-shadow:0 1px 10px rgba(0,0,0,.5);}
.idx-hero-txt h2 span{display:inline-block;}
.idx-hero-txt h2 i{display:inline-block;width:1px;height:22px;background:rgba(255,255,255,.45);margin:0 22px;vertical-align:-3px;}
.idx-hero-link{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:3;pointer-events:auto;}

/* ---------- 内页头图统一换为动态粒子背景 ---------- */
.top_section{background:radial-gradient(ellipse 90% 70% at 62% 42%, #1c1410 0%, #0d0c0e 55%, #0a0a0c 100%) !important;}
.top_section .particle-canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:1;}
.top_section .top_sectionbg{background-image:none !important;}

/* =========================================================
   ≤ 1199px ：小屏 PC / 平板横屏，容器变流式
   ========================================================= */
@media (max-width:1199px){
    html{min-width:0 !important;}
    body{min-width:0 !important;overflow-x:hidden;}
    .w1200{width:auto !important;max-width:1200px;margin:0 auto;padding-left:15px;padding-right:15px;box-sizing:border-box;}
    /* 导航略收紧 */
    ul.nav li{margin-left:18px !important;}
    /* 内容区图片与表格不撑破容器 */
    .ndbox img,.newdec img,.article-content img{max-width:100%;height:auto;}
    .about_section1{min-width:0 !important;}
}

/* =========================================================
   ≤ 991px ：平板竖屏 / 大屏手机
   ========================================================= */
@media (max-width:991px){

    /* ---------- 顶部导航 ---------- */
    body{padding-top:60px;}
    /* 页面内嵌样式给 #luxy 的 80px 占位清零（body 的 60px 已为固定头部留位，双层会露出深色底） */
    #luxy{padding-top:0 !important;}

    /* 无 JS 兜底：页头改为普通流，导航平铺在 Logo 下方 */
    .head{position:relative;height:auto;min-height:60px;padding-top:0;padding-bottom:6px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);}
    body{padding-top:0;}
    .head .logo{margin-top:0 !important;line-height:60px;float:left;padding:0 15px;}
    .head .logo img{max-height:42px;vertical-align:middle;}
    .head ul.nav{display:block;float:none;background:#fff;margin:0;padding:0 10px;text-align:center;}
    .head ul.nav li{display:inline-block;float:none;margin:0 2px;}
    .head ul.nav li.nav-lang{float:none;margin-left:2px !important;}
    .head ul.nav li a{display:inline-block;line-height:38px;height:auto;padding:0 10px;font-size:14px;}

    /* JS 可用时：固定页头 + 汉堡抽屉菜单 */
    html.js body{padding-top:60px;}
    html.js .head{position:fixed;left:0;top:0;height:60px;padding-bottom:0;}
    html.js .head > .w1200,html.js .head .inner{position:relative;height:60px;padding:0 15px;box-sizing:border-box;}
    html.js .head .logo{padding:0;line-height:60px;}
    html.js .m-nav-btn{display:block;position:absolute;right:12px;top:14px;width:34px;height:32px;padding:6px 8px;box-sizing:border-box;cursor:pointer;z-index:1001;}
    .m-nav-btn span{display:block;height:2px;background:#333;margin:5px 0;transition:all .3s;}
    .head.nav-open .m-nav-btn span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .head.nav-open .m-nav-btn span:nth-child(2){opacity:0;}
    .head.nav-open .m-nav-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

    html.js .head ul.nav{display:none;position:absolute;top:60px;left:0;width:100%;float:none;background:#fff;margin:0;padding:0;box-shadow:0 8px 12px rgba(0,0,0,.12);z-index:1000;}
    html.js .head.nav-open ul.nav{display:block;}
    html.js .head ul.nav li{display:block;float:none;margin:0;border-bottom:1px solid #f0f0f0;}
    html.js .head ul.nav li a{display:block;line-height:48px;height:48px;padding:0 20px;font-size:15px;}
    ul.nav{margin-top:0 !important;}

    /* 兼容 .header（head.htm 家族） */
    .header{position:relative;}
    .header .inner{position:relative;height:60px;padding:0 15px;box-sizing:border-box;}
    .header .inner .logo{line-height:60px;}
    .header .inner .logo img{max-height:42px;vertical-align:middle;}
    .header .top-other{display:none;}
    .header .nav{display:block;position:static;background:#fff;}
    html.js .header .nav{display:none;position:absolute;top:60px;left:0;width:100%;background:#fff;z-index:1000;box-shadow:0 8px 12px rgba(0,0,0,.12);}
    html.js .header.nav-open .nav{display:block;}
    .header .nav .menu ul li{float:none;border-bottom:1px solid #f0f0f0;}
    .header .nav .menu ul li a{display:block;line-height:48px;padding:0 20px;}
    .header .nav .menu ul li ul{display:block;position:static;width:auto;background:#fafafa;}
    .header .nav .menu ul li ul li a{padding-left:34px;line-height:40px;height:40px;}
    .search-bg{display:none;}

    /* 兼容 solution.css 的 .headban 家族（详细样式见 solution2.css，仅 /wxkf/ 系列引入） */
    .headban .hb-logo{float:left !important;}
    .headban .hb-nav li{float:none !important;}
    .headban .hb-nav li a{display:block;}

    /* ---------- 首页横幅轮播 ---------- */
    html{overflow-x:hidden;}
    .idx_bannerbox{height:400px !important;min-width:0 !important;}
    .master-slider{min-width:0 !important;height:400px !important;}
    .ms-slide{min-width:0 !important;height:400px !important;}
    .master-slider img{max-width:none !important;}
    /* 圆点导航整体居中（原 PC 负边距/right:-50% 技巧会把页面撑宽） */
    .ms-bullets.ms-dir-h{margin:0 !important;left:0 !important;right:0 !important;width:100% !important;text-align:center;}
    .ms-bullets-count{position:static !important;right:auto !important;display:inline-block;}
    .ms-bullet{float:left;}
    .idxbox-top{margin-top:-170px;}
    .idxtbg{display:none;}
    .idxbox-topcontent{height:auto !important;}
    .idxbox-topcontent .t1,.idxbox-topcontent .t2,.idxbox-topcontent .t3{
        float:none !important;width:auto !important;height:auto !important;
        padding:30px 20px !important;box-sizing:border-box;
    }
    .idxbox-topcontent .t1{text-align:left;}
    .idxbox-topcontent .t1 h4 span,.idxbox-topcontent .t1 h4 i{float:none;}
    .idxbox-topcontent .t1 h1{font-size:30px;}
    .idxbox-bottom{height:auto !important;}
    .idxbox-bottom .b1,.idxbox-bottom .b2,.idxbox-bottom .b3{
        float:none !important;width:auto !important;height:auto !important;
        padding:30px 20px !important;box-sizing:border-box;border-left:none;border-right:none;border-bottom:1px solid #efefef;
    }
    .idxbox-bottom .b2 ul li{width:31% !important;max-width:160px;height:auto;margin-right:2% !important;float:left;aspect-ratio:16/9;}
    .idxbox-bottom .b2 ul li a img{width:100% !important;height:100% !important;object-fit:cover;}
    .idxbox-bottom .b2 ul{width:auto !important;}

    /* ---------- 固定页脚改为普通流 ---------- */
    body{padding-bottom:0 !important;}
    .idxfooter{position:static !important;min-height:0;padding:30px 0;margin-top:20px;background:#181818;}
    .idxfooter .idx-footerleft{padding-left:0;}
    .idxfooter .idx-footerleft .lamp,.idxfooter .idx-footerleft .font{display:none;}
    .idxfooter .idx-footerright{float:none !important;margin-top:15px;}
    .idxfooter .idx-footerright a{display:inline-block !important;}

    /* ---------- 内页通栏标题图 ---------- */
    .top_section{height:340px !important;}
    .top_section .top_sectionbg{height:340px !important;}
    .ndbox{margin-top:0 !important;padding-top:26px !important;position:relative;z-index:2;}
    .ndbox h1{font-size:28px !important;}
    .ndbox h1,.ndbox h2,.ndbox h3,.ndbox p{padding-left:15px !important;padding-right:15px !important;}
    .ndbox p{padding-top:12px !important;padding-bottom:12px !important;}

    /* ---------- 内页左右分栏全部堆叠 ---------- */
    .as1_left,.as1_right,
    .as1-left-bg,.as1-right-bg,
    .as1_section_left,
    .as3-left,.as3-right,
    .fs1_left,.fs1_right,
    .newsbox,
    .jobbox,.job_listbox,
    .about_section2 .as2_teambox .fl,
    .about_section2 .as2_teambox .fr,
    .case_detail-indro .cdi-left,
    .case_detail-indro .cdi-right,
    .case-detail-wrap1 .cdm1-left1,
    .case-detail-wrap1 .cdm1-right1{
        float:none !important;width:100% !important;height:auto !important;
        position:relative !important;left:auto !important;right:auto !important;top:auto !important;
        box-sizing:border-box;
    }
    .about_introcontent,.news_introbox .news_introcontent,.service_introcontent,
    .contact_introcontent,.case_introcontent{
        position:relative !important;height:auto !important;padding:30px 15px !important;
    }
    .about_introbox > h1,.about_introbox > h2,.about_introbox > p,
    .news_introbox > h1,.contact_introbox > h1,.join_introbox > h1,.case_introbox > h1,.service_introbox > h1{
        position:relative !important;left:auto !important;right:auto !important;top:auto !important;
        opacity:1 !important;padding:10px 15px !important;
    }
    .about_introbox,.news_introbox,.contact_introbox,.join_introbox,.case_introbox,.service_introbox,.prod_introbox{
        height:auto !important;padding:20px 0 !important;
    }
    /* 面包屑/地图上绿块等 */
    .map-top{padding:15px !important;}
    .prod_introbox .w1200{height:auto !important;}

    /* 案例网格：三列变两列 */
    .prodbox,.filtr-item{width:48% !important;margin:0 1% 20px !important;height:auto !important;}
    .prodbox img,.filtr-item img{width:100%;height:auto !important;}
    .focus_introbox > ul li{width:48% !important;margin:0 1% 20px !important;height:auto !important;}
    .case2-main-list li{width:48% !important;margin:0 1% 20px !important;}
    .case2-main-list li img{width:100%;height:auto !important;}
    .service_section5 ul li{width:50% !important;margin-bottom:15px !important;height:auto !important;}
    .about_section3 ul li{width:48% !important;margin:0 1% 15px !important;height:auto !important;}
    .s2_s1list li,.s_s1list li{width:50% !important;margin-bottom:20px !important;height:auto !important;}
    .pdt_bottom ul li{width:48% !important;margin:0 1% 20px !important;}
    .rerun2 li{margin-bottom:15px !important;}

    /* 案例 tabs 可横向滚动 */
    .case-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .case-tabs ul{width:max-content;}
    .case-tabs li{white-space:nowrap;}
    .cmlb-tit,.cmlb-main{float:none !important;width:100% !important;}

    /* 分页 */
    .pagination ul li{margin-bottom:8px;}

    /* layout.css 家族左右分栏 */
    .news-box-left,.news-box-right,
    .blockbox-1-left,.blockbox-1-right,
    .contact-box-left,.footer-nav-left,.footer-contact,
    .pro-introbox-left,.pro-introbox-right,
    .zhaoshang-box2-left,.zhaoshang-box2-right{
        float:none !important;width:100% !important;margin-bottom:25px;
    }
    .footer{height:auto !important;}
    .footer p{width:auto !important;}
    .footer .inner,.footer .copyright,.footer .other{width:auto !important;padding:0 15px;box-sizing:border-box;word-break:break-all;}
}

/* =========================================================
   ≤ 767px ：手机
   ========================================================= */
@media (max-width:767px){
    .top_section{height:240px !important;}
    .top_section .top_sectionbg{height:240px !important;}
    .idx_bannerbox{height:300px !important;}
    .master-slider{height:300px !important;}
    .ms-slide{height:300px !important;}
    /* 首页粒子 Hero：手机端文字上移，避开底部上叠的信息卡片 */
    .idx-hero-txt{justify-content:flex-start;padding-top:30px;box-sizing:border-box;}
    .idx-hero-txt h1{font-size:24px;letter-spacing:5px;text-indent:5px;}
    .idx-hero-txt h2{margin-top:12px;font-size:15px;letter-spacing:1px;}
    .idx-hero-txt h2 i{height:14px;margin:0 10px;vertical-align:-2px;}
    .idxbox-top{margin-top:-120px;}
    .ndbox{margin-top:0 !important;padding-top:20px !important;position:relative;z-index:2;}
    .ndbox h1{font-size:24px !important;}
    .ndbox h2{font-size:15px !important;}
    .ndbox h3{font-size:18px !important;}
    .ndbox h1,.ndbox h2,.ndbox h3,.ndbox p{padding-left:12px !important;padding-right:12px !important;}
    .newdec{font-size:15px !important;line-height:1.8 !important;}
    .article-content p{line-height:1.8 !important;}
    .idxfooter h1{font-size:22px !important;word-break:break-all;}
    .idxfooter p{width:auto !important;}
    .idxfooter .w1200{padding:0 15px;box-sizing:border-box;}
    .footer h1{font-size:22px;}

    /* 正文表格横向滚动 */
    .newdec table,.article-content table{width:100% !important;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .newdec iframe,.article-content iframe,.ndbox iframe{max-width:100%;}
    .ndbox h2{word-break:break-all;}

    /* 网格全部单列（轮播 .customer_cnt 的 li 由 SuperSlide 控宽，不参与） */
    .prodbox,.filtr-item,.focus_introbox > ul li,.case2-main-list li,
    .service_section5 ul li,.about_section3 ul li,
    .s2_s1list li,.s_s1list li,.pdt_bottom ul li{
        width:100% !important;margin:0 0 20px 0 !important;
    }
    /* 旧正文里固定宽度的内联图片/元素兜底 */
    .newdec *,.article-content *{max-width:100% !important;}
    .newdec img,.article-content img{height:auto !important;}
}

/* =========================================================
   ≤ 560px ：小屏手机微调
   ========================================================= */
@media (max-width:560px){
    .head .logo img{max-height:36px;}
    .idx_bannerbox{height:240px !important;}
    .master-slider{height:240px !important;}
    .ms-slide{height:240px !important;}
    .top_section{height:180px !important;}
    .top_section .top_sectionbg{height:180px !important;}
    h1.sectitle{font-size:18px !important;}
    .idxbox-bottom .b2 p > span{font-size:28px !important;vertical-align:-10px !important;}
    ul.nav li a,.head ul.nav li a{font-size:14px;}
}

/* =========================================================
   顶部菜单：当前栏目高亮（由 responsive.js 自动给 li 加 .current）
   ========================================================= */
.head ul.nav li > a{position:relative;transition:color .25s;}
.head ul.nav li > a:hover{color:#4bbe14;}
.head ul.nav li.current > a,
.head ul.nav li.current-parent > a,
.head ul.nav li > a.current,
.head ul.nav li > a.current-parent{color:#4bbe14;font-weight:bold;}
.head ul.nav li.current > a::after{
    content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:#4bbe14;
}
/* 二级/三级下拉菜单（易优栏目标签输出，后台配置子栏目即显示） */
.head ul.nav li{position:relative;}
.head ul.nav li .subnav{display:none;position:absolute;left:50%;transform:translateX(-50%);top:100%;min-width:170px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.18);z-index:99;padding:6px 0;margin:0;list-style:none;}
.head ul.nav li:hover > .subnav{display:block;}
.head ul.nav .subnav li{float:none;display:block;position:static;margin:0;transform:none;}
.head ul.nav .subnav li a{display:block;padding:9px 18px;color:#444;font-size:14px;line-height:1.5;white-space:nowrap;transition:background .2s,color .2s;}
.head ul.nav .subnav li a:hover,
.head ul.nav .subnav li a.current{color:#4bbe14;background:#f4faf0;font-weight:normal;}
.head ul.nav .subnav li a.current{font-weight:bold;}
.head ul.nav .subnav .subnav{left:100%;top:-6px;transform:none;}
/* head.htm / main.css 家族 */
.header .nav .menu li.current > a,
.header .nav .menu li.current-parent > a{color:#4bbe14;font-weight:bold;}
/* nav-links 家族（留言、全国站点、标签页） */
.nav-links li.current > a{color:#4bbe14;}
.nav-links li.current > a::after{width:100%;background-color:#4bbe14;}
/* solution.css 头部 */
.hb-nav li.current > a{color:#4bbe14;}

@media (max-width:991px){
    /* 手机抽屉：当前栏目加绿色左条与浅绿底 */
    html.js .head ul.nav li.current > a,
    html.js .head ul.nav li.current-parent > a{
        color:#4bbe14;background:#f4faf0;font-weight:bold;
        border-left:3px solid #4bbe14;padding-left:17px;
    }
    html.js .head ul.nav li.current > a::after{display:none;}
    /* 手机抽屉：二三级子菜单平铺缩进显示（后台有子栏目才输出） */
    html.js .head ul.nav li .subnav{display:none;position:static;transform:none;box-shadow:none;background:transparent;min-width:0;padding:0;margin:0;}
    html.js .head ul.nav li.sub-open > .subnav{display:block;}
    html.js .head ul.nav li.has-sub{position:relative;}
    html.js .head ul.nav li.has-sub > a{padding-right:46px !important;}
    html.js .head ul.nav li.has-sub > .hy-sub-toggle{display:flex;}
    /* 手机抽屉里的「翻译」项 */
    html.js .head ul.nav li.nav-lang{float:none;margin:8px 0 0 !important;border-top:1px solid #eee;padding-top:6px;}
    html.js .head ul.nav li.nav-lang > a{padding:12px 20px;justify-content:flex-start;}
    html.js .head ul.nav li.nav-lang > .subnav{display:none;background:transparent;}
    html.js .head ul.nav li.nav-lang.hy-open > .subnav{display:block;}
    html.js .head ul.nav .hy-lang-sub{border-radius:0;box-shadow:none;padding:0 !important;}
    html.js .head ul.nav .hy-lang-sub > li{border-bottom:none;}
    html.js .head ul.nav .hy-lang-sub > li > a{padding:10px 20px 10px 44px !important;}
    html.js .head ul.nav .hy-lang-sub .hy-lang-zh{color:#aaa;}
    html.js .head ul.nav .subnav li{border-bottom:none;}
    html.js .head ul.nav .subnav li a{line-height:40px;height:auto;padding:0 20px 0 44px;font-size:14px;color:#555;}
    html.js .head ul.nav .subnav .subnav li a{padding-left:68px;font-size:13px;color:#777;}
    html.js .head ul.nav .subnav li a:hover{background:#f4faf0;}
    html.js .head ul.nav .subnav li a.current{color:#4bbe14;background:#f4faf0;font-weight:bold;}
    /* 无 JS 兜底：平铺菜单中当前项仅变色 */
    .head ul.nav li.current > a{color:#4bbe14;font-weight:bold;border-bottom:2px solid #4bbe14;}
}

/* =========================================================
   ≤ 767px 首页移动端美化：信息块卡片化
   ========================================================= */
@media (max-width:767px){
    .idxbox-topcontent{padding:0 12px !important;}
    .idxbox-topcontent .t1,.idxbox-topcontent .t2,.idxbox-topcontent .t3{
        margin:0 0 12px !important;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.07);overflow:hidden;
    }
    .idxbox-topcontent .t1{background:#fff !important;}
    .idxbox-topcontent .t1 h1{font-size:26px !important;}
    .idxbox-topcontent .t2{background:#fff !important;border-top:3px solid #6fbfa1;}
    .idxbox-topcontent .t2 h1{font-size:20px !important;color:#4a5364;}
    .idxbox-topcontent .t2 h2{margin-bottom:14px !important;}
    .idxbox-topcontent .t2 ul li{font-size:13px;}
    .idxbox-bottom .b1,.idxbox-bottom .b2,.idxbox-bottom .b3{
        margin:0 12px 12px !important;border-radius:10px;background:#fff;
        box-shadow:0 4px 16px rgba(0,0,0,.07);border-bottom:none !important;
    }
}

/* =========================================================
   四大内页手机端重制（案例 anli / 业务 fuwu / 联系 lxfs / 关于 about）
   ========================================================= */
@media (max-width:991px){

    /* ---------- 内页 Hero：大图压扁成横幅，内容改文档流 ---------- */
    .top_section{height:auto !important;background:radial-gradient(ellipse 90% 70% at 62% 42%, #1c1410 0%, #0d0c0e 55%, #0a0a0c 100%) !important;}
    .top_section .top_sectionbg{display:none !important;}
    .case_introbox,.contact_introbox,.service_introbox,.about_introbox{height:auto !important;padding:0 15px 22px;}
    .pagetitle_move{position:static !important;opacity:1 !important;font-size:22px !important;line-height:1.45;color:#fff;padding:18px 0 4px;margin:0;}
    .case_introcontent,.contact_introcontent,.service_introcontent{position:static !important;height:auto !important;min-height:0 !important;width:auto !important;padding:18px 15px 0 !important;text-align:left !important;}
    .case_introcontent h2,.contact_introcontent h1,.service_introcontent h2{font-size:20px !important;line-height:1.5;margin:6px 0;}
    .case_introcontent p,.contact_introcontent p,.service_introcontent p{font-size:14px;line-height:1.9;}
    .contact_introcontent h2{font-size:22px !important;letter-spacing:0 !important;line-height:1.6;}
    .contact_introcontent h2 a{color:#0099ff;display:inline-block;padding:2px 4px;}
    .contact_introcontent h1,.contact_introcontent h3{color:#555 !important;}
    .contact_introcontent h3 a{color:#ff6600 !important;background:none !important;padding-left:0 !important;}
    .about_introbox > p{position:static !important;opacity:1 !important;}
    .about_introbox p img{max-width:62%;height:auto;}

    /* 联系页：绿色提示条 + 地图 */
    .map-top{position:static !important;width:auto !important;height:auto !important;padding:18px 15px 20px !important;margin:26px -15px -30px;text-align:center;}
    .map-top p{font-size:13px;line-height:1.9;margin:0 0 10px;}
    .map-top h2{font-size:17px;margin:0;}
    #container{height:300px !important;}

    /* ---------- 案例页 ---------- */
    .customer_cnt .bd{width:100% !important;}
    .customer_cnt .bd ul li{margin:0 !important;}
    .customer_cnt .bd ul li img{max-width:100%;}
    .customer_cnt .prev,.customer_cnt .next{display:none !important;}
    .case-tabs ul{display:block;padding:0 10px;}
    .case-tabs li{padding:0 12px;}
    .case2-main-list{padding:0 12px;}
    .case2-main-list li{width:100% !important;height:auto !important;margin:0 0 16px !important;}
    .case2-main-list li img{max-width:100%;height:auto !important;}
    .case2_more{height:auto !important;padding:18px 0 24px;}

    /* ---------- 业务页 ---------- */
    .service_section1{height:auto !important;padding:34px 15px 28px;}
    /* 滚动动画在手机端直接显示，避免 JS 失败时整块空白 */
    .service_section1 .w1200 > *,.service_section2 .w1200 > *,
    .service_section3 .w1200 > *,.service_section4 .w1200 > *{opacity:1 !important;transform:none !important;}
    .service_section1 .w1200 h2{color:#223c2f;margin:0 0 16px;}
    .s_s1list li{float:none !important;width:100% !important;height:auto !important;margin:0 0 12px !important;padding:62px 16px 18px;box-sizing:border-box;transform:none;opacity:1;}
    .s_s1list li h3{color:#fff !important;}
    .s_s1list li h1{color:#dff0e6 !important;}
    .s_s1list li p{color:#e6f2ea;}
    .service_section2{height:auto !important;padding:36px 15px 42px;}
    .service_section3{background-size:cover;background-position:center;}
    .service_section3 .w1200{height:auto !important;padding:36px 15px 42px;box-sizing:border-box;}
    .service_section3 .w1200 p{color:#bbb;}
    .service_section3 .ss2-list{display:block !important;width:auto !important;padding:10px 0 0 !important;opacity:1 !important;}
    .service_section4 .w1200{min-height:0 !important;padding:36px 15px;box-sizing:border-box;}
    .service_section4 .w1200 p{line-height:2;}
    .service_section4 .w1200 img{max-width:120px;height:auto;}
    .service_section5 .w1200{padding:30px 12px;}
    .service_section5 ul{width:auto !important;text-align:center;}
    .service_section5 ul li{float:none !important;display:inline-block;vertical-align:top;width:30% !important;height:auto !important;margin:0 1.5% 10px;}
    .service_section5 ul li div{width:100% !important;height:auto !important;display:block !important;padding:12px 4px;box-sizing:border-box;}
    .service_section5 ul li img{max-width:86%;max-height:80px;}

    /* ---------- 关于页 ---------- */
    .about_ban{height:auto !important;}
    .ab1_cnt1{width:100% !important;height:auto !important;padding-bottom:24px;}
    .ab1_cnt1 .hd .next,.ab1_cnt1 .hd .prev{display:none;}
    .ab1_cnt1 .bd{width:100% !important;padding:10px 0 0 !important;box-sizing:border-box;}
    .ab1_cnt1 .bd li{padding:0 15px;box-sizing:border-box;}
    /* SuperSlide 轮播：slide 固定 1200px 会裁切，改为视口宽并居中 */
    .ab1_cnt1 .bd ul li{width:100vw !important;text-align:center;}
    .ab1_cnt1 .bd ul li h2{font-size:19px !important;}
    .ab1_cnt1 .bd ul li h3{font-size:17px !important;line-height:1.6 !important;white-space:normal !important;word-break:break-all;color:#4a4a4a !important;}
    .ab1_cnt1 .bd ul li p{font-size:14px !important;line-height:1.9 !important;color:#666 !important;}
    .ab1_cnt1 .bd ul li img{max-width:100% !important;height:auto !important;}
    .ab1_cnt1 .bd h2{margin:8px 0;}
    .ab1_cnt1 .bd img{max-width:100%;height:auto;}
    .about_section3{height:auto !important;min-width:0 !important;padding:40px 15px 30px !important;background-size:cover;background-position:center;box-sizing:border-box;}
    .about_section3 > .w1200 > p{color:#ddd;}
    /* 滚动淡入动画在手机端直接显示，避免 JS 未触发时整块发黑 */
    .about_section3 .w1200 > p,.about_section3 .w1200 > h2,
    .about_section3 .w1200 > div > *,
    .about_section3 .w1200 > h2,.about_section3 .w1200 > hr{opacity:1 !important;transform:none !important;transition:none !important;}
    .about_section3 h2{margin:6px 0 18px 0 !important;font-size:22px !important;line-height:1.5;color:#7fc79b !important;}
    .about_section3 .w1200 > p{margin-left:0 !important;font-size:15px !important;line-height:1.8;color:#ddd !important;}
    .as3_main{overflow:hidden;}
    .as3-right,.as3-left{float:none !important;width:100% !important;margin:0 0 26px !important;padding:0;overflow:hidden;}
    .as3-right span,.as3-left span{float:none !important;display:block;width:auto !important;height:auto;line-height:1.1;margin:0 0 4px;font-size:56px !important;color:#8fd2a8 !important;background:none !important;}
    .as3-right h3,.as3-left h3{float:none !important;width:auto !important;margin:0 0 12px !important;font-size:17px !important;line-height:1.5;color:#e8e8e8 !important;}
    .as3-right ul,.as3-left ul{float:none !important;width:100% !important;margin:0 !important;padding:0;overflow:hidden;}
    .as3-right ul li,.as3-left ul li{float:left;width:50% !important;margin:0 0 8px !important;padding-right:8px;box-sizing:border-box;font-size:13px !important;line-height:1.6 !important;color:#c9c9c9 !important;}
    .as3-right ul p,.as3-left ul p{float:left;width:100% !important;margin:6px 0 0 !important;clear:both;color:#9a9a9a !important;}
    .as3-right ul p a{color:#8fd2a8 !important;font-size:14px !important;}
    .about_section1{min-width:0 !important;}
    .as1_section_left{width:100% !important;float:none;}
    .as1_section_left .bd img{width:100%;display:block;}
    .as1_left{position:static !important;width:100% !important;height:auto !important;padding:26px 15px 30px;box-sizing:border-box;}
    .as1_left h2{margin:0 0 6px;padding:0 !important;font-size:26px;letter-spacing:0;}
    .as1_left h1{margin:0 0 10px;font-size:24px;}
    .as1_left p,.as1_left i{margin-left:0;}
    .as1_left i img{max-width:100%;}
}
@media (max-width:560px){
    .top_section .top_sectionbg{height:170px;}
    .service_section5 ul li{width:46% !important;}
}

/* =========================================================
   手机端子菜单手风琴开关（默认收缩，点右侧箭头展开）
   ========================================================= */
.head ul.nav li.has-sub > .hy-sub-toggle{display:none;position:absolute;right:0;top:0;height:48px;width:46px;align-items:center;justify-content:center;cursor:pointer;z-index:3;-webkit-tap-highlight-color:transparent;}
.head ul.nav .subnav li.has-sub > .hy-sub-toggle{height:40px;}
.head ul.nav li.has-sub > .hy-sub-toggle::before{content:"";width:7px;height:7px;border-right:2px solid #9a9a9a;border-bottom:2px solid #9a9a9a;transform:rotate(45deg) translate(-1px,-1px);transition:transform .25s;}
.head ul.nav li.sub-open > .hy-sub-toggle::before{transform:rotate(225deg) translate(-1px,-1px);}
.head ul.nav li.sub-open > .hy-sub-toggle::before{border-color:#4bbe14;}

/* =========================================================
   列表分页：统一小圆角绿色按钮（覆盖 layout.css 的 56px 大块）
   ========================================================= */
.pagination-wrapper{height:auto !important;overflow:visible !important;margin:26px 0 40px !important;text-align:center !important;}
.pagination{height:auto !important;text-align:center !important;}
.pagination ul{list-style:none;margin:0;padding:0;}
.pagination li{display:inline-block !important;float:none !important;height:auto !important;margin:4px 3px !important;text-align:center;background:none !important;border:none !important;}
.pagination li a{float:none !important;display:inline-block !important;height:34px !important;line-height:32px !important;padding:0 13px !important;font-size:13.5px !important;font-weight:normal !important;letter-spacing:0 !important;color:#555 !important;background:#fff !important;border:1px solid #e2e2e2 !important;border-radius:4px !important;text-decoration:none !important;transition:background .18s,color .18s,border-color .18s;min-width:34px;box-sizing:border-box;}
.pagination li a:hover{background:#4bbe14 !important;border-color:#4bbe14 !important;color:#fff !important;}
.pagination li.active a,
.pagination li.thisclass a,
.pagination li a.thisclass,
.pagination li.thisclass{background:#4bbe14 !important;border-color:#4bbe14 !important;color:#fff !important;}
.pagination li.disabled a{color:#c9c9c9 !important;background:#fafafa !important;}
/* 通用分页家族（pagenavi 等） */
.pagenavi{text-align:center;padding:20px 0;}
.pagenavi a,.pagenavi span{display:inline-block;margin:3px;padding:0 12px;height:32px;line-height:30px;font-size:13.5px;color:#555;border:1px solid #e2e2e2;border-radius:4px;background:#fff;text-decoration:none;}
.pagenavi a:hover{background:#4bbe14;border-color:#4bbe14;color:#fff;}
.pagenavi span.current{background:#4bbe14;border-color:#4bbe14;color:#fff;}

@media (max-width:767px){
    .pagination li{margin:3px 2px !important;}
    .pagination li a{height:32px !important;line-height:30px !important;padding:0 11px !important;font-size:13px !important;min-width:32px;}
    /* 详情页标题与日期：确保不被抽屉/头部遮挡，字号可读 */
    .ndbox h3{font-size:19px !important;line-height:1.55 !important;color:#222 !important;font-weight:bold !important;}
    .ndbox > p{font-size:12.5px !important;line-height:1.7 !important;color:#888 !important;}
    .ndbox > p a{color:#4bbe14 !important;}
}

/* =========================================================
   案例列表页手机端重制：去轮播/黑边/圆点，改纵向卡片列表
   ========================================================= */
@media (max-width:767px){
    .case-wrap{background:#f4f6f5 !important;padding-bottom:26px !important;}
    /* tabs：横向滑动胶囊，与普通菜单明显区分 */
    .case-tabs{height:auto !important;padding:14px 12px 6px !important;overflow-x:auto;-webkit-overflow-scrolling:touch;text-align:left !important;}
    .case-tabs ul{display:inline-flex !important;width:max-content !important;}
    .case-tabs li{float:none !important;padding:0 4px !important;line-height:1 !important;position:static !important;}
    .case-tabs li .ct-dot{display:none !important;}
    .case-tabs li a{display:block !important;padding:7px 15px !important;border-radius:999px;background:#fff;border:1px solid #e2e8e5;font-size:13px;line-height:1.5;color:#555;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s,border-color .18s;}
    .case-tabs li.curr a{background:#2fbf7c !important;border-color:#2fbf7c !important;color:#fff !important;}

    /* 轮播外框 → 卡片列表 */
    .customer_cnt{background:transparent !important;}
    .customer_cnt .w1200{padding:0 12px !important;height:auto !important;}
    .customer_cnt .prev,.customer_cnt .next,.customer_cnt .hd{display:none !important;}
    .customer_cnt .bd{width:100% !important;overflow:visible !important;}
    .customer_cnt .bd ul{width:auto !important;}
    .customer_cnt .bd ul li{float:none !important;width:100% !important;margin:0 0 14px !important;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 3px 14px rgba(30,60,45,.08);}
    /* 封面固定 16:9（padding-top 撑高方案，兼容微信 X5 等不支持 aspect-ratio 的内核） */
    .customer_cnt .bd ul li > a:first-child{display:block !important;position:relative;height:0 !important;padding-top:56.25% !important;overflow:hidden;background:#f7f7f7;}
    .customer_cnt .bd ul li > a:first-child img{position:absolute !important;left:0;top:0;width:100% !important;height:100% !important;max-height:none !important;object-fit:cover;display:block;}
    .customer_cnt .bd ul li .title{margin:0 !important;padding:12px 15px 14px !important;line-height:1.6 !important;}
    .customer_cnt .bd ul li .title [class^=cust_icon]{background:none !important;padding-left:0 !important;margin-bottom:4px !important;}
    .customer_cnt .bd ul li .title h3.cust_icon{font-size:15.5px !important;font-weight:bold !important;color:#333 !important;line-height:1.55 !important;}
    .customer_cnt .bd ul li .title .cust_icon2{font-size:13px !important;color:#8a9490 !important;line-height:1.7 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .customer_cnt .bd ul li .title .cust_icon3{font-size:12px !important;font-family:inherit !important;letter-spacing:0 !important;color:#adb5b1 !important;margin-bottom:0 !important;}

    .case2_more{background:transparent !important;padding:6px 0 20px !important;}
    .case2_more a{width:auto !important;height:42px !important;line-height:42px !important;padding:0 40px !important;border-radius:999px !important;font-size:15px !important;background:#2fbf7c;}
}

/* =========================================================
   案例页分页兜底：eyou pagelist 裸 <li> 输出也能正常成排显示
   ========================================================= */
.hy-al-page ul{list-style:none !important;margin:0;padding:0;}
.hy-al-page li{list-style:none !important;display:inline-block !important;float:none !important;margin:4px 3px !important;background:none !important;border:none !important;}
.hy-al-page li a{display:inline-block !important;height:34px !important;line-height:32px !important;padding:0 14px !important;font-size:13.5px !important;color:#555 !important;background:#fff !important;border:1px solid #e2e2e2 !important;border-radius:4px !important;text-decoration:none !important;min-width:34px;box-sizing:border-box;transition:background .18s,color .18s,border-color .18s;}
.hy-al-page li a:hover{background:#4bbe14 !important;border-color:#4bbe14 !important;color:#fff !important;}
.hy-al-page li.active a,
.hy-al-page li.thisclass a,
.hy-al-page li a.thisclass,
.hy-al-page li.thisclass{background:#4bbe14 !important;border-color:#4bbe14 !important;color:#fff !important;}
.hy-al-page li.disabled a,
.hy-al-page li span{color:#c9c9c9 !important;background:#fafafa !important;border-color:#eee !important;}
.hy-al-page li span{display:inline-block;height:34px;line-height:32px;padding:0 14px;font-size:13.5px;border:1px solid #eee;border-radius:4px;background:#fafafa;}