/* Mobile layout for the current desktop-first templates. */
.seo-page-heading{width:87%;margin:34px auto 28px;font-size:32px;line-height:1.35;color:#222b2d;font-weight:600}
.hls-page-case .ptitle .seo-contact-heading{display:block;position:absolute;width:400px;left:5%;bottom:10%;z-index:3;font-size:56px;color:#1a1a1a}
.uedBox .title .seo-product-heading{color:#333;float:left;font-size:32px;margin-left:20px;margin-top:64px}
.seo-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:767px){
  html,body{width:100%;min-width:0!important;overflow-x:hidden}
  *,*:before,*:after{box-sizing:border-box}
  .wow,.animated{animation:none!important;transform:none!important;opacity:1!important;visibility:visible!important}
  img,video,iframe{max-width:100%}
  .wrap,.c1200,.box,.maxbox,.container{min-width:0!important;max-width:100%!important}
  .wrap{width:88%!important;margin-left:auto!important;margin-right:auto!important}
  .header{height:64px!important}
  .header .box{width:100%!important;min-width:0!important;padding:0 6%!important;display:flex;justify-content:space-between;align-items:center}
  .headerLogo{float:none}
  .headerLogo a,.is-fixed .headerLogo a{width:148px;height:42px;margin:11px 0;background-size:auto 42px!important}
  .header .fr{float:none;margin:0}
  .header .nav,.headerTel{display:none!important}
  .header .popnav{display:flex;align-items:center;width:74px;margin:0!important}
  .header .popnav .tit{font-size:13px}
  .menuBox:after,.menuBox .menuContact{display:none}
  .menuBox .menuNav{width:100%;height:100%}
  .menuBox .menuNav ul{width:88%;max-height:72vh;overflow:auto}
  .menuBox .menuNav ul li{margin:12px 0}
  .menuBox .menuNav ul li a{font-size:24px}
  .menuBox .menuNav ul li a span{font-size:15px}
  .menuBox .close{position:relative;z-index:2}
  body.inner-header-light .pageBanner,body.inner-header-light.section-views.detail-page .pageCaseBanner{height:64px}
  body.inner-header-light.section-cases.detail-page .pageCaseBanner{margin-top:64px}
  body.inner-header-light.section-home .indexBanner,body.inner-header-light.section-home .indexBanner .bd li{height:100svh;min-height:520px}
  .indexBanner .bd li .cont{padding:38vh 0 0}
  .indexBanner .bd li .cont .tit{font-size:28px;line-height:1.45}
  .indexBanner .bd li .cont .title{font-size:31px;line-height:1.35}
  .indexBanner .bd li .cont .tit,.indexBanner .bd li .cont .title{max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
  .indexBanner .hd{width:88%;min-width:0;bottom:22px}
  .indexBanner .hd ul:after{height:80px}
  .indexService,.indexCase,.indexNews{padding:48px 0}
  .indexTitle .tit{font-size:29px;line-height:1.3}
  .indexTitle .tit span{font-size:12px}
  .indexTitle .txt{font-size:13px;line-height:1.7}
  .serviceBox{margin-top:32px}
  .serviceBox .hd,.serviceBox .bd{float:none;width:100%}
  .serviceBox .hd ul li .text{display:none}
  .serviceBox .hd ul li .cont .txt p{font-size:28px}
  .serviceBox .bd{margin-top:20px}
  .serviceBox .bd .img{height:260px}
  .indexCase .list{margin-top:25px}
  .indexCase .list li.webli,.indexCase .list li.wxli,.indexCase .list li.vrli,.indexCase .list li.vrli:nth-child(5n-4){width:100%;float:none;display:block;margin:0 0 28px}
  .indexCase .list li.webli .tit,.indexCase .list li.wxli .tit{white-space:normal;font-size:17px}
  .indexNews .hd{margin-bottom:25px}
  .indexNews .hd .indexTitle,.indexNews .hd ul{float:none}
  .indexNews .hd ul{margin-top:20px;text-align:left}
  .indexNews .hd ul li{margin:0 20px 0 0}
  .indexNews .bd ul li{display:block;width:100%;margin:0;border-bottom:1px solid #e7ebeb}
  .indexNews .bd ul li .time{width:75px;font-size:22px}
  .indexNews .bd ul li .cont{width:calc(100% - 85px)}
  .indexNews .bd ul li .cont .tit{font-size:16px}
  .pageNav .wrap{display:block}
  .pageNav .wz,.pageNav ul{float:none!important;max-width:100%;white-space:normal}
  .pageNav ul{display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px 0}
  .pageNav ul li{margin:0!important}
  .pageCaseD .box,.pageCaseBanner .box{width:88%!important;min-width:0!important;margin-left:auto;margin-right:auto}
  .pageCaseD .cont.fl{float:none!important;width:100%!important}
  .pageCaseD .ewm.fr{display:none}
  .pageCaseD .title{font-size:27px!important;line-height:1.4}
  .pageCaseD .sum{overflow-wrap:anywhere}
  .pageCaseD .sum img{height:auto!important}
  .pageCaseBanner .cont .tit{font-size:28px!important}
  .seo-page-heading{width:88%;margin:26px auto 20px;font-size:27px}
  .m_w1920{width:100%!important;min-width:0!important;overflow:hidden}
  .m_w1920 .container{width:88%!important;margin-left:auto!important;margin-right:auto!important}
  .m_w1920 .container img{height:auto;max-width:100%}
  .m_w1920 .container ol,.m_w1920 .container ul{max-width:100%}
  .marketing_box{padding:35px 0}
  .marketing_box ol{margin-top:20px}
  .marketing_box ol li{float:none;width:100%;padding:20px 0;border-bottom:1px solid #e8eeee}
  .marketing_box ol li .text{margin-top:12px}
  .marketing_box ol li .text h3{font-size:20px}
  .marketing_box ol li .text p{font-size:13px;line-height:1.7}
  .marketing_box ol li .text p br{display:none}
  .marketing_box .img{margin-top:24px}
  .marketing_box4 ol li{float:none!important;width:100%!important;margin:0 0 25px!important}
  .marketing_box4 ol li dl dt,.marketing_box4 ol li dl dd{float:none!important;width:100%!important}
  .hls-page-container{width:100%!important;min-width:0!important;overflow:hidden}
  .hls-page-container .container{width:88%!important;margin-left:auto!important;margin-right:auto!important}
  .hls-page-news .inews{width:100%!important;float:none!important}
  .hls-page-case .ptitle .seo-contact-heading{width:auto;left:6%;font-size:32px}
  .uedBox .title .seo-product-heading{float:none;margin:14px 0;font-size:28px}
  .contact{margin-bottom:65px}
  .serviceconsulting{width:88%}
  .serviceconsulting .left,.serviceconsulting .right{float:none;width:100%;padding:0}
  .serviceconsulting .left h3{font-size:21px;line-height:1.55;padding-bottom:18px}
  .serviceconsulting .left ul{padding:12px 0}
  .serviceconsulting .right{margin-top:24px}
  .serviceconsulting .right li .input1,.serviceconsulting .right li .textarea1{width:100%}
  .serviceconsulting .right li .submit1{width:100%}
  .pageCaseD{padding:38px 0}
  .footer{padding:45px 0 25px}
  .footer .left,.footer .center,.footer .right{float:none;width:100%;margin:0 0 25px}
  .footer .right{width:120px}
  .footer .copyRight{line-height:1.8}
}