:root{--navy:#07162d;--blue:#117dcc;--cyan:#26b5df;--ink:#14253a;--muted:#66758a;--line:#dce5ee;--soft:#f4f7fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}.site-header{height:82px;background:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf1f5}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo img{width:220px;max-height:58px;object-fit:contain}.nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:700;letter-spacing:.2px}.nav a{padding:29px 0;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{color:var(--blue);border-color:var(--blue)}.language{border-left:1px solid var(--line);padding-left:22px;color:var(--blue)!important}.menu-btn{display:none;border:0;background:none;font-size:28px}.hero{min-height:560px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(3,12,28,.9),rgba(3,12,28,.3)),url('/uploads/190731/1-1ZI1091R5529.jpg') center/cover}.hero-copy{max-width:760px}.eyebrow{color:#65cdf0;letter-spacing:4px;font-size:13px;font-weight:700}.hero h1{font-size:54px;line-height:1.14;margin:16px 0 22px;letter-spacing:-1px}.hero p{font-size:20px;color:#d7e5f2;max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;padding:13px 26px;background:var(--blue);color:#fff;font-weight:700;border:0;cursor:pointer}.btn:hover{background:#0b68ad}.section{padding:78px 0}.section.soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}.section-head h2,.page-title h1{margin:6px 0 0;font-size:38px;line-height:1.2}.section-head p{max-width:620px;color:var(--muted)}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);padding:28px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(10,42,72,.1)}.card h3{margin:4px 0 10px;font-size:21px}.card p{margin:0;color:var(--muted)}.product-card{padding:0;overflow:hidden;background:#0c1b2e;color:#fff;border:0}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-card div{padding:24px}.product-card p{color:#b8cadb}.page-hero{padding:92px 0;background:linear-gradient(90deg,rgba(5,18,39,.92),rgba(5,18,39,.55)),url('/template/pc/skin/images/page_about_banner.jpg') center/cover;color:#fff}.page-hero.products{background-image:linear-gradient(90deg,rgba(5,18,39,.92),rgba(5,18,39,.55)),url('/template/pc/skin/images/page_pro_banner.jpg')}.page-hero.news{background-image:linear-gradient(90deg,rgba(5,18,39,.92),rgba(5,18,39,.55)),url('/template/pc/skin/images/page_banner_news.jpg')}.page-hero.contact{background-image:linear-gradient(90deg,rgba(5,18,39,.92),rgba(5,18,39,.55)),url('/template/pc/skin/images/page_cantact_banner.jpg')}.page-title{max-width:760px}.page-title p{font-size:18px;color:#d6e3ef}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.tabs a{padding:10px 16px;border:1px solid var(--line);background:#fff;color:#27435f}.tabs a:hover{background:var(--blue);color:#fff}.feature{border-top:3px solid var(--blue)}.feature ul{margin:8px 0 0;padding-left:20px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tag{background:#e8f4fb;color:#176fa6;padding:9px 14px}.news-list{display:grid;gap:22px}.news-item{display:grid;grid-template-columns:240px 1fr;align-items:center;background:#fff;border:1px solid var(--line)}.news-item img{width:100%;height:170px;object-fit:cover;object-position:center;justify-self:center}.news-item div{padding:24px}.news-item h2{font-size:22px;margin:0 0 8px}.meta{font-size:13px;color:#8090a2}.article{max-width:860px;margin:auto}.article h1{font-size:40px;line-height:1.25}.article p{font-size:17px;color:#44556a;margin:20px 0}.contact-grid{grid-template-columns:1fr 1fr}.contact-block{background:#fff;border:1px solid var(--line);padding:30px}.contact-block h2{margin-top:0}.contact-block a{color:var(--blue)}.form{margin-top:38px;background:#f6f8fb;border:1px solid var(--line);padding:34px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field label{display:block;font-weight:700;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid #ced9e4;background:#fff;padding:13px;font:inherit}.field.full{grid-column:1/-1}.field textarea{min-height:150px;resize:vertical}.notice{padding:14px 18px;background:#e9f7ef;color:#207245;margin-bottom:20px}.footer{background:#071322;color:#c4cfda;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{color:#fff;margin-top:0}.footer a{display:block;margin:6px 0}.copyright{border-top:1px solid #273649;margin-top:34px;padding-top:22px;font-size:13px}.mobile-nav{display:none}
@media(max-width:760px){.site-header{height:64px}.logo img{width:155px}.nav{display:none}.menu-btn{display:block}.mobile-nav.open{display:flex;position:fixed;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:16px 24px;z-index:19;box-shadow:0 12px 25px rgba(0,0,0,.12)}.mobile-nav a{padding:11px 0;border-bottom:1px solid var(--line);font-weight:700}.hero{min-height:470px}.hero h1{font-size:36px}.hero p{font-size:17px}.section{padding:52px 0}.grid-3,.grid-4,.contact-grid{grid-template-columns:1fr}.section-head{display:block}.section-head h2,.page-title h1{font-size:30px}.news-item{grid-template-columns:1fr}.news-item img{height:210px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.page-hero{padding:65px 0}.article h1{font-size:31px}}

.video-showcase{background:#071322;color:#fff}.video-wrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:42px;align-items:center}.video-frame{background:#000;box-shadow:0 24px 60px rgba(0,0,0,.28)}.video-frame video{display:block;width:100%;aspect-ratio:16/9}.video-copy h2{font-size:36px;line-height:1.2;margin:10px 0 18px}.video-copy p{color:#b9c9d9}@media(max-width:760px){.video-wrap{grid-template-columns:1fr}.video-copy h2{font-size:29px}}