@charset "utf-8";

/* ============================================================
 * mobile.css  金川岛官网首页响应式适配（手机/平板竖屏）
 * 仅作为 PC 样式的覆盖层：PC 端规则保持不变
 * 断点：<=768px 手机/小平板   <=480px 小屏微调
 * ============================================================ */

/* ---------- 汉堡按钮：PC 默认隐藏 ---------- */
.wk_nav-toggle {
    display: none;
    width: 38px;
    height: 38px;
    padding: 8px 9px;
    box-sizing: border-box;
    border-radius: 4px;
}

.wk_nav-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 4px;
    background: #555;
    border-radius: 2px;
}

.wk_nav-toggle span:last-child {
    margin-bottom: 0;
}

.wk_nav-toggle.open span {
    background: #90C42F;
}

/* ============================================================
 * <= 768px：手机与小平板
 * ============================================================ */
@media screen and (max-width: 768px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
    }

    /* ---------------- 顶部导航 ---------------- */
    #hd {
        height: 50px !important;
        min-height: 50px;
        box-sizing: border-box;
    }

    #week_nav {
        position: relative;
        min-width: 0 !important;
        width: 100% !important;
        height: 50px !important;
        overflow: visible !important;
    }

    #hd #week_nav .wk_navwp {
        width: auto !important;
        height: 50px;
        padding: 0 12px;
    }

    .wk_lonav {
        float: none !important;
        width: auto !important;
        height: 50px !important;
        overflow: visible !important;
    }

    .wk_logo {
        float: none !important;
        width: calc(100% - 52px) !important;
        height: 50px !important;
        overflow: visible !important;
        white-space: nowrap;
    }

    .wk_logo a {
        height: 50px !important;
        flex-wrap: nowrap !important;
    }

    .wk_logo > a > div {
        height: 50px !important;
        line-height: 50px !important;
    }

    .wk_logo > a > div:first-child {
        flex: 0 0 auto;
    }

    .wk_logo > a > div:last-child {
        flex: 1 1 auto;
        min-width: 0;
    }

    .wk_logo img {
        height: 40px !important;
        max-width: 100% !important;
        width: auto !important;
        vertical-align: middle;
    }

    .wk_logo h1 {
        font-size: 13px !important;
        line-height: 50px !important;
        margin-left: 8px !important;
        color: #444;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* #test33 收起态保持可见（透明容器，仅承载汉堡按钮）；
       ul.nav 才是点击后展开的下拉面板 */
    .wk_inav {
        float: none !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        position: static !important;
        display: block !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .wk_inav .nav {
        display: none;
        float: none !important;
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        z-index: 999;
        height: auto !important;
        overflow: visible !important;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .12);
    }

    .wk_inav.open .nav {
        display: block;
    }

    .wk_inav .nav li {
        float: none !important;
        width: auto !important;
        height: auto !important;
        min-height: 46px;
        line-height: normal !important;
        padding: 0 18px !important;
        background: none !important;
        border-bottom: 1px solid #f0f0f0;
    }

    .wk_inav .nav li a,
    .wk_inav .nav li .dropbtn {
        display: block;
        height: 46px !important;
        line-height: 46px !important;
        padding: 0 !important;
        font-size: 15px !important;
    }

    .wk_nav-toggle {
        display: block;
        position: absolute;
        top: 6px;
        right: 12px;
        z-index: 1001;
    }

    /* 产品展示下拉：移动端点击展开 */
    #test33 .dropdown {
        position: relative;
    }

    #test33 .dropdown-content {
        position: static !important;
        top: auto !important;
        display: none;
        min-width: 0 !important;
        border-radius: 0;
        background: #fafafa;
        box-shadow: none;
    }

    #test33 .dropdown.open .dropdown-content {
        display: block;
        padding-bottom: 8px;
    }

    #test33 .dropdown-content a {
        height: 40px !important;
        line-height: 40px !important;
        border-bottom: 0 !important;
        padding: 0 18px !important;
        font-size: 14px;
    }

    /* ---------------- 首页容器：解除整屏锁定 ---------------- */
    .wk_index_main {
        margin-top: 0 !important;
    }

    .section {
        min-width: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        box-sizing: border-box;
    }

    .page2,
    .page3,
    .page4,
    .page5,
    .page6 {
        padding: 36px 0 30px !important;
    }

    /* ---------------- page1 Banner 轮播 ---------------- */
    .page1 {
        padding: 0 !important;
    }

    .wk_slide-wrap {
        height: 62vw;
        min-height: 230px;
        max-height: 430px;
    }

    .wk_slide-wrap ul {
        height: 100% !important;
    }

    .wk_slide-wrap li {
        height: 100% !important;
    }

    .wk_slide-wrap .wk_banner {
        background-position: center center !important;
    }

    /* 产品渲染图：覆盖固定宽高与负 margin 定位 */
    .wk_slide-wrap li .wk_wrap {
        position: absolute !important;
        top: auto !important;
        bottom: 7% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        text-align: center;
    }

    .wk_slide-wrap li .wk_wrap img {
        width: 40% !important;
        max-width: 210px;
        height: auto !important;
    }

    /* 向下箭头隐藏 */
    .page1 .wk_arrow {
        display: none !important;
    }

    /* 底部轮播导航：圆点简化 */
    .wk_slide-nav-wrap {
        position: absolute !important;
        bottom: 8px !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        overflow: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
    }

    #wk_slide-nav {
        width: auto !important;
        height: 14px !important;
        margin: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        text-align: center;
    }

    .wk_nav-line {
        display: none !important;
    }

    #wk_slide-nav .wk_nav-bullet-container {
        float: none !important;
        display: inline-block !important;
        width: 10px !important;
        height: 10px !important;
        margin: 0 7px !important;
        vertical-align: middle;
        background: rgba(255, 255, 255, .45);
    }

    #wk_slide-nav .wk_nav-bullet-container.active {
        background: #fff;
    }

    #wk_slide-nav .wk_nav-bullet-container:nth-child(1) {
        margin-left: 7px !important;
    }

    #wk_slide-nav .nav-link:before,
    #wk_slide-nav .nav-link:after {
        display: none !important;
    }

    #wk_slide-nav .nav-bullet,
    #wk_slide-nav .nav-text {
        display: none !important;
    }

    /* ---------------- page2 产品特色（四宫格→单列） ---------------- */
    .page2 {
        background: #2c3e50 !important;
    }

    .wk_fwxm {
        position: static !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 12px;
    }

    .wk_fwxm ul {
        height: auto !important;
    }

    .wk_fwxm li {
        float: none !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 10px !important;
        padding: 16px 14px !important;
        box-sizing: border-box !important;
        opacity: 1 !important;
        transform: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        text-align: left !important;
    }

    .wk_fwxm li:last-child {
        margin-bottom: 0 !important;
    }

    /* 触屏无 hover：底色常显、按钮常显 */
    .wk_fwxm li .wk_fwxm_bg {
        height: 100% !important;
        opacity: .92;
    }

    .wk_fwxm li .wk_fwxm_main {
        position: relative !important;
        z-index: 2 !important;
        top: auto !important;
        margin: 0 !important;
    }

    /* 彩底块必须压在文字层之下 */
    .wk_fwxm li .wk_fwxm_bg {
        z-index: 1 !important;
    }

    .wk_fwxm li .wk_fwxm_ico {
        float: left !important;
        width: 76px !important;
        height: 76px !important;
        margin: 2px 12px 0 0 !important;
        background-size: 76px 152px !important;
        background-position: 0 0 !important;
    }

    .wk_fwxm li h2 {
        margin-top: 0 !important;
        line-height: 24px !important;
        font-size: 16px !important;
        color: #fff !important;
    }

    .wk_fwxm li .wk_fwxm_des {
        margin-top: 6px !important;
        font-size: 12px !important;
        line-height: 19px !important;
        color: rgba(255, 255, 255, .92) !important;
    }

    .wk_fwxm li .wk_ljzx {
        position: relative !important;
        z-index: 2 !important;
        margin: 12px 0 0 !important;
        width: auto !important;
        height: auto !important;
        clear: both !important;
        text-align: center !important;
    }

    .wk_fwxm li .wk_ljzx a {
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        line-height: 28px !important;
        padding: 0 16px !important;
        font-size: 13px !important;
        color: #fff !important;
        border: 1px solid rgba(255, 255, 255, .8) !important;
        border-radius: 4px;
        background: rgba(255, 255, 255, .15);
    }

    /* ---------------- page3 产品案例（卡片两列） ---------------- */
    .case {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 12px;
        text-align: center;
    }

    .case h2 {
        position: static !important;
        left: 0 !important;
        display: inline-block;
    }

    .case h2 img {
        width: 170px;
        height: auto;
    }

    /* 左右切换按钮在手机上隐藏（整列直出） */
    .wk_btndiv {
        display: none !important;
    }

    .wk_scrollcontainer {
        position: static !important;
        width: auto !important;
        height: auto !important;
        margin: 18px auto 0 !important;
        overflow: visible !important;
    }

    .wk_scrollcontainer ul {
        position: static !important;
        top: auto !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
    }

    .wk_scrollcontainer li {
        float: none !important;
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        overflow: visible !important;
    }

    .case .wk_case_list {
        float: none !important;
        width: 48.5% !important;
        margin: 0 0 12px 0 !important;
        height: auto !important;
        opacity: 1 !important;
        transform: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        box-sizing: border-box;
        background: #fff;
    }

    .case .wk_case_list:nth-child(odd) {
        margin-right: 3% !important;
    }

    .case .wk_case_list .wk_case_img {
        width: 100% !important;
        height: auto !important;
        padding-top: 70%;
        position: relative;
        overflow: hidden;
    }

    .case .wk_case_list .wk_case_img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    .case .wk_case_list .wk_case_ico {
        width: 100% !important;
        height: 100% !important;
        background-size: 45% auto !important;
    }

    .case .wk_case_list .wk_case_xian {
        position: static !important;
        bottom: auto !important;
        width: 100% !important;
        height: auto !important;
        line-height: 1.4 !important;
        padding: 8px 4px;
        font-size: 13px !important;
        color: #fff;
        white-space: normal;
        background: rgba(0, 0, 0, .65);
        box-sizing: border-box;
    }

    /* ---------------- page4 关于我们 / 证书 ---------------- */
    .wk_about {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 12px;
    }

    .wk_about h2 {
        position: static !important;
        left: 0 !important;
    }

    .wk_about h2 img {
        width: 170px;
        height: auto;
    }

    /* 手机端隐藏 简介/证书 tab，两个面板直接上下常显 */
    .wk_about_menu {
        display: none !important;
    }

    .wk_about .wk_aaa {
        display: block !important;
    }

    .wk_about_div {
        margin: 18px 0 0 !important;
        overflow: visible !important;
    }

    .wk_about_main {
        margin: 0 !important;
    }

    .wk_about_left {
        float: none !important;
        width: auto !important;
        text-align: center;
    }

    .wk_about_left img {
        width: 100% !important;
        max-width: 420px;
        height: auto !important;
    }

    .wk_about_right {
        float: none !important;
        width: auto !important;
    }

    .wk_about_top {
        padding-top: 14px !important;
        text-align: center;
    }

    .wk_about_top a {
        float: none !important;
        display: inline-block !important;
        width: 22% !important;
        height: auto !important;
        margin: 0 1.5% !important;
        vertical-align: top;
    }

    .wk_about_top a img {
        width: 100% !important;
    }

    .wk_about_des {
        margin-top: 16px !important;
        font-size: 14px !important;
        line-height: 1.9 !important;
    }

    /* 证书：改为原生横向触摸滑动 */
    .wk_history {
        padding-top: 12px !important;
        background: none !important;
    }

    .wk_blk_18 {
        width: auto !important;
    }

    .wk_blk_18 .LeftBotton,
    .wk_blk_18 .RightBotton {
        display: none !important;
    }

    .wk_blk_18 .wk_pcont {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .wk_blk_18 .wk_pcont::-webkit-scrollbar {
        display: none;
    }

    .wk_blk_18 .ScrCont {
        width: auto !important;
    }

    .wk_blk_18 #List1_1 {
        float: none !important;
        display: flex !important;
    }

    .wk_fzlc_s,
    .wk_fzlc_b {
        float: none !important;
        flex: 0 0 68%;
        max-width: 260px;
        width: auto !important;
        height: auto !important;
        margin: 0 10px 0 0 !important;
    }

    .wk_fzlc_s h4,
    .wk_fzlc_b h4 {
        width: auto !important;
        font-size: 16px !important;
    }

    .wk_his_ico {
        width: auto !important;
    }

    .wk_fzlc_s dl,
    .wk_fzlc_b dl {
        width: auto !important;
        height: auto !important;
        box-sizing: border-box;
    }

    .wk_fzlc_b dl dt,
    .wk_fzlc_b dl dt img {
        width: 100% !important;
        height: auto !important;
    }

    .wk_fzlc_s dl dt,
    .wk_fzlc_s dl dt img {
        float: none !important;
        width: 100% !important;
        height: auto !important;
    }

    .wk_fzlc_s dl dd,
    .wk_fzlc_b dl dd {
        float: none !important;
        width: auto !important;
    }

    /* ---------------- page5 合作伙伴（三列网格） ---------------- */
    .wk_service {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 12px;
        text-align: center;
    }

    .wk_service h2 {
        position: static !important;
        left: 0 !important;
        margin: 0 0 10px 0 !important;
    }

    .wk_service h2 img {
        width: 170px;
        height: auto;
    }

    .wk_service_xian {
        display: none;
    }

    .wk_service_main {
        position: static !important;
        top: auto !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 15px 8px !important;
        opacity: 1 !important;
        box-sizing: border-box;
    }

    .wk_service_main ul {
        display: flex;
        flex-wrap: wrap;
    }

    .wk_service_main ul li {
        float: none !important;
        width: 31.3% !important;
        height: auto !important;
        margin: 0 1% 12px !important;
        box-sizing: border-box;
    }

    .wk_service_main ul li img {
        width: 100% !important;
        height: auto !important;
    }

    /* ---------------- page6 联系我们（上下堆叠） ---------------- */
    .wk_contact {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 18px;
    }

    .wk_contact_left,
    .wk_contact_left1 {
        display: none !important;
    }

    .wk_contact_right {
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: auto !important;
    }

    .wk_contact_right h2 {
        text-align: center;
    }

    .wk_contact_right h2 img {
        width: 170px;
        height: auto;
    }

    .wk_cont_div {
        width: auto !important;
        padding: 10px 0 0 !important;
    }

    .wk_cont_div li {
        height: auto !important;
        min-height: 32px;
        line-height: 1.7 !important;
        font-size: 15px !important;
        margin-top: 14px !important;
        word-break: break-all;
    }

    .wk_cont_div span {
        width: 30px !important;
        height: 30px !important;
        margin-right: 10px !important;
        background-size: contain !important;
    }

    /* ---------------- 页脚 ---------------- */
    .fp-auto-height .wk_footer_side,
    .wk_footer_side {
        opacity: 1 !important;
        min-width: 0 !important;
        padding: 15px 12px !important;
        box-sizing: border-box;
    }

    .wk_footer {
        width: auto !important;
        background: none !important;
        font-size: 12px !important;
        line-height: 1.9 !important;
        text-align: center;
    }

    /* ---------------- 右侧悬浮客服（QQ/在线咨询/回到顶部）移动端整块隐藏 ---------------- */
    .main-im,
    #scrolltop {
        display: none !important;
    }

    /* ============================================================
     * 内页通用容器 reset（列表页/关于页/联系页/详情页共用）
     * ============================================================ */

    /* 全局 1160px 宽容器 → 自适应 */
    .wp {
        width: auto !important;
        max-width: none !important;
        padding: 0 12px;
        box-sizing: border-box;
    }

    .wk_ymbg {
        padding-top: 8px !important;
    }

    /* 列表/详情页顶部 banner 占位（原 300px + min-width:1180px） */
    .wk_list_box {
        min-width: 0 !important;
        width: 100% !important;
        height: 120px !important;
        overflow: hidden !important;
        background-size: cover !important;
    }

    .wk_list_box .bm_h {
        width: auto !important;
        margin-top: 0 !important;
        padding-top: 45px !important;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
        text-align: center;
    }

    /* 面包屑高度/字号缩小 */
    .wk_c_right_name {
        height: 40px !important;
        padding: 8px 0 !important;
    }

    .wk_c_right_name_r ul li img {
        height: 14px !important;
    }

    .wk_c_right_name_r ul li span {
        font-size: 12px !important;
    }

    /* 详情页标题区（原 min-width:1180px + 内联 margin-top:120px 避开 PC 固定导航） */
    .wk_news_box {
        min-width: 0 !important;
        width: 100% !important;
        padding: 55px 12px 16px !important;
        box-sizing: border-box;
        background: #1a2530 !important;
    }

    .wk_news_box > div {
        margin-top: 0 !important;
    }

    .wk_news_box h1.ph {
        font-size: 18px !important;
        padding: 10px 0 6px !important;
        color: #fff !important;
    }

    .wk_news_box p.xg1 {
        font-size: 12px !important;
        color: rgba(255,255,255,.7) !important;
        margin: 0 !important;
    }

    /* 详情页正文容器（.bm.vw） */
    .bm.vw {
        padding: 16px 12px !important;
        box-sizing: border-box;
    }

    .vw .d {
        font-size: 14px !important;
        line-height: 1.8 !important;
        word-break: break-word !important;
    }

    .vw .d img {
        max-width: 100% !important;
        height: auto !important;
    }

    .week_share {
        padding: 12px 0 !important;
        font-size: 12px !important;
    }

    .bdsharebuttonbox {
        font-size: 12px !important;
    }

    /* ============================================================
     * 列表页两栏（news.blade.php / case.blade.php 主布局）
     * ============================================================ */

    .ct2 {
        padding: 0 !important;
    }

    /* mn 主内容、sd 侧栏 → 竖排堆叠 */
    .ct2 .mn,
    .ct2 .sd {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }

    .ct2 .sd {
        margin-top: 20px !important;
    }

    /* news 列表卡片：原左图右文横向 → 上图下文纵向 */
    .wk_tidings_main {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        padding: 16px 12px !important;
        margin-bottom: 14px !important;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        overflow: hidden;
    }

    .wk_tidings_img {
        float: none !important;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .wk_tidings_img img {
        width: 100% !important;
        height: auto !important;
    }

    .wk_tidings_main_name,
    .wk_tidings_main_cnt,
    .wk_tidings_main_more {
        float: none !important;
        width: 100% !important;
    }

    .wk_tidings_main_name {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin-bottom: 6px !important;
    }

    .wk_tidings_main_cnt2 {
        width: 100% !important;
        height: auto !important;
        font-size: 13px !important;
        line-height: 1.7 !important;
        color: #666 !important;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .wk_tidings_main_more {
        text-align: right !important;
        font-size: 12px !important;
        margin-top: 8px !important;
    }

    /* 侧栏：分类菜单 + 联系方式（原固定 230px 宽度） */
    .sd .wk_c_left_t,
    .sd .wk_c_left_cnt,
    .sd .wk_c_left_cont,
    .sd .wk_left_contdiv {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .sd .wk_c_left_t {
        background: #f5f5f5 !important;
        padding: 10px 12px !important;
        border-radius: 4px 4px 0 0;
    }

    .sd .wk_c_left_cnt {
        border: 1px solid #eee !important;
        border-top: none !important;
    }

    .sd .wk_c_left_cnt ul li {
        width: auto !important;
        height: auto !important;
        line-height: 40px !important;
        padding: 0 12px !important;
        border: none !important;
        border-bottom: 1px solid #f0f0f0 !important;
        background: #fff !important;
    }

    .sd .wk_c_left_cnt ul li:last-child {
        border-bottom: none !important;
    }

    .sd .wk_c_left_cnt ul li a {
        display: block;
        color: #333 !important;
        font-size: 14px !important;
    }

    .sd .wk_c_left_cnt ul li.wk_menu1_cur a {
        color: #90C42F !important;
        font-weight: bold;
    }

    .sd .wk_c_left_cont {
        background: #f5f5f5 !important;
        margin-top: 14px !important;
        padding: 10px 12px !important;
        border-radius: 4px 4px 0 0;
    }

    .sd .wk_left_contdiv {
        border: 1px solid #eee !important;
        border-top: none !important;
        padding: 12px !important;
        box-sizing: border-box;
    }

    .sd .wk_left_contdiv span {
        float: none !important;
        width: 100% !important;
        font-size: 13px !important;
        line-height: 1.8 !important;
        padding: 2px 0 !important;
    }

    /* ============================================================
     * 案例列表（case.blade.php）：固定左侧分类侧栏 → 顶部横条
     * ============================================================ */

    .wk_ymbg .box,
    .week_ymbg .box {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 12px !important;
        box-sizing: border-box;
    }

    .wk_ymbg .box.change-type,
    .week_ymbg .box.change-type {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 12px !important;
        box-sizing: border-box;
    }

    /* .change-type 自身在 PC 端是 position:absolute + display:flex + min-width:40px，
       移动端必须解除这些约束，否则子级 .type-left 会被 flex 撑出视口 */
    .change-type {
        position: static !important;
        left: auto !important;
        top: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        overflow: hidden !important;
    }

    .change-type .type-left {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none;
        background: transparent !important;
        border: none !important;
    }

    .change-type .type-left::-webkit-scrollbar {
        display: none;
    }

    .change-type .showListType {
        width: 100% !important;
    }

    .change-type .type-left ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        padding: 0 12px !important;
        margin: 0 !important;
        white-space: nowrap !important;
        background: transparent !important;
    }

    .change-type .type-left ul li {
        flex: 0 0 auto !important;
        width: auto !important;
        height: auto !important;
        line-height: 36px !important;
        padding: 0 14px !important;
        margin-right: 8px !important;
        border: 1px solid #ddd !important;
        border-radius: 20px !important;
        background: #fff !important;
        font-size: 13px !important;
        color: #333 !important;
    }

    .change-type .type-left ul li a {
        position: static !important;
        width: auto !important;
        height: auto !important;
        font-size: 13px !important;
        line-height: 36px !important;
        color: inherit !important;
        border-left: none !important;
        padding: 0 !important;
    }

    .change-type .type-left ul li span {
        display: none !important;
    }

    .change-type .type-left ul li.active,
    .change-type .type-left ul li.active a {
        background: #90C42F !important;
        color: #fff !important;
        border-color: #90C42F !important;
    }

    .week-case {
        width: 100% !important;
        max-width: none !important;
        padding: 0 12px !important;
        box-sizing: border-box;
        margin: 4px auto 0 !important;
    }

    .week-case_con {
        width: 100% !important;
        padding: 0 !important;
    }

    /* 案例卡片：原固定 366px × 380px → 两列 */
    .week-case_con dl {
        float: left !important;
        width: 48.5% !important;
        height: auto !important;
        margin: 0 3% 14px 0 !important;
        box-sizing: border-box;
    }

    .week-case_con dl:nth-child(2n) {
        margin-right: 0 !important;
    }

    .week-case_con dl dd {
        width: 100% !important;
        height: 0 !important;
        padding-bottom: 70% !important;
        position: relative;
        background-size: cover !important;
        background-position: center !important;
    }

    .week-case_con dl dd a {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
    }

    .week-case_con dl dt {
        padding: 8px 4px 0 !important;
        height: auto !important;
    }

    .week-case_con dl h3 {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 4px 0 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* case-detail 里的 .week-case 不存在，直接复用上面的 .box.change-type 规则即可 */

    /* ============================================================
     * 关于页（about.blade.php）
     * ============================================================ */

    .main_about {
        width: 100% !important;
        padding: 20px 12px !important;
        box-sizing: border-box;
    }

    .main_about .who {
        width: 100% !important;
        padding: 0 !important;
    }

    .main_about .bottom {
        width: 100% !important;
        padding: 0 !important;
        margin-top: 20px !important;
    }

    .main_about .bottom dl {
        width: 100% !important;
        margin: 0 0 16px !important;
        padding: 12px;
        box-sizing: border-box;
        border: 1px solid #eee;
        border-radius: 6px;
        background: #fafafa;
    }

    .main_about .bottom dl dd {
        margin-bottom: 8px !important;
    }

    .main_about .bottom dl dd img {
        width: 100% !important;
        height: auto !important;
    }

    .main_about .bottom dl dt h2 {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .project_gray {
        padding: 24px 0 !important;
    }

    .project_gray .project {
        width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box;
    }

    .project_con {
        text-align: center;
    }

    .project_con img {
        max-width: 100% !important;
        height: auto !important;
    }

    .team_box {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .team_box .team {
        width: 100% !important;
        max-width: none !important;
        padding: 0 12px !important;
        box-sizing: border-box;
    }

    .team_con {
        width: 100% !important;
    }

    .team_con .top p {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }

    .team_con .left_cor,
    .team_con .right_cor {
        width: 100% !important;
        float: none !important;
        overflow: hidden;
    }

    .team_con .left_cor .boxgrid {
        width: 48.5% !important;
        height: 140px !important;
        margin: 0 3% 12px 0 !important;
        float: left;
        position: relative;
        overflow: hidden;
        background-size: cover !important;
    }

    .team_con .left_cor .boxgrid:nth-child(2n) {
        margin-right: 0 !important;
    }

    .team_con .right_cor .boxgrid {
        width: 100% !important;
        height: 160px !important;
        margin: 0 !important;
    }

    .boxgrid .cover,
    .boxgrid .cover1 {
        top: auto !important;
        bottom: 0 !important;
        padding: 10px 12px !important;
        height: auto !important;
        background: linear-gradient(transparent, rgba(0,0,0,.75));
    }

    .boxgrid .cover h3,
    .boxgrid .cover1 h3 {
        font-size: 13px !important;
        line-height: 1.4 !important;
        color: #fff !important;
        padding: 0 !important;
    }

    /* ============================================================
     * 联系页（contact.blade.php）
     * ============================================================ */

    .week_contact {
        width: 100% !important;
        min-width: 0 !important;
        padding: 20px 0 !important;
    }

    .week_container {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 12px !important;
        box-sizing: border-box;
    }

    .contact-ways {
        overflow: visible !important;
    }

    .contact-ways li {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        padding: 20px !important;
        margin-bottom: 12px !important;
        box-sizing: border-box;
        border: 1px solid #eee !important;
        border-radius: 8px;
        text-align: center;
    }

    .contact-ways li a {
        padding: 20px 0 10px !important;
    }

    .contact-ways li a i {
        width: 64px !important;
        height: 64px !important;
        margin: 0 auto 12px !important;
        background-size: 64px !important;
    }

    .contact-ways li h4 {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin: 8px 0 !important;
        color: #333 !important;
    }

    .contact-ways li p.cway-txt {
        font-size: 18px !important;
        line-height: 1.5 !important;
        color: #90C42F !important;
    }

    .week_weixin {
        padding: 24px 0 !important;
        text-align: center;
    }

    .week_weixin h3 {
        font-size: 18px !important;
        margin-bottom: 6px !important;
    }

    .week_weixin p {
        font-size: 13px !important;
        color: #888 !important;
    }

    .week_weixin-p img {
        width: 160px !important;
        height: 160px !important;
        border: 1px solid #eee;
        padding: 8px;
        background: #fff;
        border-radius: 6px;
    }

    .week_map {
        padding: 0 !important;
        min-width: 0 !important;
        height: auto !important;
    }

    .week_map #allmap {
        height: 260px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .week_map #container,
    .week_map > div > div[style*="height"] {
        height: 260px !important;
        width: 100% !important;
    }

    .mark-info {
        padding: 14px 16px !important;
        background: #f5f5f5;
        text-align: center;
    }

    .mark-info h4 {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin: 0 0 6px !important;
    }

    .mark-info p {
        font-size: 12px !important;
        color: #666 !important;
        margin: 0 !important;
    }

    /* ============================================================
     * 分页 touch 友好化
     * ============================================================ */

    .pagess {
        margin: 16px 8px !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .pagess ul li {
        display: inline-block !important;
        padding: 6px 12px !important;
        margin: 2px !important;
        line-height: 20px !important;
        font-size: 13px !important;
    }

    .pagess ul li.thisclass {
        padding: 6px 12px !important;
    }
}

/* ============================================================
 * <= 480px：小屏手机微调
 * ============================================================ */
@media screen and (max-width: 480px) {

    .wk_logo h1 {
        font-size: 12px !important;
    }

    .wk_logo img {
        height: 36px !important;
    }

    .wk_slide-wrap li .wk_wrap img {
        width: 44% !important;
    }

    .case h2 img,
    .wk_about h2 img,
    .wk_service h2 img,
    .wk_contact_right h2 img {
        width: 150px;
    }

    .wk_fwxm li .wk_fwxm_ico {
        width: 64px !important;
        height: 64px !important;
        margin-right: 10px !important;
        background-size: 64px 128px !important;
    }

    .wk_fwxm li h2 {
        font-size: 16px !important;
    }

    .case .wk_case_list .wk_case_xian {
        font-size: 12px !important;
        padding: 6px 2px;
    }

    .wk_service_main ul li {
        width: 48% !important;
        margin: 0 1% 10px !important;
    }

    /* --- 内页小屏微调 --- */

    .wk_list_box {
        height: 100px !important;
    }

    .wk_news_box h1.ph {
        font-size: 16px !important;
    }

    .vw .d {
        font-size: 13px !important;
    }

    /* 案例卡片进一步缩为单列，两列在 320px 屏上仍略挤 */
    .week-case_con dl {
        width: 48.5% !important;
    }

    .week-case_con dl dd {
        padding-bottom: 70% !important;
    }

    .team_con .left_cor .boxgrid {
        height: 120px !important;
    }

    .team_con .right_cor .boxgrid {
        height: 140px !important;
    }

    .contact-ways li a i {
        width: 56px !important;
        height: 56px !important;
        background-size: 56px !important;
    }

    .contact-ways li p.cway-txt {
        font-size: 16px !important;
    }

    .week_map #allmap,
    .week_map #container,
    .week_map > div > div[style*="height"] {
        height: 220px !important;
    }

    .wk_tidings_main_name {
        font-size: 15px !important;
    }

    .wk_tidings_main_cnt2 {
        font-size: 12px !important;
    }
}