:root{--navy:#102b46;--navy2:#183e5b;--gold:#bd9152;--cream:#f4f0e7;--ink:#253746;--muted:#7a8892;--line:#dde2e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:#fff;font:14px Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{height:33px;background:#0a2034;color:#9db0bd;font-size:11px}.topbar .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar p{margin:0}header{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 2px 9px #17314712}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:13px}.logo>i{position:relative;width:51px;height:51px;border:3px solid var(--navy);border-radius:50%;display:block}.logo>i:before,.logo>i:after{content:'';position:absolute;left:50%;top:3px;width:3px;height:39px;background:var(--gold);transform:translateX(-50%)}.logo>i:after{transform:translateX(-50%) rotate(90deg)}.logo>i span{position:absolute;z-index:2;left:13px;top:13px;width:19px;height:19px;background:var(--navy);transform:rotate(45deg);border:4px solid #fff}.logo b{display:block;color:var(--navy);font:700 23px 'Microsoft YaHei';letter-spacing:4px}.logo small{color:#89959d;font-size:9px;letter-spacing:2px}.menu{display:none;border:0;background:none;color:var(--navy);font-size:25px}nav{display:flex;gap:31px}nav a{position:relative;padding:34px 0;font-size:13px}nav a:after{content:'';position:absolute;left:50%;bottom:23px;width:0;border-top:2px solid var(--gold);transition:.2s}nav a:hover,nav a.active{color:var(--gold)}nav a:hover:after,nav a.active:after{left:calc(50% - 10px);width:20px}.hero{height:570px;position:relative;overflow:hidden;background:linear-gradient(110deg,#102d47 0%,#174968 54%,#2d7186 100%);color:#fff}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071b2a66,transparent 60%),repeating-linear-gradient(0deg,transparent 0 49px,#fff 50px);opacity:.08}.hero-inner{height:515px;position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between}.hero-copy>p{color:#dbb77f;letter-spacing:5px}.hero h1{margin:16px 0;font-size:49px;line-height:1.3;font-weight:300}.hero h1 b{font-size:58px;color:#e0bf88;font-weight:400}.hero-copy>span{display:block;width:560px;max-width:100%;color:#bfd0d9;line-height:2}.hero-copy>div{display:flex;gap:12px;margin-top:30px}.hero-copy a{padding:13px 27px;background:var(--gold);color:#fff}.hero-copy a.outline{background:transparent;border:1px solid #afc2cb}.hero aside{width:215px;height:215px;display:grid;place-items:center;align-content:center;border:1px solid #c6ad7b;border-radius:50%;text-align:center;box-shadow:0 0 0 18px #ffffff08}.hero aside strong{font-size:24px;line-height:1.6;font-weight:300}.hero aside small{margin-top:9px;color:#c8d6dc;font-size:9px;letter-spacing:2px}.route{position:absolute;border:1px solid #6ba6b6;border-radius:50%;opacity:.35}.r1{right:3%;top:40px;width:510px;height:270px;transform:rotate(20deg)}.r2{right:11%;top:150px;width:370px;height:190px;transform:rotate(-12deg)}.r3{right:18%;top:80px;width:250px;height:320px;transform:rotate(40deg)}.port{position:absolute;right:1%;bottom:55px;height:235px;display:flex;align-items:flex-end;gap:9px;opacity:.26}.port i{width:42px;height:55%;border:2px solid #b9e5eb;background:repeating-linear-gradient(0deg,transparent 0 11px,#b9e5eb 12px)}.port i:nth-child(2){height:85%}.port i:nth-child(3){height:62%}.port i:nth-child(4){height:98%;width:56px}.port i:nth-child(5){height:74%}.port i:nth-child(6){height:51%}.hero-bottom{position:absolute;bottom:0;left:0;right:0;background:#091f32cc}.hero-bottom .wrap{height:55px;display:flex;align-items:center;justify-content:center;gap:90px}.hero-bottom span{color:#aebfc9;font-size:11px}.hero-bottom b{margin-right:7px;color:#dfbe85;font-size:18px}.quick{border-bottom:1px solid var(--line)}.quick .wrap{height:58px;display:flex;align-items:center;gap:15px}.quick .wrap>b{color:var(--gold)}.quick .wrap>i{height:16px;border-left:1px solid #ccc}.quick p{flex:1;color:#677883}.quick time,.quick a{color:#9ca6ac;font-size:11px}.section{padding:82px 0}.section-title{text-align:center;margin-bottom:40px}.section-title small,.about-copy>small{color:var(--gold);letter-spacing:3px}.section-title h2{margin:8px 0;font-size:29px;font-weight:400}.section-title p{margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{position:relative;min-height:235px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service-grid article:hover{z-index:2;background:var(--navy);color:#fff;box-shadow:0 13px 26px #102b4628;transform:translateY(-3px)}.service-grid i{position:absolute;right:23px;top:20px;color:#bd91522b;font-size:48px;font-style:normal}.service-grid b{display:block;margin-top:30px;font-size:18px;font-weight:400}.service-grid b:after{content:'';display:block;width:28px;margin:13px 0;border-top:2px solid var(--gold)}.service-grid p{color:#7f8c94;font-size:12px;line-height:1.8}.service-grid article:hover p{color:#b7c5cd}.service-grid a{color:var(--gold);font-size:11px}.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-visual{height:440px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#193c54,#0e263a);overflow:hidden}.about-visual:before{content:'';position:absolute;width:520px;height:230px;bottom:-150px;border-radius:50%;background:#bd91523a}.compass{position:relative;width:230px;height:230px;border:1px solid #d5bd8d;border-radius:50%;display:grid;place-items:center;color:#e0c793}.compass:before,.compass:after{content:'';position:absolute;left:50%;top:-25px;height:280px;border-left:1px solid #d5bd8d55}.compass:after{transform:rotate(90deg)}.compass i{position:absolute;width:130px;height:130px;border:1px solid #d5bd8d66;transform:rotate(45deg)}.compass b{font-size:29px;font-weight:300;letter-spacing:8px}.about-visual>span{position:absolute;bottom:25px;color:#a9bdc6;letter-spacing:4px;font-size:10px}.about-copy h2{font-size:36px;line-height:1.5;font-weight:400}.about-copy .lead{font-size:16px;color:#425663;line-height:1.8}.about-copy>p:not(.lead){color:#71818a;font-size:12px;line-height:2}.about-copy ul{padding:0;list-style:none}.about-copy li{display:flex;gap:18px;padding:11px 0;border-bottom:1px solid #dadad4}.about-copy li b{color:var(--gold)}.about-copy li span{color:#71818a;font-size:12px}.about-copy>a{display:inline-block;margin-top:18px;color:var(--gold);font-size:11px}.market{background:var(--navy);color:#fff}.section-title.light p{color:#9fb4c0}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.market-main{min-height:330px;padding:47px;background:linear-gradient(135deg,#bd9152e8,#7c5b30e8),linear-gradient(#ceb176,#806138)}.market-main>small{padding:5px 9px;background:#fff;color:#7b5a2d}.market-main h2{font-size:31px;font-weight:300;line-height:1.5}.market-main p{color:#f0dfc1}.market-main a{display:inline-block;margin-top:20px;padding:11px 18px;border:1px solid #fff}.market-list{display:grid;gap:12px}.market-list article{display:flex;align-items:center;gap:18px;padding:23px;background:#ffffff0b;border:1px solid #ffffff20}.market-list i{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:#e0bf85;font-style:normal}.market-list small{color:#cfab70}.market-list h3{margin:4px 0;font-size:14px;font-weight:400}.market-list p{margin:0;color:#99adb8;font-size:10px}.news{background:#f7f8f8}.news-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.lead-news{background:#fff;border:1px solid var(--line);padding-bottom:25px}.lead-news>div{height:190px;display:grid;place-items:center;background:linear-gradient(145deg,#365c6e,#142f43)}.lead-news>div span{padding:12px 25px;border:1px solid #d4b87d;color:#e3c891}.lead-news>time,.lead-news>h3,.lead-news>p,.lead-news>a{margin-left:28px;margin-right:28px}.lead-news time{display:block;margin-top:23px;color:#9aa5aa;font-size:10px}.lead-news h3{font-size:18px;font-weight:400;line-height:1.6}.lead-news p{color:#849198;font-size:11px}.lead-news a{color:var(--gold);font-size:11px}.news-list article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:0 0 21px;margin-bottom:21px;border-bottom:1px solid #dfe4e5}.news-list time{display:flex;flex-direction:column;border-right:1px solid #d4dbde;color:#9aa5aa;font-size:9px}.news-list time b{color:var(--gold);font-size:28px;font-weight:300}.news-list small{color:var(--gold)}.news-list h3{margin:6px 0;font-size:15px;font-weight:400}.news-list p{margin:0;color:#8b989f;font-size:10px}.process{padding:65px 0;background:#e9edef}.process>.wrap{display:grid;grid-template-columns:220px 1fr;gap:45px;align-items:center}.process small{color:#a2865d;letter-spacing:2px}.process h2{font-weight:400}.process ol{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none}.process li{position:relative}.process li:not(:last-child):after{content:'→';position:absolute;right:14px;top:8px;color:#acb6bb}.process li>b{color:#c0a16e;font-size:24px;font-weight:300}.process li span,.process li small{display:block}.process li span{margin-top:10px}.process li small{margin-top:5px;color:#8f9aa0;font-size:9px;letter-spacing:0}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-grid article{padding-bottom:24px;border:1px solid var(--line)}.case-img{height:165px;display:grid;place-items:center;background:linear-gradient(145deg,#7da073,#314e48)}.case-img.machine{background:linear-gradient(145deg,#668599,#283c51)}.case-img.brand{background:linear-gradient(145deg,#8f755b,#47372c)}.case-img span{padding:9px 20px;border:1px solid #fff;color:#fff}.case-grid article>small,.case-grid article>h3,.case-grid article>p,.case-grid article>b{margin-left:21px;margin-right:21px}.case-grid article>small{display:block;margin-top:19px;color:var(--gold)}.case-grid h3{font-size:16px;font-weight:400}.case-grid p{color:#829099;font-size:11px;line-height:1.7}.case-grid article>b{color:#9a7440;font-size:11px}.contact{padding:75px 0;background:var(--cream)}.contact-head{text-align:center}.contact-head small{color:var(--gold);letter-spacing:3px}.contact-head h2{margin:8px 0;font-size:29px;font-weight:400}.contact-head p{color:#78868e}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);margin-top:37px;background:#fff;border:1px solid #dedfdc}.contact-cards article{text-align:center;padding:34px;border-right:1px solid #dedfdc}.contact-cards article:last-child{border:0}.contact-cards i{width:44px;height:44px;margin:auto;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-style:normal;font-size:18px}.contact-cards small,.contact-cards b{display:block}.contact-cards small{margin-top:14px;color:#8d989e}.contact-cards b{margin-top:7px;font-size:16px;font-weight:400}.contact-cards p{color:#9ca5aa;font-size:10px}footer{background:#0b2032;color:#91a5b1}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:65px;padding:55px 0}.footer-brand .logo b{color:#dbe3e7}.footer-brand .logo>i{border-color:#d0b47b}.footer-brand p,.footer-grid>div p{font-size:11px;line-height:2}.footer-grid h4{color:#e3e9ec;font-weight:400}.footer-grid>div>a{display:block;margin:10px 0;font-size:11px}.copyright{padding:15px 0;background:#071826;font-size:10px}.backtop{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:1px solid #c2a36e;background:var(--navy);color:#dfc38f;cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.backtop.show{opacity:1;pointer-events:auto}
@media(max-width:930px){.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:121px;flex-wrap:wrap;justify-content:center;padding:18px;background:#fff}nav.open{display:flex}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.market-grid{grid-template-columns:1fr}.process>.wrap{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:620px){.wrap{width:calc(100% - 26px)}.topbar span{display:none}.topbar .wrap{justify-content:center}.header-inner{height:72px}.logo>i{width:42px;height:42px}.logo>i:before,.logo>i:after{height:31px}.logo>i span{left:10px;top:10px}.logo b{font-size:19px}.hero{height:590px}.hero-inner{align-items:start;padding-top:65px}.hero h1{font-size:37px}.hero h1 b{font-size:43px}.hero aside{display:none}.hero-bottom .wrap{gap:15px}.hero-bottom span{font-size:9px}.hero-bottom b{font-size:14px}.quick time{display:none}.section{padding:60px 0}.service-grid{grid-template-columns:1fr}.about-visual{height:330px}.news-grid,.case-grid{grid-template-columns:1fr}.process ol{grid-template-columns:1fr 1fr;gap:25px}.process li:after{display:none}.contact-cards{grid-template-columns:1fr}.contact-cards article{border-right:0;border-bottom:1px solid #dedfdc}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}}