/*公共样式*/
.foot-grid{width:90%;margin:0 auto;}
  :root{
    --red:#b71d23;
    --red-dark:#a81016;
    --blue:#1b3a6b;
    --blue-deep:#12294d;
    --ink:#333;
    --gray:#666;
    --line:#e6e6e6;
    --bg:#f5f7fa;
  }

#banner{padding-top:75px;}
/* banner */
.erjiBanner{width:100%;position: relative;z-index:-1;}
.erjiBanner .erjipic{}
.banner_title{color: #fff;z-index: 99; position: absolute;top:45%;text-align: center;width: 100%;letter-spacing:3px;font-weight:700;}
.erjiBanner .banner_title span{font-size:38px;color:#fff;}
.erjiBanner .banner_title p{font-size:18px;color:#fff;padding-top: 15px;}


/* 章节通用 */
 /* .jjfa-wrap{padding:78px 0;}*/
  .sec-head{text-align:center;margin:0 auto 50px;}
  .sec-head p{font-size:14px;}
  .sec-head h2{font-size:32px;font-weight:900;}
  .sec-head .line{width:50px;height:3px;background:var(--red);margin:5px auto 16px;}

  /* ===== 10个功能解决方案 ===== */
  /*.jjfa-wrap{background: var(--line);}*/
.ck_mord{line-height:2.2;}
.jjfa-box01{width:90%;padding: 55px 0;margin: 0 auto;}
.jjfa-box03{padding-top:55px;}
  .jjfa-grid12{display:grid;grid-template-columns:repeat(5,1fr);gap:35px;}
  .jjfa-grid22{display:grid;grid-template-columns:repeat(2,1fr);gap:105px;width: 50%;margin: 0 auto;}

  .jjfa-sol{background:#fff;padding:34px 16px;text-align:center;transition:.25s;cursor:pointer;border-radius: 4px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 8px 16px rgba(95, 88, 89, 0.35);
  /*border-top: 3px solid var(--red);border-bottom: 3px solid var(--red);*/}
  .jjfa-sol:hover{     border-color: #e60012;
            transform: translateY(-4px);
            box-shadow: 0 12px 32px rgba(230, 0, 18, 0.12);}
  .jjfa-sol .ic{width:62px;height:62px;margin:0 auto 16px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;color:var(--red);transition:.25s;}
  .jjfa-sol:hover .ic{border-color:#fff;color:#fff;}
  .jjfa-sol .ic svg{width:30px;height:30px;fill:currentColor;}
  .jjfa-sol h4{font-size:18px;color:#333;transition:.2s;padding-bottom: 5px;}

  .jjfa-sol p{font-size:12px;color:#999;margin-top:6px;transition:.2s;}
  .jjfa-sol:hover p{color:rgba(255,255,255,.8);}

  /* ===== 数据 ===== */
  .jjfa-stats{background:var(--red);color:#fff;padding: 35px 0;}
  .jjfa-stats .jjfa-box02{display:flex;justify-content:space-around;text-align:center;flex-wrap:wrap;gap:24px;width: 90%; margin: 0 auto;}
  .jjfa-stat .num{font-size:45px;font-weight:700;color:#fff;line-height:1;}
  .jjfa-stat .num em{ font-family:"Microsoft Yahei";font-size:26px;color:#fff;font-weight: normal;}
  .jjfa-stat .lab{font-size:18px;margin-top:10px;color:#fff;font-weight: 900;}



  /* 典型案例 */
.news{background:var(--line);padding-bottom: 55px;}
  .news-tabs{display:flex;gap:0;background:#fff;border-bottom:2px solid var(--line);margin-bottom:34px;flex-wrap:wrap;width: 90%;margin: 0 auto;}
  .news-tab{padding:14px 34px;font-size:18px;font-weight:700;color:var(--soft);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:.2s;width: 100%;}
  .news-tab.active{color:var(--red);border-bottom-color:var(--red);}
  .news-tab:hover{color:var(--red);}

  .news-panel{display:none;}
  .news-panel.active{display:block;}
/*典型案例*/
  .news-list{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:16px;border:1px solid var(--line);overflow:hidden;width: 90%;margin: .35rem auto;}
  .news-item{display:flex;gap:2px;padding:26px 30px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;align-items:flex-start;transition:.25s;}
  .news-item:last-child{border-bottom:none;}
  .news-item:hover{background:rgba(192,57,43,.03);}
  .news-date{text-align:center;min-width:66px;background:rgba(28,42,58,.04);border-radius:10px;padding:10px 8px;}

.news-list .news-item .news-date { width:80px; margin-right: 0.35rem;color: #b71d23;  padding: 16px; }
.news-list .news-item .news-date a{color: #b71d23;font-size: 18px;font-weight: 700;}
.news-list .news-item .news-date em { display: block; font-size: 0.5rem; font-weight: bold; color: #b71d23; line-height: 1.5em;   font-family: "微软雅黑";}

  .news-text{flex:1;}
  .news-text h5{font-size:16px;font-weight:700;line-height:1.6;margin-bottom:6px;transition:.2s;}
  .news-item:hover .news-text h5{color:var(--red);}
  .news-text p{font-size:14px;color:var(--soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .news-arrow{color:#b71d23;font-size:20px;align-self:center;opacity:0;transform:translateX(-6px);transition:.25s;}
  .news-item:hover .news-arrow{opacity:1;transform:none;}




  /* 案例右侧海报 */
  .jjfa-poster{position:sticky;top:106px;}

  /* =====外包业务样式-企业痛点-联系 CTA ===== */
  .cta{background:linear-gradient(135deg,#b71d23,#a81f17);color:#fff;text-align:center;padding:55px 0;}
  .cta h2{font-size:32px;font-weight:800;margin-bottom:14px;color: #fff;}
  .cta p{font-size:16px;opacity:.9;margin-bottom:28px;color: #fff;}
  .cta .btn-white{background:#fff;color:#b71d23;padding:14px 40px;border-radius:8px;font-weight:700;text-decoration:none;display:inline-block;transition:.2s;}
  .cta .btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.15);}


@media screen and (max-width:768px) {
.erjiBanner .banner_title span{font-size:14px;}
.erjiBanner .banner_title p{font-size:.25rem;}
.sec-head h2,.cta h2{font-size:18px;}
.jjfa-stat .num,.jjfa-stat .num em{font-size:22px;}
.jjfa-sol h4,.jjfa-stat .lab,.news-text h5,.cta p,.sec-head p{font-size:14px;}
.news-text p{font-size:12px;}
.news-list .news-item .news-date{font-size:.2rem;}

.cta .btn-white{padding:15px;}
.sec-head{padding-top:0px;}
    .jjfa-grid12{grid-template-columns:repeat(2,1fr);    gap: 15px;}
    .jjfa-abt,.jjfa-ct-wrap,.jjfa-news-grid{grid-template-columns:1fr;}
    .jjfa-case-grid{grid-template-columns:1fr;}
.news-list .news-item .news-date{width:60px;}
.news-list .news-item .news-date a{font-size:14px;}

    .jjfa-hero-tags{display:none;}
 .jjfa-casebox{grid-template-columns:1fr;}
    .jjfa-poster{position:static;}
    .jjfa-item .jjfa-thumb{width:90px;height:68px;}
.jjfa-grid22 {display: grid;grid-template-columns: repeat(1, 1fr);gap: 25px; width: 80%;}
}