:root {
--black: black;
--dark: rgb(22, 22, 22);
--font-family: "-apple-system", "Noto Sans", "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Noto Sans CJK SC", "Segoe UI", "SegoeUI";
--font-system: "-apple-system", "Noto Sans", "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Noto Sans CJK SC", "Segoe UI", "SegoeUI";
--fw-bold: 600;
--fw-light: 200;
--fw-normal: normal;
--gold: rgb(175, 150, 128);
--gray: rgb(121, 121, 121);
--gray-light: rgba(43, 44, 46, .2);
--left-pad: 3.625rem;
--left-sm: 20px;
--left-wide: 7rem;
--light: rgba(0, 0, 0, .04);
--link: rgb(0, 0, 0);
--logo-size: 2.25rem;
--silver: rgba(114, 117, 128, 1);
--muted: rgba(114, 117, 128, 1);
--muted-light: rgb(193, 193, 193);
--normal: rgba(43, 44, 46, 1);
--primary: rgba(137, 85, 242, 1);
--primary-light: rgba(137, 85, 242, .12);
--secondary: rgb(75, 75, 75);
--silver: rgb(210, 210, 210);
--top-nav: 5rem;
--top-nav-sm: 3rem;
--white: white;
}

html {
min-height: 100%;
font-size: 100%;
}
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, figure, table, th, td, caption, hr, input, button, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { position: relative; padding: 0; margin: 0; }
body { font-family: var(--font-family); font-size: .8rem; -webkit-font-smoothing: antialiased; line-height: 1.5; color: var(--normal); background-color: var(--white); }
@media screen and (min-width:1200px) {
html { font-size: 110%; }
}
@media screen and (min-width:1400px) {
html { font-size: 115%; }
}
@media screen and (min-width:1600px) {
html { font-size: 120%; }
}
@media screen and (min-width:1900px) {
html { font-size: 125%; }
}
@media screen and (min-width:2500px) {
html { font-size: 127.5%; }
}
@media screen and (min-width:3000px) {
html { font-size: 130%; }
}
h1, h2, h3, h4, h5, h6 { display: block; font-weight: inherit; line-height: inherit; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
video { width: 100%; vertical-align: top; object-fit: cover; }
[hidden], template { display: none; }
a, button { transition: all .25s cubic-bezier(.4, 0, .2, 1); }
a { position: relative; display: inline-block; text-decoration: none; color: var(--link); }
a:hover { text-decoration: none; color: var(--primary); outline: none; }
a:focus, a:active, button:hover, button:focus, button:active, input:focus, textarea:focus, li:focus, video:active, video:focus { text-decoration: none; color: inherit; outline: none; }
button, a { -webkit-transform: translateZ(0); transform: translateZ(0); border: 0; background: transparent; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
button { border-radius: 0; }
button:hover { color: var(--primary); }
a, span, div, section, dl, dt, dd, i, em, label { position: relative; font-style: normal; }
li { list-style: none; }
input, textarea, button { font-family: var(--font-family); }
input, textarea { width: 100%; font-size: .7rem; resize: none; transition: border .25s cubic-bezier(.4, 0, .2, 1), background-color .5s cubic-bezier(.4, 0, .2, 1); border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
a:hover .no-hover { color: inherit; background: initial; }
strong, .strong { -webkit-font-smoothing: antialiased; font-weight: bold; }
img { height: auto; max-width: 100%; max-height: 100%; vertical-align: top; }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid var(--muted-light); }
hr.min { margin-top: .25rem; margin-bottom: .25rem; }
hr.primary { border-color: var(--primary); }
dl, dt, dd { line-height: inherit; }
small, .small { font-size: 85%; }
a.block span:not([class*="flex"]) { position: relative; display: block; }
.bold { font-weight: 700; }
.ff-mono { font-family: "MONO"; }
.ff-normal { font-size: initial; font-style: normal; font-weight: normal; }
.mobile-break { display: none; }
.inline { position: relative; display: inline; vertical-align: top; letter-spacing: normal; }
.block { position: relative; display: block; }
.nowrap { white-space: nowrap; }
.ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.multi-ellipsis { display: -webkit-box !important; overflow: hidden; word-break: break-word; -webkit-box-orient: vertical; }
.gray { color: var(--gray); }
.white, .white a { color: white; }
.normal { color: var(--normal); }
.black { color: var(--black); }
.primary { color: var(--primary); }
.light { color: var(--light); }
.silver { color: var(--); }
.muted { color: var(--normal); }
.muted-light { color: var(--muted-light); }
.dark { color: var(--dark); }
.link { color: var(--link); }
.secondary { color: var(--secondary); }
.bg-primary { background-color: var(--primary); }
.bg-light { background-color: var(--light); }
.bg-dark { background-color: var(--dark); }
.bg-gray { background-color: var(--gray); }
.bg-white { background-color: var(--white); }
.fit-contain { object-fit: contain; }
.none { display: none; }
.empty { z-index: -9; width: 0; height: 0; }
.noevent { pointer-events: none; }
.full-size { width: 100%; height: 100%; }
.abs { position: absolute !important; top: 0; left: 0; }
.bgs-cover, .bgs-contain { background-repeat: no-repeat; background-position: center center; }
.bgs-cover { background-size: cover; }
.bgs-contain { background-size: contain; }
.at-middle { display: flex !important; align-items: center; flex-wrap: wrap; }
.rounded { overflow: hidden; border-radius: 1rem; }
/*.rounded:not(.nomask), .circle:not(.nomask), .mask-image, .radius { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }*/
.circle { overflow: hidden; border-radius: 100%; }
.safari .rounded, .safari .circle, .safari .image-mask, .safari .radius { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
[data-view="desktop"] .bg-xl-none { background-size: 0 0; }
.shadow { box-shadow: 6px 6px 12px rgba(0, 0, 0, .08); }
.fs-light, .fs-light p { font-weight: 300; }
.ff-system { font-family: var(--font-system); }
.lsp-05 { letter-spacing: .05rem; }
.lsp-15 { letter-spacing: .15rem; }
.lh-1{line-height:1}.lh-11{line-height:1.1}.lh-12{line-height:1.2}.lh-13{line-height:1.3}.lh-14{line-height:1.4}.lh-15{line-height:1.5}.lh-16{line-height:1.6}.lh-17{line-height:1.7}.lh-18{line-height:1.8}.lh-19{line-height:1.9}.lh-2{line-height:2}.lh-21{line-height:2.1}.lh-22{line-height:2.2}.lh-23{line-height:2.3}.lh-24{line-height:2.4}.lh-25{line-height:2.5}.lh-3{line-height:3}
.fs-9{font-size:.45rem}.fs-10{font-size:.5rem}.fs-11{font-size:.55rem}.fs-12{font-size:.6rem}.fs-13{font-size:.65rem}.fs-14{font-size:.7rem}.fs-15{font-size:.75rem}.fs-16{font-size:.8rem}.fs-17{font-size:.85rem}.fs-18{font-size:.9rem}.fs-19{font-size:.95rem}.fs-20{font-size:1rem}.fs-21{font-size:1.05rem}.fs-22{font-size:1.1rem}.fs-23{font-size:1.15rem}.fs-24{font-size:1.2rem}.fs-25{font-size:1.25rem}.fs-26{font-size:1.3rem}.fs-27{font-size:1.35rem}.fs-28{font-size:1.4rem}.fs-29{font-size:1.45rem}.fs-30{font-size:1.5rem}.fs-31{font-size:1.55rem}.fs-32{font-size:1.6rem}.fs-33{font-size:1.65rem}.fs-34{font-size:1.7rem}.fs-35{font-size:1.75rem}.fs-36{font-size:1.8rem}.fs-37{font-size:1.85rem}.fs-38{font-size:1.9rem}.fs-39{font-size:1.95rem}.fs-40{font-size:2rem}.fs-42{font-size:2.1rem}.fs-44{font-size:2.2rem}.fs-46{font-size:2.3rem}.fs-48{font-size:2.4rem}.fs-50{font-size:2.5rem}.fs-52{font-size:2.6rem}.fs-54{font-size:2.7rem}.fs-56{font-size:2.8rem}.fs-58{font-size:2.9rem}.fs-60{font-size:3rem}.fs-62{font-size:3.1rem}.fs-64{font-size:3.2rem}.fs-66{font-size:3.3rem}.fs-68{font-size:3.4rem}.fs-70{font-size:3.5rem}.fs-72{font-size:3.6rem}.fs-74{font-size:3.7rem}.fs-76{font-size:3.8rem}.fs-78{font-size:3.9rem}.fs-80{font-size:4rem}.fs-82{font-size:4.1rem}.fs-84{font-size:4.2rem}.fs-86{font-size:4.3rem}.fs-88{font-size:4.4rem}.fs-90{font-size:4.5rem}.fs-92{font-size:4.6rem}.fs-94{font-size:4.7rem}.fs-96{font-size:4.8rem}.fs-98{font-size:4.9rem}.fs-100{font-size:5rem}
[data-clamp="2"] { -webkit-line-clamp: 2; }
[data-clamp="3"] { -webkit-line-clamp: 3; }
[data-clamp="4"] { -webkit-line-clamp: 4; }
[data-clamp="5"] { -webkit-line-clamp: 5; }
[class*="icon-"] { display: inline-block; vertical-align: top; }
.row { position: relative; margin-right: 0; margin-left: 0; }
.row [class^="col"] { padding-right: 0; padding-left: 0; }
.spacing-5 { margin-right: -.25rem; margin-left: -.25rem; }
.spacing-5 [class^="col"] { padding-right: .25rem; padding-left: .25rem; }
.spacing-10 { margin-right: -.5rem; margin-left: -.5rem; }
.spacing-10 [class^="col"] { padding-right: .5rem; padding-left: .5rem; }
.spacing-15 { margin-right: -.75rem; margin-left: -.75rem; }
.spacing-15 [class^="col"] { padding-right: .75rem; padding-left: .75rem; }
.spacing-20 { margin-right: -1rem; margin-left: -1rem; }
.spacing-20 [class^="col"] { padding-right: 1rem; padding-left: 1rem; }
.spacing-30 { margin-right: -1.5rem; margin-left: -1.5rem; }
.spacing-30 [class^="col"] { padding-right: 1.5rem; padding-left: 1.5rem; }
.spacing-40 { margin-right: -2rem; margin-left: -2rem; }
.spacing-40 [class^="col"] { padding-right: 2rem; padding-left: 2rem; }
.spacing-50 { margin-right: -2.5rem; margin-left: -2.5rem; }
.spacing-50 [class^="col"] { padding-right: 2.5rem; padding-left: 2.5rem; }
.text-hover a:hover, .text-hover button:hover { transition: opacity .25s cubic-bezier(.4, 0, .2, 1); opacity: .3; }
a.block span.inline { display: inline-block; }
.btn-inline { width: 100%; height: 40px; line-height: 40px; transition: background .25s cubic-bezier(.4, 0, .2, 1); color: white; background-color: rgb(214, 216, 221); }
.btn-inline:hover { background-color: rgb(56, 101, 199); }
[class*="ratio-"] { position: relative; display: block; overflow: hidden; }
[class*="ratio-"]>.inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ratio-16-9 { padding-top: 56.25%; }
.ratio-9-16 { padding-top: 177.7777%; }
.ratio-1-1 { padding-top: 100%; }
.ratio-2-1 { padding-top: 50%; }
.ratio-3-1 { padding-top: 33.3333%; }
.ratio-3-2 { padding-top: 66.6666%; }
.has-hover { overflow: hidden; }
.hover-zoom { transition: all .25s cubic-bezier(.4, 0, .2, 1); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
a:hover .hover-zoom, .has-hover:hover .hover-zoom { -webkit-transform: scale(1.1); transform: scale(1.1); }
.window-height { height: 100vh; transition: opacity .8s; opacity: 0; }
.window-height.show-me { opacity: 1; }
.wow { visibility: hidden; opacity: 0; }
.wow-loaded .wow { opacity: 1; }
.ani { transition: all .25s cubic-bezier(.4, 0, .2, 1) !important; /* -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;*/ }
.ani-slow { transition: all .65s cubic-bezier(.05, .2, .1, 1); }
.noani { transition: none !important; }
.flex, .flex-cc, .flex-cs, .flex-ce, .flex-cb { display: flex; }
.flex-cc { align-items: center; justify-content: center; }
.flex-cs { align-items: center; justify-content: flex-start; }
.flex-ce { align-items: center; justify-content: flex-end; }
.flex-cb { align-items: center; justify-content: space-between; }
.frame-full, .frame-wide, .frame-middle, .frame-narrow, .max-720, .max-800, .max-1000, .max-1500 { position: relative; width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; }
.frame-full, .frame-wide { padding-right: var(--left-pad); padding-left: var(--left-pad); }
.frame-middle { padding-right: 3.5rem; padding-left: 3.5rem; }
.frame-narrow { padding-right: 4rem; padding-left: 4rem; }
.max-600 { max-width: 600px; }
.max-720 { max-width: 720px; }
.max-800 { max-width: 800px; }
.max-1000 { max-width: 1000px; }
.max-1500 { max-width: 1500px; }
@media screen and (min-width:1280px) {
.frame-middle { max-width: 1100px; padding-right: 0; padding-left: 0; }
.frame-narrow { max-width: 900px; padding-right: 0; padding-left: 0; }
}
@media screen and (min-width:1440px) {
.frame-middle { max-width: 1050px; }
.frame-narrow { max-width: 950px; }
}
@media screen and (min-width:1600px) {
.frame-middle { max-width: 1200px; }
.frame-narrow { max-width: 1100px; }
}
@media screen and (min-width:1900px) {
.frame-middle { max-width: 1360px; }
.frame-narrow { max-width: 1200px; }
}
@media screen and (min-width:2500px) {
.frame-middle { max-width: 1520px; }
}
html:not(.transparent) body::before { width: 100%; height: var(--top-nav); content: ""; }
main:after { display: table; clear: both; content: ""; }
body { position: relative; overflow-x: hidden; }

.desktop body { overflow-y: scroll; }
.top-nav { position: sticky; top: 0; left: 0; z-index: 990; width: 100%; height: var(--top-nav); transition: top .25s ease-in-out; }
.top-nav:before, .top-nav:after { position: absolute; left: 0; width: 100%; content: ""; }
.top-nav:after { top: 0; z-index: 0; height: 100%; background: rgba(255, 255, 255, .6); -webkit-backdrop-filter: blur(30px); /* transition: filter .25s ease,transform .25s cubic-bezier(.215,.61,.355,1);*/ backdrop-filter: blur(30px); }
.top-nav:before { bottom: 0; z-index: 2; height: 1px; opacity: 0; background-color: var(--normal); }
.main-nav-bar { margin-left: 2rem; transition: all .25s; }
.top-nav-menu { z-index: 8; }
.tnm-con { width: 46vw; justify-content: space-between; }
.top-nav-logo { z-index: 9; display: flex; width: auto; height: 100%; max-width: 50%; min-width: 9rem; padding: 1rem 0; transition: all .15s ease; align-items: center; }
.top-nav-logo h1 { display: block; width: 100%; height: 100%; transition: all .15s; }
.top-nav-logo h1 a { display: inline-block; height: 100%; }
.top-nav-logo h1 a span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
.top-nav-logo img { position: relative; left: 0; width: auto; height: 100%; transition: opacity .15s; }
.top-nav-logo img.logo-white { display: none; opacity: 0; }
.top-nav-menu>.flex-ce, .top-nav-menu dl, .top-nav-menu dt { height: 100%; }
.top-nav-menu dt { z-index: 11; padding-right: 1rem; padding-left: 1rem; }
.top-nav-menu dt a { position: relative; z-index: 3; display: flex; height: 100%; transition: none; white-space: nowrap; align-items: center; justify-content: center; }
.top-nav-menu dt a>em { display: flex; height: 100%; transition: all .25s ease; align-items: center; }
.top-nav-menu dl.active dt a { color: var(--primary); }
.transparent body:not(.fixed-tn) .top-nav { background-color: transparent; }
.transparent.tn-light body:not(.fixed-tn) .tnh-con { color: var(--white); border-color: white; }
.transparent.tn-light body:not(.fixed-tn) .top-nav-logo img.logo-color { display: none; opacity: 0; }
.transparent.tn-light body:not(.fixed-tn) .top-nav-logo img.logo-white { display: block; opacity: 1; }
.top-toggle-nav { display: none; }
[data-view="desktop"] .top-lang a:not(.active) { color: var(--muted); }
.hide-top-nav[data-view="desktop"] .top-nav { top: calc(-1 * var(--top-nav)); }
.fixed-top-nav .top-nav:before { opacity: .1; }
.btn-ani { position: relative; padding: 0 3rem; overflow: hidden; line-height: 2.3rem; text-align: center; color: black; border: 1px solid white; background-color: white; }
.btn-ani:after, .btn-ani:before { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); content: ""; transition: all .25s ease; }
.btn-ani:before { z-index: -2; }
.btn-ani:after { left: calc(-100% - 2px); z-index: -1; background: black; }
.btn-ani:hover { color: white; }
.btn-ani:hover:after { left: 0; }
.btn-ani:hover:before { left: calc(100% + 1px); }
.btn-ani.btn-black { color: white; background-color: var(--black); }
.btn-ani.btn-black:after { background-color: var(--primary); }
.btn-ani.btn-primary { color: white; border: 0; background-color: var(--primary); }
.btn-ani.btn-primary:after { background-color: var(--black); }
.btn-normal { width: 9.5vw; max-width: 9rem; display: flex; height: 2.5rem; padding-left: 1vw; line-height: 1; color: var(--normal); border: 1px solid var(--normal); border-radius: .4rem; background-color: transparent; align-items: center; justify-content: center; }
.btn-normal>i { margin-left: 10%; }
.btn-normal:hover { color: white; border-color: transparent !important; background-color: var(--primary) !important; }
.btn-normal.btn-sm { width: auto; padding-right: .65rem; padding-left: 1.25rem; }
.btn-normal.btn-sm>i { margin-left: .15rem; }
.btn-normal.btn-white { color: var(--white); border-color: var(--white); }
.btn-normal.btn-auto { width: auto; }
.btn-icon { width: 2.5rem; padding: 0; }
.btn-icon>i { margin-left: 0; }
.slides-list, .slides-list li, .bx-wrapper, .bx-viewport { position: relative; height: 100%; }
.slick-list, .slick-track { width: 100%; height: 100%; overflow: hidden; }
.slick-dots { right: initial; bottom: 1.5rem; left: initial; z-index: 3; width: 100%; font-size: 0; line-height: 1; }
.slick-dots li { width: auto; height: 20px; padding: 0 6px; margin-right: 0; margin-left: 0; }
.slick-dots li button { width: auto; height: 100%; padding: 0; margin: 0; border: 0; background-color: transparent; }
.slick-dots li button:before { position: relative; display: block; width: .5rem; height: 2px; font-size: 0; transition: all .25s ease; opacity: 1; background-color: var(--white); }
.slick-dots li.slick-active button:before { width: 2.25rem; opacity: 1; background-color: var(--primary); }
.slick-dotted.slick-slider { padding-bottom: 0; margin-bottom: 0; }
.common-bg-blur { position: absolute; top: 0; right: 0; z-index: 3; width: 35rem; height: 50rem; pointer-events: none; background: url("/uploads/default/common-bg-blur.svg") no-repeat; background-size: contain; }
.common-title>h3 { margin-bottom: 2rem; font-size: 2.4rem; line-height: 1; }
a.cover-link { position: absolute; top: 0; left: 0; z-index: 3; display: flex; width: 100%; height: 100%; }
.image-mask { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; transform: translate3d(101%, 0, 0); background-color: var(--primary); }
.slides-nav { position: absolute; top: calc(50% - 3rem); left: 0; z-index: 9; width: 100%; height: 0; }
.slides-nav button { position: absolute; top: 0; display: flex; padding: .5rem; font-size: 1.3rem; cursor: pointer; color: var(--white); background: rgba(0, 0, 0, .25); align-items: center; justify-content: center; }
.slides-nav button:hover { color: var(--white); background-color: rgba(0, 0, 0, 1); }
.slides-nav button:first-child { left: 0; }
.slides-nav button:last-child { right: 0; }
.slides-progress { position: absolute; bottom: 1.5rem; left: 0; z-index: 2; width: 100%; height: 2px; line-height: 1; pointer-events: none; }
.slides-progress>span { height: 100%; background-color: currentColor; }
.slides-progress em { display: block; width: 0; height: 100%; background: currentColor; }
.pr-14 { padding-right: 14rem!important; }
.pt-9 { padding-top: 9rem!important; }
.pt-8 { padding-top: 8rem!important; }
.pt-6 { padding-top: 6rem!important; }
.pb-6 { padding-bottom: 6rem!important; }
.pl-6 { padding-left: 6rem!important; }
.pr-6 { padding-right: 6rem!important; }
.mt-9 { margin-top: 9rem!important; }
.mt-8 { margin-top: 8rem!important; }
.mt-6 { margin-top: 6rem!important; }
.mb-6 { margin-bottom: 6rem!important; }
.ml-6 { margin-left: 6rem!important; }
.mr-6 { margin-right: 6rem!important; }
[data-view="desktop"] .bg-xl-none { background-size: 0 0; }
.breadcrumb { margin-top: 5.75rem; }
.breadcrumb a, .breadcrumb span { margin-right: .5rem; font-size: .6rem; color: var(--muted); flex-shrink: 0; }
.breadcrumb a:hover { color: black; }

.hsi-img { padding-top: 42%; }
.slick-prev, .slick-next { width: 3.2rem; height: 3.2rem; border-radius: 100%; background: rgba(255,255,255,.2); color: white; z-index: 2; transition: all .5s ease; opacity: 0; }
.slick-prev { left: 1.5rem; margin-left: 1rem; }
.slick-next { right: 1.5rem; margin-right: 1rem; }
.slides-list:hover .slick-prev, .slides-list:hover .slick-next { opacity: 1; margin: 0; }
.slick-prev:before, .slick-next:before { font-family: "cxany"; font-size: 1.5rem; opacity: 1; }
.slick-prev:before { content: "\e904"; }
.slick-next:before { content: "\e905"; }
.slick-prev:hover, .slick-next:hover { background: rgba(137, 85, 242, .5); }

.htech-item { padding-right: 4.5rem; }
.htechi-icon { margin-bottom: 2.25rem; }
.htechi-box { width: 80px; height: 80px; background-position: center top; background-size: 100% auto; }
.home-team { --active: calc((100vw - var(--left-pad) * 2) - var(--item) * 3 + 15px); --item: 10rem; --min: 40vw; }
.hteam-container { min-height: var(--min); }
.hteam-container .swiper-container { margin-left: calc(var(--item) - .75rem); }
.hteam-item { width: var(--item) !important; padding: 0 .75rem; transition: all .5s; transform-origin: center top; }
.hteam-item.swiper-slide-active { width: var(--active) !important; }
.hteam-item.active:not(.swiper-slide-active) { width: var(--active) !important; transition: unset; }
.hteam-nav { top: calc(var(--active) - 4rem); left: calc(var(--item) + var(--active)); z-index: 3; height: 2.5rem; }
.hteami-det { transition: opacity .25s ease; opacity: 0; }
.hteam-item.swiper-slide-active .hteami-det { transition: opacity .25s ease .5s; opacity: 1; }
.hteami-link { opacity: 0; background: rgba(48, 21, 101, .3); }
.hteam-item .hteami-link:hover { opacity: 1; backdrop-filter: blur(10px); }
.hteam-mask { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 0; }
.hteam-mask a { position: absolute; top: -.75rem; display: block; width: var(--item); height: var(--item); }
.hteam-mask a:first-child { left: -.75rem; }
.hteam-mask a:last-child { right: -.75rem; }
.hteam-mask a:nth-child(2) { right: calc(var(--item) - .75rem); }
@media screen and (min-width:768px) {
.home-team { --item: calc(100vw * 0.2025); }
}
@media screen and (min-width:1200px) {
.pt-xl-6 { padding-top: 6rem!important; }
.pt-xl-8 { padding-top: 8rem!important; }
.pr-xl-6 { padding-right: 6rem!important; }
.pr-xl-14 { padding-right: 14rem!important; }
.pb-xl-6 { padding-bottom: 6rem!important; }
.pb-xl-7 { padding-bottom: 7rem!important; }
.pb-xl-8 { padding-bottom: 8rem!important; }
.pb-xl-9 { padding-bottom: 9rem!important; }
.mt-xl-8 { margin-top: 8rem!important; }
}
@media screen and (min-width:1600px) {

}
@media screen and (min-width:1920px) {
.home-team { --item: calc(100vw * 0.2083335); }
}

.hpipe-container { height: 30rem; background-color: rgba(153, 102, 255, .12); }
.hpipe-waves-con { width: 190rem; transform: rotateY(180deg); pointer-events: none; }
.hpipe-det { padding: 4.5rem 0 4rem 0; }
.hpipe-list { height: 0; }
.hpipe-container>a { position: absolute; display: flex; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; border: 1px solid transparent; border-radius: 100%; align-items: center; justify-content: center; }
.hpipe-container>a:before { position: absolute; top: 50%; left: 50%; z-index: 1; width: .5rem; height: .5rem; content: ""; transition: all .25s ease; transform: translate3d(-50%, -50%, 0px); border-radius: 100%; background-color: rgb(197, 174, 247); }
.hpipe-container>a>img { transition: opacity .25s ease; }
.hpipe-container>a>span { position: absolute; top: 50%; left: 2rem; display: block; padding-left: 1rem; font-size: 1rem; line-height: 1.3; transform: translate3d(20%, -50%, 0); white-space: nowrap; pointer-events: none; opacity: 0; color: var(--normal); }
.hpipe-container>a>em { z-index: 2; display: block; width: 100%; height: 100%; }
.hpipe-container>a:hover>span { transform: translate3d(0%, -50%, 0); pointer-events: unset; opacity: 1; }
.hpipe-container>a:hover { border-color: rgba(137, 85, 242, .5); }
.hpipe-container>a:hover:before { width: .65rem; height: .65rem; opacity: 1; background-color: var(--primary); }
.hpipe-container>a:hover>img { opacity: 0; }

.hnewsl-item { background-color: var(--light); padding: 1.4rem 6.5rem 2rem 2.5rem; }
.newsl-more { left: initial; right: 1rem; top: 1.1rem; opacity: 0; transform: translateX(1rem); }
.hnewsl-item:hover { background-color: var(--primary); color: white; }
.hnewsl-item:hover .muted, .hnewsl-item:hover .normal { color: white; }
.hnewsl-item:hover .newsl-more { opacity: 1; transform: none; }
.newsl-title { min-height: 3rem; text-align: justify; }
.hnewsl-top .newsl-det:hover .newsl-date, .hnewsl-top .newsl-det:hover .newsl-title { color: var(--primary); }

.cover-blur-more { opacity: 0; width: 100%; height: 100%; background: rgba(48, 21, 101, .3); z-index: 5; transform-style: preserve-3d; transition: all .25s; }
.cover-blur-more:hover { opacity: 1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

.mask-body { position: fixed; pointer-events: none; z-index: 999999999999; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--primary); transition: transform .35s ease .35s, opacity 0s ease 1s; }
body.loaded .mask-body { transform: translateX(110%); opacity: 0; }

/* footer */
.mf-container { background-color: var(--light); padding: 2.75rem 3.25rem; z-index: 1; }
.mcfl-img { height: 3.2rem; }
.mfc-nav a { white-space: nowrap; }
.mfc-nav a:not(:last-child) { margin-right: 2.5rem; }
.mfc-bg { transform: rotateY(180deg); top: initial; right: initial; left: 0; bottom: 0; z-index: 0; }

/* move circle */
.home-technology { --cw: 19.8rem; --cw-sm: 11.7rem; }
.move-circle { z-index: 3; pointer-events: none; }
.movec-blur { background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.movec-img { z-index: 2; }

@keyframes moveX {
from { left: 45%; }
to { left: calc(100% - var(--cw)); }
}

@keyframes moveY {
from { top: 5rem; }
to { top: calc(80% - var(--cw)); }
}
.move-cell { width: var(--cw); height: var(--cw); pointer-events: none; animation: moveX 15s linear infinite alternate, moveY 15.5s linear infinite alternate; }

@keyframes moveX2 {
from { left: calc(40% - var(--cw-sm)); }
to { left: 0%; }
}

@keyframes moveY2 {
from { top: 0; }
to { top: calc(55% - var(--cw-sm)); }
}
.move-cell-2 { width: var(--cw-sm); height: var(--cw-sm); animation: moveX2 15s linear infinite alternate, moveY2 16s linear infinite alternate; }

/* common subpage */
[data-view="desktop"] .sub-page .top-nav:before { opacity: .1; }
.sub-banner { min-height: 25rem; }
.common-top-bg { /*height: 31rem;*/ z-index: 0; }
.common-top-bg>div { width: 100%; height: 100%; }
.subban-video { margin-top: calc(-1 * var(--top-nav)); }

.abcul-item { justify-content: space-between; }
.abcul-item:nth-child(even) dd { order: -1; }
.part-1-4 { flex: 0 0 calc(50% - .75rem); max-width: calc(50% - .75rem); margin-bottom: 1.5rem; }
.abculit-con { padding: 1.1rem 1rem 1.1rem 2.5rem; height: calc(50% - .75rem); }
.abculit-img { width: 6.5rem; height: 6.5rem; flex-shrink: 0 }
.abculimg:before { content: ""; padding-top: 90%; width: 100%; display: block; }

.abculci-slides { padding-top: 44.7%; }
.abval-bg { left: 0; transform: rotateY(180deg); }
.abvali-icon>img { width: 6rem; }
.abvali-front { z-index: 5; }
.abvali-front .cover-blur-more { background: rgba(153,102,255,.12); }
.abase-list>a { position: absolute; display: flex; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; border-radius: 100%; align-items: center; justify-content: center; }
.abase-list>a:before { position: absolute; top: 50%; left: 50%; z-index: 1; width: 10px; height: 10px; content: ""; transition: all .25s ease; transform: translate3d(-50%, -50%, 0px); border-radius: 100%; background-color: var(--primary); }
.abase-list>a>span { z-index: 2; position: absolute; top: 50%; left: 0; display: block; font-size: 1rem; transform: translate3d(0, -62px, 0); white-space: nowrap; pointer-events: none; opacity: 0; color: var(--normal); }
.abase-list>a>span>em { width: 60px; height: 60px; }
.hover-auto .abase-list>a:hover>span, .abase-list>a.active>span { transform: translate3d(0, -50px, 0); opacity: 1; }
[data-view="desktop"] .abase-nav>dl { width: calc(1 / 6 * 100%); cursor: pointer; }
.abase-nav dt>hr { margin-top: .85rem; margin-bottom: 1rem; color: var(--normal); border-color: currentColor; }
.hover-auto .abase-nav>dl:hover, .abase-nav>dl.active, .hover-auto .abase-nav>dl:hover dd, .abase-nav>dl.active dd, .hover-auto .abase-nav>dl:hover hr, .abase-nav>dl.active hr { color: var(--primary); }
.about .abase-con { --right-pad: 6rem; width: calc(50% - var(--right-pad)); margin-right: var(--right-pad); }
.about .abase-nav { --right-pad: 4rem; width: 50%; order: 2; flex-grow: 1; margin-right: calc(-1 * var(--right-pad)); }
.about .abase-nav>dl { width: 50%; cursor: pointer; padding-right: var(--right-pad); }
.about [data-view="desktop"] .abase-list>a { transform: scale(.6); }
.about [data-view="desktop"] .abase-list>a>span { font-size: 1.4rem; }

.abteam-item { padding: 2.5rem 2.5rem 1.5rem 2.5rem; min-height: 100%; }
.hover-auto .abteam-item:hover { background-color: var(--primary-light); }
.abteam-item>dt { width: 30%; flex-shrink: 0; }
.abteami-img { border-radius: .6rem; overflow: hidden; }
.abteam-item>dd { width: 55%; display: flex; flex-direction: column; justify-content: space-between; }
.abteami-det { height: 9rem; margin-right: -1.5rem }
.abteami-det .mCS_y_hidden { padding-right: 1.5rem }
.abvis-con { max-height: 45vw; }

.about .abcul-list>dl.abcul-item { height: calc(50% - .75rem) }


/* technology */
.techfea-item { padding: 1.75rem; text-align: center; }
.techfeai-icon>img { width: 10rem; height: auto; }
.techfeai-icon:before,.techfeai-icon:after, .techfeai-dd>em:before { content: "\1f449"; font-family: "cxany"; font-size: 40px; line-height: 1; opacity: .3; }
.techfea-con li:first-child .techfeai-icon:before, .techfea-con li:last-child .techfeai-icon:after { visibility: hidden; } 
.techfea-con .ratio-1-1 { padding-top: 101.6746%; }
.techplat-item { border-radius: 100%; width: 20rem; height: 20rem; overflow: hidden; }
.techplat-item .cover-blur-more { background-color: rgba(153,102,255,.12) }
.techplat-list>li { padding: 0; z-index: 1; }
[data-view="desktop"] .techani-frame { width: 100%; height: 150vh; padding-bottom: 50vh; }
[data-view="desktop"] .techani-con { display: flex; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; }
[data-view="desktop"] .techani-frame.show-me .techani-con { position: fixed; }
[data-view="desktop"] .techplat-list { height: 20rem; }
[data-view="desktop"] .techpl-con { position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
[data-view="desktop"] .techani-frame.tpf-10 { height: 100vh; padding-bottom: 0; }

.techdc-icon { height: 32rem; }
.techdc-info { top: 75%; left: 50%; }
.techdci-nav { margin-top: 2rem; padding-bottom: .5rem; gap: .5rem; }
[data-view="desktop"] .techdci-nav > a { border-radius: 1.25rem; padding-left: 2.5rem!important; padding-right: 2.5rem!important; }
.techdci-nav > a.active { background-color: var(--primary); border-color: var(--primary); color: white; }

.techani-nav { position: fixed; z-index: 9; left: 15%; top: 50%; margin-top: -10rem; width: 24px; height: 20rem; }
.techaninav-outter>ul { display: flex; flex-direction: column; justify-content: space-between; height:100% }
.techani-nav a { display: block; width: 24px; height: 24px; border-radius: 100%; border: 1px solid transparent; padding: 4px; }
.techani-nav a>em { display: block; width: 14px; height: 14px; border-radius: 100%; background:var(--primary); }
.techani-nav a>i { position: absolute; left: 10px; bottom: 1.5rem; display: block; width: 2px; height: 7rem; background-color:var(--primary); margin: 5px auto; } 
.techani-nav a.active { border-color: var(--primary) }
.techani-nav a.active ~ a>i, .techani-nav a.active ~ a>em { background-color: rgb(221,221,221) }

.techhon-con { --iw: 3.2rem; --tw: 10rem; --th: 6rem; }
.techhon-item { padding: 1rem 1rem 1rem 2rem; }
.techhon-item:hover { background-color: var(--primary-light); color: var(--normal) }
.techhon-item .newsl-thumb { width: var(--iw); }
.techhon-item .newsl-title { min-height: unset; }
.techhon-level { width: var(--tw); height: var(--th); flex-shrink: 0; border-radius: 12px; background-position: center 15%; background-size: 115% auto }
.techhon-info { max-width: calc(100% - var(--iw) - var(--tw) - .5rem); }
.techhon-list:nth-child(n+5) { display: none; }


[data-view="desktop"] .techani-pic, .techani-back, .techani-text { z-index: 2; position: fixed; width: 100%; height: 100vh; left:0; top:0; }
[data-view="desktop"] .techani-back { z-index: 1; pointer-events:none; }
[data-view="desktop"] .techani-pic { z-index:2; pointer-events:none; }
[data-view="desktop"] .techani-text { z-index: 5; }
[data-view="desktop"] .techanipic,.techanitxt { height:100vh; position: absolute; width: 100%; left:0; top:0; }
[data-view="desktop"] .techanipic>.techdet-con { width: 32rem; height: 32rem; }
[data-view="desktop"] .techanitxt>.techdet-con { height: 90vh; }
[data-view="desktop"] .techani-text[data-anchor-target=".tpf-22"].skrollable-after .techanitxt[data-txt="2"] .techdc-info .max-600.skrollable-after { opacity: 0!important; pointer-events: none; }


/* pipeline */
[data-view="desktop"] .pipepi-left { width: 15.5vw; flex-shrink: 0; }
.pipepi-main { flex-grow: 1; }
.pipepro-list { padding: 2.5rem 3rem .5rem 3rem; }
.pipepi-spacer { margin-top: 2rem; margin-bottom: 2rem; }
.pipepi-spacer { border-top: 1px dashed var(--gray-light);  }
.pipeproi-con{ display: flex; align-items: center; height: 2.6rem; }
.pipeproi-con:not(:last-child) { margin-bottom: 2.5rem; }
.pipeproi-left { width: 18%; flex-shrink: 0; height: 100%; }
.pipeproi-progress { height: 100%; flex-grow: 1; text-align: center; border-left: 1px solid var(--gray-light); border-right: 1px solid var(--gray-light); }
.pipeline {
--height: 1.2rem;
}
.pipeproi-addon { padding-left: 1.1vw; color: var(--muted); width: 5.5vw; flex-shrink: 0; }
.pipeproi-con.pipeproi-heading { height: 2rem; }
.pipeproi-progress>.col:not(:first-child) { border-left: 1px dashed var(--gray-light); }
.pipeproi-caption { min-height: 100%; border-left: 1px solid var(--primary); padding-left: 1rem; padding-right: .5rem; }
.pipeproi-slider { border: 0; top: 50%; margin-top: -.6rem; height: 1.2rem; padding-left: 1.2rem; padding-right: 1.2rem; }
.pipeprois-con { height: 100%; background: url("/uploads/default/progress-bg.png") no-repeat center center; background-size: 100% 100%; }
.pipeprois-track { color: var(--primary); height: 100%; width: 1.25rem; min-width: 1.25rem; left: 0; transition: width 1.5s ease .5s; }
.pipeprois-track:before, .pipeprois-track:after { content: ""; position: absolute; height: 1.2rem; top: 0; border-radius: .6rem; }
.pipeprois-track:before { left: 0; width: 100%; background: var(--primary); opacity: .3; }
.pipeprois-track:after { top: calc(.6rem - 5px); right: calc(.6rem - 5px); width: 10px; height: 10px; border-radius: 100%; background-color: var(--primary); }
.pipeprois-track em { display: block; pointer-events: none; opacity: 0; white-space: nowrap; right: .6rem; transform: translate3d(50%,.5rem,0); top: 1.5rem; position: absolute; color: var(--primary); }
.hover-auto .pipeproi-slider:hover .pipeprois-track em { opacity: 1; transform: translate3d(50%, 0, 0); }
[data-view="desktop"] .pipeproi-left:first-child h4 { transform: translateY(4.5rem);}
[data-view="desktop"] .pipepro-item:not(:first-child) .pipeproi-left h4 { transform: translateY(2.25rem);}


/* gallery */
.careers-gallery { padding-left: var(--left-pad); overflow: hidden; }
.caregal-con { width: 150%; }
.caregal-item .ratio-3-1 { padding-top: 35.5555%; }
.caregal-item .inner>em { display: block; width: 100%; height: 100%; border-radius: 1rem; transition: all .5s ease; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.caregal-item.slick-current .inner>em { backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); }
.carechoose-con { width: 100%; }
.carecho-item { padding: 0 .75rem; /*width: 46vw;*/ width: 44rem; flex-shrink: 0; }
.carecho-item .ratio-2-1 { padding-top: 45%; }
.carechoi-con { padding: 2.5rem; height: 100%; }
.carechoi-con:hover { background-color: var(--primary-light); }
.carechoi-con>dt { white-space: normal; width:60%; }
.carechoi-con>dd { width: 31%; flex-shrink: 0; border-radius: .6rem; }
.carechoi-con>dd img { width: 100%; height: auto; }


/* join */
.carejoin-con { min-height: 20rem; }
.join-nav { width: 50%; margin-right: -50%; padding-right: 12rem; z-index: 2; }
.joinnav-cats a { line-height: 1; padding-bottom: 1rem; border-bottom: 1px solid transparent; margin-right: 3.5rem; }
.joinnav-cats a.active { color: var(--primary); border-color: currentColor; }
.joinfilter-job, .joinfilter-dep, .joinfilter-city { width: 13rem; margin-bottom: 2.2rem; }
.join-main { padding-left: 50%; }
.join-main .ajl-item h4 { line-height: 1; padding-top: 1.7rem; padding-bottom: 1.7rem; }
.join-main .ajl-item h5 { opacity: 0; pointer-events: none; }
.join-main .ajl-item:not(:last-child) { padding-bottom: 0; }
.ajl-item { background-color: var(--light); padding-left: 1.9rem; padding-right: 1.9rem; }
.ajl-item .bicon { left: initial; right: 0; top: 50%; transform: translateY(-50%); }
.join-main .ajl-item.active { background-color: var(--primary-light); }
.join-main .ajl-item.active .bicon>i { transform: rotate(180deg); }
.ajl-content { overflow: hidden; height: 0; margin-top: 1px; padding-top: 0; padding-bottom: 0; transition: all .25s ease; }
/*.ajl-content p:before { content: "● "; line-height: 2; }*/
.jmain-det { border-top: 1px solid var(--normal); }

/* contact */
.desktop.contact .sub-banner { min-height: 20rem; }
.contban-intro strong { font-weight: normal; color: var(--normal); }
.consto-map { height: 31.5rem; }
#map img { max-width: initial; max-height: initial; height: initial; vertical-align: initial; }
#map label { max-width: unset; }
.confee-frame input, .confee-frame textarea { width: 100%; border-radius: 10px; padding: 1.6rem 1.6rem; line-height: 1.2rem; background-color: var(--light); font-size: .9rem; margin-bottom: 1.5rem; color: var(--normal); }
.confee-frame textarea { height: 9rem; vertical-align: top; margin-bottom: 0; }
[data-view="desktop"] .contmap-company { margin-right: 1.5rem; }
.contmap-list img { height: auto; }

/* news */
.newshome-item .newsl-det { padding: 2.5rem; }
.newshome-item .newsl-thumb { width: 21rem; max-width: 100%; border-radius: 10px; overflow: hidden; }
.newshome-item .newsl-more { top: initial; bottom: -.5rem; right: 0; }
.newshome-item .newsl-thumb .ratio-2-1 { padding-top: 60%; }

.ani-line { display: block; width: 100%; overflow: hidden; height: 1px; }
.ani-line:before, .ani-line:after { content: ''; position: absolute; display: block; width: 100%; top: 0; height: 1px; background-color: var(--muted); transition: none; }
.ani-line:before { left: -200%; width: 100%; z-index: 2; background: var(--primary); }
.ani-line:after { left: 0; z-index: 1; }
.ani-line:hover:before, .hover-line:hover .ani-line:before, .hover-line.active .ani-line:before, a:hover .ani-line:before { transition: all .25s ease; left: 0; transition-delay: .25s; transition-duration: .25s; }
.ani-line:hover:after, .hover-line:hover .ani-line:after, .hover-line.active .ani-line:after, a:hover .ani-line:after { transition: all .25s ease; left: 100%; transition-delay: 0s; }

.newsd-back.btn-normal.btn-sm { width: 6rem; padding-left: .6rem; padding-right: .6rem; }
.newsd-body p { margin-bottom: 1rem; }
.newsd-body p.empty-line { height: 0; }
[data-view="desktop"] .newsd-con { border-top: 1px solid var(--light); padding-top: 4rem; }
.newsl-thumb { width: 4.4rem; flex-shrink: 0; overflow: hidden; }
.newsl-right { flex-grow: 1; }

/*  */
.tiny-nav { position: absolute; left: 0; height: .75rem; }
.tiny-nav>button { display: flex; height: 100%; margin: 0 .25rem; cursor: pointer; border: 0; align-items: center; justify-content: center; }
.tiny-nav>button:before { display: inline-block; width: .5rem; height: 2px; content: ""; transition: width .25s ease; background-color: currentColor; }
.tiny-nav>button.active:before { width: 2.25rem; background-color: var(--primary); }
.tiny-nav.at-bottom { bottom: 1rem; }
.fancy-box { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; padding-top: var(--top-nav); overflow: hidden; transition: all .75s cubic-bezier(.76, 0, .24, 1); transform: translateY(100%); pointer-events: none; background-color: rgba(0, 0, 0, 0); }
.fancy-box.active { transform: none; pointer-events: unset; background-color: rgba(0, 0, 0, .5); }
.fancy-box-con { border-top-left-radius: .5rem; border-top-right-radius: .5rem; background-color: white; }
.fancybox-toolbar { right: 1rem; }
.fancybox-content { background-color: white !important; }
.fancybox-button { width: 3rem; height: 3rem; padding: 13px; color: black; }
.fancybox-button svg { padding: 5px; border-radius: 100%; background-color: var(--muted-light); }
.fancybox-slide--html .fancybox-close-small, .fancybox-button--close { padding: 13px; }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { background-color: transparent; }
::-webkit-input-placeholder { color: rgb(157, 157, 157); }
:-moz-placeholder { color: rgb(157, 157, 157); }
::-moz-placeholder { color: rgb(157, 157, 157); }
:-ms-input-placeholder { color: rgb(157, 157, 157); }
.form-message { z-index: -9; display: none; visibility: hidden; height: 0; font-size: 0; line-height: 0; }
input[type="radio"], input[type="checkbox"] { display: inline-block; }
input[type="checkbox"], input[type="radio"] { position: relative; width: .65rem; height: .65rem; padding: 0; margin: 0; vertical-align: middle; border: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="checkbox"]:before, input[type="radio"]:before { position: absolute; top: -.05rem; left: 0; display: block; width: 100%; height: 100%; overflow: hidden; font-family: "cxany"; font-size: .75rem; line-height: .75rem; content: ""; transition: all .25s cubic-bezier(.4, 0, .2, 1); text-align: center; border: 1px solid rgb(128, 128, 128); }
input[type="checkbox"]:checked:before, input[type="radio"]:checked:before { content: ""; color: white; border: 0; background-color: var(--primary); }
input[type="checkbox"]:disabled:before, input[type="radio"]:disabled:before { color: rgb(103, 134, 157); background-color: rgb(235, 240, 242); }
input:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, .35); }
input:focus:-moz-placeholder { color: rgba(0, 0, 0, .35); }
input:focus::-moz-placeholder { color: rgba(0, 0, 0, .35); }
input:focus:-ms-input-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus:-moz-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus::-moz-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus:-ms-input-placeholder { color: rgba(0, 0, 0, .35); }
::selection { color: white; background: var(--red); }
::selection { color: white; background: rgba(255, 87, 20, .8); }
input[type="text"], textarea { z-index: 1; line-height: 1; transition: all .25s cubic-bezier(.4, 0, .2, 1); }
::-webkit-input-placeholder { opacity: .85; color: var(--muted); }
::-moz-placeholder { opacity: .85; color: var(--muted); }
::-ms-input-placeholder { opacity: .85; color: var(--muted); }
.desktop .compensate-for-scrollbar { overflow: hidden; }
.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, .04); width: 6px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .1); width: 6px; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { padding-right: 0; padding-left: 0; background-color: rgba(0, 0, 0, .5); }
.sod_select:before { content: none; }
.sod_select:after { font-family: "cxany"; content: "\e91a"; top: 50%; bottom: initial; font-size: .8em; transform: translateY(-50%); }
.sod_select { font-size: inherit; font-weight: normal; margin-right: .5rem; border: 1px solid var(--normal); border-radius: 8px; padding: .6rem 1.2rem; }
.sod_select .sod_label { line-height: 1; }
.sod_select .sod_list_wrapper { margin-left: -1px; overflow: hidden; min-width: 100%; border: 1px solid var(--primary); border: 0; border-radius: 8px; margin-top: .5rem; }
.sod_select .sod_list_wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 8px; pointer-events: none; border: 1px solid var(--primary); z-index: 2; }
.sod_select.focus { background-color: var(--primary); border-color: var(--primary); color: white; }
.sod_select .sod_option.active { background-color: var(--primary-light); color: var(--normal); }
.sod_select .sod_option.selected { font-weight: normal; background-color: var(--primary); color: white; }
.sod_select .sod_option { padding: .6rem 1.2rem; border-radius: 8px; }
.sod_select .sod_list { border-radius: 8px; overflow: hidden; }
.sod_select .sod_option.selected:before { content: unset; }
.sod_select.open:after { transform: rotate(180deg) translateY(50%); }

@media screen and (min-width:768px) { }
@media screen and (min-width:1024px) { }
@media screen and (min-width:1200px) { }
@media screen and (min-width:1440px) { }
@media screen and (min-width:1920px) { }
@media screen and (min-width:2560px) { }

@media screen and (max-width:1919px) {
.fs-18 { font-size: .8rem }
.fs-22 { font-size: 1rem; }
}
@media screen and (min-width:1200px) and (max-width:1679px) {
:root{
--left-pad: 3.75vw;
}
.home-technology { --cw: 14rem; --cw-sm: 7rem; }
.newshome-item .newsl-thumb { width: 19rem; }
.newshome-item .newsl-det { padding: 1.75rem }
.newshome-item .newsl-more { height: 2.1rem; font-size: .75rem; padding: 0 }
.newshome-item .newsl-more i { font-size: 1rem; }
.pt-9 { padding-top: 6vw!important; }
.mt-9 { margin-top: 6vw!important; }
.pt-5 { padding-top: 2.5rem!important; }
.pb-xl-6 { padding-bottom: 5vw!important; }
.pr-xl-6 { padding-right: 3.5vw!important; }
.pr-xl-14 { padding-right: 8vw!important; }
.pt-xl-8 { padding-top: 5.5vw!important; }
.pb-xl-7 { padding-bottom: 5.25vw!important; }
.pb-xl-8 { padding-bottom: 5.5vw!important; }
.pb-xl-9 { padding-bottom: 6vw!important; }
.pr-xl-4, .px-xl-4 { padding-right: 1.05rem!important; }
.pl-xl-4, .px-xl-4 { padding-left: 1.05rem!important; }
.mb-xl-4, .my-xl-4 { margin-bottom: 1.05rem !important; }
.mb-3, .my-3 { margin-bottom: .75rem !important; }
.mb-xl-3 { margin-bottom: .75rem!important; }
.mb-xl-5 { margin-bottom: 1.5rem!important; }
.mt-xl-5, .my-xl-5 { margin-top: 1.5rem!important; }
.pt-xl-5, .py-xl-5 { padding-top: 1.5rem !important; }
.pb-xl-5, .py-xl-5 { padding-bottom: 1.5rem !important; }
.pl-xl-5, .px-xl-5 { padding-left: 1.5rem !important; }
.pr-xl-5, .px-xl-5 { padding-right: 1.5rem !important; }
.common-title>h3 { font-size: 2.5vw; }
.fs-20 { font-size: 1.175vw; }
.fs-22 { font-size: 1.185vw; }
.fs-24 { font-size: 1.25vw; }
.fs-32 { font-size: 1.55vw; }
.sub-banner { min-height: 30vw; }
.hnewsl-item { padding: 1.15rem 2.5rem .75rem 1.75rem }
.techhon-item { padding: 1rem 1rem 1rem 1.25rem; }
.techhon-con { --iw: 3rem; --tw: 8rem; --th: 5rem; }
.techplat-item { width: 22vw; height: 22vw; }
.newslist-item { margin-bottom: 1.5rem!important; }
.htech-item { padding-right: 3.5rem; }
.hpipe-det { padding: 3rem 0 2.5rem 0; }
.mf-container { padding: 2.25rem 3.25rem; }
.mfc-nav a:not(:last-child) { margin-right: 2rem; }
.btn-normal { font-size: 1.05vw; height: 2.25rem; }
.btn-normal.btn-sm { width: 9rem; }
.btn-normal:not(.btn-icon) { padding-left: .5rem; }
.newsl-more { height: 1.15rem; padding-right: 0; margin-right: -.25rem; }
.part-1-4 { flex: 0 0 calc(50% - .5rem); max-width: calc(50% - .5rem); margin-bottom: 1rem; }
.abculit-con { padding: .85rem .75rem .85rem 1.5rem; height: calc(50% - .5rem); }
.abculit-img { width: 5.5rem; height: 5.5rem; }
.newshome-item .newsl-det { padding: 1.5rem }
.newshome-item .newsl-thumb { width: 23.5vw; }
.desktop.contact .sub-banner { min-height: 17rem; }
.contmap-nav dl>dd { font-size: .75rem; }
[data-view="desktop"] .techdci-nav > a { padding-left: 1.25rem!important; padding-right: 1.25rem!important; }
.techdci-nav { margin-top: 3rem; padding-bottom: 0; }
.newsl-more.btn-normal { width: auto; }
.about .abase-con { --right-pad: 4rem; }
.about .abase-nav { --right-pad: 2rem; }
.about .abculit-con { padding: .65rem .75rem .65rem .75rem; }
.about .abcul-list>dl.abcul-item { height: calc(50% - .75rem) }

}
@media screen and (max-width:1439px) {
.newshome-item .newsl-det { padding: 1.35rem }
.newshome-item .newsl-more { display: none; }
.about .abase-con { --right-pad: 1.05rem; }
.about .abase-nav { --right-pad: 2rem; }
}

ins[data-type="screen"] { display: none; content: "xs"; quotes: auto; }
@media (hover:none) {
ins[data-type="screen"] { quotes: none; }
}
ins[data-type="screen"] { display: none; content: "xs"; }
@media (min-width:768px) {
ins[data-type="screen"] { content: "xs sm"; }
}
@media (min-width:992px) {
ins[data-type="screen"] { content: "xs sm md"; }
}
@media (min-width:1200px) {
ins[data-type="screen"] { content: "xs sm md lg"; }
}
@media (min-width:1400px) {
ins[data-type="screen"] { content: "xs sm md lg xl"; }
}