@charset "utf-8";
/* ============================================================
   i人事 M 站 · 关于我们（/about.html）
   页面样式，对应模板 templates/Home/about.htm
   图片目录：/images/about/
   主色 #52bebc 青绿 / 辅色 #eda953 橙黄 / 深底 #121415
   rem 适配，设计稿宽度 640
   ============================================================ *//* ============ M 站风格规范 ============
     主色 #52bebc 青绿 / 辅色 #eda953 橙黄
     深底 #121415 页脚 / 黑色半透明顶栏
     居中排版 · 扁平简洁 · rem 适配(设计稿640) */
  *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
  html{font-size:15.625vw;-webkit-text-size-adjust:100%;}
  @media (min-width:640px){ html{font-size:100px;} .page{max-width:640px;margin:0 auto;box-shadow:0 0 40px rgba(0,0,0,.15);} }
  body{
    font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;
    color:#333;background:#fff;line-height:1.7;
  }
  img{display:block;max-width:100%;}
  a{text-decoration:none;color:inherit;}
  ul,dl,dd{list-style:none;}
  .clear{clear:both;}

  /* ---------- 顶栏（黑色半透明，同 M 站 #top_nav） ---------- */
  header.top_nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(0,0,0,.9);
    max-width:640px;margin:0 auto;
  }
  .top{height:.65rem;display:flex;align-items:center;padding:0 .2rem;}
  .top .logo{
    color:#fff;font-size:.32rem;font-weight:bold;letter-spacing:1px;
    display:flex;align-items:center;
  }
  .top .logo em{font-style:normal;color:#52bebc;margin-right:2px;}
  .top .reg{
    margin-left:auto;margin-right:.15rem;
    width:1.1rem;height:.42rem;line-height:.42rem;text-align:center;
    background:#eda953;color:#fff;font-size:.24rem;border-radius:5px;
  }
  .top .login{
    width:1.1rem;height:.42rem;line-height:.42rem;text-align:center;
    background:#52bebc;color:#fff;font-size:.24rem;border-radius:5px;
  }
  .burger{
    width:.4rem;height:.34rem;margin-left:.2rem;position:relative;cursor:pointer;
  }
  .burger i,.burger i::before,.burger i::after{
    content:"";position:absolute;left:0;width:100%;height:3px;background:#fff;border-radius:2px;
  }
  .burger i{top:50%;margin-top:-1.5px;}
  .burger i::before{top:-9px;}
  .burger i::after{top:9px;}

  /* 侧滑菜单（同 M 站 #menu） */
  .menu{
    position:fixed;top:0;right:-100%;width:60%;height:100%;z-index:110;
    background:rgba(0,0,0,.92);padding:.8rem .4rem;
    transition:right .3s;
  }
  .menu.open{right:0;}
  .menu .close{
    position:absolute;top:.15rem;right:.25rem;color:#fff;font-size:.4rem;line-height:1;
  }
  .menu li{border-bottom:1px solid rgba(255,255,255,.08);}
  .menu li a{
    display:block;color:#fff;font-size:.28rem;padding:.24rem .1rem;
  }
  .menu li a.cur{color:#52bebc;}
  .menu-mask{
    position:fixed;inset:0;z-index:105;background:rgba(0,0,0,.4);
    display:none;
  }
  .menu-mask.show{display:block;}

  /* ---------- 区块通用（同 M 站 abnewcon 系列） ---------- */
  .con{padding:.9rem .4rem;text-align:center;}
  .con p{margin:0;}
  .t1{font-size:.44rem;line-height:.6rem;font-weight:bold;}
  .t2{font-size:.36rem;line-height:.52rem;font-weight:bold;margin-top:.1rem;}
  .t3{font-size:.3rem;line-height:.46rem;}
  .t4{font-size:.24rem;line-height:.4rem;color:#666;}
  .teal{color:#52bebc;}
  .con-head{margin-bottom:.5rem;}
  .con-head .en{
    display:inline-block;font-size:.2rem;color:#52bebc;letter-spacing:2px;
    text-transform:uppercase;margin-bottom:.08rem;
  }
  .con-head::after{
    content:"";display:block;width:.6rem;height:2px;background:#52bebc;
    margin:.18rem auto 0;
  }

  /* Hero（背景图深色区，同 abnewcon1） */
  .hero{
    background:url("/images/about/hero-bg.jpg") center no-repeat;background-size:cover;
    position:relative;padding:1.6rem .4rem 1rem;text-align:center;
  }
  .hero::before{content:"";position:absolute;inset:0;background:rgba(6,32,33,.7);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
  .hero>div{position:relative;z-index:2;}
  .hero .h1{font-size:.44rem;color:#52bebc;font-weight:bold;line-height:.6rem;}
  .hero .h2{font-size:.44rem;color:#fff;line-height:.6rem;font-weight:bold;}
  .hero .h3{font-size:.24rem;color:rgba(255,255,255,.85);margin-top:.3rem;line-height:.4rem;}

  /* 核心数据（白底两列，同 M 站数字风格） */
  .stats{display:flex;flex-wrap:wrap;background:#fff;}
  .stats div{
    width:50%;padding:.35rem .1rem;text-align:center;
    border-bottom:1px solid #eee;
  }
  .stats div:nth-child(-n+2){border-top:1px solid #eee;}
  .stats div:nth-child(odd){border-right:1px solid #eee;}
  .stats b{font-size:.5rem;color:#52bebc;font-weight:bold;line-height:1.2;}
  .stats span{display:block;font-size:.22rem;color:#666;margin-top:.08rem;}

  /* 公司简介（白底居中文字） */
  .intro-text p{
    font-size:.24rem;line-height:.42rem;color:#666;text-align:justify;
    margin-bottom:.24rem;
  }
  .intro-text p:last-child{margin-bottom:0;}
  .intro-text strong{color:#333;}
  .intro-img{margin:.35rem 0;}
  .intro-img img{width:100%;}

  /* 使命 / 愿景（白底居中 + 灰底卡片，同 abnewcon2/3 风格） */
  .statement{
    background:#f7f7f7;padding:.5rem .1rem;margin-bottom:.3rem;
  }
  .statement h3{font-size:.3rem;line-height:.48rem;color:#333;font-weight:bold;white-space:nowrap;}
  .statement .line{width:.5rem;height:2px;background:#52bebc;margin:.25rem auto;}
  .statement p{font-size:.22rem;color:#666;line-height:.38rem;text-wrap:balance;}
  .aboutadd{
    background:#f7f7f7;padding:.6rem .3rem;margin-top:.3rem;text-align:center;
  }
  .aboutadd .item{padding:.35rem .2rem;border-bottom:1px dashed #ddd;}
  .aboutadd .item:last-child{border-bottom:none;}
  .aboutadd .p1{font-size:.28rem;color:#52bebc;font-weight:bold;margin-bottom:.1rem;}
  .aboutadd .p2{font-size:.22rem;color:#666;line-height:.38rem;}

  /* 深色背景图文字区（同 abnewcon6/8） */
  .darkcon{
    position:relative;padding:1rem .5rem;text-align:center;
    background:url("/images/about/darkcon-city.jpg") center no-repeat;background-size:cover;
  }
  .darkcon::before{content:"";position:absolute;inset:0;background:rgba(10,30,32,.68);}
  .darkcon>div{position:relative;z-index:2;}
  .darkcon .p1{font-size:.36rem;line-height:.52rem;color:#fff;font-weight:bold;}
  .darkcon .p1 span{color:#52bebc;}
  .darkcon .p2{font-size:.24rem;color:rgba(255,255,255,.85);margin-top:.2rem;line-height:.4rem;}
  .darklist{margin-top:.4rem;text-align:left;display:inline-block;}
  .darklist li{
    font-size:.24rem;color:rgba(255,255,255,.9);line-height:.46rem;
    padding-left:.35rem;position:relative;
  }
  .darklist li::before{
    content:"";position:absolute;left:0;top:.17rem;width:.14rem;height:.14rem;
    background:#52bebc;border-radius:50%;
  }

  /* CEO（白底居中） */
  .ceo-photo{width:3rem;margin:0 auto .3rem;border:4px solid #f7f7f7;border-radius:50%;overflow:hidden;}
  .ceo-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 18%;}
  .ceo-name h3{font-size:.36rem;font-weight:bold;}
  .ceo-name p{font-size:.22rem;color:#52bebc;margin-top:.06rem;}
  .ceo-body{
    margin-top:.35rem;background:#f7f7f7;padding:.4rem .3rem;text-align:justify;
  }
  .ceo-body p{font-size:.22rem;color:#666;line-height:.4rem;margin-bottom:.2rem;}
  .ceo-body p:last-child{margin-bottom:0;}

  /* 产品历程（双列网格，同 abnewcon5list3） */
  .timeline{overflow:hidden;}
  .tl-row{display:flex;flex-wrap:wrap;}
  .tl-row dd{
    width:50%;padding:.3rem .04rem;text-align:center;
    border-bottom:1px solid #eee;
  }
  .tl-row dd .yr{font-size:.32rem;color:#52bebc;font-weight:bold;}
  .tl-row dd .yr span{color:#52bebc;}
  .tl-row dd p{font-size:.19rem;color:#666;margin-top:.08rem;line-height:.34rem;}
  .tl-row dd p .tl-i{display:block;text-wrap:balance;}

  /* 研发实力数字（两列） */
  .rd{display:flex;flex-wrap:wrap;}
  .rd div{width:50%;padding:.3rem .1rem;text-align:center;}
  .rd b{font-size:.5rem;color:#52bebc;line-height:1.2;}
  .rd span{display:block;font-size:.22rem;color:#666;margin-top:.06rem;}

  /* 证书横滑轮播（同 M 站 swiper about-zs） */
  .swiper{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding:.3rem 0 .1rem;
  }
  .swiper::-webkit-scrollbar{display:none;}
  .swiper dl{
    flex:0 0 62%;scroll-snap-align:center;margin:0 3%;
    background:#f7f7f7;padding:.15rem;
  }
  .swiper dt{background:#fff;padding:.1rem;}
  .swiper dt img{width:100%;aspect-ratio:3/4;object-fit:cover;}
  .swiper dd{font-size:.2rem;color:#666;margin-top:.15rem;line-height:.32rem;}
  .dots{display:flex;justify-content:center;gap:.15rem;padding:.2rem 0 .3rem;}
  .dots i{width:.12rem;height:.12rem;border-radius:50%;background:#ddd;transition:background .2s;}
  .dots i.on{background:#52bebc;}

  /* 荣誉奖项（居中文字列表，同 newidaad） */
  .honor-list p{font-size:.26rem;line-height:.44rem;color:#555;}
  .honor-list p strong{color:#52bebd;font-weight:bold;}
  .honor-list .more{color:#999;margin-top:.1rem;}

  /* 行业认可（深色背景图区块，打破长段白底） */
  .recognize{
    position:relative;
    background:url("/images/about/recognize-bg.jpg") center no-repeat;background-size:cover;
  }
  .recognize::before{content:"";position:absolute;inset:0;background:rgba(10,30,32,.74);}
  .recognize>div{position:relative;z-index:2;}
  .recognize .con-head .en{color:rgba(255,255,255,.55);}
  .recognize .con-head .t2{color:#fff;}
  .recognize .honor-list p{color:rgba(255,255,255,.85);}

  /* 认证墙（三列小卡） */
  .certs{overflow:hidden;}
  .certs dl{float:left;width:31%;margin:1.16%;}
  .certs dt{border:1px solid #eee;background:#fff;padding:.08rem;}
  .certs dt img{width:100%;aspect-ratio:3/4;object-fit:cover;}
  .certs dd{font-size:.18rem;color:#666;margin-top:.1rem;line-height:.28rem;text-align:center;}

  /* 信息安全（灰底四项） */
  .sec-items .item{
    background:#f7f7f7;padding:.35rem .3rem;margin-bottom:.25rem;text-align:left;
  }
  .sec-items h4{font-size:.28rem;font-weight:bold;color:#333;}
  .sec-items h4::before{
    content:"";display:inline-block;width:.1rem;height:.26rem;background:#52bebc;
    margin-right:.15rem;vertical-align:-2px;border-radius:2px;
  }
  .sec-items li{
    font-size:.22rem;color:#666;line-height:.4rem;position:relative;padding-left:.3rem;
  }
  .sec-items li::before{
    content:"";position:absolute;left:0;top:.18rem;width:.12rem;height:.12rem;
    border-radius:50%;background:#52bebc;
  }

  /* CTA（深色背景 + 橙色按钮） */
  .cta{position:relative;padding:1rem .5rem;text-align:center;background:#121415;}
  .cta::before{
    content:"";position:absolute;inset:0;opacity:.32;
    background:url("/images/about/cta-bg.jpg") center no-repeat;background-size:cover;
  }
  .cta>div{position:relative;z-index:2;}
  .cta .p1{font-size:.36rem;color:#fff;line-height:.52rem;font-weight:bold;}
  .cta .p2{font-size:.24rem;color:rgba(255,255,255,.8);margin-top:.15rem;}
  .cta .btn{
    display:inline-block;margin-top:.4rem;background:#eda953;color:#fff;
    font-size:.28rem;padding:.2rem .8rem;border-radius:5px;letter-spacing:2px;
  }

  /* 页脚（同 M 站 .foot #121415） */
  .foot{
    background:#121415;color:#717273;font-size:.2rem;
    padding:.3rem .2rem .5rem;text-align:center;line-height:.36rem;
  }

  /* 固定底栏双按钮（同 M 站 .s_tel_） */
  .foot-bar{
    position:fixed;bottom:0;left:0;right:0;z-index:100;height:.8rem;
    max-width:640px;margin:0 auto;
  }
  .foot-bar a{
    float:left;width:50%;height:100%;line-height:.8rem;text-align:center;
    color:#fff;font-size:.28rem;font-weight:bold;
  }
  .foot-bar .left{background:rgba(237,169,83,.95);}
  .foot-bar .right{background:rgba(83,190,189,.95);}

  /* wow 动画（同 M 站 fadeInUp） */
  @keyframes fadeInUp{from{opacity:0;transform:translateY(.3rem);}to{opacity:1;transform:none;}}
  .wow{opacity:0;}
  .wow.in{animation:fadeInUp .8s ease both;}

  /* ---------- IconPark 图标（内联 SVG，描边跟随 currentColor） ---------- */
  .ic{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;flex:0 0 auto;}
  .ic svg{width:100%;height:100%;display:block;}

  /* 侧滑菜单 */
  .menu li a{display:flex;align-items:center;}
  .menu li a .ic{width:.34rem;height:.34rem;margin-right:.2rem;color:#52bebc;}

  /* 核心数据 */
  .stats div{display:flex;flex-direction:column;align-items:center;}
  .stats div .ic{width:.5rem;height:.5rem;color:#52bebc;margin-bottom:.14rem;}

  /* 公司使命小项 */
  .aboutadd .item .ic{width:.56rem;height:.56rem;color:#52bebc;margin:0 auto .16rem;}
  .aboutadd .item .ic svg{stroke-width:2.5;}

  /* 权威认证列表 */
  .darklist li{display:flex;align-items:flex-start;padding-left:0;}
  .darklist li::before{display:none;}
  .darklist li .ic{width:.3rem;height:.3rem;color:#52bebc;margin:.08rem .12rem 0 0;}
  .darkcon .p1{display:flex;align-items:center;justify-content:center;}
  .darkcon .p1 .ic{width:.42rem;height:.42rem;color:#52bebc;margin-right:.14rem;}

  /* 行业认可标题 */
  .honor-list .hl-title{
    display:flex;align-items:center;justify-content:center;
    color:#52bebc;font-weight:bold;font-size:.28rem;margin-top:.4rem;
  }
  .honor-list .hl-title:first-child{margin-top:0;}
  .honor-list .hl-title .ic{width:.34rem;height:.34rem;margin-right:.12rem;}

  /* 创始人职务 */
  .ceo-name p{display:flex;align-items:center;justify-content:center;justify-content:center;}
  .ceo-name p span{text-wrap:balance;}
  .ceo-name p .ic{width:.28rem;height:.28rem;margin-right:.1rem;}

  /* 研发实力 */
  .rd div{display:flex;flex-direction:column;align-items:center;}
  .rd div .ic{width:.5rem;height:.5rem;color:#52bebc;margin-bottom:.12rem;}

  /* 信息安全标题 */
  .sec-items h4{display:flex;align-items:center;}
  .sec-items h4::before{display:none;}
  .sec-items h4 .ic{width:.38rem;height:.38rem;color:#52bebc;margin-right:.16rem;}

  /* CTA 按钮 */
  .cta .btn{display:inline-flex;align-items:center;justify-content:center;}
  .cta .btn .ic{width:.34rem;height:.34rem;margin-right:.12rem;}

  /* 页脚 */
  .foot .fline{display:flex;align-items:center;justify-content:center;margin-top:.08rem;}
  .foot .fline .ic{width:.28rem;height:.28rem;color:#52bebc;margin-right:.1rem;}

  /* 固定底栏 */
  .foot-bar a{display:flex;align-items:center;justify-content:center;line-height:1;}
  .foot-bar a .ic{width:.36rem;height:.36rem;margin-right:.12rem;}

  /* ---------- 孤字行防护：不让单个字被挤到下一行 ---------- */
  /* 首屏主标题：整行显示，不折行 */
  .hero .h2{font-size:.38rem;white-space:nowrap;}
  /* 段落类文本：均衡断行，避免末行只剩一个字 */
  .page p,.page dd,.page dt,.page li,.tl-row dd p .tl-i{
    text-wrap:balance;
  }
  /* 卡片/条目标题：整体不折行 */
  .hl-title,.tl-row dd .yr{white-space:nowrap;}