:root{
--ink:#0d2137;--ink2:#16324f;--ink3:#25405d;
--acc:#e2661d;--acc2:#f0932f;
--paper:#ffffff;--soft:#f5f7f9;--soft2:#eef1f4;
--line:#dde3ea;--line2:#c8d1db;
--txt:#1d2b3a;--mut:#67788c;--mut2:#8b98a8;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
color:var(--txt);background:var(--paper);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;border:0}
a{color:inherit;text-decoration:none}
li{list-style:none}
button{font-family:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* top bar */
.xkr0-top{background:var(--ink);color:#9fb0c2;font-size:12.5px;letter-spacing:.02em}
.xkr0-top .wrap{display:flex;align-items:center;justify-content:space-between;height:36px;gap:16px}
.xkr0-top .l{display:flex;gap:22px;flex-wrap:wrap}
.xkr0-top .l span{white-space:nowrap}
.xkr0-top .r{color:#cfdae5;white-space:nowrap}
.xkr0-top em{font-style:normal;color:var(--acc2)}

/* header */
.xkr0-hd{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .25s}
.xkr0-hd.on{box-shadow:0 8px 26px rgba(13,33,55,.1)}
.xkr0-hd .wrap{display:flex;align-items:center;height:82px;gap:26px}
.xkr0-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.xkr0-logo img{width:46px;height:46px}
.xkr0-logo .tt{display:flex;flex-direction:column;line-height:1.25}
.xkr0-logo .tt b{font-size:19px;letter-spacing:.06em;color:var(--ink)}
.xkr0-logo .tt i{font-style:normal;font-size:9.5px;letter-spacing:.13em;color:var(--mut2);transform:scale(.96);transform-origin:left}
.xkr0-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.xkr0-nav a{padding:8px 15px;font-size:15px;color:var(--txt);position:relative;white-space:nowrap;transition:color .2s}
.xkr0-nav a:hover{color:var(--acc)}
.xkr0-nav a.cur{color:var(--ink);font-weight:700}
.xkr0-nav a.cur::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:var(--acc)}
.xkr0-tel{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid var(--line);flex-shrink:0}
.xkr0-tel .n{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:.02em}
.xkr0-tel .s{font-size:11px;color:var(--mut2);display:block;line-height:1;margin-top:2px}
.xkr0-burger{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:2px;position:relative;margin-left:auto}
.xkr0-burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:.22s}
.xkr0-burger span:nth-child(1){top:13px}
.xkr0-burger span:nth-child(2){top:20px}
.xkr0-burger span:nth-child(3){top:27px}

/* hero */
.xkr0-hero{position:relative;height:590px;overflow:hidden;background:var(--ink)}
.xkr0-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.xkr0-slide.on{opacity:1;pointer-events:auto}
.xkr0-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.xkr0-slide .msk{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,20,33,.92) 0%,rgba(8,20,33,.72) 42%,rgba(8,20,33,.18) 78%,rgba(8,20,33,.05) 100%)}
.xkr0-slide .in{position:absolute;inset:0;display:flex;align-items:center}
.xkr0-slide .in .wrap{width:100%}
.xkr0-slide .eyebrow{display:inline-block;font-size:12px;letter-spacing:.22em;color:var(--acc2);border-left:3px solid var(--acc);padding-left:10px;margin-bottom:18px}
.xkr0-slide h1,.xkr0-slide h2{font-size:44px;line-height:1.26;color:#fff;letter-spacing:.02em;max-width:14em;font-weight:700;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.xkr0-slide p{color:#c9d6e2;font-size:16px;margin-top:18px;max-width:620px;line-height:1.9}
.xkr0-slide .bt{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.xkr0-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 30px;font-size:15px;border-radius:2px;transition:.2s;border:1px solid transparent}
.xkr0-btn.a{background:var(--acc);color:#fff}
.xkr0-btn.a:hover{background:#c85614}
.xkr0-btn.g{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.xkr0-btn.g:hover{background:rgba(255,255,255,.14);border-color:#fff}
.xkr0-btn.d{background:var(--ink);color:#fff}
.xkr0-btn.d:hover{background:var(--ink2)}
.xkr0-btn.o{border-color:var(--acc);color:var(--acc)}
.xkr0-btn.o:hover{background:var(--acc);color:#fff}
.xkr0-dots{position:absolute;left:0;right:0;bottom:28px;z-index:5}
.xkr0-dots .wrap{display:flex;gap:10px;align-items:center}
.xkr0-dots button{width:40px;height:4px;background:rgba(255,255,255,.32);border:0;cursor:pointer;transition:.25s}
.xkr0-dots button.on{background:var(--acc2);width:56px}
.xkr0-hero .side{position:absolute;right:0;bottom:0;z-index:6;display:flex;gap:1px;background:rgba(8,20,33,.6)}
.xkr0-hero .side a{display:block;width:118px;padding:18px 14px;color:#dfe8f1;font-size:12.5px;line-height:1.5;border-top:2px solid transparent;transition:.2s}
.xkr0-hero .side a:hover{background:var(--acc);border-top-color:#fff;color:#fff}

/* stats */
.xkr0-stats{background:#fff;border-bottom:1px solid var(--line)}
.xkr0-stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.xkr0-stats .it{padding:30px 0 28px;text-align:center;position:relative}
.xkr0-stats .it+ .it::before{content:"";position:absolute;left:0;top:32%;height:38%;width:1px;background:var(--line)}
.xkr0-stats b{display:block;font-size:36px;line-height:1.1;color:var(--ink);letter-spacing:-.01em}
.xkr0-stats b span{font-size:16px;color:var(--acc);margin-left:4px;letter-spacing:0}
.xkr0-stats i{font-style:normal;font-size:13px;color:var(--mut);letter-spacing:.05em}

/* section */
.xkr0-sec{padding:74px 0}
.xkr0-sec.soft{background:var(--soft)}
.xkr0-sec.dark{background:var(--ink);color:#dfe8f1}
.xkr0-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px;flex-wrap:wrap}
.xkr0-sh .l{max-width:760px}
.xkr0-sh .eb{font-size:12px;letter-spacing:.2em;color:var(--acc);margin-bottom:12px;display:block}
.xkr0-sh h2{font-size:30px;line-height:1.3;color:var(--ink);letter-spacing:.01em}
.xkr0-sh .ds{font-size:14.5px;color:var(--mut);margin-top:12px;line-height:1.85;max-width:660px}
.xkr0-sh .dark h2{color:#fff}
.xkr0-more{font-size:14px;color:var(--mut);border-bottom:1px solid var(--line2);padding-bottom:6px;transition:.2s;white-space:nowrap}
.xkr0-more:hover{color:var(--acc);border-color:var(--acc)}

/* solution cards */
.xkr0-sol{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.xkr0-sol .cd{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}
.xkr0-sol .cd:hover{border-color:var(--line2);box-shadow:0 14px 34px rgba(13,33,55,.09);transform:translateY(-3px)}
.xkr0-sol .ph{position:relative;height:210px;overflow:hidden}
.xkr0-sol .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.xkr0-sol .cd:hover .ph img{transform:scale(1.06)}
.xkr0-sol .ph .tg{position:absolute;left:0;top:0;background:var(--ink);color:#fff;font-size:12px;letter-spacing:.1em;padding:7px 14px}
.xkr0-sol .bd{padding:26px 26px 24px;flex:1;display:flex;flex-direction:column}
.xkr0-sol h3{font-size:21px;line-height:1.45;color:var(--ink)}
.xkr0-sol .ld{font-size:13.5px;color:var(--mut);margin-top:12px;line-height:1.9;flex:1}
.xkr0-sol ul{margin-top:16px;border-top:1px dashed var(--line);padding-top:14px}
.xkr0-sol li{font-size:13px;color:var(--ink3);line-height:1.75;padding-left:14px;position:relative;margin-bottom:8px}
.xkr0-sol li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;background:var(--acc)}
.xkr0-sol .mt{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:18px}
.xkr0-sol .mt div{background:#fff;padding:10px 4px;text-align:center}
.xkr0-sol .mt em{display:block;font-style:normal;font-size:10.5px;color:var(--mut2);letter-spacing:.04em}
.xkr0-sol .mt b{display:block;font-size:13px;color:var(--ink);margin-top:3px;font-weight:600}

/* product grid */
.xkr0-pd{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.xkr0-pd .cd{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.xkr0-pd .cd:hover{box-shadow:0 16px 36px rgba(13,33,55,.1);border-color:var(--line2)}
.xkr0-pd .ph{height:176px;overflow:hidden;position:relative;background:var(--soft2)}
.xkr0-pd .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.xkr0-pd .cd:hover .ph img{transform:scale(1.05)}
.xkr0-pd .bd{padding:22px 24px 24px;flex:1;display:flex;flex-direction:column}
.xkr0-pd .no{font-size:11px;letter-spacing:.16em;color:var(--acc);margin-bottom:8px}
.xkr0-pd h3{font-size:19px;line-height:1.4;color:var(--ink)}
.xkr0-pd .sb{font-size:13px;color:var(--mut);margin-top:8px;line-height:1.75;min-height:44px}
.xkr0-pd .sp{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;flex:1}
.xkr0-pd .sp dl{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:4px 0}
.xkr0-pd .sp dt{color:var(--mut2);white-space:nowrap}
.xkr0-pd .sp dd{color:var(--ink3);text-align:right}
.xkr0-pd .lk{margin-top:14px;font-size:13px;color:var(--acc);display:flex;align-items:center;gap:6px}
.xkr0-pd .lk::after{content:"";width:22px;height:1px;background:var(--acc);transition:.25s}
.xkr0-pd .cd:hover .lk::after{width:34px}

/* capability wall */
.xkr0-cap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.16)}
.xkr0-cap .it{padding:24px 26px 26px;border-bottom:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.16);position:relative;transition:.2s}
.xkr0-cap .it:hover{background:rgba(255,255,255,.05)}
.xkr0-cap .no{font-size:12px;color:var(--acc2);letter-spacing:.12em}
.xkr0-cap h3{font-size:16.5px;color:#fff;margin:8px 0 8px;font-weight:600}
.xkr0-cap p{font-size:12.5px;color:#93a5b7;line-height:1.75}

/* process */
.xkr0-proc{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-left:1px solid var(--line)}
.xkr0-proc .it{padding:0 26px 0 26px;border-right:1px solid var(--line);position:relative}
.xkr0-proc .no{font-size:44px;line-height:1;color:var(--line2);letter-spacing:-.02em;margin-bottom:6px}
.xkr0-proc h3{font-size:18px;color:var(--ink);margin:10px 0 10px}
.xkr0-proc p{font-size:13px;color:var(--mut);line-height:1.9;min-height:96px}
.xkr0-proc .tm{display:inline-block;font-size:11.5px;color:var(--acc);border:1px solid rgba(226,102,29,.32);padding:3px 9px;margin-top:14px}

/* cases */
.xkr0-case{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border:1px solid var(--line);background:#fff;margin-bottom:26px}
.xkr0-case:nth-child(even) .ph{order:2}
.xkr0-case .ph{position:relative;overflow:hidden;min-height:320px}
.xkr0-case .ph img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.xkr0-case .ph .tg{position:absolute;left:0;bottom:0;background:var(--acc);color:#fff;font-size:12px;padding:7px 16px;letter-spacing:.1em}
.xkr0-case .bd{padding:34px 36px 30px}
.xkr0-case h3{font-size:22px;color:var(--ink)}
.xkr0-case .mt{font-size:12.5px;color:var(--mut2);margin-top:8px;letter-spacing:.03em}
.xkr0-case .tx{margin-top:16px}
.xkr0-case .tx p{font-size:13.5px;color:var(--mut);line-height:1.95;margin-bottom:10px}
.xkr0-case .rs{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.xkr0-case .rs li{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:5px 0}
.xkr0-case .rs li span{color:var(--mut2)}
.xkr0-case .rs li b{color:var(--ink);font-weight:600;text-align:right}
.xkr0-case ul{margin-top:14px}
.xkr0-case li{font-size:13px;color:var(--ink3);line-height:1.85;padding-left:14px;position:relative;margin-bottom:6px}
.xkr0-case li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;background:var(--acc)}
.xkr0-smt{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dde3ea;margin-top:18px}
.xkr0-smt div{background:#fff;padding:11px 6px;text-align:center}
.xkr0-smt em{display:block;font-style:normal;font-size:10.5px;color:#8a94a2;letter-spacing:.04em}
.xkr0-smt b{display:block;font-size:12.5px;color:var(--ink);margin-top:4px;font-weight:600}

/* why us */
.xkr0-why{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}
.xkr0-why .it{background:var(--ink);padding:32px 34px;transition:.25s}
.xkr0-why .it:hover{background:#102a43}
.xkr0-why h3{font-size:18px;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.xkr0-why h3 b{font-size:12px;color:var(--acc2);font-weight:400;letter-spacing:.1em}
.xkr0-why p{font-size:13.5px;color:#9db0c3;line-height:1.95}

/* honors */
.xkr0-hon{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.xkr0-hon .it{border:1px solid var(--line);padding:26px 24px;background:#fff;position:relative}
.xkr0-hon .it::before{content:"";position:absolute;left:0;top:0;width:3px;height:44px;background:var(--acc)}
.xkr0-hon h3{font-size:16.5px;color:var(--ink);margin-bottom:10px}
.xkr0-hon p{font-size:12.5px;color:var(--mut);line-height:1.9}

/* news */
.xkr0-nw{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.xkr0-nw .cd{border:1px solid var(--line);background:#fff;transition:.25s}
.xkr0-nw .cd:hover{box-shadow:0 14px 32px rgba(13,33,55,.09);transform:translateY(-2px)}
.xkr0-nw .ph{height:186px;overflow:hidden}
.xkr0-nw .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.xkr0-nw .cd:hover .ph img{transform:scale(1.05)}
.xkr0-nw .bd{padding:20px 22px 22px}
.xkr0-nw .dt{font-size:12px;color:var(--acc);letter-spacing:.06em}
.xkr0-nw h3{font-size:16px;line-height:1.6;margin-top:8px;color:var(--ink);min-height:52px}
.xkr0-nw .cd:hover h3{color:var(--acc)}
.xkr0-nw p{font-size:12.5px;color:var(--mut2);margin-top:8px;line-height:1.7}

/* cta */
.xkr0-cta{background:var(--ink);color:#fff;padding:52px 0;position:relative;overflow:hidden}
.xkr0-cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--acc)}
.xkr0-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.xkr0-cta h2{font-size:26px;letter-spacing:.01em}
.xkr0-cta p{color:#93a5b7;font-size:13.5px;margin-top:10px}
.xkr0-cta .r{display:flex;align-items:center;gap:18px}
.xkr0-cta .num{font-size:26px;font-weight:700;letter-spacing:.02em}

/* footer */
.xkr0-ft{background:#0a1a2b;color:#8296a9;padding:56px 0 0;font-size:13px}
.xkr0-ft .top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:42px}
.xkr0-ft .brand b{display:block;font-size:17px;color:#e6eef6;letter-spacing:.06em;margin-bottom:14px}
.xkr0-ft .brand p{line-height:1.95;font-size:12.5px;color:#7c90a4;max-width:330px}
.xkr0-ft h3{font-size:14px;color:#cfdce8;margin-bottom:16px;font-weight:600;letter-spacing:.08em}
.xkr0-ft li{margin-bottom:10px;font-size:12.5px}
.xkr0-ft li a:hover{color:var(--acc2)}
.xkr0-ft .l li:first-child{color:#9fb0c2}
.xkr0-ft .bar{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#6d8298}

/* inner banner */
.xkr0-bn{background:var(--ink);color:#fff;padding:52px 0 48px;position:relative;overflow:hidden}
.xkr0-bn .bg{position:absolute;inset:0;opacity:.22}
.xkr0-bn .bg img{width:100%;height:100%;object-fit:cover}
.xkr0-bn .msk{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,33,.96),rgba(8,20,33,.72))}
.xkr0-bn .in{position:relative;z-index:2}
.xkr0-cr{display:flex;gap:8px;font-size:12px;color:#8ea3b8;margin-bottom:14px;align-items:center;flex-wrap:wrap}
.xkr0-cr a{color:#b8c9d8}
.xkr0-cr a:hover{color:var(--acc2)}
.xkr0-cr i{font-style:normal;color:#57718a}
.xkr0-bn h1{font-size:29px;font-weight:700;letter-spacing:.02em}
.xkr0-bn .sb{font-size:13.5px;color:#9fb3c6;margin-top:12px;max-width:760px;line-height:1.9}

/* article */
.xkr0-art{max-width:860px;margin:0 auto}
.xkr0-art .hd{padding:56px 0 34px;border-bottom:1px solid var(--line)}
.xkr0-art .tag{display:inline-block;font-size:11.5px;color:var(--acc);border:1px solid rgba(226,102,29,.35);padding:3px 10px;letter-spacing:.08em}
.xkr0-art h1{font-size:27px;line-height:1.6;color:var(--ink);margin-top:16px;font-weight:700}
.xkr0-art .meta{display:flex;gap:22px;font-size:12.5px;color:var(--mut2);margin-top:18px;flex-wrap:wrap}
.xkr0-art .bd{padding:34px 0 20px;font-size:15.5px;line-height:2.05;color:#243546}
.xkr0-art .bd p{margin-bottom:20px}
.xkr0-art .bd h2{font-size:18px;color:var(--ink);margin:32px 0 14px;padding-left:12px;border-left:3px solid var(--acc);line-height:1.4}
.xkr0-art .tags{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap}
.xkr0-art .tags span{font-size:12px;color:var(--mut);background:var(--soft);padding:5px 12px}
.xkr0-art .pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;border-top:1px solid var(--line);padding-top:26px}
.xkr0-art .pn a{border:1px solid var(--line);padding:14px 18px;font-size:13px;color:var(--mut);transition:.2s}
.xkr0-art .pn a:hover{border-color:var(--acc);color:var(--acc)}
.xkr0-art .pn a b{display:block;font-size:11px;color:var(--mut2);margin-bottom:6px;font-weight:400;letter-spacing:.1em}
.xkr0-art .pn a.r{text-align:right}

/* product detail */
.xkr0-pdt{display:grid;grid-template-columns:1fr 330px;gap:46px;align-items:start}
.xkr0-pdt .main .lead{margin-bottom:34px}
.xkr0-pdt .main .kv{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.xkr0-pdt .main .kv span{font-size:12px;color:var(--ink3);background:var(--soft);padding:5px 12px;border-left:2px solid var(--acc)}
.xkr0-pdt h2{font-size:19px;color:var(--ink);margin:36px 0 16px;padding-left:12px;border-left:3px solid var(--acc)}
.xkr0-pdt .main p{font-size:14.5px;line-height:2;color:#324458;margin-bottom:16px}
.xkr0-pdt .ph{margin-bottom:26px;border:1px solid var(--line)}
.xkr0-pdt .ph img{width:100%;height:330px;object-fit:cover}
.xkr0-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.xkr0-mods div{background:#fff;padding:16px 14px;font-size:13px;color:var(--ink3);text-align:center}
.xkr0-mods div:hover{background:var(--soft);color:var(--acc)}
.xkr0-spec{border:1px solid var(--line);border-collapse:collapse;width:100%;font-size:13.5px}
.xkr0-spec tr:nth-child(odd){background:var(--soft)}
.xkr0-spec td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.xkr0-spec td.k{width:150px;color:var(--ink);font-weight:600;white-space:nowrap}
.xkr0-spec td.v{color:#3a4b5e}
.xkr0-scene{display:flex;flex-wrap:wrap;gap:10px}
.xkr0-scene span{font-size:13px;border:1px solid var(--line2);padding:8px 16px;color:var(--ink3)}
.xkr0-faq .q{border-top:1px solid var(--line);padding:16px 0}
.xkr0-faq .q b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:8px}
.xkr0-faq .q b::before{content:"Q";font-size:11px;color:var(--acc);margin-right:8px;border:1px solid rgba(226,102,29,.4);padding:1px 5px}
.xkr0-faq .q p{font-size:13.5px;color:var(--mut);line-height:1.95;margin:0}
.xkr0-aside{position:sticky;top:106px}
.xkr0-aside .bx{border:1px solid var(--line);background:#fff;margin-bottom:22px}
.xkr0-aside .hd{background:var(--ink);color:#fff;padding:14px 20px;font-size:14px;letter-spacing:.06em}
.xkr0-aside .ls{padding:8px 0}
.xkr0-aside .ls a{display:block;padding:11px 20px;font-size:13.5px;color:var(--txt);border-bottom:1px solid var(--soft2)}
.xkr0-aside .ls a:hover{color:var(--acc);background:var(--soft)}
.xkr0-aside .ct{padding:22px 20px;background:var(--ink);color:#c8d5e2}
.xkr0-aside .ct b{display:block;color:#fff;font-size:15px;margin-bottom:8px}
.xkr0-aside .ct .n{font-size:22px;color:#fff;font-weight:700;margin:8px 0}
.xkr0-aside .ct p{font-size:12.5px;line-height:1.8;color:#93a5b7}

/* list page */
.xkr0-lst{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:start}
.xkr0-lst .main .it{display:grid;grid-template-columns:250px 1fr;gap:26px;padding:26px 0;border-bottom:1px solid var(--line);transition:.2s}
.xkr0-lst .main .it:hover{background:var(--soft)}
.xkr0-lst .main .it .ph{overflow:hidden;height:158px}
.xkr0-lst .main .it .ph img{width:100%;height:100%;object-fit:cover;transition:.5s}
.xkr0-lst .main .it:hover .ph img{transform:scale(1.05)}
.xkr0-lst .main .it .bd .dt{font-size:12px;color:var(--acc);letter-spacing:.06em}
.xkr0-lst .main h2{font-size:17.5px;line-height:1.55;color:var(--ink);margin:8px 0 10px}
.xkr0-lst .main .it:hover h2{color:var(--acc)}
.xkr0-lst .main .it p{font-size:13px;color:var(--mut);line-height:1.85}
.xkr0-lst .side h3{font-size:14px;color:var(--ink);border-left:3px solid var(--acc);padding-left:10px;margin-bottom:16px}
.xkr0-lst .side .bx{margin-bottom:34px}
.xkr0-lst .side .taglist{display:flex;flex-wrap:wrap;gap:8px}
.xkr0-lst .side .taglist span{font-size:12.5px;border:1px solid var(--line2);padding:5px 12px;color:var(--mut)}
.xkr0-lst .side .hot a{display:block;font-size:13px;color:var(--txt);padding:10px 0;border-bottom:1px dashed var(--line);line-height:1.6}
.xkr0-lst .side .hot a:hover{color:var(--acc)}

/* about */
.xkr0-abt{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;margin-bottom:20px}
.xkr0-abt .ph{border:1px solid var(--line)}
.xkr0-abt .ph img{width:100%;height:380px;object-fit:cover}
.xkr0-abt h2{font-size:24px;color:var(--ink);margin-bottom:18px}
.xkr0-abt p{font-size:14.5px;line-height:2.05;color:#324458;margin-bottom:16px}
.xkr0-abt ul{margin-top:4px}
.xkr0-abt li{font-size:13.5px;color:#324458;line-height:1.95;padding-left:16px;position:relative}
.xkr0-abt li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;background:var(--acc)}
.xkr0-tl{border-left:1px solid var(--line);margin-top:20px;padding-left:0}
.xkr0-tl .it{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:18px 0;position:relative}
.xkr0-tl .y{font-size:15px;color:var(--acc);font-weight:700;letter-spacing:.04em;position:relative;padding-left:22px}
.xkr0-tl .y::before{content:"";position:absolute;left:-5px;top:8px;width:9px;height:9px;background:var(--acc);border-radius:50%}
.xkr0-tl .tx{font-size:13.5px;color:var(--mut);line-height:1.9}
.xkr0-tb{border-collapse:collapse;width:100%;font-size:13.5px;border:1px solid var(--line)}
.xkr0-tb tr:nth-child(odd){background:var(--soft)}
.xkr0-tb th{background:var(--ink);color:#fff;font-weight:600;font-size:13px;padding:12px 14px;text-align:left;letter-spacing:.04em}
.xkr0-tb td{padding:12px 14px;border-bottom:1px solid var(--line);color:#3a4b5e}

/* contact */
.xkr0-ct2{display:grid;grid-template-columns:1.3fr 1fr;gap:46px}
.xkr0-ct2 .card{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.xkr0-ct2 .card div{background:#fff;padding:26px 24px}
.xkr0-ct2 .card em{font-style:normal;font-size:11.5px;color:var(--acc);letter-spacing:.12em}
.xkr0-ct2 .card b{display:block;font-size:15px;color:var(--ink);margin:8px 0 6px}
.xkr0-ct2 .card p{font-size:13px;color:var(--mut);line-height:1.85}
.xkr0-ct2 h2{font-size:18px;color:var(--ink);margin:28px 0 14px;padding-left:11px;border-left:3px solid var(--acc)}
.xkr0-ct2 ul li{font-size:13.5px;color:var(--mut);line-height:2;padding-left:16px;position:relative}
.xkr0-ct2 ul li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:var(--line2)}
.xkr0-ct2 .ph{border:1px solid var(--line);margin-top:24px}
.xkr0-ct2 .ph img{width:100%;height:260px;object-fit:cover}

/* 404 */
.xkr0-nf{padding:90px 0 80px;text-align:center}
.xkr0-nf .big{font-size:112px;line-height:1;color:var(--ink);letter-spacing:-.02em;font-weight:700}
.xkr0-nf .big span{color:var(--acc)}
.xkr0-nf h1{font-size:22px;margin:16px 0 12px;color:var(--ink)}
.xkr0-nf p{font-size:14px;color:var(--mut);max-width:560px;margin:0 auto 30px;line-height:1.95}
.xkr0-nf .lk{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.xkr0-nf .ph{margin:46px auto 0;max-width:520px;border:1px solid var(--line)}
.xkr0-nf .ph img{width:100%;height:280px;object-fit:cover}
.xkr0-nf .rec{margin-top:44px;border-top:1px solid var(--line);padding-top:34px;max-width:900px;margin-left:auto;margin-right:auto}
.xkr0-nf .rec a{display:inline-block;margin:0 12px;font-size:13.5px;color:var(--ink3);border-bottom:1px solid var(--line2);padding-bottom:4px}
.xkr0-nf .rec a:hover{color:var(--acc);border-color:var(--acc)}

/* reveal */
.xkr0-rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.xkr0-rv.vis{opacity:1;transform:none}

@media (max-width:1140px){
 .xkr0-nav a{padding:8px 10px;font-size:14px}
 .xkr0-logo .tt i{display:none}
}
@media (max-width:1024px){
 .xkr0-hero{height:520px}
 .xkr0-slide h1,.xkr0-slide h2{font-size:34px}
 .xkr0-sol,.xkr0-pd,.xkr0-nw,.xkr0-hon{grid-template-columns:repeat(2,1fr)}
 .xkr0-cap{grid-template-columns:repeat(3,1fr)}
 .xkr0-proc{grid-template-columns:repeat(2,1fr)}
 .xkr0-proc .it{padding-bottom:30px}
 .xkr0-pdt,.xkr0-lst,.xkr0-ct2{grid-template-columns:1fr;gap:34px}
 .xkr0-aside{position:static}
 .xkr0-case{grid-template-columns:1fr}
 .xkr0-case:nth-child(even) .ph{order:0}
 .xkr0-case .ph{min-height:250px}
 .xkr0-abt{grid-template-columns:1fr;gap:30px}
 .xkr0-ft .top{grid-template-columns:1fr 1fr;gap:28px}
}
@media (max-width:820px){
 .xkr0-tel{display:none}
 .xkr0-burger{display:block}
 .xkr0-nav{position:fixed;left:0;right:0;top:118px;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);padding:6px 0;transform:translateY(-140%);transition:transform .3s;box-shadow:0 18px 30px rgba(13,33,55,.12)}
 .xkr0-nav.open{transform:none}
 .xkr0-nav a{padding:14px 22px;border-bottom:1px solid var(--soft2)}
 .xkr0-nav a.cur::after{display:none}
 .xkr0-nav a.cur{background:var(--soft);border-left:3px solid var(--acc)}
 .xkr0-logo .tt b{font-size:16px}
 .xkr0-logo img{width:38px;height:38px}
 .xkr0-hd .wrap{height:70px}
 .xkr0-nav{top:106px}
 .xkr0-hero{height:430px}
 .xkr0-slide h1,.xkr0-slide h2{font-size:27px;max-width:100%}
 .xkr0-slide p{font-size:14px}
 .xkr0-slide .bt{margin-top:22px}
 .xkr0-btn{height:44px;padding:0 22px;font-size:14px}
 .xkr0-hero .side{display:none}
 .xkr0-stats .wrap{grid-template-columns:1fr 1fr}
 .xkr0-stats .it:nth-child(3)::before{display:none}
 .xkr0-sec{padding:52px 0}
 .xkr0-sh h2{font-size:23px}
 .xkr0-sol,.xkr0-pd,.xkr0-nw,.xkr0-hon,.xkr0-why,.xkr0-proc,.xkr0-cap{grid-template-columns:1fr}
 .xkr0-why .it{padding:24px}
 .xkr0-lst .main .it{grid-template-columns:1fr;gap:14px}
 .xkr0-lst .main .it .ph{height:190px}
 .xkr0-pdt .ph img{height:230px}
 .xkr0-art h1{font-size:21px}
 .xkr0-art .bd{font-size:14.5px;line-height:1.95}
 .xkr0-art .pn{grid-template-columns:1fr}
 .xkr0-bn{padding:36px 0 32px}
 .xkr0-bn h1{font-size:22px}
 .xkr0-cta h2{font-size:19px}
 .xkr0-ft .top{grid-template-columns:1fr;gap:26px}
 .xkr0-nf .big{font-size:78px}
 .xkr0-mods{grid-template-columns:repeat(2,1fr)}
 .xkr0-abt .ph img{height:270px}
 .xkr0-ct2 .card{grid-template-columns:1fr}
 .xkr0-spec td.k{width:110px;font-size:12.5px}
 .xkr0-spec{font-size:12.5px}
}
@media (max-width:480px){
 .xkr0-slide h1,.xkr0-slide h2{font-size:23px}
 .xkr0-stats b{font-size:28px}
 .xkr0-top .l span:nth-child(3){display:none}
 .xkr0-cta .num{font-size:22px}
 .xkr0-mods{grid-template-columns:1fr}
}