/* 手机端：对齐 m.alds7.com，桌面宽度保持原样 */
.m-chrome,
.m-foot,
.m-dock,
.m-cate{display:none;}

@media (max-width:768px){
    html, body{
        max-width:100%;
        overflow-x:hidden;
    }
    body{
        min-width:0 !important;
        padding-bottom:64px;
    }
    body:not(.m-open) .m-drawer{display:none;}
    body.m-open .m-dock{visibility:hidden;}
    .header,
    .footer,
    .desk-consult{display:none !important;}
    .m-chrome,
    .m-foot,
    .m-dock{display:block;}

    .container,
    .IndexmainCon{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box;
    }
    img{max-width:100%;height:auto;}

    .m-head{
        display:flex;
        align-items:stretch;
        height:68px;
        background:#fff;
        border-bottom:1px solid #eee;
        position:sticky;
        top:0;
        z-index:40;
    }
    .m-head h1{
        width:29%;
        margin:0;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .m-head h1 a{display:block;width:82%;}
    .m-head h1 img{width:100%;height:auto;display:block;filter:none;-webkit-filter:none;}
    .m-slogan{
        width:56%;
        margin:0;
        border-left:1px solid #e6e6e6;
        border-right:1px solid #e6e6e6;
        display:flex;
        flex-direction:column;
        justify-content:center;
        padding:0 8px;
        box-sizing:border-box;
    }
    .m-slogan b,
    .m-slogan em{
        display:block;
        font-style:normal;
        color:#141414;
        line-height:1.35;
        font-size:13px;
    }
    .m-slogan em{font-weight:normal;font-size:12px;}
    .m-menu-btn{
        width:15%;
        border:0;
        background:#fff;
        padding:0;
        cursor:pointer;
    }
    .m-menu-btn span,
    .m-menu-btn span:before,
    .m-menu-btn span:after{
        display:block;
        width:22px;
        height:2px;
        background:#222;
        margin:0 auto;
        position:relative;
    }
    .m-menu-btn span:before,
    .m-menu-btn span:after{
        content:"";
        position:absolute;
        left:0;
    }
    .m-menu-btn span:before{top:-7px;}
    .m-menu-btn span:after{top:7px;}

    .m-mask{
        display:none;
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.55);
        z-index:70;
    }
    body.m-open .m-mask{display:block;}
    .m-drawer{
        position:fixed;
        top:0;
        right:0;
        width:78%;
        max-width:320px;
        height:100%;
        background:#fff;
        z-index:80;
        transform:translateX(100%);
        transition:transform .25s ease;
        overflow:auto;
        box-sizing:border-box;
    }
    body.m-open .m-drawer{transform:translateX(0);}
    .m-drawer-top{
        display:flex;
        align-items:center;
        gap:8px;
        padding:12px 12px 12px 14px;
        border-bottom:1px solid #eee;
    }
    .m-drawer-top img{height:36px;width:auto;flex:0 0 auto;}
    .m-drawer-top > strong{flex:0 1 auto;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .m-drawer-top #mClose{
        border:0;
        background:transparent;
        font-size:28px;
        line-height:1;
        color:#333;
        cursor:pointer;
        flex:0 0 auto;
        padding:0 2px;
    }
    .m-lang-dd{
        position:relative;
        flex:0 1 auto;
        margin-left:auto;
        max-width:42%;
    }
    .m-lang-dd__btn{
        display:flex;
        align-items:center;
        gap:4px;
        max-width:100%;
        height:32px;
        padding:0 22px 0 8px;
        border:1px solid #e5e5e5;
        border-radius:4px;
        background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23999' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 7px center;
        color:#333;
        font-size:12px;
        line-height:1;
        cursor:pointer;
        box-sizing:border-box;
    }
    .m-lang-dd__btn .lang-flag{font-size:15px;line-height:1;}
    .m-lang-dd__name{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:7.5em;
    }
    .m-lang-dd.is-open .m-lang-dd__btn{border-color:#ff4b00;}
    .m-lang-dd__list{
        position:absolute;
        top:calc(100% + 4px);
        right:0;
        min-width:100%;
        width:max-content;
        max-width:min(220px,70vw);
        background:#fff;
        border:1px solid #ebebeb;
        box-shadow:0 6px 16px rgba(0,0,0,.1);
        z-index:90;
        max-height:60vh;
        overflow:auto;
    }
    .m-drawer .m-lang-dd__list a{
        display:flex;
        align-items:center;
        gap:6px;
        padding:10px 14px;
        border-bottom:1px solid #eee;
        background-image:none;
        background-color:#fff;
        font-size:13px;
        color:#333;
        text-decoration:none;
        white-space:nowrap;
    }
    .m-drawer .m-lang-dd__list a:last-child{border-bottom:0;}
    .m-drawer .m-lang-dd__list a.cur{color:#ff4b00;font-weight:bold;}
    .m-drawer .m-lang-dd__list a .lang-flag{font-size:15px;}
    .m-drawer a{
        display:block;
        padding:14px 18px;
        border-bottom:1px solid #eee;
        color:#333;
        text-decoration:none;
        font-size:16px;
        background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M1 1l6 6-6 6' fill='none' stroke='%23bbb' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center;
    }
    .m-drawer .m-sub a{
        padding-left:28px;
        font-size:14px;
        color:#666;
        background-image:none;
    }
    .m-foot{background:#fff;padding:18px 16px 8px;text-align:center;}
    .m-search{
        display:flex;
        height:42px;
        border:1px solid #ddd;
        border-radius:21px;
        overflow:hidden;
        background:#fff;
    }
    .m-search input{
        flex:1;
        border:0;
        outline:none;
        padding:0 16px;
        font-size:14px;
        min-width:0;
    }
    .m-search button{
        width:52px;
        border:0;
        background:#fff;
        color:#333;
        font-size:14px;
        cursor:pointer;
    }
    .m-foot-nav{margin:16px 0 10px;font-size:14px;color:#666;}
    .m-foot-nav a{color:#666;text-decoration:none;padding:0 8px;border-left:1px dotted #c2c2c2;}
    .m-foot-nav a:first-child{border-left:0;}
    .m-copy{color:#999;font-size:12px;line-height:1.6;margin:0;}
    .m-copy a{color:#999;}
    .m-friends{margin-top:8px;font-size:12px;color:#999;line-height:1.8;}
    .m-friends a{color:#999;margin:0 6px;text-decoration:none;}

    .m-dock{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        height:56px;
        z-index:60;
        display:flex;
        background:#000;
    }
    .m-dock a{
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        text-decoration:none;
        font-size:15px;
        box-sizing:border-box;
    }
    .m-dock .m-home,
    .m-dock .m-top{width:52px;flex:none;}
    .m-dock .m-home{background:#1c1c1c;border-right:1px solid #000;}
    .m-dock .m-online{flex:1;background:#000;border-left:1px solid #2b2b2b;}
    .m-dock .m-phone{flex:1;background:#ff4b00;border-left:1px solid #fff;}
    .m-dock .m-top{background:#ff4b00;border-left:1px solid #ff5d1a;font-size:20px;}
    .m-dock svg{width:22px;height:22px;fill:#fff;margin-right:4px;}
    .m-dock .m-home svg,
    .m-dock .m-top svg{margin-right:0;}

    .m-cate{
        display:block;
        width:100%;
        height:44px;
        border:0;
        background:#f3f3f3;
        color:#333;
        font-size:15px;
        cursor:pointer;
    }

    /* 首页 */
    .banner{height:auto;padding-top:0;background:#111;overflow:hidden;}
    .banner .bannerMain{width:100%;height:220px;overflow:hidden;}
    .banner .bannerMain a,
    .banner .bannerMain a.banner-slide{
        height:220px !important;
        background-size:cover !important;
        background-position:center center !important;
    }
    .banner .bannerMain .banner-copy{max-width:72% !important;left:5% !important;}
    .banner .bannerMain .banner-line1{font-size:13px !important;letter-spacing:0 !important;}
    .banner .bannerMain .banner-line2{font-size:20px !important;letter-spacing:0 !important;line-height:1.25 !important;}
    .banner .bannerMain .banner-line3{font-size:12px !important;letter-spacing:0 !important;}
    .banner .bannerMain .banner-rule{margin:10px 0 !important;}
    .banner .bannerMain .btnList{bottom:12px;}

    .Title p img{width:52%;height:auto;margin:8px auto 0;display:block;}
    .product{padding:8px 0 20px;background:#fff;}
    .product .mainCon ul{height:auto;overflow:visible;}
    .product .mainCon li{
        float:left;
        width:33.33%;
        height:auto;
        top:0 !important;
        opacity:1 !important;
        margin:0 !important;
        position:relative;
    }
    .product .mainCon li span{display:block;}
    .product .mainCon li span img{width:100%;height:auto;}
    .product .mainCon li h3{
        position:static;
        color:#1c1c1c;
        font-size:13px;
        text-align:center;
        padding:8px 4px 14px;
        left:auto;
        top:auto;
    }
    .product .mainCon li .word{display:none;}

    .case .mainCon{width:100%;margin:12px auto 0;}
    .case .mainCon .conBox{height:auto !important;}
    .case .mainCon .conBox ul{position:static !important;width:100% !important;height:auto !important;left:auto !important;}
    .case .mainCon .conBox li{width:100% !important;height:auto !important;float:none;margin:0 0 10px !important;}
    .case .mainCon .conBox li img{width:100%;height:auto;}
    .case .mainCon i,.case .mainCon .btnList{display:none;}

    .about .mainCon{display:flex;flex-direction:column;}
    .about .mainCon .article{order:2;width:100%;padding:0 16px 24px;box-sizing:border-box;}
    .about .mainCon .article p{text-align:left;line-height:1.7;}
    .about .mainCon .article a{margin:16px 0 0;}
    .about .mainCon .conBox{order:1;margin-top:16px;}
    .about .mainCon .conBox ul{display:flex;}
    .about .mainCon .conBox li.Pic-dif,
    .about .mainCon .conBox li.Pic-same{display:none;}
    .about .mainCon .conBox li.about-text{
        float:none;
        width:50%;
        height:auto !important;
        text-align:center;
        border-left:1px solid #e0e0e0;
        padding:8px 6px 16px;
        box-sizing:border-box;
        background:#fff;
    }
    .about .mainCon .conBox li.about-text h3{font-size:16px;font-weight:normal;}
    .about .mainCon .conBox li.about-text p{font-size:12px;color:#666;line-height:1.4;}

    .case2,
    .case2 .IndexmainCon{height:auto;background-size:cover;}
    .case2 .mainCon{width:88%;margin:16px auto 0;}
    .case2 .mainCon i{display:none;}
    .case2 .mainCon .conBox{height:auto !important;overflow:visible;}
    .case2 .mainCon .conBox ul{position:static !important;width:100% !important;height:auto !important;}
    .case2 .mainCon .conBox li{width:100% !important;height:auto !important;float:none;margin-bottom:18px;}
    .case2 .mainCon .conBox li span,
    .case2 .mainCon .conBox li img{width:100% !important;height:auto !important;}
    .case2 .mainCon .conBox li b{width:100%;}

    .witness .mainCon{width:100%;margin:12px auto 0;}
    .witness .mainCon .conBox,
    .witness .mainCon .conBox ul{height:auto !important;overflow:visible;position:static !important;width:100% !important;}
    .witness .mainCon .conBox li{width:100% !important;height:auto !important;float:none;}
    .witness .mainCon .conBox li dl{
        float:none;
        width:auto;
        height:auto;
        margin:0 12px 12px;
        padding:12px;
    }
    .witness .mainCon .conBox li dl dt,
    .witness .mainCon .conBox li dl dd{float:none;width:100%;}
    .witness .mainCon .btnList,
    #witnessBtnList{display:none;}

    .news{padding:20px 0;}
    .news .box,
    .news .box1,
    .news .box2,
    .news .box3{
        float:none !important;
        width:auto !important;
        height:auto !important;
        margin:0 12px 12px !important;
        padding:0 0 16px !important;
        position:relative !important;
    }
    .news .box1 .top{height:auto;padding:16px;position:static;}
    .news .box1 .con{
        position:static;
        width:auto;
        height:auto;
        margin:0;
        left:auto;
        top:auto;
        padding:12px 16px 0;
    }
    .news .box1 .con img{width:100%;height:auto;}
    .news .box1 .time,
    .news .box2 li .time{position:static;display:block;margin-top:8px;}
    .news .box2 ul{margin-top:8px;}
    .news .box2 li{float:none;width:auto;height:auto;margin:0 0 16px;}
    .news .box2,
    .news .box3{padding:12px 16px !important;}

    /* 内页顶栏：返回 + 标题 + 分类 */
    .m-subbar{
        display:none;
        align-items:center;
        height:46px;
        background:#f4f4f4;
        border-bottom:1px solid #e6e6e6;
        position:sticky;
        top:68px;
        z-index:35;
    }
    body.has-subbar .m-subbar{display:flex;}
    body.has-subbar .mub01InpageBannerr,
    body.has-subbar .mub01address{display:none;}
    .m-back{
        width:46px;
        text-align:center;
        font-size:32px;
        line-height:46px;
        color:#333;
        text-decoration:none;
        flex:none;
    }
    .m-subbar-title{
        flex:1;
        text-align:center;
        font-size:16px;
        font-weight:normal;
        color:#222;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .m-subbar .m-cate{
        width:auto;
        height:46px;
        padding:0 14px;
        background:transparent;
        font-size:14px;
        flex:none;
    }
    .m-subbar .m-cate::before{content:"☰ ";}

    .proListClassify{padding-top:0;}
    .proListClassify .sidebar{float:none;width:100%;}
    .proListClassify .sidebar .top{display:none;}
    .proListClassify .sidebar .box1{display:none;padding:8px 12px;}
    .proListClassify .sidebar .box1.is-open{display:block;}
    .proListClassify .sidebar .box1 dt,
    .proListClassify .sidebar .box1 dt a,
    .proListClassify .sidebar .box1 dd a{
        background-image:none;
        width:auto;
        height:auto;
        line-height:1.4;
    }
    .proListClassify .sidebar .box1 dt a,
    .proListClassify .sidebar .box1 dd a{display:block;padding:12px 8px;color:#333;text-decoration:none;}
    .proListClassify .sidebar .box2{display:none;}
    .proListClassify .section{float:none;width:100%;}
    .proListClassify .section .con ul{width:100%;padding:8px;box-sizing:border-box;}
    .proListClassify .section .con li{
        width:48%;
        height:auto;
        margin:0 1% 12px;
        background:#fff;
    }
    .proListClassify .section .con li .Pic{width:100%;height:auto;}
    .proListClassify .section .con li .Pic img{width:100%;height:auto;}
    .proListClassify .section .con li .intro{height:auto;padding:10px 10px 12px;position:static;}
    .proListClassify .section .con li .intro h3{width:auto;white-space:normal;}
    .proListClassify .section .con li .intro p{display:none;}
    .proListClassify .section .con li .intro .btn{
        position:static;
        width:100%;
        height:auto;
        background:none;
        margin-top:8px;
    }
    .proListClassify .section .con li .intro .btn{display:flex;}
    .proListClassify .section .con li .intro .btn a{float:none;flex:1;width:auto;font-size:12px;height:32px;line-height:32px;}

    .proDetailsIntro .conL,
    .proDetailsIntro .conR{float:none;width:100% !important;height:auto !important;}
    .proDetailsIntro .conL .conBox{width:100%;height:auto;overflow:visible;}
    .proDetailsIntro .conL .conBox ul{position:static !important;width:100% !important;height:auto !important;}
    .proDetailsIntro .conL .conBox li{float:none;width:100% !important;}
    .proDetailsIntro .conL .conBox li img{width:100% !important;height:auto !important;}
    .proDetailsIntro .conR{padding:8px 4px 28px;box-sizing:border-box;}
    .proDetailsIntro .conR i{width:48px !important;margin:12px 0 !important;}
    .proDetailsIntro .conR .box{position:static;}
    .proDetailsIntro .conR a.zx,
    .proDetailsIntro .conR .box .zx{
        display:block;
        float:none;
        width:100%;
        height:48px;
        line-height:48px;
        margin-top:16px;
        background:#ff4b00;
        color:#fff;
        text-align:center;
        text-decoration:none;
    }
    .proDetailsIntro .conR .box .phone{float:none;margin:12px 0 0;}
    .proDetailsIntro .container,
    .mub01MainContent .container{padding-left:12px;padding-right:12px;}

    body.has-subbar .newsListMenu{display:none;background:#fff;}
    body.has-subbar .newsListMenu.is-open{display:block;}
    body.has-subbar .newsListMenu ul{display:block;white-space:normal;}
    body.has-subbar .newsListMenu li,
    body.has-subbar .newsListMenu li:hover,
    body.has-subbar .newsListMenu li:has(a.cur){
        display:block;
        width:100%;
        height:auto !important;
        min-width:0;
        padding:0;
        line-height:normal;
        background:none !important;
        text-align:left;
    }
    body.has-subbar .newsListMenu a.cur{color:#ff4b00 !important;}
    .newsListMenu a{display:block;padding:12px 16px;border-bottom:1px solid #eee;color:#333;text-decoration:none;}
    .newsListMenu a.cur{color:#ff4b00;}
    .newsListCon .mainCon,
    .newsListCon .mainCon .conBox{width:100% !important;}
    .newsListCon .mainCon dl{
        height:auto !important;
        padding:12px 14px !important;
        border:0;
        border-bottom:1px solid #eee;
        background:#fff;
        display:flex;
        align-items:center;
        gap:10px;
        box-shadow:none !important;
    }
    .newsListCon .mainCon dt{display:none;float:none;margin:0 !important;height:auto !important;}
    .newsListCon .mainCon dl:first-child{align-items:flex-start;}
    .newsListCon .mainCon dl:first-child dt{display:block;width:38% !important;height:auto !important;}
    .newsListCon .mainCon dl:first-child dt img{width:100%;height:auto;}
    .newsListCon .mainCon dd{
        float:none;
        width:auto !important;
        height:auto !important;
        flex:1;
        margin:0 !important;
        padding:0;
        min-width:0;
        position:static;
    }
    .newsListCon .mainCon dd h3{
        font-size:15px;
        font-weight:normal;
        line-height:1.4;
        width:auto !important;
        white-space:normal;
    }
    .newsListCon .mainCon dd h3 a{color:#333;text-decoration:none;}
    .newsListCon .mainCon dl:not(:first-child) p{display:none;}
    .newsListCon .mainCon dl:not(:first-child) dd{display:flex;align-items:center;justify-content:space-between;gap:8px;}
    .newsListCon .mainCon dl:not(:first-child) h3{
        flex:1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        margin:0;
    }
    .newsListCon .mainCon .time{color:#999;font-size:12px;white-space:nowrap;}
    .newsDetialsArticle{padding-top:12px;}
    .newsDetialsArticle .mainCon .article{width:100% !important;float:none;}
    .newsDetialsArticle .mainCon .article .backNewsList,
    .newsDetialsArticle .mainCon .hotNews{display:none;}
    .newsDetialsArticle .mainCon .article .title h1{font-size:18px;}
    .newsDetialsArticle .mainCon .article .title .share{height:auto;}
    .newsDetialsArticle .mainCon .article .title .share p span{float:none;display:block;border:0;padding:2px 0;}
    .newsDetialsArticle .mainCon .article .con img,
    .newsDetialsArticle .mainCon .article .con table{max-width:100% !important;height:auto !important;}
    .InpageSearch .Input,
    .InpageSearch .Input input{width:100% !important;max-width:100%;box-sizing:border-box;}
    .InpageSearch .mainCon .conBox .box li.cpsosu .Pic,
    .InpageSearch .mainCon .conBox .box li.cpsosu .intro{float:none;width:100% !important;}
    .ny_down03{width:100% !important;float:none;margin-right:0;}

    .aboutMenu{width:100% !important;}
    body.has-subbar .aboutMenu{display:none;background:#fff;}
    body.has-subbar .aboutMenu.is-open{display:block;}
    body.has-subbar .aboutMenu ul{display:block;}
    body.has-subbar .aboutMenu li,
    body.has-subbar .aboutMenu li.cur,
    body.has-subbar .aboutMenu li:hover{
        display:block;
        width:100%;
        height:auto !important;
        min-width:0;
        padding:0;
        line-height:normal;
        background:none !important;
        text-align:left;
    }
    body.has-subbar .aboutMenu a{
        display:block;
        padding:12px 16px;
        border-bottom:1px solid #eee;
        color:#333 !important;
        text-align:left;
    }
    body.has-subbar .aboutMenu li.cur a,
    body.has-subbar .aboutMenu a.cur{color:#ff4b00 !important;}
    .helpListCon .mainCon{width:100% !important;}
    .helpListCon .mainCon .con img,
    .helpListCon .mainCon .con table{max-width:100%;height:auto;}
    .aboutIntro .mainCon .dt,
    .aboutIntro .mainCon .dd{float:none;width:100% !important;}
    .aboutMien .mainCon{height:auto;}
    .aboutMien .mainCon .btn01,
    .aboutMien .mainCon .btn02,
    .aboutHonor .mainCon .btn01,
    .aboutHonor .mainCon .btn02{display:none;}
    .aboutMien .aboutMienCon,
    .aboutMien .aboutMienCon .aboutMienBox{width:100% !important;height:auto !important;overflow:visible;}
    .aboutMien .aboutMienCon .iteam,
    .aboutMien .aboutMienCon .iteam.active{
        position:static !important;
        width:100% !important;
        height:auto !important;
        top:auto !important;
        left:auto !important;
        margin:0 0 16px;
    }
    .aboutMien .aboutMienCon .iteam b{display:none;}
    .aboutMien .aboutMienCon .iteam p,
    .aboutMien .aboutMienCon .iteam.active p{display:block;text-align:center;margin-top:8px;color:#333;}
    .aboutMien .aboutMienCon .iteam p a{color:#333;text-decoration:none;}
    .aboutHonor .mainCon .aboutHonorCon{height:auto !important;overflow:visible;}
    .aboutHonor .mainCon .aboutHonorCon ul{
        position:static !important;
        width:100% !important;
        height:auto !important;
        display:flex;
        flex-wrap:wrap;
    }
    .aboutHonor .mainCon .aboutHonorCon li{width:48% !important;float:none;margin:0 1% 12px;}
    .aboutHonor .mainCon .aboutHonorCon li img{width:100%;height:auto;margin:0;}
    .aboutHonor .mainCon .aboutHonorCon li span{color:#333;}

    .linkUsMap .linkUsWelcome,
    .linkUsMap .linkUsWelcome tbody,
    .linkUsMap .linkUsWelcome tr,
    .linkUsMap .linkUsWelcome td{display:block;width:100% !important;box-sizing:border-box;}
    .linkUsMap .linkUsWelcome__txt{padding:12px 16px 20px;}
    .mub01MainContent table{max-width:100%;}
    .mub01MainContent .con,
    .alds-article{overflow-x:auto;}
    .inquiry-form{padding:0 12px 24px;}

    /* 招商加盟专题沿用源站固定版式，缩放到手机宽度，不被手机通用规则拆开 */
    .join-topic .container{width:1200px !important;max-width:none !important;}
    .join-topic img{max-width:none !important;}
}