*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.7 Arial,Helvetica,sans-serif;color:#666;background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}
.wrap{width:1140px;max-width:100%;margin:0 auto;padding:0 15px}
.ic{width:18px;height:18px;fill:currentColor;vertical-align:middle}
/* top bar */
.tb{border-bottom:1px solid #eee;background:#fff;height:44px}
.tb .wrap{display:flex;justify-content:space-between;height:43px;padding:0 0 0 0;width:1124px}
.soc,.ct{display:flex}.soc a,.ct a{display:flex;align-items:center;height:43px;color:#888;font-size:16px}
.soc a{width:40px;justify-content:center}.soc a:first-child{padding-left:0;width:38px}.soc .ic{width:18px;height:18px}
.soc a:hover{color:#e21015}
.ct a{border-left:1px solid #eee;padding:0 16px 0 14px;font-size:16px}.ct a:last-child{padding-right:0;font-size:17px}
.ct .ic{fill:#e21015;margin-right:8px;width:17px;height:17px}.ct a:hover{color:#e21015}
/* header */
.hd{background:#fff;position:sticky;top:0;z-index:50;height:120px;transition:box-shadow .3s}
.hd.st{box-shadow:0 1px 4px rgba(0,0,0,.12)}
.hin{width:1124px;max-width:100%;margin:0 auto;height:100%;display:flex;align-items:flex-start;padding-top:5px}
.hd .lg img,.hd .lg2 img{display:block;width:120px;height:110px}
.lg{flex:none}.lg2{margin-left:auto;flex:none}
.mn{display:flex;margin:36px 0 0 265px}
.mn a{font-size:17px;text-transform:uppercase;color:#333;padding:8px 18px 9px;margin-right:10px;line-height:17px;transition:background .25s,color .25s}
.mn a:hover,.mn a.on{background:#e21015;color:#fff}.bg{display:none}
.hd.st{height:125px}
.p-home .hd,.p-about .hd,.p-products .hd,.p-contact .hd,.p-404 .hd{}
/* band */
.band{background:#f4f2f5;border-bottom:1px solid #e8e6e9;box-shadow:inset 0 -3px 3px -3px rgba(0,0,0,.08);padding:50px 0 0}
.band .wrap{width:1140px}.band h1{display:inline-block;font:400 24px/1.2 Arial,sans-serif;color:#222;padding-bottom:36px;border-bottom:3px solid #e21015;margin-bottom:-1px}
/* slider */
.sl{position:relative;overflow:hidden;background:#fff;container-type:inline-size}
.slt{display:flex;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.sli{flex:0 0 100%;position:relative;line-height:0}.sli>img{width:100%;height:auto;display:block}
.stx{position:absolute;inset:0;line-height:1;color:#e21015}
.s1{position:absolute;left:19.6cqw;top:16.5%;font:300 6.2cqw/1 Arial,sans-serif;font-size:max(4.2rem,3.9vw);letter-spacing:0}
.stx .s1{font-size:4.45cqw;top:15.5%}
.s2{position:absolute;left:19.5cqw;top:36.5%;width:34.6cqw;height:auto}
.s3{position:absolute;left:31.4cqw;top:66.5%;font:700 1.52cqw/1 Arial,sans-serif}
.bq{position:absolute;left:46.2cqw;top:77.5%;background:#e21015;color:#fff;font:400 1.05cqw/1 Arial;padding:.8cqw 2.2cqw;line-height:1.4}
.sa{position:absolute;top:50%;margin-top:-29px;width:58px;height:58px;border:0;background:rgba(120,120,120,.72);color:#fff;cursor:pointer;padding:0;transition:background .3s;z-index:3}
.sa .ic{width:30px;height:30px}.sa:hover{background:#e21015}.sp{left:20px}.sn{right:20px}
.sd{position:absolute;left:0;right:0;bottom:44px;display:flex;justify-content:center;gap:8px;z-index:3}.sd i{width:13px;height:13px;border-radius:50%;background:#fff;cursor:pointer;display:block}.sd i.on{background:#e21015}
/* sections */
.sec{padding:85px 0 0}.c{text-align:center}.sec .wrap.c{padding-bottom:70px}
.ht{font:700 30px/1.2 Arial,sans-serif;color:#222;text-align:center;position:relative;padding-bottom:0}
.ht:after{content:"";display:block;width:30px;height:2px;background:#e21015;margin:20px auto 0}
.sec .wrap.c .ht:after{display:none}.sec .wrap.c .ht{margin-bottom:30px}
.wl{font-size:16px;line-height:26px;text-align:center;color:#666;max-width:1136px;margin:0 auto}
.ft3{background:#fff}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.ft3 .wrap{padding-top:70px;padding-bottom:70px}
.fx{text-align:center;padding:0 25px}.fx h3{font:400 19px/1.3 Arial,sans-serif;color:#222;margin:12px 0 12px}.fx p{font-size:16px;line-height:28px;color:#777}
.fx svg{fill:#666;color:#666;width:80px;height:70px;margin:0 auto;display:inline-block}
.fx .ig2{width:70px;height:60px}.fx:nth-child(2) svg{fill:#e21015}.fx:hover svg{color:#e21015}.fx{transition:color .3s}.fx:hover svg{fill:#e21015}.fx:nth-child(2):hover svg{fill:#e21015}
.wp{background:#2b2623 url(../img/process-bg.webp) center/cover;position:relative;padding:0;color:#fff}
.wp:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.66)}.wp .wrap{position:relative;padding-top:85px;padding-bottom:100px}
.ht.w{color:#fff}.wp .ht.w{margin-bottom:56px}
.cards{display:grid;grid-template-columns:repeat(4,263px);gap:30px;justify-content:center;margin-left:0}
.fc{height:200px;perspective:900px;cursor:default}.fi{position:relative;height:100%;transition:transform .6s;transform-style:preserve-3d}
.fc:hover .fi,.fc:focus-within .fi,.fc.fl .fi{transform:rotateY(180deg)}
.ff,.fb{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ff{background:#fff;color:#444;box-shadow:0 1px 3px rgba(0,0,0,.2)}.ff .fic{fill:#e21015;width:66px;height:66px}.ff h3{font:700 20px/1.2 Arial;color:#666;margin-top:14px}
.fb{background:#e21015;transform:rotateY(180deg);padding:20px 22px;color:#fff}.fb h3{font:700 22px/1.2 Arial;text-transform:uppercase;margin-bottom:10px}.fb p{font:400 17px/28px Arial}
.c2{padding-top:0}.sec>.wrap>.ht.c2{padding-top:0}.sec>.wrap>.ht.c2:after{margin-bottom:51px}
.g3w{display:grid;grid-template-columns:repeat(3,350px);gap:40px 30px;justify-content:center;padding-bottom:100px}
/* portfolio figure */
.pf{position:relative;margin:0;overflow:hidden;background:#fff;line-height:0}.pf img{width:100%;height:auto;display:block}
.pf figcaption{position:absolute;inset:0;background:rgba(80,80,80,.58);color:#fff;font:12px Arial;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;line-height:1.2}
.pf:hover figcaption{opacity:1}
/* about */
.ab{background:#f6f6f6;padding:30px 0 40px}.abr{display:grid;grid-template-columns:635px 1fr;gap:29px}
.car{position:relative;overflow:hidden;line-height:0;aspect-ratio:3/2}.cr{display:flex;transition:transform .6s;height:100%}.ci{flex:0 0 100%}.ci img{width:100%;height:100%;object-fit:cover;display:block}
.ca{position:absolute;top:50%;margin-top:-20px;width:28px;height:40px;background:#e21015;border:0;color:#fff;padding:0;cursor:pointer;opacity:0;transition:opacity .3s,background .3s}.car:hover .ca{opacity:1}.ca .ic{width:24px;height:24px}.cp{left:8px}.cn{right:8px}
.abt h3{font:700 20px/1.2 Arial;color:#444;margin:6px 0 11px}.abt p{font-size:16px;line-height:28px;text-align:justify;color:#777;margin-bottom:14px}
.iq{padding:60px 0 90px;background:#fff}.g2{display:grid;grid-template-columns:514px 514px;gap:34px;width:1062px;max-width:100%;margin:0 auto;transform:translateX(-30px)}
.g2>div{text-align:center}.g2 h3{font:400 24px/1.3 Arial;color:#222;margin:24px 0 24px}.g2 p{font-size:16px;line-height:28px;text-align:justify;color:#777;margin-bottom:20px}
.g2 img{width:auto;max-width:100%}
/* products */
.pj{padding:98px 0 0}.pj .ht{margin-bottom:0;color:#222}.pj .ht:after{margin-bottom:54px}.g4{display:grid;grid-template-columns:repeat(4,1fr)}
.am{text-align:center;padding:42px 0 90px}.btn{display:inline-block;background:#e21015;color:#fff;border:0;font:400 16px/1.3 Arial;text-transform:none;padding:9px 15px;cursor:pointer;transition:background .25s}.btn:hover{background:#b80c10}
/* contact */
.cu{padding:62px 0 80px}.cu .wrap{padding:0 15px}.g2c{display:grid;grid-template-columns:540px 540px;gap:30px}
.rh{font:400 24px/1.2 Arial;color:#e21015;text-transform:uppercase;margin-bottom:22px}.mp{width:100%;height:360px;border:0;display:block;background:#e9efe9}
.ef .r{display:grid;grid-template-columns:201px 1fr;gap:0;margin-bottom:17px;align-items:start}.ef label{font-weight:700;color:#555;font-size:16px;padding:0 0 0 15px;line-height:30px}.ef label b{color:#e21015}
.ef input,.ef textarea{width:206px;height:28px;border:1px solid #ccc;background:#fff;padding:2px 6px;font:14px Arial;color:#444;border-radius:0}.ef textarea{height:60px;width:176px;resize:vertical}
.ef .cq .q{display:inline-block;background:#fff;border:1px solid #ddd;padding:7px 12px;margin-bottom:8px;font:700 16px Arial;color:#444;letter-spacing:1px;min-width:186px;text-align:center;font-style:italic}
.ef .cq input{width:146px}.rfb{border:0;background:none;padding:0;vertical-align:middle;cursor:pointer;color:#555}.rfb .ic{width:22px;height:22px}
.ef .bt{margin-top:10px}.gb{font:13px Arial;padding:4px 12px;border:1px solid #bbb;background:#f1f1f1;color:#333;cursor:pointer;border-radius:2px;margin-right:12px}.gb:hover{background:#e21015;color:#fff;border-color:#e21015}
.qf{margin-top:70px}.qg{display:grid;grid-template-columns:540px 540px;gap:30px}.qc{display:flex;flex-direction:column;gap:10px}
.qc input,.qc textarea{width:100%;height:62px;border:1px solid #ddd;background:#fff;padding:0 12px;font:14px Arial;color:#444;border-radius:0}.qc textarea{height:132px;padding:12px;resize:vertical;flex:none}
.qc input:focus,.qc textarea:focus,.ef input:focus,.ef textarea:focus{outline:0;border-color:#e21015}
.qc input::placeholder,.qc textarea::placeholder{color:#999}.qb{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:10px}.qb .btn{height:41px;text-transform:uppercase;padding:0 31px;margin-right:0}
.cq2{display:flex;align-items:center;gap:8px;font:700 15px Arial;color:#555}.cq2 input{width:90px;height:41px;border:1px solid #ddd;padding:0 10px;font:14px Arial}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.msg{font-size:15px;margin-top:12px;min-height:0}.msg.ok{color:#1a7f37}.msg.er{color:#c0151a}
.ad{margin-top:50px;text-align:center}.ad>div{padding:0 25px}.ai{width:42px;height:42px;fill:#e21015;display:block;margin:0 auto 18px}.ad p{font-size:15px;line-height:24px;color:#666}.rd{color:#e21015}
/* footer */
.ft{background:#0d0d0d;height:68px;display:flex;align-items:center}.ft .wrap{color:#777;font-size:16px}.ft a{color:#e21015}.ft a:hover{text-decoration:underline}
.top{position:fixed;right:25px;bottom:25px;width:40px;height:40px;background:#e21015;border:0;color:#fff;padding:0;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s;z-index:60}.top.on{opacity:1;visibility:visible}.top .ic{width:28px;height:28px}
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .rv.in{opacity:1;transform:none}
/* responsive */
@media(max-width:1180px){.wrap,.band .wrap{width:100%;padding:0 20px}.tb .wrap,.hin{width:100%;padding-left:20px;padding-right:20px}.mn{margin-left:auto;margin-right:auto}.g2c,.qg{grid-template-columns:1fr 1fr}.abr{grid-template-columns:1fr 1fr}.g2{width:100%;grid-template-columns:1fr 1fr;transform:none;padding:0 20px}.cards{grid-template-columns:repeat(4,1fr)}.g3w{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hd{height:auto;min-height:84px}.hin{align-items:center;padding:6px 20px;flex-wrap:wrap}.hd .lg img,.hd .lg2 img{width:74px;height:68px}.lg2{margin-left:12px;order:2}.lg{margin-right:auto}
.bg{display:flex;flex-direction:column;gap:5px;background:#e21015;border:0;padding:10px;order:3;margin-left:14px;cursor:pointer}.bg i{width:22px;height:2px;background:#fff;display:block}
.mn{display:none;order:4;width:100%;flex-direction:column;margin:8px 0 6px}.mn.open{display:flex}.mn a{margin:0;padding:12px 14px;border-top:1px solid #eee;font-size:16px}
.hd.st{height:auto}.g3{grid-template-columns:1fr;gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.fc{height:190px}.abr,.g2,.g2c,.qg{grid-template-columns:1fr}.g2{gap:50px}.g4{grid-template-columns:repeat(2,1fr)}.g3w{grid-template-columns:repeat(2,1fr);gap:20px}
.tb .ct a:first-child{display:none}.ht{font-size:26px}.sa{width:40px;height:40px;margin-top:-20px}.sa .ic{width:22px;height:22px}.sd{bottom:12px}.sd i{width:10px;height:10px}.sec{padding-top:56px}.wp .wrap{padding:56px 20px 64px}.cu{padding:40px 0 56px}.mp{height:300px}.qf{margin-top:44px}.g3w{padding-bottom:60px}.ad.g3{grid-template-columns:1fr}.stx .s3{font-size:max(11px,1.6cqw)}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.g3w{grid-template-columns:1fr}.ef .r{grid-template-columns:1fr}.ef label{padding:0 0 4px}.ef input,.ef textarea{width:100%}.ef .cq input{width:120px}.ft .wrap{font-size:14px}.band{padding-top:36px}.band h1{font-size:21px;padding-bottom:26px}.qb{flex-wrap:wrap}.g4{grid-template-columns:1fr}.tb .soc{display:none}.tb .wrap{justify-content:center}.s3{display:none}.bq{display:none}.sa{display:none}}