@charset "utf-8";
/* 首页 · TransInfo服务方法论（仅首页引用） */
.mt-main{position:relative;overflow:hidden;background:#f1f7fd;padding:calc(64 * 1rem / 100) 0 calc(70 * 1rem / 100)}
.mt-main::before,.mt-main::after{content:"";position:absolute;pointer-events:none;border-radius:50%}
.mt-main::before{top:calc(-240 * 1rem / 100);right:calc(-160 * 1rem / 100);width:calc(760 * 1rem / 100);height:calc(760 * 1rem / 100);background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 66%)}
.mt-main::after{bottom:calc(-280 * 1rem / 100);left:calc(-200 * 1rem / 100);width:calc(720 * 1rem / 100);height:calc(720 * 1rem / 100);background:radial-gradient(circle,rgba(26,157,196,.1) 0%,rgba(26,157,196,0) 70%)}
.mt-inner{position:relative;z-index:1;width:14rem;max-width:calc(100% - 40px);margin:0 auto}
.mt-head{margin-bottom:calc(34 * 1rem / 100)}
h2.mt-tit{margin:0;color:#1c2b36;letter-spacing:-.01em;line-height:1.28}
.mt-lead{margin:calc(16 * 1rem / 100) 0 0;color:#5b6b77;line-height:1.78;letter-spacing:.02em;text-align:left}
.mt-nb{white-space:nowrap}

.mt-nav{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:calc(26 * 1rem / 100)}
.mt-rail{position:absolute;top:calc(18 * 1rem / 100);left:10%;right:10%;height:2px;transform:translateY(-50%);background:#e1edf5;border-radius:2px}
.mt-fill{display:block;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,#0b70a1 0%,#1a9dc4 100%);transition:width .45s cubic-bezier(.3,.8,.3,1)}
.mt-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(12 * 1rem / 100);padding:0 calc(6 * 1rem / 100);text-align:center;cursor:pointer}
.mt-dot{display:grid;place-items:center;width:calc(36 * 1rem / 100);height:calc(36 * 1rem / 100);border:1px solid #d9e8f1;border-radius:50%;background:#fff;color:#74899a;font-weight:700;transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
.mt-dot em{font-style:normal}
.mt-label{color:#5b6b77;font-weight:500;line-height:1.4;transition:color .3s ease}
.mt-step:hover .mt-dot{border-color:#0b70a1;color:#0b70a1}
.mt-step:hover .mt-label{color:#08587f}
.mt-step.on .mt-dot{border-color:transparent;background:linear-gradient(135deg,#0b70a1 0%,#007db8 100%);color:#fff;box-shadow:0 0 0 calc(7 * 1rem / 100) rgba(11,112,161,.09),0 calc(6 * 1rem / 100) calc(16 * 1rem / 100) rgba(11,112,161,.22)}
.mt-step.on .mt-label{color:#08587f;font-weight:600}
.mt-step:focus-visible{outline:2px solid #8fd6f7;outline-offset:2px;border-radius:.12rem}

.mt-panels{padding:calc(40 * 1rem / 100) calc(44 * 1rem / 100);border:1px solid rgba(11,112,161,.08);border-radius:.2rem;background:#fff;box-shadow:0 calc(6 * 1rem / 100) calc(22 * 1rem / 100) rgba(11,64,92,.07),0 calc(18 * 1rem / 100) calc(48 * 1rem / 100) rgba(11,64,92,.06)}
.mt-panel[hidden]{display:none}
.mt-panel.in{animation:mtFade .32s cubic-bezier(.2,.7,.3,1)}
.mt-ptit{margin:0;color:#08587f;font-weight:700;line-height:1.45;letter-spacing:.01em}
.mt-ptxt{margin:calc(12 * 1rem / 100) 0 0;color:#5b6b77;line-height:1.78;text-align:left}
.mt-divider{height:1px;margin:calc(28 * 1rem / 100) 0 calc(24 * 1rem / 100);background:linear-gradient(90deg,#e6edf2 0%,#e6edf2 62%,rgba(230,237,242,0) 100%)}
.mt-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14 * 1rem / 100) calc(24 * 1rem / 100);margin:0;padding:0;list-style:none}
.mt-list li{position:relative;padding-left:calc(16 * 1rem / 100);color:#1c2b36;line-height:1.75}
.mt-list li::before{content:"";position:absolute;left:0;top:calc(.875em - 2.5px);width:5px;height:5px;border-radius:50%;background:#0b70a1;opacity:.42}
@keyframes mtFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(min-width:901px) and (max-width:1300px){
.mt-lead{font-size:13.5px;letter-spacing:0}
}

@media(max-width:1120px){
.mt-panels{padding:calc(30 * 1rem / 100) calc(32 * 1rem / 100)}
.mt-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.mt-ptxt{min-height:3.56em}
}

@media(max-width:900px){
.mt-main{padding:44px 0 48px}
.mt-inner{width:auto;max-width:none;padding:0 20px}
.mt-head{margin-bottom:22px}
.mt-lead{margin-top:10px;font-size:14px;letter-spacing:0}
.mt-nav{margin-right:44px;margin-bottom:18px}
.mt-step{gap:8px;padding:0 2px}
.mt-dot{width:28px;height:28px;font-size:12px}
.mt-rail{top:14px}
.mt-label{font-size:13px}
.mt-step.on .mt-dot{box-shadow:0 0 0 5px rgba(11,112,161,.09),0 4px 10px rgba(11,112,161,.22)}
.mt-panels{padding:22px 18px;border-radius:14px}
.mt-ptit{font-size:18px}
.mt-ptxt{margin-top:10px;font-size:14px}
.mt-divider{margin:20px 0 16px}
.mt-list{gap:10px 18px}
.mt-list li{padding-left:14px;font-size:14px}
}

@media(max-width:640px){
.mt-list{grid-template-columns:1fr}
}

@media(max-width:480px){
.mt-ptxt{min-height:5.34em}
}

@media(max-width:360px){
.mt-dot{width:24px;height:24px;font-size:11px}
.mt-rail{top:12px}
.mt-label{font-size:12px}
.mt-ptxt{min-height:7.12em}
}

@media(max-width:330px){
.mt-tit br{display:none}
}

@media(prefers-reduced-motion:reduce){
.mt-dot,.mt-label,.mt-fill{transition:none}
.mt-panel.in{animation:none}
}