:root{
  --primary: rgb(3 169 244);
}
html { font-size: 100%; min-height: 100%; touch-action: none; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, legend, figure, table, th, td, caption, hr, input, button, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { font-weight: normal; position: relative; margin: 0; padding: 0; }
body { font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', '微软雅黑', 'Tahoma', 'Arial', 'sans-serif'; font-size: .7rem; line-height: 1.8; overflow-y: scroll; color: rgb(88, 88, 88); }
@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 (-webkit-min-device-pixel-ratio:1.25),screen and (min-resolution:120dpi){html{font-size:90%}@media screen and (min-width:1200px){html{font-size:98%}}@media screen and (min-width:1400px){html{font-size:102%}}@media screen and (min-width:1600px){html{font-size:106%}}@media screen and (min-width:1900px){html{font-size:110%}}@media screen and (min-width:2500px){html{font-size:112%}}}@media screen and (-webkit-min-device-pixel-ratio:1.5),screen and (min-resolution:144dpi){html{font-size:80%}@media screen and (min-width:1200px){html{font-size:88%}}@media screen and (min-width:1400px){html{font-size:92%}}@media screen and (min-width:1600px){html{font-size:96%}}@media screen and (min-width:1900px){html{font-size:100%}}@media screen and (min-width:2500px){html{font-size:102%}}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi){@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%}}}
@font-face { font-family: 'AkzidenzGroteskBQ-Cnd'; font-weight: normal; font-style: normal; src: url('./fonts/AkzidenzGrotesk-Cond.svg') format('svg'), url('./fonts/AkzidenzGrotesk-Cond.ttf') format('truetype'), url('./fonts/AkzidenzGrotesk-Cond.woff') format('woff'); }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
video { max-width: 100%; }
label { font-weight: normal; margin: 0; padding: 0; }
[hidden], template { display: none; }
a, button { transition: all .15s linear; }
a { color: rgb(88, 88, 88); }
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 { text-decoration: none; color: rgb(88, 88, 88); outline: none; }
button, a { -webkit-transform: translateZ(0); transform: translateZ(0); border: 0; background: transparent; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
button:hover { color: var(--primary); }
a, span, div, section, dl, dt, dd, i, em, label { font-style: normal; position: relative; }
li { list-style: none; }
input, textarea { width: 100%; resize: none; transition: border .3s, background-color .3s; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
a:hover .no-hover { color: inherit; background: initial; }
strong, .strong { font-weight: bold; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; vertical-align: top; }
a.bright:hover { color: rgb(0, 0, 0); }
.white { color: white; }
a.white:hover, a.white.active { color: rgb(51, 51, 51); }
::-webkit-input-placeholder { color: rgb(153, 153, 153); }
:-moz-placeholder { color: rgb(153, 153, 153); }
::-moz-placeholder { color: rgb(153, 153, 153); }
:-ms-input-placeholder { color: rgb(153, 153, 153); }
.inline { position: relative; display: inline; vertical-align: top; letter-spacing: normal; }
.inline-wrapper { font-size: 0; position: relative; }
.inline-item { font-size: initial; position: relative; display: inline-block; vertical-align: top; }
.block { position: relative; display: block; }
.nowrap, .ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.multi-ellipsis { display: -webkit-box !important; overflow: hidden; -webkit-box-orient: vertical; }
.opacity { opacity: 0; }
.fs-light { -webkit-font-smoothing: antialiased; }
.red { color: var(--primary); }
.blue { color: var(--primary); }
.gray { color: rgb(220, 220, 220); }
.black { color: rgb(51, 51, 51); }
.bg-gray { background-color: rgb(242, 242, 242); }
.none { display: none; }
.normal { font-weight: normal; }
.full-size { position: relative; overflow: hidden; width: 100%; height: 100%; }
.full-height { height: 100%; }
.full-width { width: 100%; height: auto; vertical-align: top; }
.fix-height { overflow: auto; }
.abs { position: absolute; top: 0; left: 0; display: block; width: 100%; }
.bgs-cover, .bgs-contain { background-repeat: no-repeat; background-position: center center; }
.bgs-cover { background-size: cover; }
.bgs-contain { background-size: contain; }
.bgp-left-top { background-position: left top; }
.bgp-center-top { background-position: center top; }
.at-middle { display: flex !important; align-items: center; flex-wrap: wrap; }
.v-middle { display: flex; align-items: center; justify-content: left; }
.cxany-valign-middle span, .cxany-valign-middle img, .cxany-valign-middle i { display: inline-block; float: none; vertical-align: middle; }
.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}
.cxany-line-height-sm { line-height: 1.3; }
.cxany-font-sm { font-size: 80%; }
.cxany-color-strong { font-weight: bold; color: var(--primary); -webkit-font-smoothing: antialiased; }
.en { font-family: 'AkzidenzGroteskBQ-Cnd', 'Arial'; }
.en.strong, .en strong, strong.en { font-family: 'AkzidenzGroteskBQ-Cnd', 'Arial'; font-weight: bold; }
.content-white { z-index: 9; -webkit-transform: translateZ(0); transform: translateZ(0); background-color: white; }
.shadow-box { position: relative; margin-top: 35px; margin-bottom: 35px; padding: 1rem; background: white; box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); }
[class*='icon-'] { display: inline-block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.row { margin-right: 0; margin-left: 0; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 0; padding-left: 0; }
.spacing-2 { margin-right: -.1rem; margin-left: -.1rem; }
.spacing-2 [class^='col-'] { padding-right: .1rem; padding-left: .1rem; }
.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-25 { margin-right: -1.25rem; margin-left: -1.25rem; }
.spacing-25 [class^='col-'] { padding-right: 1.25rem; padding-left: 1.25rem; }
.spacing-30 { margin-right: -1.5rem; margin-left: -1.5rem; }
.spacing-30 [class^='col-'] { padding-right: 1.5rem; padding-left: 1.5rem; }
.spacing-35 { margin-right: -1.75rem; margin-left: -1.75rem; }
.spacing-35 [class^='col-'] { padding-right: 1.75rem; padding-left: 1.75rem; }
.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; }
.narrow-box { padding-right: 3rem; padding-left: 3rem; }
.row-auto { display: flex; align-items: flex-start; }
.col-auto {  }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgb(220, 220, 220); }
hr.min { margin-top: 0; margin-bottom: 0; }
a.block span { position: relative; display: block; }
a.block span.inline { display: inline-block; }
.btn-inline { line-height: 40px; width: 100%; height: 40px; transition: background .3s; color: white; background-color: rgb(214, 216, 221); }
.btn-inline:hover { background-color: rgb(56, 101, 199); }
.ratio { position: relative !important; display: block; overflow: hidden; }
.ratio .inner { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; }
.ratio > img { position: absolute; z-index: -1; top: 0; left: 0; width: 1px; height: 1px; }
.ratio-16-10 { padding-top: 62.5%; }
.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%; }
.ratio-2-3 { padding-top: 150%; }
.ratio-4-3 { padding-top: 75%; }
.ratio-3-4 { padding-top: 133.3333%; }
.ratio-5-4 { padding-top: 80%; }
.hover-zoom { transition: all .36s ease; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
a:hover .hover-zoom, li:hover .hover-zoom, .has-hover:hover .hover-zoom { -webkit-transform: scale(1.1); transform: scale(1.1); }
.window-height { height: 1500px; transition: opacity .8s; opacity: 0; }
.window-height.show-me { opacity: 1; }
.wow { visibility: hidden; }
.ani { transition: all .15s; }
.noani { transition: none !important; }
.flex-row { display: flex; justify-content: space-between; }
.flex-center { display: flex; align-items: center; justify-content: center; }
.flex-cb { display: flex; align-items: center; justify-content: space-between; }
.flex-cs { display: flex; align-items: center; justify-content: flex-start; }
.flex-ss { display: flex; align-items: flex-start; justify-content: flex-start; }
.p-t{padding-top:5rem}.p-t-lg{padding-top:8rem}.p-t-md{padding-top:3.5rem}.p-t-sm{padding-top:2.5rem}.p-t-xs{padding-top:1.5rem}.p-t-min{padding-top:.75rem}.p-b{padding-bottom:5rem}.p-b-lg{padding-bottom:8rem}.p-b-md{padding-bottom:3.5rem}.p-b-sm{padding-bottom:2.5rem}.p-b-xs{padding-bottom:1.5rem}.p-b-min{padding-bottom:.75rem}.m-t{margin-top:5rem}.m-t-lg{margin-top:8rem}.m-t-md{margin-top:3.5rem}.m-t-sm{margin-top:2.5rem}.m-t-xs{margin-top:1.5rem}.m-t-min{margin-top:.75rem}.m-b{margin-bottom:5rem}.m-b-lg{margin-bottom:8rem}.m-b-md{margin-bottom:3.5rem}.m-b-sm{margin-bottom:2.5rem}.m-b-xs{margin-bottom:1.5rem}.m-b-min{margin-bottom:.75rem}.m-l{margin-right:5rem}.m-l-lg{margin-left:8rem}.m-l-md{margin-left:3.5rem}.m-l-sm{margin-left:2.5rem}.m-l-xs{margin-left:1.5rem}.m-l-min{margin-left:.75rem}.m-r{margin-right:5rem}.m-r-lg{margin-right:8rem}.m-r-md{margin-right:3.5rem}.m-r-sm{margin-right:2.5rem}.m-r-xs{margin-right:1.5rem}.m-r-min{margin-right:.75rem}.l-h-lg{line-height:2.5}.l-h-md{line-height:2.2}.l-h-sm{line-height:2}.l-h-xs{line-height:1.6}.l-h-2-8{line-height:2.8}.l-h-2-7{line-height:2.7}.l-h-2-6{line-height:2.6}.l-h-1-4{line-height:1.4}.l-h-1-3{line-height:1.3}.l-h-1-2{line-height:1.2}.l-h-1-1{line-height:1}.l-h-1{line-height:1}@media screen and (min-width:1900px){.p-t{padding-top:6rem}.p-b{padding-bottom:6rem}.m-t{margin-top:6rem}.m-b{margin-bottom:6rem}}
.frame-table { display: table !important; width: 100%; height: 100%; }
.frame-cell, .table-cell { display: table-cell; vertical-align: middle; }
.frame-full, .frame-wide, .frame-middle { position: relative; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
@media screen and (min-width:1200px) {
  .frame-wide { padding-right: 2rem; padding-left: 2rem; }
  .frame-full { padding-right: 1.5rem; padding-left: 1.5rem; }
  .frame-middle { max-width: 1220px; padding-right: 2rem; padding-left: 2rem; }
}
@media screen and (min-width:1440px) {
  .frame-wide { padding-right: 2.5rem; padding-left: 2.5rem; }
  .frame-full { padding-right: 2rem; padding-left: 2rem; }
  .frame-middle { max-width: 1200px; padding-right: 0; padding-left: 0; }
}
@media screen and (min-width:1600px) {
  .frame-wide { padding-right: 5rem; padding-left: 5rem; }
  .frame-full { padding-right: 2.5rem; padding-left: 2.5rem; }
}
@media screen and (min-width:1900px) {
  .frame-wide { padding-right: 8rem; padding-left: 8rem; }
  .frame-full { padding-right: 4.5rem; padding-left: 4.5rem; }
}
@media screen and (min-width:2500px) {
  .frame-wide { padding-right: 10rem; padding-left: 10rem; }
  .frame-full { padding-right: 5.5rem; padding-left: 5.5rem; }
}
body { overflow-x: hidden; padding-top: 3.25rem; }
main { z-index: 9; overflow: hidden; width: 100%; margin: 0; }
main:after { display: table; clear: both; content: ''; }
.top-nav { position: fixed; z-index: 990; top: 0; left: 0; width: 100%; height: 3.25rem; transition: all .15s; }
.main-nav-bar { height: 100%; margin-left: 12rem; }
@media screen and (max-width:1440px) {
  .main-nav-bar { margin-left: 13rem; }
}
@media screen and (max-width:1280px) {
  .main-nav-bar { margin-left: 12rem; }
}
.top-nav-menu { font-size: 0; line-height: 1; z-index: 8; height: 100%; }
.top-nav-menu > div { height: 100%; }
.top-nav-logo { z-index: 9; float: left; width: 11rem; height: 100%; }
.top-nav-logo h1 { display: block; width: 100%; height: 100%; }
.top-nav-logo h1 a { display: block; height: 100%; transition: none; }
.top-nav-logo img { position: absolute; left: 0; width: auto; height: 100%; transition: opacity .15s; }
.top-nav-logo img.logo-color { width: auto; height: 100%; opacity: 0; }
.top-nav-menu dt { overflow: hidden; height: 100%; text-align: center; }
.top-nav-menu dt a { line-height: 3.25rem; position: relative; z-index: 3; display: block; height: 100%; padding-right: 1.55rem; padding-left: 1.55rem; white-space: nowrap; color: white; }
.top-nav-menu dt a span { display: block; }
.top-nav-menu dt a span:after { position: absolute; bottom: 0; display: block; width: 100%; height: .25rem; transition: all .15s; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transform-origin: center bottom; transform-origin: center bottom; background-color: var(--primary); }
.top-nav-menu dt.active a, .top-nav-menu dt a:hover { color: var(--primary); }
.top-nav-menu dl.active a span:after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.top-sub-button { line-height: 1.25rem; z-index: 9; display: inline-block; float: right; padding-top: 1rem; text-align: right; }
.top-sub-button dl { display: inline-block; height: 100%; vertical-align: top; }
.top-search dt i { font-size: .85rem; }
.top-search { overflow: hidden; width: 7rem; height: 100%; padding: 0; transition: all .15s; white-space: nowrap; }
.top-search dt { line-height: 1.25rem; }
.top-search input { font-size: .65rem; line-height: 23px; height: 23px; margin-top: 1px; padding-left: .75rem; padding-right: 1.35rem; color: rgb(70, 70, 70); color: white; border: 1px solid rgb(100, 100, 100); border-radius: 1.25rem; background-color: transparent; }
.top-search button { position: absolute; top: 0; right: 0; width: 1.25rem; height: 100%; display: flex; align-items: center; justify-content: center; }
.top-search button:hover, .fixed-bar .top-search button:hover { color: white; }
.top-lang dt { line-height: 1.25rem; padding-left: .5rem; }
.top-lang dt i { font-size: .85rem; margin-top: -.2rem; vertical-align: middle; }
.top-lang dt a:hover, .fixed-bar .top-lang dt a:hover { color: white; }
.fixed-bar .top-nav { background-color: rgb(50, 50, 50); box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
.fixed-bar .top-nav-logo { padding-top: .6rem; padding-bottom: .6rem; }
.fixed-bar .top-nav-logo img.logo-color { opacity: 1; }
.fixed-bar .top-nav-logo img.logo-white { opacity: 0; }
.fixed-bar .top-nav-menu dl.active dt > a { color: var(--primary); }
.fixed-bar .top-nav-menu dt a, .fixed-bar .t-s-card span { color: white; }
.fixed-bar .t-s-card a:hover, .fixed-bar .top-sub-button .top-social dt a:hover { color: var(--primary); }
.fixed-bar .top-sub-button dt a, .fixed-bar .top-sub-button dt button, .fixed-bar .t-s-card input { color: rgb(102, 102, 102); }
.fixed-bar .top-sub-button dt a { color: rgb(153, 153, 153); }
.ani-menu { display: none; }
.top-nav-menu .visible-inline-xs { display: none; }
.top-sub-menu { line-height: 3.25rem; position: absolute; top: 3.25rem; left: 0; width: 2000px; height: 3.25rem; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transform-origin: left top; transform-origin: left top; opacity: 0; background-color: rgba(255, 255, 255, 1); }
dl:hover .top-sub-menu { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
.top-sub-menu > div { display: block; }
.top-sub-nav a:first-child { padding-left: 1.55rem; }
.top-sub-nav a { font-size: .8rem; line-height: 2rem; display: inline-block; padding-right: 1.15rem; padding-left: 1.15rem; color: rgb(50, 50, 50); -webkit-font-smoothing: antialiased; }
.top-sub-nav a:hover { color: var(--primary); }
.windows .top-nav-menu dl, .windows .top-sub-nav a, .windows .footer-nav-menu dt a { font-size: .75rem; }
.windows .strong { font-weight: normal; }
.windows i[class^='icon-'] { -webkit-text-stroke-width: .25px; }
.slides-list, .slides-list li, .bx-wrapper, .bx-viewport { position: relative; height: 100%; }
.slick-list, .slick-track { overflow: hidden; height: inherit; }
.slick-dots { line-height: 1; z-index: 3; bottom: 2rem; }
.slick-dots li { width: auto; height: .15rem; margin-right: .5rem; margin-left: .5rem; padding: 0; transition: all .5s; vertical-align: middle; }
.slick-dots li button { width: 4rem; height: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background-color: rgba(255, 255, 255, .3); }
.slick-dots li button:before { display: none; }
.slick-dots li.slick-active button { background-color: rgba(255, 255, 255, .7); }
.slick-prev, .slick-next { line-height: 3rem; z-index: 2; overflow: hidden; width: 3rem; height: 3rem; text-align: center; border-radius: 3rem; background: white; }
.slick-prev { left: -4rem; }
.slick-next { right: -4rem; }
.slick-prev:before, .slick-next:before { font-family: 'cxany'; font-size: 1.35rem; display: inline-block; transition: color .3s; vertical-align: middle; color: rgba(0, 0, 0, 1); -webkit-font-smoothing: auto; }
.slick-prev:hover:before, .slick-next:hover:before { color: rgba(0, 0, 0, .6); }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: rgba(50, 60, 165, .5); }
.slick-prev:before { content: '\c1031'; }
.slick-next:before { content: '\c1032'; }
.slick-disabled { pointer-events: none; }
.slick-dark-nav .slick-prev:before, .slick-dark-nav .slick-next:before { color: rgba(51, 51, 51, .3); }
.slides-nav { top: 30%; }
.slides-nav a { line-height: 1; position: absolute; top: 50%; display: inline-block; }
.slides-nav i { vertical-align: top; }
.slides-nav-prev { left: 0; -webkit-transform: translateX(-80%) translateY(-50%); transform: translateX(-80%) translateY(-50%); }
.slides-nav-next { right: 0; -webkit-transform: translateX(80%) translateY(-50%); transform: translateX(80%) translateY(-50%); }
@media screen and (min-width:1900px) {
  .slides-nav-prev { -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); }
  .slides-nav-next { -webkit-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%); }
}
.top-banner { top: 0; left: 0; width: 100%; height: 100%; transition: none; }
.top-banner-bg { position: fixed; width: 100%; height: 100%; }
.home-slides { height: 37.25rem; }
.home-slides:before, .home-slides:after { position: absolute; z-index: 2; bottom: 0; left: 0; display: block; width: 100%; height: 5rem; content: ''; pointer-events: none; }
.home-slides .slick-prev, .home-slides .slick-next { width: 3.5rem; height: 3.5rem; opacity: 0; background-color: rgba(255, 255, 255, .25); }
.home-slides .slick-prev:hover, .home-slides .slick-next:hover { background-color: rgba(50, 60, 165, .8); }
.home-slides:hover .slick-prev, .home-slides:hover .slick-next { opacity: 1; }
.home-slides .slick-prev:before, .home-slides .slick-next:before { color: rgba(0, 0, 0, .7); }
.home-slides .slick-prev:hover:before, .home-slides .slick-next:hover:before { color: white; }
.home-slides .slick-prev { left: 5rem; }
.home-slides .slick-next { right: 5rem; }
.home-slides .slick-prev:before, .home-slides .slick-next:before { font-size: 2rem; -webkit-font-smoothing: antialiased; }
.home-slides .slick-prev:before { content: '\c1021'; }
.home-slides .slick-next:before { content: '\c1022'; }
.home-slides .slick-slide > a { position: absolute; z-index: 2; display: block; width: 100%; height: 100%; }
.slides-info { height: 100%; color: white; }
.slides-info h2 { line-height: 1.5; padding-top: .5rem; padding-bottom: 1rem; }
.slides-info h4 { line-height: 1.6; }
.slides-info > div { display: inline-block; width: 100%; }
.slides-info .overview { line-height: 1.4; padding-bottom: 2rem; }
.b-border { line-height: 2rem; display: inline-block !important; min-width: 7rem; height: 2rem; padding-right: 1.5rem; padding-left: 1.5rem; cursor: pointer; transition: all .15s; text-align: center; color: var(--primary); border: 1px solid var(--primary); border-radius: 2rem; }
.b-border > i { margin-top: -.2rem; vertical-align: middle; }
.b-border:hover, a:hover .b-border { color: white; background-color: var(--primary); }
.b-border.b-red:hover, a:hover .b-border.b-red { color: white; background-color: var(--primary); }
.b-border.b-white { color: white; border-color: white; background-color: transparent; }
.b-border.b-white:hover, a:hover .b-border.b-white { background-color: transparent; }
.b-border.bc-yellow { color: white; border-color: transparent; background-color: var(--primary); }
.b-border.bc-blue { color: white; border-color: transparent; background-color: var(--primary); }
.b-border.bc-blue:hover { background-color: var(--primary); }
.b-border.b-lg { line-height: 4rem; min-width: 30rem; height: 4rem; }
.b-border.b-md { line-height: 2.75rem; height: 2.75rem; }
.b-border.b-xs { line-height: 1.75rem; height: 1.75rem; }
.b-border.b-block { width: 100%; }
h3.has-line:after { display: block; width: 2rem; height: .5rem; margin: auto; content: ''; border-bottom: .1rem solid var(--primary); }
.hhot-list .ratio-2-3 { padding-top: 131.5%; }
.hhot-list .text { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 2.25rem 1.5rem; color: white; }
.hhot-list .subject { line-height: 1.3; margin-bottom: .75rem; padding-bottom: .75rem; }
.hhot-list .subject:after { position: absolute; bottom: 0; left: 0; width: .3rem; height: 1px; content: ''; background-color: white; }
.hhot-list .image { transition: all .2s linear; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
.hhot-list a:hover .image { -webkit-transform: scale3d(1.08, 1.08, 1); transform: scale3d(1.08, 1.08, 1); }
.htech-content { overflow: hidden; }
.htech-content > img { width: 100%; transition: all .2s linear; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
.htech-content .text { position: absolute; top: 0; left: 0; width: 100%; padding: 5rem 2rem 2rem 2rem; }
.htech-content:hover img { -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
.news-list li { cursor: pointer; }
.news-list .text { padding: 1.5rem 0 .75rem 0; }
.news-list .subject { line-height: 1.15rem; max-width: 15rem; height: 2.3rem; }
.news-list .overview { line-height: 1.5rem; overflow: hidden; height: 4.5rem; -webkit-line-clamp: 3; }
.news-list .time { padding-right: .25rem; }
.news-list li:hover .subject { text-decoration: underline; color: rgb(88, 88, 88); }
.news-list li:hover .news-class { color: var(--primary); }
.hpartner-list li { padding-bottom: 1.5rem; text-align: center; }
.hpartner-list li img { height: 5rem; width: 90%; }
.grid { display: flex; list-style: none; flex-wrap: wrap; }
.grid [class*='width-'] { max-width: 100%; }
.width-1-8 { width: 12.5%; }
.width-2-8, .width-1-4 { width: 25%; }
.width-3-8 { width: 37.5%; }
.width-4-8, .width-1-2 { width: 50%; }
.width-5-8 { width: 62.5%; }
.width-6-8, .width-3-4 { width: 75%; }
.width-7-8 { width: 87.5%; }
.width-1-3 { width: 33.3333%; }
.width-2-3 { width: 66.6666%; }
.width-1-5 { width: 20%; }
.width-1-6 { width: 16.6666%; }
.width-1-7 { width: 14.285%; }
.width-1-10 { width: 10%; }
.width-auto { flex-grow: 1; }
.grid.spacing-10 > [class*='width-'] { padding-right: .5rem; padding-left: .5rem; }
.sub-page { padding-top: 1rem; }
.sub-banner { height: 30rem; margin-top: -3.25rem; background-color: rgb(240, 240, 240); }
.sub-banner .top-banner { background-repeat: no-repeat; background-position: right center; background-size: auto 100%; }
.sub-banner .v-middle { justify-content: flex-start; }
.sub-banner-info { display: block; width: 100%; padding-right: 15rem; }
.sub-banner-info h2 { line-height: 1; padding-top: 1.75rem; padding-bottom: 1.75rem; }
.sub-banner-info h2:before { position: absolute; top: 0; left: 0; width: 2rem; height: 2px; content: ''; background-color: var(--primary); }
.frame-left { line-height: 2.5rem; width: 100%; border-bottom: 1px solid rgb(220, 220, 220); }
.left-title a { color: rgb(160, 160, 160); }
.left-title a:hover { color: var(--primary); }
.left-title span { padding-left: .5rem; color: rgb(160, 160, 160); }
.left-nav { font-size: 0; }
.left-nav li { display: inline-block; vertical-align: top; }
.left-nav a { font-weight: bold; line-height: 2.5rem; display: block; height: 2.5rem; padding-right: .5rem; padding-left: .5rem; color: rgb(80, 80, 80); }
.left-nav a:after { position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; content: ''; transition: opacity .15s; opacity: 0; background-color: var(--primary); }
.left-nav a.active:after, .left-nav a:hover:after { opacity: 1; }
a i[class^='icon-'] { margin-top: -.15rem; vertical-align: middle; }
.frame-right { width: 100%; min-height: 25rem; }
.frame-right h3.subject { font-weight: bold; line-height: 1.2; margin-bottom: 1.5rem; padding-bottom: 1rem; color: rgb(40, 40, 40); -webkit-font-smoothing: antialiased; }
.frame-right h3.subject:after { position: absolute; bottom: 0; left: 0; width: 1.5rem; height: .15rem; content: ''; background-color: var(--primary); }
.frame-right h3.subject.text-center:after { left: 50%; margin-left: -.75rem; }
.frame-right h3.subject.l-h-xs { line-height: 1.8; }
.about-content { line-height: 2; }
.cxany-font-lg { font-size: .85rem; font-weight: bold; display: inline-block; padding-top: .75rem; padding-bottom: .25rem; }
.common-video-player { overflow: hidden; }
.common-video-player video { z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.acore-counter li { text-align: center; }
.acore-counter li .en { line-height: 1; text-align: center; }
.acore-advantage li img { width: 5rem; }
.acore-counter-c .overview { white-space: nowrap; }
.apartner-list li img { max-height: 3rem; }
.aculture-list li img { max-width: 12rem; margin-top: 1rem; margin-bottom: 2rem; }
@media screen and (min-width:992px) {
  .ahistory-list { width: 1200px; height: 380px; }
  .ahistory-list li { position: absolute; display: block; width: 100px; height: 100px; }
  .ahistory-list li a { width: 100%; height: 100%; }
  .ahistory-list li a:after { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; content: ''; transition: all .2s linear; border-radius: 100%; background-color: var(--primary); }
  .ahistory-list li .subject { position: absolute; display: inline-block; padding-right: .5rem; padding-left: .5rem; }
  .ahistory-list li .subject em { font-size: .75rem; font-style: normal; line-height: 1rem; position: absolute; top: -2.75rem; left: 50%; display: block; overflow: hidden; width: 20rem; max-height: 3rem; transition: all .2s linear; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; pointer-events: none; opacity: 0; color: black; }
  .ahistory-list li a:hover .subject em { opacity: 1; }
  .ahistory-list li a:hover:after { -webkit-transform: scale3d(1.15, 1.15, 1); transform: scale3d(1.15, 1.15, 1); }
  .ahistory-list li:nth-child(1) { top: 143px; left: 3px; }
  .ahistory-list li:nth-child(2) { top: 135px; left: 122px; }
  .ahistory-list li:nth-child(2) .subject { right: 0; }
  .ahistory-list li:nth-child(3) { top: 193px; left: 256px; }
  .ahistory-list li:nth-child(3) .subject { bottom: 0; left: 1rem; }
  .ahistory-list li:nth-child(3) .subject em { top: initial; bottom: -2.75rem; }
  .ahistory-list li:nth-child(4) { top: 104px; left: 375px; }
  .ahistory-list li:nth-child(5) { top: 175px; left: 492px; }
  .ahistory-list li:nth-child(5) .subject { bottom: 0; left: 1.2rem; }
  .ahistory-list li:nth-child(5) .subject em { top: initial; bottom: -2.75rem; }
  .ahistory-list li:nth-child(6) { top: 93px; left: 618px; }
  .ahistory-list li:nth-child(6) .subject { left: .8rem; }
  .ahistory-list li:nth-child(7) { top: 109px; left: 730px; }
  .ahistory-list li:nth-child(7) .subject { bottom: 0; left: 1.5rem; }
  .ahistory-list li:nth-child(7) .subject em { top: initial; bottom: -2.75rem; }
  .ahistory-list li:nth-child(8) { top: 74px; left: 900px; }
  .ahistory-list li:nth-child(9) { top: 109px; left: 1025px; }
  .ahistory-list li:nth-child(9) .subject { bottom: 0; left: 1.5rem; }
  .ahistory-list li:nth-child(9) .subject em { top: initial; bottom: -2.5rem; }
}
.contact-map-area { height: 30rem; }
.contact-map-area .BMap_bubble_content { font-size: .65rem; text-align: center; line-height: 1.5; padding-top: .25rem; }
.ajl-item h4 { line-height: 3.4rem; display: flex; transition: background-color .3s; border-bottom: 1px solid rgb(242, 242, 242); justify-content: space-between; }
.ajl-item h4 em { font-style: normal; line-height: 1.8rem; display: inline-block; transition: all .15s; vertical-align: middle; border-bottom: 2px solid transparent; }
.ajl-item h4 > span { flex-grow: 1; }
.ajl-item h4 span:nth-child(1) { width: 75%; }
.ajl-item h4 span:nth-child(2) { width: 20%; }
.ajl-item h4 span:nth-child(3) { text-align: right; }
.ajl-content { overflow: hidden; max-height: 0; padding: 0; background-color: rgb(242, 242, 242); }
.ajl-overview { line-height: 2; margin-bottom: 1.5rem; }
.ajl-overview li { margin-left: 20px; list-style: disc; }
.ajl-item h4:hover em, .ajl-item.active h4 em { border-color: var(--primary); }
.ajl-item.active .ajl-content { max-height: initial; padding: 2rem 2rem 1rem 2rem; }
.ajl-item span i { margin-top: -.2rem; vertical-align: middle; }
select, input, textarea { line-height: 2rem; width: 100%; height: 2.5rem; padding-right: .5rem; padding-left: .5rem; border: 0; border-radius: 0; }
textarea { line-height: 2; height: 10rem; vertical-align: top; }
select, input, textarea { border: 1px solid rgb(220, 220, 220); background: white; }
.form-common .item { margin-bottom: 2rem; }
.form-common .item > label { line-height: 1.2; min-width: 5.5rem; white-space: nowrap; }
.form-common .item > div { line-height: 2; flex-grow: 1; }
.form-common button { min-width: unset; }
.form-message { font-size: 0; line-height: 0; z-index: -9; display: none; visibility: hidden; height: 0; }
.form-common .btn-submit { line-height: 2.25rem; min-width: 9rem; height: 2.25rem; border-radius: 0; }
.news-video .inner:before, .news-video .inner:after { position: absolute; display: block; transition: all .15s; }
.news-video .inner:before { z-index: 1; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, .4); }
.news-video .inner:after { font-family: 'cxany'; font-size: 2.75rem; line-height: 4rem; z-index: 2; top: 50%; left: 50%; width: 4rem; height: 4rem; margin-top: -2rem; margin-left: -2rem; content: '\c1060'; text-align: center; color: white; border-radius: 4rem; background-color: rgba(255, 255, 255, .2); }
.news-video:hover .inner:after { background-color: rgba(50, 60, 165, .75); }
.news-top .news-list .subject { max-width: unset; height: 1.15rem; }
.news .news-list li { margin-bottom: 2.25rem; }
.news-d-heading { line-height: 1.6rem; margin-bottom: 2rem; }
.news-d-heading h3.subject { line-height: 1.8rem; margin-bottom: 1.5rem; padding-right: 5rem; }
.news-d-heading h3 span { position: absolute; top: 50%; right: 0; display: block; height: 1.8rem; margin-top: -1.4rem; }
.news-d-content { padding-bottom: 0; }
.news-d-content p { margin-bottom: 1rem; }
.news-d-content p > img { margin-top: .25rem; margin-bottom: .5rem; }
.news-d-nav { padding-right: 2.5rem; padding-left: 2.5rem; }
.news-d-nav a i { margin-top: -.2rem; color: var(--primary); }
.products-list a { overflow: hidden; height: 16.5rem; margin-bottom: 2rem; border-radius: .75rem; background: rgb(223, 223, 223); }
.products-list .image { float: right; width: 26rem; height: 100%; margin-left: -26rem; }
.products-list .text { margin-right: 26rem; padding-top: 3.5rem; padding-left: 2.5rem; }
.products-list .subject { line-height: 2rem; padding-bottom: 1rem; color: rgb(0, 0, 0); }
.products-list .overview { line-height: 1.6rem; height: 3.2rem; margin-bottom: 1.5rem; color: rgb(50, 50, 50); -webkit-line-clamp: 2; }
.products-list .more { color: var(--primary); }
.products-list .more i { margin-top: -.2rem; transition: all .3s; vertical-align: middle; }
.products-list a:hover .more i { -webkit-transform: translate3d(.5rem, 0, 0); transform: translate3d(.5rem, 0, 0); }
.products-list .half-item a { height: auto; }
.products-list .half-item .image { float: none; width: 100%; height: 14rem; margin: 0; background-size: auto 100%; }
.products-list .half-item .text { margin: 0; padding-top: 0; padding-right: 2.5rem; padding-bottom: 2rem; }
.products-list .half-item .overview { height: 4.8rem; -webkit-line-clamp: 3; }
.products-category .btn-comparison { line-height: 4rem; min-width: 30rem; height: 4rem; }
.prod-d-content p { padding-right: 3rem; padding-left: 3rem; }
.banner .text { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.prod-d-feature li img { height: 5rem; }
.prod-d-feature li .subject { line-height: 1.5; margin-top: 1.15rem; }
.prod-d-feature li .overview { line-height: 1.35rem; height: 2.7rem; -webkit-line-clamp: 2; }
.para-card { padding-right: 3rem; padding-left: 3rem; }
.para-card li { min-height: 3.75rem; border-bottom: 1px solid rgb(220, 220, 220); }
.para-card li label { line-height: 1.2; min-width: 11rem; }
.prod-select { padding-right: 4.5rem; padding-left: 4.5rem; border-bottom: 1px solid rgb(220, 220, 220); }
.prod-select li .item { border-radius: 1rem; background: white; }
.prod-select li .image { position: absolute; top: 45%; left: 0; width: 100%; height: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.prod-select li .subject { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 22%; }
.prod-select li span { display: block; }
.prod-select li button { line-height: 1.25rem; position: absolute; z-index: 9; top: .95rem; right: .95rem; display: block; width: 1.25rem; height: 1.25rem; text-align: center; }
.prod-select li button:before { font-family: 'cxany'; font-size: 1.2rem; content: '\c0031'; vertical-align: middle; color: var(--primary); -webkit-text-stroke-width: .5px; }
.prod-select li.active button:before { content: '\c0032'; }
.prod-data-box { display: flex; padding-right: 0; padding-left: 0; }
.prod-data-title { width: 8rem; }
.prod-selected { display: flex; padding-left: 8rem; }
.prod-data-list { width: calc((100% - 8rem) / 3); }
.prod-selected li { width: 33.3333%; padding: 1rem; }
.prod-data-list li { padding-left: 3rem; }
.prod-data[data-total='0'] { display: none; }
.prod-data-list li > span { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.quick-nav { line-height: 2rem; position: fixed; z-index: 999; right: 0; bottom: 7rem; width: 2rem; transition: opacity .5s; }
.quick-nav a { z-index: 1; display: block; width: 100%; margin-top: -1px; text-align: center; color: white; background-color: rgb(85, 85, 85); }
.quick-nav a i { font-size: 1.25rem; line-height: 1.25rem; z-index: 3; margin-top: .05rem; vertical-align: middle; }
.quick-nav a:hover { z-index: 5; background-color: var(--primary); }
.quick-nav a span { font-size: 1.1rem; position: absolute; z-index: -1; top: 0; right: 100%; display: block; min-width: 12rem; padding-left: .5rem; transition: all .3s; -webkit-transform: translateX(50%); transform: translateX(50%); white-space: nowrap; pointer-events: none; opacity: 0; color: black; background-color: rgb(204, 204, 204); }
.quick-nav a:hover span { -webkit-transform: translateX(0); transform: translateX(0); pointer-events: initial; opacity: 1; }
.quick-nav.hide-me { right: -500px; transition: opacity .5s, right .1s 1s; pointer-events: none; opacity: 0; }
.pager-list { line-height: 1.6rem; }
.pager-list a { display: inline-block; min-width: 1.2rem; margin-right: .25rem; margin-left: .25rem; text-align: center; }
.pager-list a i { margin-top: -.2rem; vertical-align: middle; }
.pager-list a.active { color: white; border: 0; background-color: var(--primary); }
.pager-list .pager-no { line-height: 1.5rem; min-width: 1.5rem; height: 1.5rem; border: 1px solid rgb(88, 88, 88); }
.pager-list .sod_select { width: 4rem; margin-left: 2rem; border: 1px solid rgb(220, 220, 220); background-color: white; }
.pager-list .sod_select .sod_label { line-height: 1.5rem; height: 1.5rem; }
.pager-list .sod_select .sod_list li { padding: .25rem .5rem; }
.pager-list .sod_select.open .sod_list { width: 4rem !important; margin-left: -1px; border: 1px solid rgb(220, 220, 220); }
.main-footer { z-index: 9; }
.footer-nav-menu dl { margin-right: 3rem; padding-right: 1.75rem; border-right: 1px solid rgb(220, 220, 220); }
.footer-nav-menu dl:last-child { border: 0; }
.footer-nav-menu a { display: block; white-space: nowrap; }
.footer-nav-menu dt a { font-size: .8rem; font-weight: bold; line-height: 1; padding-bottom: .75rem; }
.footer-nav-menu dd a { font-size: .7rem; line-height: 2.35; display: block; }
.footer-contact { display: inline-block; }
.footer-contact h4 { line-height: 1.8; }
.f-c-social { justify-content: space-between; }
.f-c-wechat { padding-right: 1.25rem; }
.footer-copyright, .footer-copyright a { color: rgb(102, 102, 102); }
.footer-copyright a:hover { color: var(--primary); }
.footer-bottom { line-height: 1.75rem; padding-top: 1rem; padding-bottom: 1rem; background-color: rgb(51, 51, 51); }
.footer-bottom, .footer-bottom a { color: rgb(96, 96, 96); }
.footer-bottom a:hover { color: white; }
.footer-socail a { display: inline-block; }
.wechat-hover > span { position: absolute; top: -10px; bottom: 0; left: 50%; display: block; width: 6rem; height: 6rem; margin-left: -.3rem; padding: 4px; transition: all .25s; -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -130%, 0); pointer-events: none; opacity: 0; border-radius: 4px; background: white; }
.wechat-hover > span:after { position: relative; z-index: -1; bottom: -8px; left: 2.2rem; width: 0; height: 0; content: ''; border: 15px solid transparent; border-top: 15px solid white; }
.wechat-hover:hover > span { -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0); opacity: 1; }
.technical-video { border: 1px solid rgb(240, 240, 240); }
.technical-video video { width: 100%; vertical-align: top; }
.search-products-list .products-list .image { height: 10rem; }
.anchorBL { display:none!important; }
@media screen and (max-width:991px) {
  .article-search.sub-page { padding-top: 1.5rem; }
  .article-search .frame-left { position: relative; }
  .article-search .frame-right { padding-top: 1.5rem; }
  .article-search .products-list .half-item .text { height: auto; padding-bottom: 1rem; }
  .article-search .products-list .half-item .image { height: 8rem; }
  .article-search .products-list .half-item a { height: auto; }
}
@media screen and (max-width:1440px) {
  .footer-nav dl { min-width: 50px; }
  .home-slides .slick-prev { left: 2.5rem; }
  .home-slides .slick-next { right: 2.5rem; }
}
@media screen and (max-width:991px) {
  .footer-nav dl { min-width: 1rem; }
}
ins[data-type='screen'] { display: none; content: 'xs'; }
@media (min-width:768px) {
  ins[data-type='screen'] { content: 'sm'; }
}
@media (min-width:992px) {
  ins[data-type='screen'] { content: 'md'; }
}
@media (min-width:1200px) {
  ins[data-type='screen'] { content: 'lg'; }
}
@media (min-width:1400px) {
  ins[data-type='screen'] { content: 'lg xl'; }
}