
:root{--p:#10375c;--p2:#1b4e7e;--a:#b7853b;--ink:#1d2733;--mut:#6b7885;--ln:#e2e8ef;--bg:#f4f6f9;--wh:#fff}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC",sans-serif;color:var(--ink);background:var(--wh);line-height:1.75;font-size:15px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;border:0}
ul,li{list-style:none}
.wp{max-width:1200px;margin:0 auto;padding:0 20px}
.y2sv-top{background:var(--p);color:#cfdcea;font-size:12.5px}
.y2sv-top .wp{display:flex;justify-content:space-between;align-items:center;height:38px;gap:20px;flex-wrap:wrap}
.y2sv-top i{font-style:normal;color:#8fa7bd;margin-right:6px}
.y2sv-top b{font-weight:400;color:#e8eef5;letter-spacing:.3px}
.y2sv-hdr{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 0 var(--ln),0 6px 18px rgba(16,55,92,.06)}
.y2sv-hdr .wp{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.y2sv-logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.y2sv-logo img{height:54px;width:auto}
.y2sv-logo span{font-size:19px;font-weight:700;color:var(--p);letter-spacing:.5px}
.y2sv-logo em{display:block;font-style:normal;font-size:11px;color:var(--mut);letter-spacing:1.6px;font-weight:400}
.y2sv-nav{display:flex;align-items:center;gap:0;flex-wrap:nowrap;flex:0 1 auto;min-width:0}
.y2sv-nav a{padding:10px 12px;font-size:14.5px;color:#26333f;border-radius:2px;position:relative;transition:.2s;white-space:nowrap}
.y2sv-nav a:hover{color:var(--p)}
.y2sv-nav a.on{color:var(--p);font-weight:700}
.y2sv-nav a.on:after{content:"";position:absolute;left:15px;right:15px;bottom:2px;height:2px;background:var(--a)}
.y2sv-tel{display:flex;align-items:center;gap:10px;padding-left:22px;border-left:1px solid var(--ln)}
.y2sv-tel small{display:block;font-size:11px;color:var(--mut);line-height:1.2}
.y2sv-tel strong{font-size:19px;color:var(--p);letter-spacing:.5px;line-height:1.3}
.y2sv-burger{display:none;width:40px;height:34px;border:1px solid var(--ln);background:#fff;border-radius:3px}
.y2sv-burger span{display:block;width:20px;height:2px;background:var(--p);margin:4px auto}
.y2sv-ban{position:relative;overflow:hidden;background:#0b2135}
.y2sv-slide{display:none;position:relative;height:560px}
.y2sv-slide.on{display:block}
.y2sv-slide img{width:100%;height:560px;object-fit:cover}
.y2sv-slide .mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,40,.86) 0%,rgba(6,24,40,.62) 46%,rgba(6,24,40,.18) 100%)}
.y2sv-slide .tx{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;padding:0 20px;color:#fff}
.y2sv-slide .tx>div{max-width:720px}
.y2sv-kick{display:inline-block;font-size:12.5px;letter-spacing:2px;color:#e3c99a;border:1px solid rgba(227,201,154,.45);padding:5px 12px;margin-bottom:18px}
.y2sv-slide h1,.y2sv-slide h2{font-size:40px;line-height:1.25;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.y2sv-slide p{font-size:15.5px;color:#dbe5ef;line-height:1.9;margin-bottom:26px}
.y2sv-btns{display:flex;gap:14px;flex-wrap:wrap}
.y2sv-btn{display:inline-block;padding:12px 26px;font-size:14.5px;background:var(--a);color:#fff;border:1px solid var(--a);transition:.25s}
.y2sv-btn:hover{background:#a3742c;border-color:#a3742c}
.y2sv-btn.g{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.y2sv-btn.g:hover{background:rgba(255,255,255,.14)}
.y2sv-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:26px;display:flex;gap:9px;z-index:5}
.y2sv-dots b{width:34px;height:4px;background:rgba(255,255,255,.32);cursor:pointer;display:block;transition:.2s}
.y2sv-dots b.on{background:var(--a)}
.y2sv-hero{background:linear-gradient(120deg,#0d2f50,#1a4c78);color:#fff;padding:54px 0 48px;position:relative;overflow:hidden}
.y2sv-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.y2sv-crumb{font-size:12.5px;color:#a9bfd4;margin-bottom:14px}
.y2sv-crumb a:hover{color:#fff}
.y2sv-crumb span{margin:0 8px;color:#6c8ba7}
.y2sv-hero h1{font-size:31px;line-height:1.35;font-weight:700;letter-spacing:.6px;margin-bottom:12px}
.y2sv-hero p{font-size:14.5px;color:#c3d3e2;max-width:840px;line-height:1.95}
.y2sv-sec{padding:76px 0}
.y2sv-sec.gray{background:var(--bg)}
.y2sv-hd{margin-bottom:40px;max-width:760px}
.y2sv-hd .eyebrow{font-size:12.5px;letter-spacing:3px;color:var(--a);text-transform:uppercase;margin-bottom:10px}
.y2sv-hd h2{font-size:28px;font-weight:700;color:var(--p);line-height:1.4;letter-spacing:.5px;padding-left:14px;border-left:3px solid var(--a)}
.y2sv-hd p{margin-top:14px;color:var(--mut);font-size:14px;line-height:1.9}
.y2sv-hd.ctr{text-align:center;max-width:none}
.y2sv-hd.ctr h2{border-left:0;padding-left:0;display:inline-block}
.y2sv-biz{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.y2sv-biz .it{background:#fff;border:1px solid var(--ln);padding:32px 26px 28px;position:relative;transition:.25s}
.y2sv-biz .it:hover{box-shadow:0 14px 34px rgba(16,55,92,.12);transform:translateY(-3px);border-color:#cfdbe6}
.y2sv-biz .no{font-size:12px;letter-spacing:2px;color:#b3bfcb;margin-bottom:16px}
.y2sv-biz h3{font-size:18.5px;color:var(--p);margin-bottom:12px;line-height:1.5}
.y2sv-biz p{font-size:13.5px;color:var(--mut);line-height:1.9;margin-bottom:16px}
.y2sv-biz a.more{font-size:13px;color:var(--a);letter-spacing:.5px}
.y2sv-biz a.more:hover{color:var(--p)}
.y2sv-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.y2sv-intro .ph{position:relative}
.y2sv-intro .ph img{width:100%;height:430px;object-fit:cover}
.y2sv-intro .ph .tag{position:absolute;left:0;bottom:0;background:var(--p);color:#fff;font-size:13px;padding:10px 18px;letter-spacing:1px}
.y2sv-intro h2{font-size:28px;color:var(--p);line-height:1.4;margin-bottom:22px;letter-spacing:.5px}
.y2sv-intro p{color:#41505e;line-height:2.1;margin-bottom:16px;font-size:14.5px}
.y2sv-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1px solid var(--ln)}
.y2sv-stats div{padding:30px 10px 4px;text-align:center;border-right:1px dashed var(--ln)}
.y2sv-stats div:last-child{border-right:0}
.y2sv-stats b{font-size:38px;color:var(--p);font-weight:700;letter-spacing:1px;font-family:Georgia,serif}
.y2sv-stats b i{font-style:normal;font-size:15px;color:var(--a);margin-left:3px;font-family:inherit}
.y2sv-stats span{display:block;font-size:13px;color:var(--mut);margin-top:8px}
.y2sv-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.y2sv-card{background:#fff;border:1px solid var(--ln);overflow:hidden;display:flex;flex-direction:column;transition:.28s}
.y2sv-card:hover{box-shadow:0 16px 36px rgba(16,55,92,.13);transform:translateY(-4px)}
.y2sv-card .ph{position:relative;overflow:hidden}
.y2sv-card .ph img{width:100%;height:212px;object-fit:cover;transition:.5s}
.y2sv-card:hover .ph img{transform:scale(1.05)}
.y2sv-card .cat{position:absolute;left:0;top:0;background:rgba(16,55,92,.9);color:#fff;font-size:12px;padding:5px 12px;letter-spacing:1px}
.y2sv-card .bd{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.y2sv-card h3{font-size:17px;color:var(--p);margin-bottom:10px;line-height:1.5}
.y2sv-card h3 a:hover{color:var(--a)}
.y2sv-card p{font-size:13.5px;color:var(--mut);line-height:1.9;flex:1}
.y2sv-card .go{font-size:13px;color:var(--a);margin-top:16px;letter-spacing:.5px}
.y2sv-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:10px}
.y2sv-flow li{background:#fff;border:1px solid var(--ln);padding:24px 18px;position:relative}
.y2sv-flow li b{display:block;font-size:12px;color:var(--a);letter-spacing:2px;margin-bottom:8px}
.y2sv-flow li h3{font-size:16px;color:var(--p);margin-bottom:8px}
.y2sv-flow li p{font-size:13px;color:var(--mut);line-height:1.8}
.y2sv-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.y2sv-case{position:relative;overflow:hidden;height:330px}
.y2sv-case img{width:100%;height:100%;object-fit:cover;transition:.5s}
.y2sv-case:hover img{transform:scale(1.04)}
.y2sv-case .cap{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,25,40,0) 38%,rgba(8,25,40,.88) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:26px;color:#fff}
.y2sv-case .cap small{font-size:12px;color:#e3c99a;letter-spacing:1.5px;margin-bottom:6px}
.y2sv-case .cap h3{font-size:18px;line-height:1.5}
.y2sv-case .cap a{margin-top:8px;font-size:12.5px;color:#cfe0ef}
.y2sv-honor{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.y2sv-honor li{border:1px solid var(--ln);background:#fff;padding:22px 24px}
.y2sv-honor li h3{font-size:15px;color:var(--p);margin-bottom:6px;line-height:1.6}
.y2sv-honor li span{font-size:12.5px;color:var(--a)}
.y2sv-honor li p{font-size:13px;color:var(--mut);margin-top:8px;line-height:1.8}
.y2sv-news{display:grid;grid-template-columns:1.35fr 1fr;gap:44px}
.y2sv-nlist{border-top:2px solid var(--p)}
.y2sv-nlist li{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--ln);align-items:start}
.y2sv-nlist .d{text-align:center;color:#93a2b1;font-size:12px;line-height:1.4;padding-top:3px}
.y2sv-nlist .d b{display:block;font-size:24px;color:var(--p);font-weight:700;font-family:Georgia,serif;line-height:1.2}
.y2sv-nlist h3{font-size:15.5px;line-height:1.6;margin-bottom:6px}
.y2sv-nlist h3 a:hover{color:var(--a)}
.y2sv-nlist p{font-size:13px;color:var(--mut);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.y2sv-feat{border:1px solid var(--ln);background:#fff}
.y2sv-feat img{width:100%;height:230px;object-fit:cover}
.y2sv-feat .bd{padding:22px}
.y2sv-feat .bd small{color:var(--a);font-size:12px;letter-spacing:1px}
.y2sv-feat h3{font-size:17px;color:var(--p);margin:10px 0;line-height:1.55}
.y2sv-feat p{font-size:13px;color:var(--mut);line-height:1.85}
.y2sv-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.y2sv-tags span{border:1px solid var(--ln);background:#fff;padding:10px 18px;font-size:13px;color:#3c4a57}
.y2sv-tags span:hover{border-color:var(--a);color:var(--a)}
.y2sv-cta{background:var(--p);color:#fff;padding:40px 0}
.y2sv-cta .wp{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.y2sv-cta h2{font-size:23px;font-weight:700;letter-spacing:.6px}
.y2sv-cta p{font-size:13.5px;color:#c2d3e1;margin-top:8px}
.y2sv-ftr{background:#0b2337;color:#93a8ba;padding:60px 0 0;font-size:13px}
.y2sv-ftr .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px}
.y2sv-ftr h4{color:#fff;font-size:15px;margin-bottom:18px;letter-spacing:.6px}
.y2sv-ftr h4:after{content:"";display:block;width:26px;height:2px;background:var(--a);margin-top:10px}
.y2sv-ftr p{line-height:2.05}
.y2sv-ftr a:hover{color:#e3c99a}
.y2sv-ftr .col li{margin-bottom:9px}
.y2sv-ftr .bot{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;font-size:12.5px;color:#71889b;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.y2sv-art{padding:64px 0}
.y2sv-art .wrap{display:grid;grid-template-columns:1fr 320px;gap:52px}
.y2sv-art .main h1{font-size:27px;line-height:1.5;color:var(--p);margin-bottom:14px}
.y2sv-art .meta{font-size:12.5px;color:#93a2b1;padding-bottom:18px;border-bottom:1px solid var(--ln);margin-bottom:26px}
.y2sv-art .meta span{margin-right:18px}
.y2sv-art .lead{background:var(--bg);border-left:3px solid var(--a);padding:18px 22px;color:#3c4a57;font-size:14.5px;line-height:1.95;margin-bottom:26px}
.y2sv-art .cover{width:100%;height:380px;object-fit:cover;margin-bottom:30px}
.y2sv-art h2{font-size:19px;color:var(--p);margin:34px 0 14px;padding-left:12px;border-left:3px solid var(--a);line-height:1.5}
.y2sv-art p{font-size:14.5px;line-height:2.1;color:#39485a;margin-bottom:16px}
.y2sv-art .side{position:sticky;top:96px;align-self:start}
.y2sv-art .side .box{border:1px solid var(--ln);background:#fff;padding:24px;margin-bottom:22px}
.y2sv-art .side h3{font-size:15px;color:var(--p);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--ln)}
.y2sv-art .side .box p{font-size:13px;color:var(--mut);line-height:1.9;margin:0 0 8px}
.y2sv-art .side .box strong{color:var(--p);font-size:17px;display:block;margin:7px 0 12px}
.y2sv-art .side .lk{display:block}
.y2sv-art .side .lk a{display:block;font-size:13.5px;padding:9px 0;border-bottom:1px dashed var(--ln);color:#3c4a57}
.y2sv-art .side .lk a:hover{color:var(--a);padding-left:4px}
.y2sv-spec{width:100%;border-collapse:collapse;margin:18px 0 10px;font-size:13.5px}
.y2sv-spec th,.y2sv-spec td{border:1px solid var(--ln);padding:12px 16px;text-align:left;vertical-align:top}
.y2sv-spec th{background:var(--bg);color:var(--p);width:30%;font-weight:700}
.y2sv-spec tr:hover td{background:#fbfcfe}
.y2sv-scope{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:18px 0}
.y2sv-scope .it{border:1px solid var(--ln);padding:20px 22px;background:#fff}
.y2sv-scope .it h3{font-size:15px;color:var(--p);margin-bottom:10px}
.y2sv-scope .it li{font-size:13.5px;color:#465566;line-height:1.9;padding-left:14px;position:relative;margin-bottom:4px}
.y2sv-scope .it li:before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;background:var(--a)}
.y2sv-faq{border-top:1px solid var(--ln)}
.y2sv-faq .q{border-bottom:1px solid var(--ln)}
.y2sv-faq .q>div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;font-size:14.5px;color:var(--p);font-weight:700}
.y2sv-faq .q .plus{color:var(--a);font-size:18px;line-height:1;transition:.2s}
.y2sv-faq .q.on .plus{transform:rotate(45deg)}
.y2sv-faq .a{font-size:14px;color:#465566;line-height:2;padding:0 0 16px;display:none}
.y2sv-faq .q.on .a{display:block}
.y2sv-lhero{background:var(--p);color:#fff;padding:52px 0}
.y2sv-lhero h1{font-size:30px;margin-bottom:10px;letter-spacing:.6px}
.y2sv-lhero p{color:#c2d3e1;font-size:14px;max-width:820px;line-height:1.95}
.y2sv-pager{display:flex;justify-content:center;gap:8px;margin-top:44px}
.y2sv-pager a,.y2sv-pager b{border:1px solid var(--ln);padding:9px 16px;font-size:13px;color:#3c4a57}
.y2sv-pager b{background:var(--p);border-color:var(--p);color:#fff;font-weight:400}
.y2sv-404{text-align:center;padding:100px 0 110px}
.y2sv-404 b{display:block;font-size:96px;color:var(--p);font-family:Georgia,serif;line-height:1}
.y2sv-404 h1{font-size:26px;color:var(--ink);margin:18px 0 12px}
.y2sv-404 p{color:var(--mut);font-size:14px;margin-bottom:28px}
.y2sv-404 .link a{display:inline-block;margin:0 6px;padding:10px 20px;border:1px solid var(--ln);font-size:13.5px}
.y2sv-404 .link a:hover{border-color:var(--a);color:var(--a)}
.y2sv-mapbox{height:380px;background:linear-gradient(135deg,#e9eef4,#f7f9fb);border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--mut);font-size:13.5px;text-align:center;padding:20px}
.y2sv-mapbox b{font-size:17px;color:var(--p)}
.y2sv-cgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:46px}
.y2sv-cinfo li{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:16px 0;border-bottom:1px dashed var(--ln);font-size:14px}
.y2sv-cinfo li b{color:var(--p);font-weight:700}
.y2sv-cinfo li span{color:#465566;line-height:1.85}
.y2sv-form{border:1px solid var(--ln);background:#fff;padding:28px}
.y2sv-form h3{font-size:16px;color:var(--p);margin-bottom:6px}
.y2sv-form p.tip{font-size:12.5px;color:var(--mut);margin-bottom:18px}
.y2sv-form input,.y2sv-form textarea,.y2sv-form select{width:100%;border:1px solid var(--ln);padding:11px 13px;font-size:14px;font-family:inherit;margin-bottom:12px;background:#fbfcfe;color:var(--ink)}
.y2sv-form textarea{height:110px;resize:vertical}
.y2sv-form button{width:100%;background:var(--p);color:#fff;border:0;padding:13px;font-size:15px;font-family:inherit;cursor:pointer}
.y2sv-form button:hover{background:var(--p2)}
.y2sv-up{position:fixed;right:22px;bottom:26px;width:48px;height:44px;background:rgba(16,55,92,.9);color:#fff;border:0;font-size:12px;letter-spacing:1px;cursor:pointer;display:none;z-index:70;font-family:inherit}
@media(max-width:1100px){
 .y2sv-biz{grid-template-columns:repeat(2,1fr)}
 .y2sv-prods{grid-template-columns:repeat(2,1fr)}
 .y2sv-flow{grid-template-columns:repeat(3,1fr)}
 .y2sv-intro{grid-template-columns:1fr;gap:30px}
 .y2sv-intro .ph img{height:340px}
 .y2sv-news{grid-template-columns:1fr}
 .y2sv-art .wrap{grid-template-columns:1fr}
 .y2sv-art .side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .y2sv-ftr .cols{grid-template-columns:1fr 1fr}
 .y2sv-honor{grid-template-columns:1fr 1fr}
 .y2sv-cgrid{grid-template-columns:1fr}
}
@media(max-width:780px){
 .y2sv-top{display:none}
 .y2sv-hdr .wp{height:62px}
 .y2sv-logo img{height:40px}
 .y2sv-logo span{font-size:16px}
 .y2sv-logo em{font-size:10px;letter-spacing:1px}
 .y2sv-nav{position:fixed;left:0;right:0;top:62px;background:#fff;flex-direction:column;align-items:stretch;padding:10px 16px 18px;box-shadow:0 12px 24px rgba(0,0,0,.12);display:none;z-index:80;max-height:70vh;overflow:auto}
 .y2sv-nav.show{display:flex}
 .y2sv-nav a{padding:14px 4px;border-bottom:1px solid var(--ln)}
 .y2sv-nav a.on:after{display:none}
 .y2sv-tel{display:none}
 .y2sv-burger{display:block}
 .y2sv-slide,.y2sv-slide img{height:420px}
 .y2sv-slide h1,.y2sv-slide h2{font-size:22px;line-height:1.35}
 .y2sv-slide h1,.y2sv-slide h2{font-size:23px}
 .y2sv-slide p{font-size:13.5px}
 .y2sv-kick{font-size:11px;margin-bottom:12px}
 .y2sv-btns .y2sv-btn{padding:10px 18px;font-size:13px}
 .y2sv-hero{padding:34px 0 30px}
 .y2sv-hero h1{font-size:22px}
 .y2sv-sec{padding:46px 0}
 .y2sv-hd h2{font-size:22px}
 .y2sv-biz,.y2sv-prods,.y2sv-cases,.y2sv-stats,.y2sv-honor,.y2sv-flow,.y2sv-scope{grid-template-columns:1fr}
 .y2sv-stats div{border-right:0;border-bottom:1px dashed var(--ln);padding:18px 0}
 .y2sv-stats b{font-size:30px}
 .y2sv-case{height:250px}
 .y2sv-card .ph img{height:190px}
 .y2sv-art{padding:34px 0}
 .y2sv-art .main h1{font-size:21px}
 .y2sv-art .cover{height:220px}
 .y2sv-art .side{grid-template-columns:1fr}
 .y2sv-lhero h1{font-size:23px}
 .y2sv-nlist li{grid-template-columns:62px 1fr;gap:14px}
 .y2sv-nlist .d b{font-size:19px}
 .y2sv-404 b{font-size:64px}
 .y2sv-404 h1{font-size:20px}
 .y2sv-spec th{width:40%}
 .y2sv-ftr{padding-top:40px}
 .y2sv-ftr .cols{gap:26px}
 .y2sv-cta .wp{display:block}
 .y2sv-cta .y2sv-btns{margin-top:18px}
 .y2sv-mapbox{height:260px}
}
