body.page-cases{overflow-x:hidden;background:#fff;color:#262626}
.page-cases main{display:block}
/* ========== 智能设备及软件平台 ========== */
.cf-devices{padding-top:115px}
.cf-title{margin:0;text-align:center;color:#262626;font-size:40px;font-weight:600;line-height:1.35;letter-spacing:1px}
.cf-strip{position:relative;margin-top:102px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cf-strip-track{display:flex;width:max-content;gap:28px;animation:cf-marquee 36s linear infinite}
.cf-strip:hover .cf-strip-track{animation-play-state:paused}
.cf-strip figure{margin:0}
.cf-strip figure img{display:block;width:437px;height:298px;object-fit:cover}
.cf-strip figcaption{margin-top:20px;text-align:center;color:#262626;font-size:19px}
@keyframes cf-marquee{to{transform:translateX(-50%)}}
/* ========== 比赛案例 ========== */
.cf-competitions{margin-top:78px}
.cf-carousel{position:relative;height:660px;margin-top:60px}
.cf-carousel-stage{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.cf-slide{position:absolute;top:60px;left:calc(50% - 360px);z-index:2;width:720px;margin:0;text-align:center;transition:left .55s ease,top .55s ease,width .55s ease,opacity .55s ease}
.cf-slide img{display:block;width:720px;height:350px;object-fit:cover;transition:width .55s ease,height .55s ease}
.cf-slide-caption{position:relative;z-index:2;width:460px;height:45px;margin:-22px auto 0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#262626;background:#fff;box-shadow:0 6px 24px rgba(24,48,92,.14);font-size:17px;font-weight:600}
.cf-slide-desc{width:620px;margin:14px auto 0;padding:22px 30px;border-radius:10px;background:#fff;box-shadow:0 10px 34px rgba(24,48,92,.1);transition:opacity .4s}
.cf-slide-desc p{margin:0;color:#6d7687;font-size:13px;line-height:1.9;text-align:justify}
.cf-slide.is-prev,.cf-slide.is-next{top:110px;width:460px;z-index:1;opacity:.6}
.cf-slide.is-prev{left:calc(50% - 819px)}
.cf-slide.is-next{left:calc(50% + 359px)}
.cf-slide.is-prev img,.cf-slide.is-next img{width:460px;height:280px}
.cf-slide.is-prev .cf-slide-caption,.cf-slide.is-next .cf-slide-caption{width:320px;height:40px;font-size:14px}
.cf-slide.is-prev .cf-slide-desc,.cf-slide.is-next .cf-slide-desc{width:460px;padding:16px 22px;opacity:.55}
.cf-slide.is-hidden{left:50%;top:160px;width:460px;opacity:0;pointer-events:none;z-index:0}
.cf-slide.is-hidden img{width:460px;height:280px}
.cf-arrow{position:absolute;z-index:5;top:250px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#2e7bfd;cursor:pointer;transition:background .3s}
.cf-arrow:hover{background:#1f63d8}
.cf-arrow:before{position:absolute;top:50%;left:50%;width:12px;height:12px;border-top:3px solid #fff;border-left:3px solid #fff;content:""}
.cf-arrow-prev{left:118px}
.cf-arrow-prev:before{transform:translate(-35%,-50%) rotate(-45deg)}
.cf-arrow-next{left:auto;right:118px}
.cf-arrow-next:before{transform:translate(-65%,-50%) rotate(135deg)}
/* ========== 活动案例 ========== */
.cf-activities{margin-top:220px;padding:106px 0 108px;background:#2e7bfd}
.cf-band-title{margin:0;text-align:center;color:#fff;font-size:40px;font-weight:600;line-height:1.35;letter-spacing:1px}
.cf-activity-strip{margin-top:105px;overflow:hidden}
.cf-activity-track{display:flex;width:max-content;gap:24px;animation:cf-marquee 40s linear infinite}
.cf-activity-strip:hover .cf-activity-track{animation-play-state:paused}
.cf-activity-track article{position:relative;width:437px;height:500px;padding:32px 30px 0;flex:0 0 437px;overflow:hidden;border-radius:14px;background:#fff}
.cf-activity-track h3{margin:0;color:#262626;font-size:20px;font-weight:600}
.cf-activity-track article>i{display:block;width:25px;height:3px;margin:14px 0 18px;background:#d8dee8}
.cf-activity-track article>p{height:120px;margin:0;overflow:hidden;color:#6d7687;font-size:13px;line-height:1.9;text-align:justify}
.cf-quote{position:absolute;top:26px;right:26px;width:64px;opacity:.5}
.cf-activity-photo{position:absolute;bottom:0;left:0;width:437px;height:240px;object-fit:cover}
/* ========== 空间建设 ========== */
.cf-spaces{padding:92px 0 118px}
.cf-space-layout{display:flex;width:1380px;max-width:calc(100% - 120px);margin:92px auto 0;gap:38px}
.cf-space-nav{display:flex;gap:38px}
.cf-space-nav button{width:115px;height:590px;padding:26px 0;border:0;border-radius:10px;background:#282c3b;cursor:pointer;transition:background .3s}
.cf-space-nav button:hover,.cf-space-nav button.active{background:#2e7bfd}
.cf-space-nav button span{display:inline-block;color:#fff;font-size:22px;font-weight:500;letter-spacing:4px;line-height:1.5;writing-mode:vertical-lr}
.cf-space-view{position:relative;flex:1;margin:0}
.cf-space-panel{position:absolute;inset:0;display:none;overflow:hidden;border-radius:14px}
.cf-space-panel.active{display:block}
.cf-space-panel img{display:block;width:100%;height:590px;object-fit:cover}
.cf-space-panel figcaption{position:absolute;bottom:0;left:0;width:100%;padding:70px 34px 26px;background:linear-gradient(rgba(7,15,32,0),rgba(7,15,32,.72));color:#fff}
.cf-space-panel figcaption h3{margin:0 0 12px;font-size:22px;font-weight:600}
.cf-space-panel figcaption p{margin:0;color:rgba(255,255,255,.86);font-size:13px;line-height:1.9;text-align:justify}
/* ========== 响应式 ========== */
@media(max-width:1500px){
  .cf-slide{left:calc(50% - 360px)}
  .cf-slide.is-prev{left:calc(50% - 780px)}
  .cf-slide.is-next{left:calc(50% + 320px)}
  .cf-arrow-prev{left:40px}
  .cf-arrow-next{left:auto;right:40px}
  .cf-space-layout{max-width:calc(100% - 60px)}
}
@media(max-width:1100px){
  .cf-carousel{margin-top:60px}
  .cf-slide{top:60px}
  .cf-slide.is-prev,.cf-slide.is-next{top:110px}
  .cf-slide.is-prev{left:20px}
  .cf-slide.is-next{left:auto;right:20px}
  .cf-arrow{top:250px}
  .cf-arrow-prev{left:20px}
  .cf-arrow-next{left:auto;right:20px}
  .cf-space-layout{flex-direction:column;gap:20px}
  .cf-space-nav{overflow-x:auto;gap:14px;padding-bottom:10px}
  .cf-space-nav button{width:auto;min-width:52px;height:300px;flex:0 0 auto}
  .cf-space-panel{position:relative;display:none}
  .cf-space-panel.active{display:block}
  .cf-space-panel img{height:420px}
}
@media(max-width:760px){
  .cf-devices{padding-top:60px}
  .cf-title,.cf-band-title{font-size:28px}
  .cf-strip{margin-top:45px}
  .cf-strip figure img{width:300px;height:205px}
  .cf-strip figcaption{font-size:15px}
  .cf-competitions{margin-top:50px}
  .cf-carousel{height:auto;margin-top:40px;padding-bottom:30px}
  .cf-carousel-stage{position:relative;display:flex;flex-direction:column;gap:20px}
  .cf-slide,.cf-slide.is-prev,.cf-slide.is-next,.cf-slide.is-hidden{position:relative;top:auto;left:auto;width:calc(100% - 40px);margin:0 auto;opacity:1;pointer-events:auto}
  .cf-slide:not(.is-active){display:none}
  .cf-slide img,.cf-slide.is-prev img,.cf-slide.is-next img{width:100%;height:auto;aspect-ratio:2.06}
  .cf-slide-caption{width:82%}
  .cf-slide-desc,.cf-slide.is-prev .cf-slide-desc,.cf-slide.is-next .cf-slide-desc{width:100%;opacity:1}
  .cf-arrow{display:none}
  .cf-activities{margin-top:60px;padding:60px 0}
  .cf-activity-strip{margin-top:40px}
  .cf-activity-track article{width:320px;height:480px;flex-basis:320px}
  .cf-activity-photo{width:320px;height:200px}
  .cf-spaces{padding:50px 0 60px}
  .cf-space-layout{width:100%;max-width:calc(100% - 40px);margin-top:40px}
  .cf-space-nav button{height:260px}
  .cf-space-nav button span{font-size:17px}
  .cf-space-panel img{height:320px}
  .cf-space-panel figcaption{padding:50px 20px 18px}
  .cf-space-panel figcaption p{font-size:12px}
}
/* ========== 右侧在线咨询浮窗（与首页一致） ========== */
.page-cases .floating-tools{width:120px;overflow:hidden;border-radius:12px;color:#fff;background:#2379f6;box-shadow:0 10px 30px rgba(35,121,246,.25)}
.page-cases .floating-tools button{color:#fff;border-color:rgba(255,255,255,.18);background:#2379f6}
.page-cases .floating-tools button:first-child:after{display:block;margin-top:4px;font-size:11px;content:attr(data-phone)}
.page-cases .floating-tools .qr-pop{position:static;display:block;width:120px;padding:10px;color:#fff;background:#2379f6;box-shadow:none}
.page-cases .floating-tools .qr-pop img{width:80px;margin:auto}
.page-cases .floating-tools .qr-pop span{color:#fff}
.page-cases .consult-panel{display:none}