@charset "utf-8";
/* 首页 · 来自TransInfo客户的肯定（页面级样式，仅首页引用） */
.hc-main{background:#fff;overflow:hidden}
.hc-hd{padding:.66rem .2rem .46rem;text-align:center}
h2.hc-tit{font-size:calc(42 * 1rem / 100);font-weight:700;letter-spacing:-.01em;line-height:1.24;color:#1c2b36}
.hc-hd p{margin-top:.18rem;font-size:calc(16 * 1rem / 100);line-height:1.7;color:#5b6b77}

.hc-rail{position:relative;max-width:14.6rem;margin:0 auto;padding:.3rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 68px,#000 calc(100% - 68px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 68px,#000 calc(100% - 68px),transparent 100%)}
.hc-track{display:flex;gap:.24rem;transition:transform .62s cubic-bezier(.22,.61,.36,1);will-change:transform;touch-action:pan-y}
.hc-sl{flex:0 0 11rem;position:relative;cursor:pointer;transition:transform .45s ease}
.hc-sl:not(.on){transform:scale(.985)}

.hc-media{display:block;position:relative;border-radius:.16rem;overflow:hidden;background:#eef3f6;transition:opacity .45s ease,box-shadow .45s ease}
.hc-sl.on .hc-media{box-shadow:0 .16rem .44rem rgba(16,40,64,.14)}
.hc-sl:not(.on) .hc-media{opacity:.48}
.hc-pic{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.hc-vid{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}
.hc-vid.is-on{opacity:1}

.hc-ov{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:.34rem;padding:.95rem .42rem .34rem;border-radius:0 0 .16rem .16rem;background:linear-gradient(180deg,rgba(9,28,45,0) 0%,rgba(9,28,45,.62) 46%,rgba(9,28,45,.9) 100%);opacity:0;transform:translateY(.05rem);transition:opacity .22s ease,transform .22s ease;pointer-events:none;will-change:opacity}
.hc-sl.on .hc-ov{opacity:1;transform:none;pointer-events:auto}
.hc-ovc{flex:1;min-width:0}
.hc-ovt{display:flex;align-items:center;gap:.14rem;margin-bottom:.15rem}
.hc-lgz{display:inline-flex;align-items:center;justify-content:center;height:.3rem;padding:.05rem .1rem;border-radius:.05rem;background:#fff;flex:0 0 auto}
.hc-lgz img{height:.2rem;width:auto}
.hc-nm{font-size:calc(19 * 1rem / 100);font-weight:600;color:rgba(255,255,255,.96);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
h3.hc-t{font-size:calc(24 * 1rem / 100);font-weight:600;line-height:1.52;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-btn2{flex:0 0 auto;display:inline-flex;align-items:center;gap:.07rem;height:.42rem;padding:0 .22rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:calc(14 * 1rem / 100);transition:background-color .3s,color .3s,border-color .3s}
.hc-btn2:hover{background:#fff;border-color:#fff;color:#0b70a1}
.hc-btn2 svg{width:.13rem;height:.13rem}

.hc-arw{position:absolute;top:50%;width:.54rem;height:.54rem;margin-top:-.27rem;border:1px solid #e5edf2;border-radius:50%;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 3 5 8l5 5' stroke='%231c2b36' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / .16rem no-repeat;box-shadow:0 .06rem .2rem rgba(16,40,64,.1);cursor:pointer;z-index:5;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s}
.hc-arw:hover{border-color:#0b70a1;background-color:#0b70a1;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 3 5 8l5 5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translateY(-1px)}
.hc-prev{left:calc(50% - 6.26rem)}
.hc-next{left:calc(50% + 6.26rem - .54rem);transform:rotate(180deg)}
.hc-next:hover{transform:rotate(180deg) translateY(-1px)}

.hc-bars{display:flex;justify-content:center;align-items:center;gap:.06rem;margin-top:.32rem}
.hc-bars i{width:.3rem;height:4px;border-radius:2px;background:#dfe8ee;cursor:pointer;transition:width .35s,background-color .35s}
.hc-bars i.on{width:.62rem;background:#0b70a1}

.hc-cta{padding:.4rem 0 .62rem;text-align:center}
.hc-more{display:inline-flex;align-items:center;justify-content:center;gap:.08rem;height:calc(50 * 1rem / 100);padding:0 .34rem;border-radius:999px;background-image:linear-gradient(90deg,#0b70a1 0%,#007db8 100%);color:#fff;font-size:calc(15.5 * 1rem / 100);font-weight:600;transition:box-shadow .3s,transform .3s}
.hc-more:hover{box-shadow:0 .12rem .3rem rgba(11,112,161,.28);transform:translateY(-2px)}
.hc-more svg{width:.14rem;height:.14rem}

@media (max-width:900px){
.hc-hd{padding:.34rem .18rem .26rem}
h2.hc-tit{font-size:21px}
.hc-hd p{margin-top:8px;font-size:13.5px;line-height:1.6}
.hc-rail{max-width:none;width:calc(100vw - 40px);margin:0 auto;padding:0;-webkit-mask-image:none;mask-image:none}
.hc-track{gap:16px}
.hc-sl{flex:0 0 calc(100vw - 40px)}
.hc-sl:not(.on){transform:none}
.hc-sl:not(.on) .hc-media{opacity:1;filter:none}
.hc-media{border-radius:14px 14px 0 0;box-shadow:none}
.hc-sl.on .hc-media{box-shadow:none}
.hc-ov{position:static;flex-direction:column;align-items:stretch;gap:12px;padding:14px 14px 16px;border:1px solid #e6edf2;border-top:0;border-radius:0 0 14px 14px;background:#fff;opacity:1;transform:none;pointer-events:auto}
.hc-ovt{margin-bottom:8px;gap:8px}
.hc-lgz{height:30px;padding:5px 9px}
.hc-lgz img{height:20px}
.hc-nm{font-size:15px;font-weight:600;color:#4a6070}
h3.hc-t{font-size:15px;line-height:1.56;color:#1c2b36;text-shadow:none;-webkit-line-clamp:3}
.hc-btn2{height:38px;justify-content:center;font-size:14px;border-color:#dbe5ec;background:#fff;color:#1c2b36}
.hc-btn2 svg{width:12px;height:12px}
.hc-arw{display:none}
.hc-bars{margin-top:18px;gap:4px}
.hc-bars i{width:10px;height:3px}
.hc-bars i.on{width:22px}
.hc-cta{padding:.26rem 0 .42rem}
.hc-more{height:44px;padding:0 26px;font-size:15px}
}