@charset "UTF-8";
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

@media (max-width: 420px) {
  html {
    font-size: 18px; } }
@media (max-width: 359px) {
  html {
    font-size: 16px; } }
* {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji",sans-serif; }

.cn * {
  font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji",sans-serif; }

a:hover {
  color: #004771;
  text-decoration: underline; }

.add-space {
  padding: 0 0.25em;
  font-size: inherit !important;
  display: inline !important; }

.add-space-r {
  padding-right: 0.25em;
  font-size: inherit !important;
  display: inline !important; }

.add-space-l {
  padding-left: 0.25em;
  font-size: inherit !important;
  display: inline !important; }

body {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  color: #454B53;
  line-height: 1.68;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  background: #F4F9FE; }

ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr, button {
  margin: 0;
  padding: 0; }

abbr {
  text-decoration: none !important; }

.cn .who-we-are .heading-row p, .cn .who-we-do .card-body .card-text p {
  text-indent: 2em; }
.cn.articles p {
  text-indent: 2em; }

@media (max-width: 992px) {
  .cn .who-we-are .heading-row p, .cn .who-we-do .card-body .card-text p {
    text-indent: 0; } }
li {
  list-style: none; }

h1 {
  font-size: 3rem;
  line-height: 1.25; }

h2 {
  font-size: 1.5rem;
  font-weight: 300;
  color: #004771;
  line-height: 1.68; }

h3 {
  font-size: 1.125rem;
  line-height: 1.5; }

h4 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5; }

h5 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5; }

.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 71, 113, 0); }

.container {
  padding: 48px 0px;
  margin: 0px auto; }

.white-bg {
  background: #FFF; }
  .white-bg.articles .container {
    transform: scale(1); }

.light-sky-blue-bg {
  background: #F4F9FE; }

.card-body {
  padding: 0px; }

.scrollfixed {
  overflow: hidden; }

article h1, article h2, article h3, article h4, article h5, article h6, article .h1, article .h2, article .h3, article .h4, article .h5, article .h6, article ul, .articles-content h1, .articles-content h2, .articles-content h3, .articles-content h4, .articles-content h5, .articles-content h6, .articles-content .h1, .articles-content .h2, .articles-content .h3, .articles-content .h4, .articles-content .h5, .articles-content .h6, .articles-content ul {
  color: #454B53;
  margin-top: 40px;
  max-width: 810px;
  margin-left: auto;
  margin-right: auto; }

.ie .footer .subscribe .social li {
  flex-basis: 36px !important; }

.ie .message .mktoForm .mktoFormRow .mktoFormCol input[type=text], .ie .message .mktoForm .mktoFormRow .mktoFormCol input[type=url], .ie .message .mktoForm .mktoFormRow .mktoFormCol input[type=email], .ie .message .mktoForm .mktoFormRow .mktoFormCol input[type=tel], .ie .message .mktoForm .mktoFormRow .mktoFormCol input[type=number], .ie .message .mktoForm .mktoFormRow .mktoFormCol input[type=date] {
  line-height: normal !important; }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

.message .container {
  overflow: hidden; }
.message h3 {
  margin-bottom: 48px; }
.message .statement {
  margin-top: 32px; }
.message p {
  max-width: 810px;
  margin: 0px auto;
  margin-bottom: 48px;
  text-align: center; }
.message .statement {
  padding: 0 16px; }
.message .foundUserMessage {
  background: rgba(255, 255, 255, 0.5);
  padding: 24px 0; }
  .message .foundUserMessage p {
    margin-bottom: 0 !important;
    line-height: 1.28; }
    .message .foundUserMessage p .dsicon {
      font-weight: normal;
      margin-right: 4px; }
    .message .foundUserMessage p .welcome-msg {
      display: block;
      margin-bottom: 8px; }
    .message .foundUserMessage p .info-box, .message .foundUserMessage p .refill-box {
      display: block; }
  .message .foundUserMessage a, .message .foundUserMessage #resetprefs {
    color: #004771;
    cursor: pointer; }
.message .message-contact {
  height: 84px;
  margin-top: -84px;
  z-index: -1; }

.blur-text {
  color: transparent !important;
  pointer-events: none;
  user-select: none;
  text-shadow: #495057 0 0 8px; }

.form-input {
  font-size: 0.875rem;
  color: #777B80;
  background: #F5F5F5;
  border: none;
  padding: 12px 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  outline: -webkit-focus-ring-color auto 0px; }

.form-control::-webkit-input-placeholder {
  color: #b3b3b3 !important; }

.form-input::-webkit-input-placeholder {
  color: #b3b3b3 !important; }

input::-webkit-input-placeholder {
  color: #b3b3b3 !important; }

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3 !important; }

input:-ms-input-placeholder {
  /* IE 10+ */
  color: #b3b3b3 !important; }

input:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3 !important; }

textarea::-webkit-input-placeholder {
  color: #b3b3b3 !important; }

textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3 !important; }

textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3 !important; }

textarea:-ms-input-placeholder {
  color: #b3b3b3 !important; }

textarea::placeholder {
  color: #b3b3b3 !important; }

select + .mktoClear::after, select + .mktoError + .mktoClear::after {
  content: "\e634";
  font-size: 0.85rem;
  font-family: dsicon !important;
  position: absolute;
  right: 10px;
  top: 15px; }

.ie select + .mktoClear::after {
  display: none !important; }

.ie select + .mktoError + .mktoClear::after {
  display: none !important; }

.form-horizontal {
  padding: 48px 88px;
  margin: 0; }
  .form-horizontal .form-group {
    height: 48px;
    margin-bottom: 16px;
    padding: 0px 8px; }
    .form-horizontal .form-group .form-label {
      display: block;
      line-height: 48px;
      width: 128px;
      text-align: right;
      margin-bottom: 0px; }
    .form-horizontal .form-group .form-label-max {
      width: 160px;
      margin-left: -32px; }
    .form-horizontal .form-group .form-input-box {
      margin-left: 144px;
      margin-top: -48px;
      line-height: 48px; }
    .form-horizontal .form-group .form-control {
      font-size: 0.875rem;
      height: 48px;
      border: 1px solid #eeeff0; }
  .form-horizontal .form-agree {
    height: auto; }
    .form-horizontal .form-agree .checkbox-label {
      line-height: 2.143; }
  .form-horizontal .form-textarea {
    height: auto; }
    .form-horizontal .form-textarea .form-control {
      height: 100px; }
  .form-horizontal .form-btn {
    margin-left: 144px; }
  .form-horizontal .checkbox {
    margin-left: 144px; }

.radio-group .radio {
  padding-right: 24px;
  padding-left: 0; }

.radio-vertical-group .radio {
  display: block;
  margin-bottom: 24px; }

.radio {
  display: inline-block;
  height: 16px;
  cursor: pointer;
  white-space: nowrap; }
  .radio .radio-icon {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    height: 16px;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
    outline: none; }
    .radio .radio-icon .radio-input {
      position: absolute;
      opacity: 0; }
    .radio .radio-icon .radio-inner {
      position: relative;
      box-sizing: border-box;
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #F5F5F5;
      border-radius: 50%;
      transition: border 150ms ease-in-out; }
      .radio .radio-icon .radio-inner::after {
        position: absolute;
        top: -1px;
        left: -1px;
        width: 16px;
        height: 16px;
        content: "";
        border-radius: 50%;
        opacity: 0;
        transition: all 0.1s linear;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center;
        transform-origin: center; }
  .radio:hover .radio-ico .radio-inner {
    border-color: #777B80; }
  .radio .radio-icon + span {
    display: inline-block;
    padding: 0;
    margin-left: 8px; }

.radio-checked.radio .radio-inner {
  border-color: #004771; }
  .radio-checked.radio .radio-inner::after {
    border: 5px solid #004771;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
.radio-checked.radio:hover .radio-inner {
  border-color: #004771; }

.radio-checked span {
  color: #333;
  font-weight: 600; }

.checkbox {
  display: inline-block;
  cursor: pointer; }
  .checkbox .checkbox-icon-wrapper {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 1px; }
    .checkbox .checkbox-icon-wrapper .checkbox-icon {
      position: absolute;
      display: inline-block;
      width: 100%;
      height: 100%;
      padding: 0;
      font-size: 1rem;
      color: #454B53;
      cursor: pointer;
      background: none;
      border: none;
      outline: none; }
      .checkbox .checkbox-icon-wrapper .checkbox-icon .dsicon {
        height: 16px;
        line-height: 16px;
        text-align: center; }
      .checkbox .checkbox-icon-wrapper .checkbox-icon .touch-ripple {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 100%; }
    .checkbox .checkbox-icon-wrapper .checkbox-icon-indeterminate {
      color: #004771;
      opacity: 0;
      transition: all 0.15s ease-in-out; }
    .checkbox .checkbox-icon-wrapper .checkbox-icon-check {
      color: #004771;
      opacity: 0;
      transition: all 0.15s ease-in-out; }
  .checkbox .checkbox-label {
    display: inline-block;
    margin-left: 8px;
    vertical-align: bottom; }

.checkbox-checked .checkbox-icon-wrapper .checkbox-icon-check {
  opacity: 1; }

.checkbox-indeterminated .checkbox-icon-wrapper .checkbox-icon-indeterminate {
  opacity: 1; }

.checkbox-group .checkbox {
  margin-right: 24px; }

.checkbox-vertical-group .checkbox {
  display: block;
  margin-bottom: 24px; }

.checkbox-disabled {
  cursor: default; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1200px) {
  .message .checkbox-label {
    display: block;
    margin-top: -24px;
    margin-left: 24px; } }
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .form-horizontal .form-group:nth-child(1) {
    margin-bottom: 40px; }

  .radio-group .radio {
    margin-bottom: 16px; } }
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
@media (max-width: 768px) {
  .form-horizontal {
    padding-left: 24px;
    padding-right: 24px; } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  select + .mktoClear::after {
    top: 62px; }

  .message h3 {
    padding: 0px 16px;
    text-align: left !important; }
  .message p {
    padding: 0px 16px;
    text-align: left; }
  .message .container {
    padding-left: 8px !important;
    padding-right: 8px !important; }
  .message .statement {
    text-align: left !important; }
  .message .message-contact {
    height: 0;
    margin-top: 0; }

  .form-horizontal {
    padding-left: 16px;
    padding-right: 16px; }
    .form-horizontal .form-group {
      height: auto;
      margin-bottom: 24px !important; }
      .form-horizontal .form-group .form-label {
        width: 100%;
        text-align: left;
        line-height: initial;
        margin-bottom: 8px; }
      .form-horizontal .form-group .form-label-max {
        margin-left: 0; }
      .form-horizontal .form-group .form-input-box {
        margin-left: 0;
        margin-top: 0; }
      .form-horizontal .form-group .checkbox {
        margin-left: 0; }
    .form-horizontal .form-agree .checkbox-label {
      line-height: 1.5;
      margin-top: -20px; }
    .form-horizontal .form-btn {
      margin-left: 0;
      width: 100%; }
      .form-horizontal .form-btn .btn {
        width: 100%; } }
.btn {
  color: #FFF !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: none !important;
  min-width: 180px;
  padding: 12px 24px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.btn-max {
  font-size: 1rem !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  min-width: 180px !important; }

.btn:focus, .btn.focus {
  box-shadow: none !important;
  outline: 0px auto -webkit-focus-ring-color; }

button:focus {
  outline: 0px auto -webkit-focus-ring-color; }

.btn-primary {
  background: -webkit-linear-gradient(to right, #004771, #06789D);
  background: -moz-linear-gradient(to right, #004771, #06789D);
  background: -o-linear-gradient(to right, #004771, #06789D);
  background: linear-gradient(to right, #004771, #06789D); }
  .btn-primary:hover {
    background: -webkit-linear-gradient(to right, #245E85, #298BAA);
    background: -moz-linear-gradient(to right, #245E85, #298BAA);
    background: -o-linear-gradient(to right, #245E85, #298BAA);
    background: linear-gradient(to right, #245E85, #298BAA); }
  .btn-primary:active {
    background: -webkit-linear-gradient(to right, #003254, #045975);
    background: -moz-linear-gradient(to right, #003254, #045975);
    background: -o-linear-gradient(to right, #003254, #045975);
    background: linear-gradient(to right, #003254, #045975);
    box-shadow: 0 !important; }

.btn-secondary {
  background: #004771; }
  .btn-secondary:hover {
    background: #245E85; }
  .btn-secondary:active {
    background: #003254 !important; }

.btn-secondary-disabled {
  background: #C0D0DB; }

.btn-primary-disabled {
  background: -webkit-linear-gradient(to right, #C0D0DB, #C1DDE6);
  background: -moz-linear-gradient(to right, #C0D0DB, #C1DDE6);
  background: -o-linear-gradient(to right, #C0D0DB, #C1DDE6);
  background: linear-gradient(to right, #C0D0DB, #C1DDE6); }

.btn-light {
  background: #06789D; }
  .btn-light:hover {
    background: #298BAA; }
  .btn-light:active {
    background: #045975 !important; }

.btn-light-disabled {
  background: #C1DDE6; }

.btn-small {
  padding: 8px 24px; }

.btn-small-brown {
  background: #6A6262; }
  .btn-small-brown:hover {
    background: #857b7b; }
  .btn-small-brown:active {
    background: #504a4a; }

.btn-small-disabled {
  background: #c4bfbf; }

.text-link {
  font-size: 0.875rem;
  color: #004771 !important;
  font-weight: 600;
  text-decoration: none;
  padding: 0; }
  .text-link:hover span {
    text-decoration: underline; }
  .text-link .dsicon {
    font-size: 0.875rem;
    vertical-align: middle;
    font-weight: 400;
    padding-left: 4px; }

.btn-border {
  font-size: 0.875rem;
  color: #004771 !important;
  font-weight: 600;
  background: none;
  min-width: auto;
  border: 1px solid #004771 !important;
  padding-top: 6px;
  padding-bottom: 6px; }

/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .text-link {
    font-size: 1rem; } }
.header {
  background: #FFF;
  width: 100%;
  height: 84px;
  color: #777B80; }
  .header .navbar {
    font-size: 1rem;
    display: block;
    padding: 24px 0; }
    .header .navbar .logo {
      width: 154px;
      height: 36px; }
      .header .navbar .logo img {
        width: 100%; }
    .header .navbar .navbar-collapse {
      float: right; }
      .header .navbar .navbar-collapse a {
        color: #333; }
      .header .navbar .navbar-collapse .triangle-md {
        display: none; }
      .header .navbar .navbar-collapse .triangle {
        width: 0;
        height: 0;
        border-width: 14px 12px;
        border-style: solid;
        border-color: transparent transparent #EEE;
        position: absolute;
        top: -28px;
        left: 50%;
        margin-left: -10px; }
        .header .navbar .navbar-collapse .triangle span {
          display: block;
          width: 0;
          height: 0;
          border-width: 12px 10px;
          border-style: solid;
          border-color: transparent transparent #FFF;
          position: absolute;
          top: -10px;
          left: 50%;
          margin-left: -10px; }
      .header .navbar .navbar-collapse .nav-wrapper {
        display: flex;
        flex-basis: auto; }
      .header .navbar .navbar-collapse .nav-item {
        padding: 0 16px; }
        .header .navbar .navbar-collapse .nav-item .border-top {
          display: none; }
        .header .navbar .navbar-collapse .nav-item .nav-link {
          padding: 0;
          line-height: 36px;
          cursor: pointer;
          color: #333; }
        .header .navbar .navbar-collapse .nav-item .dsicon {
          font-size: 0.875rem;
          margin-left: 8px;
          vertical-align: middle;
          display: inline-block;
          -webkit-transition: 0.15s;
          -moz-transition: 0.15s;
          -o-transition: 0.15s;
          transition: 0.15s; }
      .header .navbar .navbar-collapse .show .dsicon-arrow-down {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
      .header .navbar .navbar-collapse .show .dropdown-menu {
        display: block;
        opacity: 1;
        margin-top: 16px;
        animation: dropdown .3s; }
      .header .navbar .navbar-collapse .dropdown-menu {
        font-size: 0.875rem;
        line-height: 1.286;
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        border-color: #EEE !important;
        padding: 32px 40px;
        width: 280px;
        left: 50%;
        margin-left: -140px;
        margin-top: 0;
        opacity: 0; }
        .header .navbar .navbar-collapse .dropdown-menu.solutions {
          width: 308px;
          margin-left: -154px; }
        .header .navbar .navbar-collapse .dropdown-menu .row {
          margin-right: 0;
          margin-left: 0; }
          .header .navbar .navbar-collapse .dropdown-menu .row .list-item {
            margin-bottom: 32px;
            padding: 0px; }
            .header .navbar .navbar-collapse .dropdown-menu .row .list-item a, .header .navbar .navbar-collapse .dropdown-menu .row .list-item span {
              color: #004771;
              display: block;
              margin-bottom: 8px;
              font-weight: 600; }
              .header .navbar .navbar-collapse .dropdown-menu .row .list-item a:last-child, .header .navbar .navbar-collapse .dropdown-menu .row .list-item span:last-child {
                margin-bottom: 0; }
            .header .navbar .navbar-collapse .dropdown-menu .row .list-item:last-child {
              margin-bottom: 0; }
            .header .navbar .navbar-collapse .dropdown-menu .row .list-item .black {
              color: #333; }
            .header .navbar .navbar-collapse .dropdown-menu .row .list-item .coming-soon span {
              font-size: 0.75rem;
              color: #C6C9CD;
              background: #F5F5F5;
              border-radius: 8px;
              text-align: left;
              display: inline-block;
              margin-top: 4px;
              padding: 0 8px;
              font-weight: 400;
              vertical-align: baseline;
              transform: scale(0.84);
              line-height: 1.46;
              -webkit-transform: scale(0.84);
              -moz-transform: scale(0.84);
              -o-transform: scale(0.84);
              transform: scale(0.84); }
            .header .navbar .navbar-collapse .dropdown-menu .row .list-item .title {
              color: rgba(51, 51, 51, 0.5);
              font-weight: 400; }
        .header .navbar .navbar-collapse .dropdown-menu .form-inline {
          position: relative;
          width: 100%;
          margin-bottom: 16px; }
          .header .navbar .navbar-collapse .dropdown-menu .form-inline .form-control {
            font-size: 0.875rem;
            background: #F5F5F5;
            width: 100%;
            height: auto;
            border: 0;
            padding: 8px 16px;
            padding-right: 40px; }
          .header .navbar .navbar-collapse .dropdown-menu .form-inline .btn-search {
            color: rgba(51, 51, 51, 0.5) !important;
            font-weight: bold;
            position: absolute;
            right: 0;
            padding: 0;
            padding-right: 16px; }
            .header .navbar .navbar-collapse .dropdown-menu .form-inline .btn-search .dsicon {
              font-size: 1rem; }
      .header .navbar .navbar-collapse .list {
        margin-left: 32px; }
        .header .navbar .navbar-collapse .list .language {
          font-size: 0.75rem;
          padding: 8px 24px;
          border: 1px solid #eeeff0;
          border-radius: 20px;
          line-height: 1.125;
          display: inline-block; }
          .header .navbar .navbar-collapse .list .language:hover {
            text-decoration: none;
            background: #F4F9FE; }
          .header .navbar .navbar-collapse .list .language .dsicon {
            vertical-align: text-bottom;
            padding-right: 4px; }
  .header.cn .navbar .navbar-collapse .dropdown-menu {
    width: 160px;
    margin-left: -80px; }
    .header.cn .navbar .navbar-collapse .dropdown-menu.solutions {
      width: 270px;
      margin-left: -135px; }

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99; }

.header-fixed {
  padding-top: 84px; }
  .header-fixed .header {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    z-index: 999;
    animation: navdown .3s; }
  .header-fixed .header-box-shadow {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }

/* Medium devices (tablets, less than 991px) 平板端 */
@media (max-width: 991px) {
  .header {
    position: relative;
    z-index: 100; }
    .header .navbar {
      padding-left: 32px;
      padding-right: 32px;
      position: relative; }
      .header .navbar .navbar-toggler {
        position: absolute;
        bottom: 0;
        top: 0;
        padding: 0;
        width: 80px;
        right: 0; }
        .header .navbar .navbar-toggler .dsicon {
          font-size: 36px;
          color: #004771;
          margin-right: -8px; }
      .header .navbar .navbar-collapse {
        background: #FFF;
        border-radius: 4px;
        border: 1px solid #EEE;
        width: 368px;
        position: absolute;
        top: 76px;
        right: 16px;
        box-shadow: 0 0 16px rgba(51, 51, 51, 0.1);
        animation: dropdown .3s; }
        .header .navbar .navbar-collapse .triangle-md {
          display: block;
          left: initial;
          right: 8px;
          margin-left: 0; }
        .header .navbar .navbar-collapse .nav-wrapper {
          max-height: calc(100vh - 78px);
          overflow-y: auto;
          display: block; }
        .header .navbar .navbar-collapse .nav-item {
          padding: 0; }
          .header .navbar .navbar-collapse .nav-item .border-top {
            display: block;
            border-top: 1px solid #F5F5F5 !important;
            display: block;
            width: auto;
            margin: 0px 32px; }
          .header .navbar .navbar-collapse .nav-item .nav-link {
            padding: 16px 32px;
            line-height: inherit; }
          .header .navbar .navbar-collapse .nav-item .Arrow-down {
            position: absolute;
            right: 32px; }
          .header .navbar .navbar-collapse .nav-item .dropdown-menu {
            border: 0;
            border-radius: 0;
            width: auto !important;
            margin-left: 0 !important;
            margin-top: 0;
            padding: 32px;
            padding-right: 8px;
            position: relative;
            left: 0;
            z-index: 1;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;
            background: -webkit-linear-gradient(to bottom, #F5F5F5 0, #FFF 68px);
            background: -moz-linear-gradient(to bottom, #F5F5F5 0, #FFF 68px);
            background: -o-linear-gradient(to bottom, #F5F5F5 0, #FFF 68px);
            background: linear-gradient(to bottom, #F5F5F5 0, #FFF 68px); }
            .header .navbar .navbar-collapse .nav-item .dropdown-menu .list-item {
              margin-bottom: 24px; }
              .header .navbar .navbar-collapse .nav-item .dropdown-menu .list-item .title {
                font-weight: 400; }
              .header .navbar .navbar-collapse .nav-item .dropdown-menu .list-item a {
                font-weight: 600; }
            .header .navbar .navbar-collapse .nav-item .dropdown-menu .form-inline {
              padding-right: 8px; }
            .header .navbar .navbar-collapse .nav-item .dropdown-menu .triangle {
              display: none; }
        .header .navbar .navbar-collapse .show .nav-link {
          position: relative;
          z-index: 10; }
        .header .navbar .navbar-collapse .list {
          margin-left: 0px;
          padding: 16px 24px 24px 24px; }
          .header .navbar .navbar-collapse .list .language {
            width: 100%;
            display: inline-block;
            text-align: center; }

  .container {
    padding-left: 40px;
    padding-right: 40px; } }
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .header .navbar .navbar-collapse {
    width: -webkit-fill-available;
    margin-left: 0;
    margin-right: 0;
    right: 0;
    border-left: none;
    border-right: none;
    border-radius: 0;
    box-shadow: 0 16px 16px rgba(51, 51, 51, 0.1); }
    .header .navbar .navbar-collapse .triangle-md {
      display: none; }
    .header .navbar .navbar-collapse .nav-item .dropdown-menu .list-item a {
      padding: 8px 0; }
    .header .navbar .navbar-collapse .nav-item .dropdown-menu .row .list-item .black {
      line-height: 1.8; } }
/* Extra small devices (portrait phones, less than 440px) 手机端竖屏 */
@keyframes dropdown {
  0% {
    opacity: 0;
    margin-top: -16px; }
  100% {
    opacity: 1;
    margin-top: 0; } }
@keyframes navdown {
  0% {
    opacity: 0;
    margin-top: -16px; }
  100% {
    opacity: 1;
    margin-top: 0; } }
@media (min-width: 991px) {
  @keyframes dropdown {
    0% {
      opacity: 0;
      margin-top: 0; }
    100% {
      opacity: 1;
      margin-top: 16px; } } }
.swiper-container {
  background: #FFF;
  background: -webkit-linear-gradient(135deg, #F4F9FE calc((100vw - 980px)*0.9/2), #FFF calc((100vw - 980px)*0.9/2 + 686px ));
  background: -moz-linear-gradient(135deg, #F4F9FE calc((100vw - 980px)*0.9/2), #FFF calc((100vw - 980px)*0.9/2 + 686px ));
  background: -o-linear-gradient(135deg, #F4F9FE calc((100vw - 980px)*0.9/2), #FFF calc((100vw - 980px)*0.9/2 + 686px ));
  background: linear-gradient(135deg, #F4F9FE calc((100vw - 980px)*0.9/2), #FFF calc((100vw - 980px)*0.9/2 + 686px ));
  height: 540px;
  width: 100%; }
  .swiper-container .swiper-slide {
    overflow: hidden; }
  .swiper-container .swiper-wrapper {
    height: auto; }
  .swiper-container .container {
    position: relative;
    padding: 0; }
  .swiper-container .slogan {
    font-size: 1.5rem;
    font-weight: 300;
    color: #6A6262;
    position: absolute;
    top: 30%; }
    .swiper-container .slogan .package {
      display: block; }
    .swiper-container .slogan em {
      font-size: 1.75rem;
      font-style: normal;
      font-weight: 600; }
    .swiper-container .slogan .blue {
      color: #004771; }
    .swiper-container .slogan .light-blue {
      color: #06789D; }
    .swiper-container .slogan .btn-primary {
      display: inline-block;
      margin-top: 48px;
      letter-spacing: 0; }
      .swiper-container .slogan .btn-primary .dsicon {
        font-size: 1.5rem;
        padding-right: 8px;
        vertical-align: sub; }
  .swiper-container .character {
    float: right;
    height: 100%;
    margin-right: -230px; }
  .swiper-container .pagination {
    text-align: center;
    display: block;
    position: absolute;
    bottom: 16px;
    z-index: 16;
    padding: 4px 0; }
    .swiper-container .pagination .swiper-pagination-bullet {
      width: 40px;
      height: 1px;
      background: #999;
      border-radius: 0;
      cursor: pointer;
      margin: 1px 4px; }
    .swiper-container .pagination:hover .swiper-pagination-bullet {
      height: 3px;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      margin: 0 4px; }
    .swiper-container .pagination .swiper-pagination-bullet-active {
      position: relative;
      background: rgba(153, 153, 153, 0.5); }
      .swiper-container .pagination .swiper-pagination-bullet-active span {
        position: absolute;
        background: #004771;
        top: 0;
        left: 0;
        height: 100%;
        width: 40px;
        animation: pagination 8s linear;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s; }
  .swiper-container.cn .slogan 、 em {
    font-size: 1.5rem; }
  .swiper-container.cn .swiper-slide .slogan {
    letter-spacing: 0.1rem; }

.inner-swiper {
  height: 480px;
  position: relative; }
  .inner-swiper .text-left h2 {
    color: #454B53 !important; }
  .inner-swiper .container {
    position: relative;
    z-index: 2;
    height: 100%; }
  .inner-swiper .character {
    margin-right: 0; }
  .inner-swiper .swiper-img {
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%; }
  .inner-swiper .gradient {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .inner-swiper .gradient-blue {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px )); }
  .inner-swiper .gradient-yellow {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px )); }
  .inner-swiper .gradient-mint {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px )); }
  .inner-swiper .gradient-orange {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.8) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.2) calc((100vw - 980px)*0.9/2 + 686px )); }
  .inner-swiper .lower-left {
    z-index: 1;
    top: inherit;
    bottom: 80px;
    width: 100%; }
    .inner-swiper .lower-left .icon-box {
      background: rgba(255, 255, 255, 0.2);
      border-radius: 50%;
      width: 72px;
      height: 72px;
      display: inline-block;
      margin-right: 16px;
      padding-top: 16px;
      vertical-align: middle; }
      .inner-swiper .lower-left .icon-box .icon-img {
        width: 44px;
        height: 44px;
        margin: 0px auto; }
    .inner-swiper .lower-left h2 {
      color: #FFF !important;
      display: inline-block;
      vertical-align: middle;
      padding-top: 8px; }
      .inner-swiper .lower-left h2 .subtitle {
        display: block;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.5; }
    .inner-swiper .lower-left .font-weight-regular {
      font-weight: 400; }
      .inner-swiper .lower-left .font-weight-regular span {
        font-weight: 400; }
    .inner-swiper .lower-left .time {
      font-size: 0.875rem;
      font-weight: 400;
      color: #FFF;
      display: block;
      margin-top: 16px; }
  .inner-swiper .articles-slogan {
    bottom: 64px;
    max-width: 810px;
    left: 85px; }
  .inner-swiper .slogan-left {
    color: #FFF;
    width: 416px; }
    .inner-swiper .slogan-left h2 {
      color: #FFF;
      line-height: 1.286;
      margin-bottom: 16px; }
    .inner-swiper .slogan-left p {
      font-size: 0.875rem; }
      .inner-swiper .slogan-left p.top-blog {
        overflow: hidden;
        position: relative;
        height: 6.72em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical; }
    .inner-swiper .slogan-left .btn-primary {
      margin-top: 16px; }
  .inner-swiper .btn-right {
    position: absolute;
    right: 0;
    z-index: 2;
    bottom: 0; }
    .inner-swiper .btn-right .btn {
      font-size: 0.875rem;
      font-weight: 600;
      min-width: 120px;
      margin-top: 0 !important; }
    .inner-swiper .btn-right .btn-white {
      background: #FFF;
      color: #06789D !important;
      margin-right: 8px; }
  .inner-swiper.cn .slogan-left p.top-blog {
    font-weight: 400;
    opacity: 0.8; }

.character-swiper .container {
  height: auto; }
.character-swiper .slogan {
  max-width: 380px; }
  .character-swiper .slogan h2 {
    color: #004771;
    margin-bottom: 8px;
    text-align: left; }
  .character-swiper .slogan p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #454B53; }
.character-swiper .width-490 {
  max-width: 490px; }
.character-swiper .character {
  margin-right: -80px; }
.character-swiper .ml-80 {
  margin-right: -80px;
  padding-top: 24px; }
.character-swiper .ml-112 {
  margin-right: -112px;
  padding-top: 24px; }

.about-swiper .lower-left .icon-1 {
  background-position: -277px -78px; }
.about-swiper .lower-left .icon-2 {
  background-position: -322px -78px; }
.about-swiper .lower-left .icon-3 {
  background-position: -368px -78px; }
.about-swiper .lower-left .icon-4 {
  background-position: -416px -78px; }
.about-swiper .lower-left .icon-5 {
  background-position: -467px -78px; }
.about-swiper .lower-left .icon-6 {
  background-position: -518px -78px; }

.solutions-swiper .lower-left .icon-1 {
  background-position: -6px -398px; }
.solutions-swiper .lower-left .icon-2 {
  background-position: -58px -398px; }
.solutions-swiper .lower-left .icon-3 {
  background-position: -107px -398px; }
.solutions-swiper .lower-left .icon-4 {
  background-position: -159px -398px; }
.solutions-swiper .lower-left .icon-5 {
  background-position: -210px -398px; }
.solutions-swiper .lower-left .icon-6 {
  background-position: -262px -398px; }
.solutions-swiper .lower-left .icon-7 {
  background-position: -319px -398px; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
/* Medium devices (tablets, less than 992px) 平板端 md*/
@media (max-width: 992px) {
  .swiper-container {
    height: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: -ms-fit-content;
    height: -o-fit-content; }
    .swiper-container .slogan {
      text-align: center;
      padding: 64px 32px 32px 32px;
      position: relative;
      top: 0; }
      .swiper-container .slogan .btn-primary {
        margin: 0 auto;
        margin-top: 32px; }
    .swiper-container .character {
      width: 100%;
      height: initial;
      margin-right: 0; }

  .inner-swiper {
    max-height: 400px; }
    .inner-swiper .container {
      position: absolute; }
    .inner-swiper .swiper-img {
      transform: translate(-50%, 0%);
      position: relative;
      z-index: 0;
      top: 0%;
      min-width: 1000px;
      min-height: auto;
      height: auto; }
    .inner-swiper .slogan {
      text-align: center !important;
      margin-left: auto;
      margin-right: auto;
      max-width: none; }
      .inner-swiper .slogan h2 {
        text-align: center; }
    .inner-swiper .lower-left {
      padding: 0 40px 40px 40px;
      position: absolute;
      top: auto;
      bottom: 0;
      z-index: 2;
      text-align: left !important; }
      .inner-swiper .lower-left h2 {
        text-align: left; }
    .inner-swiper .slogan-left {
      padding: 0 40px 40px 40px;
      position: absolute;
      top: initial;
      bottom: 0;
      z-index: 2;
      text-align: left !important; }
      .inner-swiper .slogan-left h2, .inner-swiper .slogan-left p {
        text-align: left; }
      .inner-swiper .slogan-left .btn {
        margin-left: auto; }
    .inner-swiper .btn-right {
      margin-right: 40px;
      bottom: 48px; }
    .inner-swiper .articles-slogan {
      left: auto; }

  .character-swiper {
    max-height: initial; }

  .character-swiper > .container {
    position: inherit; }

  .we-swiper .slogan {
    max-width: 100%; }
    .we-swiper .slogan h2 {
      color: #004771;
      text-align: center; }
  .we-swiper p {
    text-align: center;
    max-width: 500px;
    margin: 0 auto; }
  .we-swiper .character {
    width: 80%;
    margin: 0 auto;
    display: block;
    float: none; }

  .full-screen {
    height: 480px; } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .swiper-container .container {
    overflow: hidden;
    padding: 0 !important; }
  .swiper-container .slogan {
    font-size: 1.25rem;
    text-align: left; }
    .swiper-container .slogan .package {
      display: initial; }
      .swiper-container .slogan .package span {
        display: block; }
    .swiper-container .slogan em {
      font-size: 1.25rem; }
    .swiper-container .slogan .btn-primary {
      width: 100%;
      margin-top: 40px; }
  .swiper-container .character {
    min-width: 500px;
    float: none;
    position: relative;
    left: 50%;
    margin-left: -250px; }
  .swiper-container.cn .slogan em {
    font-size: 1.25rem; }

  .inner-swiper .slogan {
    text-align: center !important;
    padding-left: 24px;
    padding-right: 24px; }
    .inner-swiper .slogan h2 {
      text-align: center; }
  .inner-swiper .swiper-img {
    max-width: 800px; }
  .inner-swiper .gradient {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px )); }
  .inner-swiper .gradient-blue {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px )); }
  .inner-swiper .gradient-yellow {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px )); }
  .inner-swiper .gradient-mint {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px )); }
  .inner-swiper .gradient-orange {
    background: -webkit-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(26deg, rgba(0, 71, 113, 0.9) calc((100vw - 980px)*0.9/2), rgba(6, 120, 157, 0.5) calc((100vw - 980px)*0.9/2 + 686px )); }
  .inner-swiper .lower-left {
    width: 100%;
    height: initial;
    text-align: center;
    margin: 0;
    padding: 0 24px;
    position: relative;
    top: 50%;
    bottom: 0%;
    transform: translate(0%, -50%);
    z-index: 2; }
    .inner-swiper .lower-left .icon-box {
      display: block;
      margin: 0px auto; }
    .inner-swiper .lower-left h2 {
      text-align: center;
      font-size: 1.125rem; }
  .inner-swiper .btn-right {
    position: relative;
    margin-right: 0;
    margin-top: 8px;
    bottom: 0; }
    .inner-swiper .btn-right .btn-primary {
      width: auto; }
  .inner-swiper .slogan-left {
    width: 100%;
    margin: 0;
    bottom: auto;
    padding-bottom: 0;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    height: max-content; }
    .inner-swiper .slogan-left p {
      text-align: center; }
    .inner-swiper .slogan-left .btn-primary {
      margin-top: 24px; }

  .we-swiper .slogan {
    max-width: 100%; }
    .we-swiper .slogan h2 {
      color: #004771; }
  .we-swiper p {
    text-align: justify;
    text-justify: distribute;
    max-width: 100%;
    margin: 0 auto; }
  .we-swiper .character {
    min-width: 400px;
    margin: 0 auto;
    display: block;
    float: none;
    left: 50%;
    margin-left: -200px;
    padding-top: 0; } }
@keyframes pagination {
  0% {
    width: 0; }
  100% {
    width: 40px; } }
.footer {
  background: #FFF;
  overflow: hidden;
  padding-bottom: 24px; }
  .footer .container {
    padding-bottom: 0; }
  .footer .footer-nav .col-lg-5 {
    max-width: 36%; }
  .footer .footer-nav h4 {
    color: #777B80;
    padding-bottom: 16px;
    padding-top: 16px; }
  .footer .footer-nav li {
    padding-top: 8px; }
    .footer .footer-nav li a {
      color: #004771;
      font-weight: 600; }
  .footer .footer-nav .text-link {
    padding-top: 16px; }
  .footer .footer-nav .padding-top {
    padding-top: 8px; }
  .footer .subscribe {
    border-top: 1px solid #eeeff0;
    margin-top: 32px;
    padding-top: 24px; }
    .footer .subscribe h4 {
      color: #777B80;
      padding-bottom: 16px; }
    .footer .subscribe .form-inline {
      margin-left: -4px;
      margin-right: -4px; }
    .footer .subscribe .form-group {
      padding: 0 4px; }
      .footer .subscribe .form-group .form-input {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 20.576px; }
      .footer .subscribe .form-group .btn-primary {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 1.286;
        min-width: auto; }
    .footer .subscribe .social .row {
      margin-left: -24px;
      margin-right: -0; }
    .footer .subscribe .social li {
      padding-left: 24px;
      padding-right: 0; }
      .footer .subscribe .social li:nth-child(4) img {
        display: none; }
      .footer .subscribe .social li:nth-child(4):hover {
        position: relative; }
        .footer .subscribe .social li:nth-child(4):hover img {
          display: block;
          position: absolute;
          left: -35px;
          top: -160px;
          box-shadow: 0 0 16px rgba(51, 51, 51, 0.1); }
      .footer .subscribe .social li .dsicon {
        font-size: 1rem;
        color: #FFF; }
      .footer .subscribe .social li a {
        background: -webkit-linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 686px ));
        background: -moz-linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 686px ));
        background: -o-linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 686px ));
        background: linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 686px ));
        width: 36px;
        height: 36px;
        border-radius: 50%;
        text-align: center;
        line-height: 36px;
        display: list-item; }
        .footer .subscribe .social li a:hover {
          text-decoration: none; }
    .footer .subscribe .foundUserMessage p {
      font-size: 0.75rem;
      margin-top: -8px;
      margin-bottom: 0 !important;
      color: #999; }
      .footer .subscribe .foundUserMessage p .dsicon {
        font-weight: normal;
        vertical-align: text-top;
        line-height: 1;
        margin-right: 4px; }
      .footer .subscribe .foundUserMessage p .welcome-msg {
        padding-bottom: 4px; }
      .footer .subscribe .foundUserMessage p .welcome-msg, .footer .subscribe .foundUserMessage p .info-box, .footer .subscribe .foundUserMessage p .refill-box {
        display: block; }
    .footer .subscribe .foundUserMessage a, .footer .subscribe .foundUserMessage #resetprefs {
      color: #004771;
      cursor: pointer; }
    .footer .subscribe .fill-fields form {
      position: absolute;
      left: 360px;
      bottom: 4px; }
    .footer .subscribe .user-subscribed p {
      margin-top: 0; }
    .footer .subscribe .user-subscribed .welcome-msg {
      color: #777B80;
      font-size: 1rem;
      display: block; }
    .footer .subscribe .user-subscribed h4, .footer .subscribe .user-subscribed form {
      display: none; }
  .footer .footer-copyright {
    font-size: 0.75rem;
    max-width: 980px;
    margin: 0 auto;
    margin-top: 24px; }
    .footer .footer-copyright .area .logo {
      width: 154px;
      max-height: 36px;
      margin-bottom: 8px; }
    .footer .footer-copyright .area li {
      float: left;
      line-height: 1.125; }
      .footer .footer-copyright .area li a:hover {
        text-decoration: none; }
      .footer .footer-copyright .area li i {
        color: #999;
        font-style: normal; }
      .footer .footer-copyright .area li span {
        background: #C6C9CD;
        width: 1px;
        height: 8px;
        margin: 0 6px;
        display: inline-block; }
    .footer .footer-copyright .copyright {
      color: #999;
      text-align: right;
      margin-top: 40px; }
      .footer .footer-copyright .copyright a {
        color: #004771; }
        .footer .footer-copyright .copyright a.grey-link {
          color: #999; }
      .footer .footer-copyright .copyright .split {
        background: #C6C9CD;
        width: 1px;
        height: 8px;
        margin: 0 8px;
        display: inline-block; }
      .footer .footer-copyright .copyright .privacy {
        font-family: "OpenSans";
        display: inline-block; }
        .footer .footer-copyright .copyright .privacy span {
          -webkit-transform: scale(0.84);
          -moz-transform: scale(0.84);
          -o-transform: scale(0.84);
          transform: scale(0.84);
          width: 122%;
          margin-left: -56px;
          display: inline-block; }
        .footer .footer-copyright .copyright .privacy a {
          padding-left: 0; }
  .footer.cn .footer-copyright .copyright .privacy span {
    margin-left: -35px; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1200px) {
  .footer .footer-copyright {
    max-width: 980px; } }
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 991px) {
  .footer {
    padding-bottom: 0px; }
    .footer .container {
      padding-top: 0; }
    .footer .footer-nav h4 {
      padding-top: 56px; }
    .footer .footer-nav .col-lg-5 {
      max-width: initial; }
    .footer .footer-nav .title {
      display: none; }
    .footer .footer-nav .Share {
      display: none; }
    .footer .footer-nav .text-link {
      padding-top: 24px;
      margin-bottom: 64px; }
    .footer .footer-nav .col-auto {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%; }
    .footer .subscribe .form-group {
      margin-bottom: 8px; }
      .footer .subscribe .form-group .btn-primary {
        width: 100%; }
    .footer .subscribe .social {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%; }
      .footer .subscribe .social .row {
        flex: 0 0 200px;
        max-width: 200px; }
      .footer .subscribe .social li {
        flex: 0 0 60px;
        max-width: 60px;
        margin-bottom: 16px; }
    .footer .subscribe .fill-fields form {
      position: relative;
      left: auto;
      bottom: auto;
      margin-top: 8px;
      white-space: nowrap; }
    .footer .footer-copyright {
      width: 100%;
      text-align: center;
      margin-top: 88px; }
      .footer .footer-copyright .area li {
        float: none;
        display: inline-block; }
      .footer .footer-copyright .copyright {
        text-align: center;
        margin-top: 8px; }
        .footer .footer-copyright .copyright .privacy {
          background: #F5F5F5;
          width: 100%;
          padding: 16px 0;
          margin-top: 24px; }
          .footer .footer-copyright .copyright .privacy span {
            width: 100%;
            margin-left: 0 !important; } }
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .footer .subscribe .form-group {
    margin-bottom: 8px; }
    .footer .subscribe .form-group .form-input {
      font-size: 1rem; }
    .footer .subscribe .form-group .btn-primary {
      font-size: 1rem;
      width: 100%; }
  .footer .subscribe .social {
    margin-top: 32px;
    flex: 0 0 100%;
    max-width: 100%; }
    .footer .subscribe .social .row {
      flex: 0 0 100%;
      max-width: 100%;
      margin-right: 0;
      margin-left: 0; }
    .footer .subscribe .social li {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
      margin-bottom: 0;
      padding-left: 0;
      padding-right: 0; }
    .footer .subscribe .social .col-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
  .footer .footer-nav .col-auto {
    flex: 0 0 100%;
    max-width: 100%; }
  .footer .footer-copyright {
    margin-top: 64px; }
    .footer .footer-copyright .area ul {
      width: 120%;
      margin-left: -10%; }
    .footer .footer-copyright .area li span {
      margin: 1px 4px; }
    .footer .footer-copyright .copyright a {
      display: block; }
    .footer .footer-copyright .copyright .split {
      display: none; }
    .footer .footer-copyright .copyright .privacy a {
      display: inline-block; }
  .footer.cn .footer-copyright .area li span {
    margin: 0 6px; } }
@media (max-width: 420px) {
  .footer-copyright .area ul {
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -o-transform: scale(0.84);
    transform: scale(0.84); }

  .cn .footer-copyright .area ul {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.justify {
  text-align: justify;
  -webkit-text-justify: distribute; }

.footer .mktoForm {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-left: -4px;
  margin-right: -4px;
  font-family: "Open Sans","PingFang SC",sans-serif !important;
  color: #454B53 !important;
  font-size: 0.875rem !important;
  width: auto !important;
  padding: 0 !important; }
  .footer .mktoForm .mktoFormRow {
    display: none !important;
    padding: 0 4px;
    margin-bottom: 1rem; }
    .footer .mktoForm .mktoFormRow:nth-child(2) {
      display: flex !important; }
    .footer .mktoForm .mktoFormRow:nth-child(3) {
      display: flex !important; }
    .footer .mktoForm .mktoFormRow .mktoFormCol {
      float: none;
      min-height: auto;
      width: 100% !important;
      margin-bottom: 0 !important; }
      .footer .mktoForm .mktoFormRow .mktoFormCol .mktoOffset, .footer .mktoForm .mktoFormRow .mktoFormCol .mktoLabel {
        display: none; }
      .footer .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap {
        float: none; }
      .footer .mktoForm .mktoFormRow .mktoFormCol .mktoField {
        -webkit-appearance: none;
        font-size: 0.875rem;
        color: #777B80;
        background: #F5F5F5;
        border: none;
        padding: 12px 16px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        width: 100% !important;
        outline: none;
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 20.576px;
        margin-bottom: 0 !important;
        height: auto !important; }
        .footer .mktoForm .mktoFormRow .mktoFormCol .mktoField::-webkit-input-placeholder {
          color: #b3b3b3 !important; }
      .footer .mktoForm .mktoFormRow .mktoFormCol::-webkit-input-placeholder {
        color: #b3b3b3 !important; }
    .footer .mktoForm .mktoFormRow .blur-text {
      text-shadow: #777B80 0 0 5px;
      color: transparent !important;
      pointer-events: none;
      user-select: none; }
  .footer .mktoForm .mktoButtonRow {
    padding: 0 4px; }
    .footer .mktoForm .mktoButtonRow .mktoSimple {
      margin-left: 0 !important; }
      .footer .mktoForm .mktoButtonRow .mktoSimple .mktoButton {
        color: #FFF !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        border: none !important;
        min-width: 180px;
        padding: 12px 24px;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 1.286;
        font-size: 1rem;
        min-width: auto;
        background: -webkit-linear-gradient(to right, #004771, #06789D);
        background: -moz-linear-gradient(to right, #004771, #06789D);
        background: -o-linear-gradient(to right, #004771, #06789D);
        background: linear-gradient(to right, #004771, #06789D); }
        .footer .mktoForm .mktoButtonRow .mktoSimple .mktoButton:hover {
          background: -webkit-linear-gradient(to right, #245E85, #298BAA);
          background: -moz-linear-gradient(to right, #245E85, #298BAA);
          background: -o-linear-gradient(to right, #245E85, #298BAA);
          background: linear-gradient(to right, #245E85, #298BAA); }
        .footer .mktoForm .mktoButtonRow .mktoSimple .mktoButton:active {
          background: -webkit-linear-gradient(to right, #003254, #045975);
          background: -moz-linear-gradient(to right, #003254, #045975);
          background: -o-linear-gradient(to right, #003254, #045975);
          background: linear-gradient(to right, #003254, #045975);
          box-shadow: 0 !important; }
  .footer .mktoForm .mktoError {
    bottom: auto !important;
    top: 34px;
    left: 2px;
    right: 2px; }
    .footer .mktoForm .mktoError .mktoErrorArrowWrap .mktoErrorArrow {
      background-color: #ECF8FE;
      border: 1px solid #C7EBFB; }
    .footer .mktoForm .mktoError .mktoErrorMsg {
      background: #ECF8FE !important;
      border-radius: 4px;
      color: #454B53 !important;
      text-shadow: none;
      border: 1px solid #C7EBFB;
      box-shadow: none; }

.message {
  min-height: 300px; }
  .message .mktoForm {
    display: flex;
    flex-wrap: wrap;
    padding: 48px 88px;
    margin: 0;
    background: #FFF;
    font-family: "Open Sans","PingFang SC",sans-serif !important;
    color: #454B53 !important;
    font-size: 0.875rem !important;
    width: auto !important; }
    .message .mktoForm .mktoFormRow {
      height: 48px;
      margin-bottom: 16px;
      padding: 0px 8px; }
      .message .mktoForm .mktoFormRow .mktoFieldWrap {
        float: none;
        margin-left: 144px; }
      .message .mktoForm .mktoFormRow .mktoFormCol {
        float: none;
        min-height: auto;
        width: 100% !important;
        margin-bottom: 0 !important; }
        .message .mktoForm .mktoFormRow .mktoFormCol .mktoAsterix {
          position: absolute;
          top: 0;
          right: -11px; }
        .message .mktoForm .mktoFormRow .mktoFormCol .mktoOffset, .message .mktoForm .mktoFormRow .mktoFormCol .mktoGutter {
          display: none; }
        .message .mktoForm .mktoFormRow .mktoFormCol .mktoLabel {
          display: block;
          line-height: 48px;
          width: 128px !important;
          text-align: right;
          margin-bottom: 0px;
          float: none;
          padding-top: 0;
          font-weight: 400 !important;
          margin-left: -144px;
          position: relative; }
        .message .mktoForm .mktoFormRow .mktoFormCol .mktoRadioList {
          display: flex;
          flex-wrap: wrap;
          margin-right: -1rem;
          margin-left: 0;
          margin-top: -48px;
          line-height: 48px;
          width: auto !important;
          float: none;
          padding: 0; }
        .message .mktoForm .mktoFormRow .mktoFormCol input[type="radio"], .message .mktoForm .mktoFormRow .mktoFormCol input[type="checkbox"], .message .mktoForm .mktoFormRow .mktoFormCol .mktoRadioList > label, .message .mktoForm .mktoFormRow .mktoFormCol .mktoCheckboxList > label {
          display: inline-block;
          height: 48px;
          cursor: pointer;
          white-space: nowrap;
          line-height: 48px; }
        .message .mktoForm .mktoFormRow .mktoFormCol input[type="radio"], .message .mktoForm .mktoFormRow .mktoFormCol input[type="checkbox"] {
          width: 16px;
          z-index: 10; }
        .message .mktoForm .mktoFormRow .mktoFormCol .mktoRadioList > label, .message .mktoForm .mktoFormRow .mktoFormCol .mktoCheckboxList > label {
          margin: 0 0 0 10px; }
        .message .mktoForm .mktoFormRow .mktoFormCol input[type=text], .message .mktoForm .mktoFormRow .mktoFormCol input[type=url], .message .mktoForm .mktoFormRow .mktoFormCol input[type=email], .message .mktoForm .mktoFormRow .mktoFormCol input[type=tel], .message .mktoForm .mktoFormRow .mktoFormCol input[type=number], .message .mktoForm .mktoFormRow .mktoFormCol input[type=date], .message .mktoForm .mktoFormRow .mktoFormCol textarea.mktoField, .message .mktoForm .mktoFormRow .mktoFormCol select.mktoField {
          -webkit-appearance: none;
          margin-top: -48px;
          line-height: 48px;
          display: block;
          width: 100% !important;
          padding: 0.375rem 0.75rem;
          font-weight: 400;
          color: #495057;
          background-color: #fff;
          background-clip: padding-box;
          border: 1px solid #ced4da;
          border-radius: 0.25rem;
          transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
          font-size: 0.875rem;
          height: 48px;
          border: 1px solid #eeeff0; }
          .message .mktoForm .mktoFormRow .mktoFormCol input[type=text]:focus, .message .mktoForm .mktoFormRow .mktoFormCol input[type=url]:focus, .message .mktoForm .mktoFormRow .mktoFormCol input[type=email]:focus, .message .mktoForm .mktoFormRow .mktoFormCol input[type=tel]:focus, .message .mktoForm .mktoFormRow .mktoFormCol input[type=number]:focus, .message .mktoForm .mktoFormRow .mktoFormCol input[type=date]:focus, .message .mktoForm .mktoFormRow .mktoFormCol textarea.mktoField:focus, .message .mktoForm .mktoFormRow .mktoFormCol select.mktoField:focus {
            outline: none;
            border-color: #C6C9CD; }
        .message .mktoForm .mktoFormRow .mktoFormCol select.mktoField {
          line-height: normal;
          width: 100% !important;
          position: relative;
          z-index: 2;
          background: transparent !important; }
        .message .mktoForm .mktoFormRow .mktoFormCol textarea.mktoField {
          height: 100px;
          resize: horizontal;
          line-height: 1.68;
          padding-top: 11px; }
        .message .mktoForm .mktoFormRow .mktoFormCol .mktoCheckboxList {
          padding: 0;
          width: 100% !important; }
    .message .mktoForm .mktoButtonRow {
      margin-left: 144px;
      padding: 0px 8px; }
      .message .mktoForm .mktoButtonRow span {
        margin: 0 !important; }
        .message .mktoForm .mktoButtonRow span button.mktoButton {
          font-size: 1rem;
          line-height: 1.5;
          color: #FFF !important;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          border: none !important;
          min-width: 180px;
          padding: 12px 24px;
          -webkit-transition: 0.2s;
          -moz-transition: 0.2s;
          -o-transition: 0.2s;
          transition: 0.2s;
          background: -webkit-linear-gradient(to right, #004771, #06789D);
          background: -moz-linear-gradient(to right, #004771, #06789D);
          background: -o-linear-gradient(to right, #004771, #06789D);
          background: linear-gradient(to right, #004771, #06789D); }
          .message .mktoForm .mktoButtonRow span button.mktoButton:hover {
            background: -webkit-linear-gradient(to right, #245E85, #298BAA);
            background: -moz-linear-gradient(to right, #245E85, #298BAA);
            background: -o-linear-gradient(to right, #245E85, #298BAA);
            background: linear-gradient(to right, #245E85, #298BAA); }
          .message .mktoForm .mktoButtonRow span button.mktoButton:active {
            background: -webkit-linear-gradient(to right, #003254, #045975);
            background: -moz-linear-gradient(to right, #003254, #045975);
            background: -o-linear-gradient(to right, #003254, #045975);
            background: linear-gradient(to right, #003254, #045975);
            box-shadow: 0 !important; }
    .message .mktoForm .mktoError {
      bottom: auto !important;
      top: 38px;
      right: 2px !important;
      left: 146px; }
      .message .mktoForm .mktoError .mktoErrorArrowWrap .mktoErrorArrow {
        background-color: #ECF8FE;
        border: 1px solid #C7EBFB; }
      .message .mktoForm .mktoError .mktoErrorMsg {
        background: #ECF8FE !important;
        border-radius: 4px;
        color: #454B53 !important;
        text-shadow: none;
        border: 1px solid #C7EBFB;
        box-shadow: none;
        max-width: 100%; }

@media (min-width: 576px) {
  .footer .mktoForm .mktoFormRow, .footer .mktoForm .mktoButtonRow {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0; } }
@media (min-width: 992px) {
  .footer .mktoForm .mktoFormRow:nth-child(2) {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .footer .mktoForm .mktoFormRow:nth-child(3) {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }
  .footer .mktoForm .mktoButtonRow {
    flex: 0 0 25%;
    max-width: 25%; }

  .message .mktoForm .mktoFormRow {
    flex: 0 0 50%;
    max-width: 50%; }
    .message .mktoForm .mktoFormRow:last-child {
      flex: 0 0 100%;
      max-width: 100%; } }
@media (max-width: 1200px) {
  .message .mktoForm .mktoFormRow:nth-child(11) {
    height: auto; }
  .message .mktoForm .mktoFormRow .mktoCheckboxList > label {
    margin: -48px 0 0 24px !important;
    float: left !important; }

  .cn .message .mktoForm .mktoFormRow .mktoCheckboxList > label {
    margin: 0 0 0 10px !important; } }
@media (max-width: 992px) {
  .footer .mktoForm .mktoFormRow {
    margin-bottom: 8px; }
    .footer .mktoForm .mktoFormRow:nth-child(2) {
      flex: 0 0 100%;
      max-width: 100%; }
    .footer .mktoForm .mktoFormRow:nth-child(3) {
      flex: 0 0 100%;
      max-width: 100%; }
  .footer .mktoForm .mktoButtonRow {
    flex: 0 0 100%;
    max-width: 100%; }
    .footer .mktoForm .mktoButtonRow .mktoSimple {
      width: 100%; }
    .footer .mktoForm .mktoButtonRow .mktoButton {
      width: 100%; }

  .message .mktoForm .mktoFormRow {
    flex: 0 0 100%;
    max-width: 100%; }
    .message .mktoForm .mktoFormRow .mktoFormCol .mktoCheckboxList > label {
      line-height: 1.2;
      white-space: pre-wrap;
      padding-top: 16px;
      height: auto;
      margin: -48px 0 0 24px; }
    .message .mktoForm .mktoFormRow:nth-child(12) {
      height: auto !important; }

  .cn .message .mktoForm .mktoFormRow .mktoFormCol .mktoCheckboxList > label {
    margin: 0 0 0 10px; } }
@media (max-width: 930px) {
  .cn .message .mktoForm .mktoFormRow .mktoFormCol .mktoCheckboxList > label {
    margin: -48px 0 0 24px !important; } }
@media (max-width: 768px) {
  .message .mktoForm {
    padding-left: 24px;
    padding-right: 24px; } }
@media (max-width: 576px) {
  .footer .mktoForm .mktoFormRow, .footer .mktoForm .mktoButtonRow {
    font-size: 1rem; }

  .message .mktoForm {
    padding-left: 16px;
    padding-right: 16px; }
    .message .mktoForm .mktoFormRow {
      height: auto; }
      .message .mktoForm .mktoFormRow .mktoFormCol .mktoAsterix {
        right: auto;
        left: -14px; }
      .message .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap {
        margin-left: 0; }
      .message .mktoForm .mktoFormRow .mktoFormCol .mktoLabel {
        margin: 0 !important;
        width: 100% !important;
        text-align: left !important; }
      .message .mktoForm .mktoFormRow .mktoFormCol input[type=text], .message .mktoForm .mktoFormRow .mktoFormCol input[type=url], .message .mktoForm .mktoFormRow .mktoFormCol input[type=email], .message .mktoForm .mktoFormRow .mktoFormCol input[type=tel], .message .mktoForm .mktoFormRow .mktoFormCol input[type=number], .message .mktoForm .mktoFormRow .mktoFormCol input[type=date], .message .mktoForm .mktoFormRow .mktoFormCol textarea.mktoField, .message .mktoForm .mktoFormRow .mktoFormCol select.mktoField {
        margin-top: 0; }
    .message .mktoForm .mktoButtonRow {
      margin: 0;
      width: 100%; }
      .message .mktoForm .mktoButtonRow button {
        width: 100%; }
    .message .mktoForm .mktoError {
      top: 86px;
      left: 2px; } }
.contact .mktoForm .mktoFormRow:nth-child(2) select.mktoField.blur-text {
  color: #454B53 !important;
  text-shadow: none;
  user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
  pointer-events: auto; }
.contact .mktoForm .mktoFormRow:nth-child(11) {
  height: auto !important; }
.contact .mktoForm .mktoFormRow:nth-child(13), .contact .mktoForm .mktoFormRow:nth-child(14), .contact .mktoForm .mktoFormRow:nth-child(15), .contact .mktoForm .mktoFormRow:nth-child(16) {
  display: none; }
.contact .mktoForm .mktoFormRow:nth-child(2), .contact .mktoForm .mktoFormRow:nth-child(11), .contact .mktoForm .mktoFormRow:nth-child(12) {
  flex: 0 0 100%;
  max-width: 100%; }
.contact .mktoForm .mktoFormRow:nth-child(12) .mktoLabel {
  display: none !important; }

.solutions .mktoForm .mktoFormRow:nth-child(10) {
  height: auto !important; }
.solutions .mktoForm .mktoFormRow:nth-child(12), .solutions .mktoForm .mktoFormRow:nth-child(13), .solutions .mktoForm .mktoFormRow:nth-child(14), .solutions .mktoForm .mktoFormRow:nth-child(15), .solutions .mktoForm .mktoFormRow:nth-child(16), .solutions .mktoForm .mktoFormRow:nth-child(17) {
  display: none; }
.solutions .mktoForm .mktoFormRow:nth-child(10), .solutions .mktoForm .mktoFormRow:nth-child(11) {
  flex: 0 0 100%;
  max-width: 100%; }
.solutions .mktoForm .mktoFormRow:nth-child(11) {
  height: auto; }
  .solutions .mktoForm .mktoFormRow:nth-child(11) .mktoLabel {
    display: none !important; }
.solutions.cn .mktoForm .mktoFormRow:nth-child(8) {
  height: auto !important; }
.solutions.cn .mktoForm .mktoFormRow:nth-child(10), .solutions.cn .mktoForm .mktoFormRow:nth-child(11), .solutions.cn .mktoForm .mktoFormRow:nth-child(12), .solutions.cn .mktoForm .mktoFormRow:nth-child(13), .solutions.cn .mktoForm .mktoFormRow:nth-child(14) {
  display: none; }
.solutions.cn .mktoForm .mktoFormRow:nth-child(8), .solutions.cn .mktoForm .mktoFormRow:nth-child(9) {
  flex: 0 0 100%;
  max-width: 100%; }
.solutions.cn .mktoForm .mktoFormRow:nth-child(9) {
  height: auto; }
  .solutions.cn .mktoForm .mktoFormRow:nth-child(9) .mktoLabel {
    display: none !important; }

.click.solutions .mktoForm .mktoFormRow:nth-child(11) {
  display: none !important; }
.click.solutions.cn .mktoForm .mktoFormRow:nth-child(9) {
  display: none !important; }

.cn.one.solutions .mktoForm .mktoFormRow:nth-child(8) {
  flex: 0 0 50% !important;
  max-width: 50% !important; }
.cn.one.solutions .mktoForm .mktoFormRow:nth-child(6), .cn.one.solutions .mktoForm .mktoFormRow:nth-child(9) {
  flex: 0 0 100%;
  max-width: 100%; }
.cn.one.solutions .mktoForm .mktoFormRow:nth-child(9) {
  display: block !important;
  height: auto !important; }
  .cn.one.solutions .mktoForm .mktoFormRow:nth-child(9) .mktoLabel {
    display: block !important; }
.cn.one.solutions .mktoForm .mktoFormRow:nth-child(10) {
  display: block !important;
  height: auto !important; }
  .cn.one.solutions .mktoForm .mktoFormRow:nth-child(10) .mktoLabel {
    display: none !important; }

.cn.opera-conector.solutions .mktoForm .mktoFormRow:nth-child(9) .mktoLabel {
  display: block !important; }
.cn.opera-conector.solutions .mktoForm .mktoFormRow:nth-child(10) {
  height: auto;
  display: block !important; }
  .cn.opera-conector.solutions .mktoForm .mktoFormRow:nth-child(10) .mktoLabel {
    display: none !important; }

.events .mktoForm .mktoFormRow:nth-child(8), .events .mktoForm .mktoFormRow:nth-child(9) {
  flex: 0 0 100%;
  max-width: 100%;
  height: auto; }
.events .mktoForm .mktoFormRow:nth-child(10), .events .mktoForm .mktoFormRow:nth-child(11), .events .mktoForm .mktoFormRow:nth-child(12), .events .mktoForm .mktoFormRow:nth-child(13), .events .mktoForm .mktoFormRow:nth-child(14) {
  display: none; }

.security .mktoForm .mktoFormRow {
  height: auto !important;
  margin-bottom: 0 !important; }
  .security .mktoForm .mktoFormRow .mktoFieldDescriptor {
    height: 48px;
    margin-bottom: 16px !important; }
  .security .mktoForm .mktoFormRow:nth-child(2), .security .mktoForm .mktoFormRow:nth-child(5), .security .mktoForm .mktoFormRow:nth-child(6), .security .mktoForm .mktoFormRow:nth-child(7) {
    flex: 0 0 100%;
    max-width: 100%; }
  .security .mktoForm .mktoFormRow:nth-child(6) .mktoFormCol .mktoLabel, .security .mktoForm .mktoFormRow:nth-child(7) .mktoFormCol .mktoLabel {
    line-height: 1.286;
    height: 48px; }
  .security .mktoForm .mktoFormRow:nth-child(7) .mktoFieldDescriptor {
    height: auto; }

@media (max-width: 576px) {
  .security .mktoForm .mktoFormRow .mktoFieldDescriptor {
    height: auto; }
  .security .mktoForm .mktoFormRow .mktoFormCol .mktoLabel {
    line-height: 48px !important; } }
.preferences .mktoForm .mktoFormRow:nth-child(7), .preferences .mktoForm .mktoFormRow:nth-child(12), .preferences .mktoForm .mktoFormRow:nth-child(13), .preferences .mktoForm .mktoFormRow:nth-child(14) {
  display: block; }
.preferences .mktoForm .mktoFormRow:nth-child(8), .preferences .mktoForm .mktoFormRow:nth-child(9), .preferences .mktoForm .mktoFormRow:nth-child(10), .preferences .mktoForm .mktoFormRow:nth-child(12), .preferences .mktoForm .mktoFormRow:nth-child(13), .preferences .mktoForm .mktoFormRow:nth-child(14) {
  flex: 0 0 100%;
  max-width: 100%; }
.preferences .mktoForm .mktoFormRow:nth-child(10) .mktoFieldWrap .mktoLabel {
  line-height: 1.286;
  height: 48px; }
.preferences .mktoForm .mktoFormRow:nth-child(10) .mktoFieldWrap .mktoCheckboxList {
  margin-top: -48px; }
  .preferences .mktoForm .mktoFormRow:nth-child(10) .mktoFieldWrap .mktoCheckboxList label {
    line-height: 48px !important;
    height: 48px !important;
    display: block !important;
    margin: 0 0 0 24px !important;
    padding: 0 !important;
    float: none !important; }
.preferences .mktoForm .mktoFormRow:nth-child(9) {
  height: auto; }
.preferences .mktoForm .mktoFormRow:nth-child(11) {
  height: auto; }
  .preferences .mktoForm .mktoFormRow:nth-child(11) .mktoLabel {
    line-height: 1.286;
    height: 48px;
    display: block !important; }
.preferences .mktoForm .mktoFormRow:nth-child(12) {
  height: auto; }
  .preferences .mktoForm .mktoFormRow:nth-child(12) .mktoFieldWrap .mktoCheckboxList {
    margin-top: -48px; }
    .preferences .mktoForm .mktoFormRow:nth-child(12) .mktoFieldWrap .mktoCheckboxList label {
      line-height: 48px !important;
      height: 48px !important;
      display: block !important;
      margin: 0 0 0 24px !important;
      padding: 0 !important;
      float: none !important; }
.preferences .mktoForm .mktoFormRow:nth-child(13) {
  height: auto; }
.preferences .mktoForm .mktoFormRow:nth-child(14) .mktoLabel {
  display: none !important; }
.preferences .mktoForm .mktoFormRow:nth-child(15), .preferences .mktoForm .mktoFormRow:nth-child(16), .preferences .mktoForm .mktoFormRow:nth-child(17), .preferences .mktoForm .mktoFormRow:nth-child(18) {
  display: none; }

.cn .preferences .mktoForm .mktoFormRow:nth-child(9) .mktoLabel {
  display: block !important; }
.cn .preferences .mktoForm .mktoFormRow:nth-child(10) .mktoFormCol .mktoLabel {
  line-height: 48px !important; }

@media (max-width: 576px) {
  .preferences .mktoForm .mktoFormRow .mktoFormCol .mktoLabel {
    line-height: 48px !important; }
  .preferences .mktoForm .mktoFormRow:nth-child(10) .mktoFieldWrap .mktoCheckboxList, .preferences .mktoForm .mktoFormRow:nth-child(12) .mktoFieldWrap .mktoCheckboxList {
    margin-top: 0; }
  .preferences .mktoForm .mktoFormRow:nth-child(11) {
    height: auto; } }
.survey .mktoForm .mktoFormRow:nth-child(8), .survey .mktoForm .mktoFormRow:nth-child(9), .survey .mktoForm .mktoFormRow:nth-child(10) {
  flex: 0 0 100%;
  max-width: 100%; }
.survey .mktoForm .mktoFormRow:nth-child(8) .mktoCheckboxList > label {
  margin: 0 0 0 10px !important; }
.survey .mktoForm .mktoFormRow:nth-child(11) {
  display: block; }
.survey .mktoForm .mktoFormRow:nth-child(11) {
  display: none; }
.survey .mktoForm .mktoFormRow:nth-child(9) {
  height: auto !important; }
  .survey .mktoForm .mktoFormRow:nth-child(9) .mktoFieldWrap .mktoLabel {
    line-height: 1.286;
    height: 48px; }
  .survey .mktoForm .mktoFormRow:nth-child(9) .mktoFieldWrap .mktoCheckboxList {
    margin-top: -48px; }
    .survey .mktoForm .mktoFormRow:nth-child(9) .mktoFieldWrap .mktoCheckboxList label {
      line-height: 48px !important;
      height: 48px !important;
      display: block !important;
      margin: 0 0 0 24px !important;
      padding: 0 !important;
      float: none !important; }

@media (max-width: 576px) {
  .survey .mktoForm .mktoFormRow .mktoFormCol .mktoLabel {
    line-height: 48px !important; }
  .survey .mktoForm .mktoFormRow:nth-child(9) .mktoFieldWrap .mktoCheckboxList {
    margin-top: 0; } }
.icon-img {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
   * Set a base background for 1x environments.
   */
  background: url("../image/icon.png");
  background-size: auto auto;
  /*
   * Create an @2x-ish media query.
   */
  /*
   * Create media queries for all environments that the user has
   * provided images for.
   */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  background-size: 700px !important;
  display: block; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .icon-img {
      background: url("../image/icon@2x.png");
      background-size: auto auto; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-img {
      background: url("../image/icon@2x.png");
      background-size: auto auto; } }

.screen-align, .screen-align-h {
  text-align: center !important; }

.screen-br {
  display: block !important; }

/*who-we-are*/
.who-we-are {
  background: #004771;
  background: -webkit-linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 1500px ));
  background: -moz-linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 1500px ));
  background: -o-linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 1500px ));
  background: linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 1500px ));
  color: #50ceff;
  position: relative;
  overflow: hidden; }
  .who-we-are .container {
    position: relative;
    z-index: 2; }
  .who-we-are .heading-row {
    padding-bottom: 120px; }
    .who-we-are .heading-row h2 {
      color: #50ceff; }
    .who-we-are .heading-row p {
      max-width: 810px;
      margin: 0 auto;
      padding-top: 24px; }
    .who-we-are .heading-row .text-link {
      color: #50ceff !important;
      padding-top: 8px; }
  .who-we-are .row {
    margin: 0px 0px 40px 0px; }
    .who-we-are .row li {
      font-size: 0.875rem;
      color: #FFF;
      text-align: center; }
      .who-we-are .row li span {
        font-size: 3rem;
        font-family: "DIN Condensed","Open Sans","PingFang SC","Microsoft YaHei",sans-serif;
        line-height: 1;
        display: block; }
        .who-we-are .row li span em {
          font-style: normal;
          font-family: "DIN Condensed","Open Sans","PingFang SC","Microsoft YaHei",sans-serif; }
        .who-we-are .row li span sup {
          font-size: 0.75em;
          margin-left: 0.2rem;
          top: -0.15em;
          font-family: "Open Sans","PingFang SC","Microsoft YaHei",sans-serif; }
  .who-we-are .data-note {
    font-size: 0.75rem;
    display: block;
    margin-top: 16px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5); }
    .who-we-are .data-note .dsicon {
      vertical-align: middle; }
  .who-we-are .earth {
    text-align: center;
    max-width: 1356px;
    margin: 0px auto;
    position: relative; }
    .who-we-are .earth img {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0; }

.we-are-page .who-we-are .container {
  padding-bottom: 0; }
.we-are-page .who-we-are .heading-row {
  padding-bottom: 0; }
.we-are-page .who-we-are .earth img {
  position: relative;
  max-width: 1356px;
  bottom: 0; }
.we-are-page .who-we-do {
  position: relative;
  overflow: hidden; }
  .we-are-page .who-we-do .card-img {
    position: absolute;
    height: 100%; }
    .we-are-page .who-we-do .card-img img {
      height: 100%; }
  .we-are-page .who-we-do .card-body {
    background: -webkit-linear-gradient(to left, #FFF calc(50vw - 490px), rgba(255, 255, 255, 0.9) 100%);
    background: -moz-linear-gradient(to left, #FFF calc(50vw - 490px), rgba(255, 255, 255, 0.9) 100%);
    background: -o-linear-gradient(to left, #FFF calc(50vw - 490px), rgba(255, 255, 255, 0.9) 100%);
    background: linear-gradient(to left, #FFF calc(50vw - 490px), rgba(255, 255, 255, 0.9) 100%);
    clip-path: polygon(24px 0px, 100% 0px, 100% 101%, 0px 100%);
    width: 56vw;
    float: right;
    padding: 0;
    position: relative;
    z-index: 2; }
    .we-are-page .who-we-do .card-body .card-text {
      max-width: 490px;
      margin: 64px 0px 64px 6vw; }
      .we-are-page .who-we-do .card-body .card-text p {
        margin-top: 24px; }
.we-are-page .doing-the-right {
  background: #F4F9FE; }
  .we-are-page .doing-the-right .container {
    position: relative; }
  .we-are-page .doing-the-right .card-header {
    background: none;
    border-bottom: 0;
    text-align: center;
    padding-top: 0;
    padding-bottom: 8px; }
    .we-are-page .doing-the-right .card-header h2 {
      padding-bottom: 16px; }
  .we-are-page .doing-the-right .card-body {
    position: absolute;
    right: 0;
    z-index: 2;
    padding: 0; }
    .we-are-page .doing-the-right .card-body li {
      background: #FFF;
      max-width: 436px;
      margin-top: 32px;
      overflow: hidden; }
    .we-are-page .doing-the-right .card-body .list-img {
      float: left;
      padding: 24px; }
      .we-are-page .doing-the-right .card-body .list-img .icon-img {
        width: 54px;
        height: 52px; }
      .we-are-page .doing-the-right .card-body .list-img .icon-1 {
        background-position: -7px -667px; }
      .we-are-page .doing-the-right .card-body .list-img .icon-2 {
        background-position: -76px -667px; }
      .we-are-page .doing-the-right .card-body .list-img .icon-3 {
        background-position: -145px -667px; }
      .we-are-page .doing-the-right .card-body .list-img .icon-4 {
        background-position: -213px -667px; }
    .we-are-page .doing-the-right .card-body p {
      max-width: 334px;
      float: left;
      padding: 24px 24px 24px 0; }
  .we-are-page .doing-the-right .card-img {
    position: relative;
    padding: 16px 0 48px; }
    .we-are-page .doing-the-right .card-img img {
      max-height: 564px;
      margin-bottom: -48px;
      margin-left: -100px; }
.we-are-page.cn .doing-the-right .card-body p {
  padding: 40px 24px 24px 0; }

/*END who-we-are*/
/*news*/
.news {
  text-align: center; }
  .news .swiper-wrapper {
    height: auto; }
    .news .swiper-wrapper .card {
      margin: 0; }
      .news .swiper-wrapper .card:hover a {
        text-decoration: none;
        transform: scale(1.02);
        -webkit-transition: 0.15s;
        -moz-transition: 0.15s;
        -o-transition: 0.15s;
        transition: 0.15s;
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
  .news .row {
    text-align: left;
    margin-left: -8px;
    margin-right: -8px; }
  .news .headline {
    font-weight: 400;
    margin-bottom: 24px; }
  .news .card {
    padding: 0;
    background: none;
    height: auto;
    position: relative; }
    .news .card a {
      display: block;
      margin: 0 8px; }
      .news .card a:hover {
        text-decoration: none;
        transform: scale(1.02);
        -webkit-transition: 0.15s;
        -moz-transition: 0.15s;
        -o-transition: 0.15s;
        transition: 0.15s;
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
    .news .card .card-img {
      border-radius: 4px 4px 0px 0px;
      height: 100px;
      position: relative;
      overflow: hidden;
      background: #FFF; }
      .news .card .card-img img {
        z-index: 0;
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%); }
    .news .card.ebook .card-img img {
      width: 70% !important;
      top: 100% !important;
      left: 15% !important; }
    .news .card .card-img-lg {
      height: 178px; }
    .news .card .card-body {
      color: #777B80;
      background: #FFF;
      border-radius: 0px 0px 4px 4px;
      padding: 24px 24px 32px; }
      .news .card .card-body .time {
        height: 1.68em;
        display: block; }
      .news .card .card-body h3 {
        font-size: 1.125rem;
        color: #333;
        font-weight: 400;
        margin-top: 24px;
        margin-bottom: 16px;
        max-height: 3em;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .news .card .card-body p {
        overflow: hidden;
        position: relative;
        max-height: 6.72em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical; }
  .news .btn {
    margin: 0 auto;
    margin-top: 24px; }
  .news .pagination {
    display: none; }

/*END news*/
/*about*/
.about {
  background: #FFF;
  text-align: center;
  position: relative;
  height: 467px !important;
  overflow: hidden; }
  .about h2 {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    padding: 48px 0; }
  .about .list-item-wrap {
    width: 170px !important;
    height: 467px !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative; }
    .about .list-item-wrap .list-item-box {
      padding-left: 30px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      z-index: 2;
      position: relative; }
    .about .list-item-wrap .icon-img {
      width: 40px;
      height: 40px;
      background-position: -8px -78px;
      margin: 0px auto;
      margin-bottom: 16px; }
    .about .list-item-wrap:nth-child(2) {
      z-index: 9; }
      .about .list-item-wrap:nth-child(2) h4 .icon-img {
        background-position: -52px -78px; }
    .about .list-item-wrap:nth-child(3) {
      z-index: 8; }
      .about .list-item-wrap:nth-child(3) h4 .icon-img {
        background-position: -94px -78px; }
    .about .list-item-wrap:nth-child(4) {
      z-index: 7; }
      .about .list-item-wrap:nth-child(4) h4 .icon-img {
        background-position: -140px -78px; }
    .about .list-item-wrap:nth-child(5) {
      z-index: 6; }
      .about .list-item-wrap:nth-child(5) h4 .icon-img {
        background-position: -187px -78px; }
    .about .list-item-wrap:nth-child(6) {
      z-index: 5;
      clip-path: none;
      position: initial; }
      .about .list-item-wrap:nth-child(6) .list-item {
        position: initial; }
      .about .list-item-wrap:nth-child(6) .item-img .linear-gradient {
        width: 100%;
        left: initial;
        right: 0px;
        z-index: 1; }
      .about .list-item-wrap:nth-child(6) .item-img .linear-gradient-left {
        background: -webkit-linear-gradient(to left, #FFF 30%, rgba(255, 255, 255, 0.66) 60%);
        background: -moz-linear-gradient(to left, #FFF 30%, rgba(255, 255, 255, 0.66) 60%);
        background: -o-linear-gradient(to left, #FFF 30%, rgba(255, 255, 255, 0.66) 60%);
        background: linear-gradient(to left, #FFF 30%, rgba(255, 255, 255, 0.66) 60%); }
      .about .list-item-wrap:nth-child(6) h4 .icon-img {
        background-position: -233px -78px; }
  .about .list-item {
    position: relative;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding-top: 200px; }
    .about .list-item h4 {
      color: #004771;
      font-weight: 400;
      width: 146px;
      height: 98px;
      line-height: 1.286;
      margin: 0 auto;
      margin-bottom: 8px; }
    .about .list-item .description {
      display: none; }
    .about .list-item .more-btn {
      display: none; }
      .about .list-item .more-btn .text-link {
        margin-top: 8px; }
        .about .list-item .more-btn .text-link:hover span {
          text-decoration: underline; }
    .about .list-item .item-img {
      position: absolute;
      top: 0;
      z-index: -1;
      height: 100%; }
      .about .list-item .item-img img {
        height: 100% !important; }
    .about .list-item .max-992 {
      display: none; }
    .about .list-item .linear-gradient {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1; }
    .about .list-item .linear-gradient-left {
      background: -webkit-linear-gradient(to left, #FFF 0%, rgba(255, 255, 255, 0.66) 60%);
      background: -moz-linear-gradient(to left, #FFF 0%, rgba(255, 255, 255, 0.66) 60%);
      background: -o-linear-gradient(to left, #FFF 0%, rgba(255, 255, 255, 0.66) 60%);
      background: linear-gradient(to left, #FFF 0%, rgba(255, 255, 255, 0.66) 60%); }
    .about .list-item .linear-gradient-right {
      background: -webkit-linear-gradient(to right, #FFF 0%, rgba(255, 255, 255, 0.66) 70%, rgba(255, 255, 255, 0.66) 90%, #FFF 100%);
      background: -moz-linear-gradient(to right, #FFF 0%, rgba(255, 255, 255, 0.66) 70%, rgba(255, 255, 255, 0.66) 90%, #FFF 100%);
      background: -o-linear-gradient(to right, #FFF 0%, rgba(255, 255, 255, 0.66) 70%, rgba(255, 255, 255, 0.66) 90%, #FFF 100%);
      background: linear-gradient(to right, #FFF 0%, rgba(255, 255, 255, 0.66) 70%, rgba(255, 255, 255, 0.66) 90%, #FFF 100%); }
    .about .list-item .linear-gradient-top {
      background: -webkit-linear-gradient(to bottom, #FFF 20%, rgba(255, 255, 255, 0.5) 100%);
      background: -moz-linear-gradient(to bottom, #FFF 20%, rgba(255, 255, 255, 0.5) 100%);
      background: -o-linear-gradient(to bottom, #FFF 20%, rgba(255, 255, 255, 0.5) 100%);
      background: linear-gradient(to bottom, #FFF 20%, rgba(255, 255, 255, 0.5) 100%); }
    .about .list-item .linear-gradient-out {
      display: none; }
  .about .list-item-wrap-1 {
    width: calc(50vw - 340px) !important;
    z-index: 10; }
    .about .list-item-wrap-1 .item-img {
      right: 0; }
    .about .list-item-wrap-1 h4 {
      width: auto; }
    .about .list-item-wrap-1 .list-item-box {
      float: right;
      width: 120px; }
  .about .min-active-item {
    width: calc(50vw - 415px) !important; }
  .about .active-item {
    width: 320px !important; }
    .about .active-item:nth-child(1) {
      padding-right: 0;
      width: calc(50vw - 265px) !important; }
      .about .active-item:nth-child(1) .list-item-box {
        float: right;
        width: 320px; }
    .about .active-item .list-item {
      padding-top: 152px !important; }
      .about .active-item .list-item .description {
        display: block;
        animation: 1s showitem; }
      .about .active-item .list-item .more-btn {
        display: block;
        animation: 1s showitem; }
    .about .active-item .list-item-box {
      padding-left: 32px; }
  .about .list-item-wrap:nth-child(2).active-item .list-item, .about .list-item-wrap:nth-child(4).active-item .list-item, .about .list-item-wrap:nth-child(5).active-item .list-item {
    padding-top: 130px !important; }
  .about.cn .list-item-wrap:nth-child(2).active-item .list-item, .about.cn .list-item-wrap:nth-child(4).active-item .list-item, .about.cn .list-item-wrap:nth-child(5).active-item .list-item {
    padding-top: 152px !important; }

.shared-jumbotro {
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center; }
  .shared-jumbotro p {
    font-size: 1.125rem;
    line-height: 1.5;
    max-width: 644px;
    margin: 0px auto;
    margin-bottom: 24px; }
  .shared-jumbotro .btn-primary {
    font-weight: 600; }

.about-page .card-group .slogan {
  padding-left: 64px;
  padding-right: 64px; }
  .about-page .card-group .slogan .margin-y {
    margin-top: 24px; }
.about-page .card-group .list-card .card-img img {
  opacity: 0.5; }

/*END about*/
/*different*/
.different {
  background: -webkit-linear-gradient(130deg, #004771 30%, #06789D);
  background: -moz-linear-gradient(130deg, #004771 30%, #06789D);
  background: -o-linear-gradient(130deg, #004771 30%, #06789D);
  background: linear-gradient(130deg, #004771 30%, #06789D);
  color: #50ceff;
  position: relative;
  overflow: hidden; }
  .different .container {
    width: 800px; }
  .different h2 {
    color: #50ceff; }
  .different .piece {
    width: 240px;
    text-align: center;
    margin-top: 72px; }
    .different .piece.piece-center {
      margin-left: 34px; }
    .different .piece:nth-child(1) .description:nth-child(2) .icon-img {
      background-position: -54px -125px; }
    .different .piece:nth-child(2) .description .icon-img {
      background-position: -100px -125px; }
    .different .piece:nth-child(2) .description:nth-child(2) .icon-img {
      background-position: -145px -125px; }
    .different .piece .icon-img {
      background-position: -8px -125px;
      width: 38px;
      height: 38px;
      margin: 0 auto; }
    .different .piece .description {
      margin-bottom: 88px; }
    .different .piece p {
      text-align: center;
      padding-top: 16px; }
  .different .portrait {
    position: absolute;
    bottom: -88%;
    left: 50%;
    margin-left: -150px; }
    .different .portrait img {
      max-width: 258px; }

/*END different*/
.clients-say {
  text-align: center;
  overflow: hidden; }
  .clients-say .row {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 24px; }
  .clients-say .col-sm-6 {
    padding-left: 12px;
    padding-right: 12px; }
    .clients-say .col-sm-6 .card {
      padding: 32px 34px 16px;
      display: block; }
      .clients-say .col-sm-6 .card img {
        width: auto;
        max-height: 64px;
        margin-bottom: 24px; }
      .clients-say .col-sm-6 .card p {
        text-align: left;
        min-height: 156px; }
  .clients-say.cn .col-sm-6:nth-child(3), .clients-say.cn .col-sm-6:nth-child(4) {
    margin-top: 16px; }

.card-group .slogan {
  margin-bottom: 48px; }
.card-group ul {
  padding-left: 64px;
  padding-right: 64px; }
.card-group .list-card {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 16px;
  background: #FFF;
  border-radius: 4px;
  overflow: hidden; }
  .card-group .list-card:nth-last-child(1) {
    margin-bottom: 0; }
  .card-group .list-card a {
    color: #777B80; }
  .card-group .list-card .card-img {
    position: relative;
    width: 280px;
    overflow: hidden;
    border-radius: 0;
    padding: 0; }
    .card-group .list-card .card-img img {
      z-index: 0;
      width: auto;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 50%;
      transform: translateX(-50%); }
  .card-group .list-card .orange {
    background: #FF7900; }
  .card-group .list-card .blue {
    background: #004771; }
  .card-group .list-card .yellow {
    background: #FFC11E; }
  .card-group .list-card .card-body {
    padding: 48px 40px; }
    .card-group .list-card .card-body h3 {
      margin-bottom: 16px;
      color: #004771; }
    .card-group .list-card .card-body .btn-border {
      margin-top: 16px; }

.card-group-row .container {
  padding-top: 24px; }
.card-group-row .row {
  margin-left: -4px;
  margin-right: -4px; }
.card-group-row .list-card {
  padding: 0 4px;
  margin-bottom: 8px;
  border-radius: 4px;
  position: relative; }
  .card-group-row .list-card .card-img {
    width: 100%; }
    .card-group-row .list-card .card-img img {
      width: 100%; }
  .card-group-row .list-card .card-body {
    background: #FFF;
    padding: 24px 24px 32px; }
    .card-group-row .list-card .card-body .time {
      font-size: 0.75rem;
      color: #999;
      height: 1.68em; }
    .card-group-row .list-card .card-body h3 {
      color: #004771;
      margin-bottom: 8px; }

.about-technology li .icon-1 {
  background-position: -8px -8px; }
.about-technology li .icon-2 {
  background-position: -74px -8px; }
.about-technology li .icon-3 {
  background-position: -141px -8px; }
.about-technology li .icon-4 {
  background-position: -209px -8px; }
.about-technology li .icon-5 {
  background-position: -280px -8px; }
.about-technology li .icon-6 {
  background-position: -351px -8px; }

.icon-group {
  overflow: hidden; }
  .icon-group .container {
    padding-top: 112px;
    padding-bottom: 112px; }
  .icon-group ul {
    margin: 0px -60px; }
  .icon-group li {
    float: left;
    width: 20%; }
    .icon-group li .icon-img {
      width: 63px;
      height: 63px;
      margin: 0px auto; }
    .icon-group li:nth-child(1) {
      padding-left: 0px !important; }
    .icon-group li p {
      font-size: 0.875rem;
      color: #004771;
      font-weight: 600;
      line-height: 1.286;
      max-width: 117px;
      text-align: center;
      margin: 0 auto;
      margin-top: 16px; }

.resources .icon-group .container {
  padding-top: 88px;
  padding-bottom: 88px; }
.resources .icon-group ul {
  margin-right: -48px; }
.resources .icon-group li:nth-child(1) .icon-img {
  background-position: -6px -217px; }
.resources .icon-group li:nth-child(2) .icon-img {
  background-position: -77px -217px; }
.resources .icon-group li:nth-child(3) .icon-img {
  background-position: -148px -217px; }
.resources .icon-group li:nth-child(4) .icon-img {
  background-position: -223px -217px; }
.resources .icon-group li:nth-child(5) .icon-img {
  background-position: -299px -217px; }
.resources .news .container {
  padding-top: 32px;
  padding-bottom: 32px; }
.resources .news .card {
  margin-bottom: 16px; }
.resources .news .mask a {
  position: relative; }
.resources .news .mask .linear-gradient {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 4px; }
.resources .news .mask .introduction {
  color: #FFF;
  width: auto;
  height: 100%;
  padding: 32px; }
  .resources .news .mask .introduction span {
    display: block;
    padding-bottom: 8px;
    position: absolute;
    top: 32px;
    z-index: 1; }
    .resources .news .mask .introduction span .dsicon {
      margin-right: 8px; }
  .resources .news .mask .introduction h3 {
    color: #FFF;
    height: auto;
    margin-top: 0;
    margin-bottom: 8px;
    position: relative;
    z-index: 1; }
  .resources .news .mask .introduction .time {
    position: relative;
    z-index: 1; }
  .resources .news .mask .introduction p {
    margin-top: 24px;
    opacity: 0.5;
    position: relative;
    z-index: 1; }
.resources .news .events .linear-gradient {
  background: -webkit-linear-gradient(to top, #004771 80%, rgba(0, 71, 113, 0.8) 100%);
  background: -moz-linear-gradient(to top, #004771 80%, rgba(0, 71, 113, 0.8) 100%);
  background: -o-linear-gradient(to top, #004771 80%, rgba(0, 71, 113, 0.8) 100%);
  background: linear-gradient(to top, #004771 80%, rgba(0, 71, 113, 0.8) 100%); }
.resources .news .video .linear-gradient {
  background: -webkit-linear-gradient(to top, #06789d 80%, rgba(6, 120, 157, 0.8) 100%);
  background: -moz-linear-gradient(to top, #06789d 80%, rgba(6, 120, 157, 0.8) 100%);
  background: -o-linear-gradient(to top, #06789d 80%, rgba(6, 120, 157, 0.8) 100%);
  background: linear-gradient(to top, #06789d 80%, rgba(6, 120, 157, 0.8) 100%); }
.resources .news .btn-border {
  margin-top: 16px; }
.resources .videos .card a {
  background: #FFF;
  padding: 24px; }
  .resources .videos .card a .card-img {
    height: 294px; }
  .resources .videos .card a .card-body {
    padding-left: 0;
    padding-right: 0;
    height: 160px !important;
    overflow: hidden; }
    .resources .videos .card a .card-body h3 {
      height: auto;
      margin-top: 0; }

.learning-hub {
  background: -webkit-linear-gradient(#F4F9FE, #FFF);
  background: -moz-linear-gradient(#F4F9FE, #FFF);
  background: -o-linear-gradient(#F4F9FE, #FFF);
  background: linear-gradient(#F4F9FE, #FFF);
  min-height: 230px;
  font-weight: 600;
  text-align: center; }
  .learning-hub .container {
    padding-top: 64px;
    padding-bottom: 0; }
  .learning-hub .return {
    display: block;
    text-align: left;
    color: #004771; }
    .learning-hub .return .dsicon {
      font-size: 0.875rem;
      font-weight: 400;
      padding-right: 8px; }
    .learning-hub .return:hover {
      text-decoration: none; }
      .learning-hub .return:hover span {
        text-decoration: underline; }
  .learning-hub .slogan {
    color: #004771;
    margin-top: -24px; }
    .learning-hub .slogan .icon-img {
      width: 63px;
      height: 63px;
      margin: 0 auto;
      margin-bottom: 16px; }
    .learning-hub .slogan .icon-1 {
      background-position: -6px -217px; }
    .learning-hub .slogan .icon-2 {
      background-position: -77px -217px; }
    .learning-hub .slogan .icon-3 {
      background-position: -148px -217px; }
    .learning-hub .slogan .icon-4 {
      background-position: -223px -217px; }
    .learning-hub .slogan .icon-5 {
      background-position: -299px -217px; }
  .learning-hub .switch-news {
    display: inline-flex;
    margin-top: 60px;
    padding-top: 3px; }
    .learning-hub .switch-news li {
      color: #004771;
      margin-left: 40px;
      margin-right: 40px;
      padding: 8px 16px;
      list-style: none;
      cursor: pointer;
      float: left;
      position: relative;
      display: block; }
      .learning-hub .switch-news li::after {
        display: none;
        clear: both;
        content: "";
        width: 100%;
        border-bottom: 3px solid #004771;
        position: absolute;
        bottom: 0px;
        left: 0; }
      .learning-hub .switch-news li::before {
        display: none;
        clear: both;
        content: "";
        /*
         * Set a counter and get the length of the image path.
         */
        /*
         * Loop ver the image path and figure out the
         * position of the dot where the extension begins.
         */
        /*
         * If we were able to figure out where the extension is,
         * slice the path into a base and an extension. Use that to
         * calculate urls for different density environments. Set
         * values for different environments.
         */
        /*
         * Set a base background for 1x environments.
         */
        background: url("../image/triangle.png");
        background-size: auto auto;
        /*
         * Create an @2x-ish media query.
         */
        /*
         * Create media queries for all environments that the user has
         * provided images for.
         */
        /*
         * If anything went wrong trying to separate the file from its
         * extension, set a background value without doing anything to it.
         */
        background-size: contain !important;
        width: 16px;
        height: 9px;
        position: absolute;
        right: 0px;
        bottom: 14px; }
        @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
          .learning-hub .switch-news li::before {
            background: url("../image/triangle@2x.png");
            background-size: auto auto; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .learning-hub .switch-news li::before {
            background: url("../image/triangle@2x.png");
            background-size: auto auto; } }
      .learning-hub .switch-news li:hover {
        color: #004771; }
        .learning-hub .switch-news li:hover::after {
          display: block; }
    .learning-hub .switch-news .active::after {
      display: block; }

.learning .switc-card {
  display: none; }
  .learning .switc-card:nth-child(1) {
    display: block; }
.learning .card-group ul {
  width: 100%;
  padding: 0; }
.learning .card-group .card-body {
  padding: 24px 0 0 32px; }
  .learning .card-group .card-body h3 {
    color: #454B53;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .learning .card-group .card-body p {
    overflow: hidden;
    position: relative;
    height: 6.72em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
  .learning .card-group .card-body .time {
    margin-bottom: 24px;
    display: block; }
.learning .card-group li {
  padding: 48px 32px; }
.learning .card-group .btn {
  margin: 0px auto;
  margin-top: 32px; }
.learning .e-books li {
  padding-top: 56px;
  padding-bottom: 56px; }
  .learning .e-books li:hover {
    transform: scale(1.02);
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
  .learning .e-books li a:hover {
    text-decoration: none; }
    .learning .e-books li a:hover h3 {
      color: #004771; }
.learning .e-books .card-img {
  height: 246px;
  text-align: center; }
.learning .e-books .card-body {
  color: #777B80; }
.learning .webinars li {
  padding: 40px; }
  .learning .webinars li:hover {
    transform: scale(1.02);
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
  .learning .webinars li a:hover {
    text-decoration: none; }
    .learning .webinars li a:hover h3 {
      color: #004771; }
.learning .webinars .card-img {
  height: 280px;
  text-align: center; }
.learning .webinars .card-body {
  padding-top: 40px; }
.learning .articles li:hover {
  transform: scale(1.02);
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.learning .articles li a:hover {
  text-decoration: none; }
  .learning .articles li a:hover h3 {
    color: #004771; }
.learning .articles .card-img {
  height: 180px; }
.learning .articles .card-body {
  padding-top: 0; }
.learning .articles .btn-box {
  text-align: center; }
.learning .events .card-body h3 {
  margin-bottom: 16px; }
.learning .events .card-body .time {
  margin-bottom: 0; }
.learning .events .card-body .address {
  margin-bottom: 16px;
  display: block; }

.leadership .list-card {
  margin-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px; }
  .leadership .list-card .package {
    background: #FFF;
    position: relative;
    overflow: hidden;
    min-height: 370px; }
  .leadership .list-card .card-img {
    background: -webkit-linear-gradient(to bottom, #E7EFF7 0%, white 100%);
    background: -moz-linear-gradient(to bottom, #E7EFF7 0%, white 100%);
    background: -o-linear-gradient(to bottom, #E7EFF7 0%, white 100%);
    background: linear-gradient(to bottom, #E7EFF7 0%, white 100%);
    padding: 16px 16px 0; }
    .leadership .list-card .card-img p {
      position: relative;
      width: 100%;
      height: 220px; }
      .leadership .list-card .card-img p img {
        position: absolute;
        bottom: 0px;
        filter: blur(0px) saturate(1); }
  .leadership .list-card .card-body {
    top: 216px; }
    .leadership .list-card .card-body p .overflow-y {
      height: 80%;
      overflow-y: auto; }
    .leadership .list-card .card-body p span {
      font-size: 0.75rem;
      margin-top: 16px;
      display: none; }
  .leadership .list-card:hover .card-img img {
    transition: 0.3s;
    filter: blur(10px) saturate(1.5); }
  .leadership .list-card:hover .card-body {
    transition: 0.3s;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    background: rgba(255, 255, 255, 0.85);
    padding-top: 40px; }
    .leadership .list-card:hover .card-body p {
      line-height: 1.4375; }
      .leadership .list-card:hover .card-body p span {
        display: block; }

.careers .careers-card-group .container {
  padding-top: 96px;
  padding-bottom: 96px; }
.careers .list-card {
  margin: 0;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #eeeff0; }
  .careers .list-card:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
  .careers .list-card .card-body {
    padding-right: 8px; }
    .careers .list-card .card-body h3 {
      color: #004771;
      font-weight: 400;
      margin-bottom: 8px; }
      .careers .list-card .card-body h3.ds-logo {
        width: 154px; }
      .careers .list-card .card-body h3 img {
        width: 100%; }
    .careers .list-card .card-body .category {
      margin-bottom: 16px; }
      .careers .list-card .card-body .category span:nth-child(1) {
        margin-right: 64px; }
  .careers .list-card .button {
    padding-right: 0; }
    .careers .list-card .button .btn-border {
      margin-top: 64px; }
.careers .customer-support .list-card {
  margin: 0;
  padding: 0;
  border-bottom: none; }
.careers .careers-details .container {
  padding-top: 64px;
  padding-bottom: 64px; }
.careers .careers-details .list-card p {
  margin-top: 32px; }
  .careers .careers-details .list-card p:nth-child(1) {
    margin-top: 0; }
  .careers .careers-details .list-card p .dot {
    background: #333;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block; }
  .careers .careers-details .list-card p .description {
    display: block;
    margin-left: 16px;
    margin-top: -13px; }
.careers .careers-details .list-card .basic p span {
  font-weight: 600;
  width: 130px;
  display: inline-block; }
.careers .apply-this-job h3 {
  margin-bottom: 24px;
  font-weight: 400; }
.careers .customer-support .container {
  padding-top: 64px;
  padding-bottom: 64px; }
.careers .customer-support .list-card .card-body {
  padding-right: 104px;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #eeeff0; }
  .careers .customer-support .list-card .card-body:nth-child(even) {
    padding-left: 0; }
.careers .customer-support .list-card:last-child .card-body {
  border-bottom: none; }

.our-partners .partners-logo .list-group {
  border-bottom: 1px solid #eeeff0;
  padding: 32px 0; }
  .our-partners .partners-logo .list-group:first-child {
    padding-top: 0; }
  .our-partners .partners-logo .list-group:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
    .our-partners .partners-logo .list-group:last-child .item-body {
      margin-bottom: -8px; }
.our-partners .partners-logo .active .dsicon {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg); }
.our-partners .partners-logo .item-header {
  color: #004771;
  cursor: pointer; }
  .our-partners .partners-logo .item-header h3 {
    padding: 16px 0; }
  .our-partners .partners-logo .item-header:hover h3 {
    text-decoration: underline; }
  .our-partners .partners-logo .item-header .dsicon {
    margin: 16px 0;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s; }
.our-partners .partners-logo .item-body .list-item {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 24px; }
  .our-partners .partners-logo .item-body .list-item p {
    padding: 0 8px; }
.our-partners .partners-logo .item-body .list-group-img {
  margin-top: 16px;
  padding-left: 8px;
  padding-right: 8px; }
  .our-partners .partners-logo .item-body .list-group-img div {
    border: 1px solid #eeeff0;
    border-radius: 4px;
    text-align: center;
    height: 88px;
    vertical-align: middle;
    overflow: hidden; }
    .our-partners .partners-logo .item-body .list-group-img div span {
      display: inline-block;
      width: 148px;
      height: 88px;
      background-color: #f8f8f8; }
.our-partners .partners-logo .supply-icon .list-group-img span {
  background-image: url("../image/logos1.jpg");
  background-size: 980px 1222px; }
.our-partners .partners-logo .supply-icon .list-group-img.inp-cn-h span {
  background: none;
  line-height: 1.286;
  text-align: left;
  padding: 12px 10px; }
  .our-partners .partners-logo .supply-icon .list-group-img.inp-cn-h span b {
    margin-bottom: 4px;
    display: block;
    font-size: 1.125rem; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(1) span {
  background-position: 0px 0px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(2) span {
  background-position: -166px 0px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(3) span {
  background-position: -498px 0px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(4) span {
  background-position: -664px 0px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(5) span {
  background-position: -830px 0px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(6) span {
  background-position: 0px -104px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(7) span {
  background-position: -332px 0px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(8) span {
  background-position: -166px -104px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(9) span {
  background-position: -332px -104px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(1) span {
  background-position: 0px -257px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(2) span {
  background-position: -166px -257px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(3) span {
  background-position: -332px -257px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(4) span {
  background-position: -498px -257px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(3) .list-group-img:nth-of-type(1) span {
  background-position: 0px -410px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(3) .list-group-img:nth-of-type(2) span {
  background-position: -166px -410px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(3) .list-group-img:nth-of-type(3) span {
  background-position: -332px -410px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(1) span {
  background-position: 0px -563px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(2) span {
  background-position: -166px -563px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(3) span {
  background-position: 0px -667px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(4) span {
  background-position: -332px -563px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(5) span {
  background-position: -498px -563px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(6) span {
  background-position: -664px -563px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(7) span {
  background-position: -830px -563px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(8) span {
  background-position: -166px -667px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(9) span {
  background-position: -332px -667px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(10) span {
  background-position: -498px -667px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(11) span {
  background-position: -664px -667px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(12) span {
  background-position: -830px -667px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(13) span {
  background-position: 0px -771px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(14) span {
  background-position: -166px -771px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(15) span {
  background-position: -332px -771px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(16) span {
  background-position: -498px -771px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(17) span {
  background-position: -664px -771px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(18) span {
  background-position: -830px -771px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(19) span {
  background-position: 0px -875px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(20) span {
  background-position: -166px -875px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(21) span {
  background-position: -332px -875px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(22) span {
  background-position: -498px -875px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(23) span {
  background-position: -664px -875px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(24) span {
  background-position: -830px -875px; }
.our-partners .partners-logo .supply-icon .list-item:nth-of-type(5) .list-group-img:nth-of-type(1) span {
  background-position: 0px -1132px; }
.our-partners .partners-logo .demand-icon .list-group-img span {
  background-image: url("../image/logos2.jpg");
  background-size: 980px 2175px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(1) span {
  background-position: 0px 0px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(2) span {
  background-position: -166px 0px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(3) span {
  background-position: -332px 0px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(4) span {
  background-position: -498px 0px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(5) span {
  background-position: -664px 0px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(6) span {
  background-position: -830px 0px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(7) span {
  background-position: 0px -104px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(8) span {
  background-position: -166px -104px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(9) span {
  background-position: -332px -104px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(10) span {
  background-position: -498px -104px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(11) span {
  background-position: -664px -104px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(12) span {
  background-position: -830px -104px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(13) span {
  background-position: 0px -208px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(14) span {
  background-position: -166px -208px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(15) span {
  background-position: -332px -208px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(16) span {
  background-position: -498px -208px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(17) span {
  background-position: -664px -208px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(18) span {
  background-position: -830px -208px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(19) span {
  background-position: 0px -312px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(20) span {
  background-position: -166px -312px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(21) span {
  background-position: -332px -312px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(22) span {
  background-position: -498px -312px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(23) span {
  background-position: -664px -312px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(24) span {
  background-position: -830px -312px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(25) span {
  background-position: 0px -416px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(26) span {
  background-position: -166px -416px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(27) span {
  background-position: -332px -416px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(28) span {
  background-position: -498px -416px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(29) span {
  background-position: -664px -416px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(30) span {
  background-position: -830px -416px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(31) span {
  background-position: -166px -520px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(32) span {
  background-position: -332px -520px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(33) span {
  background-position: -498px -520px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(34) span {
  background-position: -664px -520px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(35) span {
  background-position: -830px -520px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(36) span {
  background-position: 0px -624px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(37) span {
  background-position: -166px -624px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(38) span {
  background-position: -332px -624px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(39) span {
  background-position: -498px -624px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(40) span {
  background-position: -664px -624px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(41) span {
  background-position: -830px -624px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(1) span {
  background-position: 0px -777px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(2) span {
  background-position: -166px -777px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(3) span {
  background-position: -332px -777px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(4) span {
  background-position: -498px -777px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(5) span {
  background-position: -664px -777px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(6) span {
  background-position: -830px -777px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(7) span {
  background-position: 0px -881px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(8) span {
  background-position: -166px -881px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(9) span {
  background-position: -332px -881px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(10) span {
  background-position: -498px -881px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(11) span {
  background-position: -664px -881px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(12) span {
  background-position: -830px -881px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(13) span {
  background-position: 0px -985px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(14) span {
  background-position: -166px -985px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(15) span {
  background-position: -332px -985px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(16) span {
  background-position: -498px -985px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(17) span {
  background-position: -664px -985px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(18) span {
  background-position: -830px -985px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(19) span {
  background-position: 0px -1089px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(20) span {
  background-position: -166px -1089px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(21) span {
  background-position: -332px -1089px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(22) span {
  background-position: -498px -1089px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(23) span {
  background-position: -664px -1089px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(24) span {
  background-position: -830px -1089px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(25) span {
  background-position: 0px -1193px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(26) span {
  background-position: -166px -1193px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(3) .list-group-img:nth-of-type(1) span {
  background-position: 0px -1346px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(3) .list-group-img:nth-of-type(2) span {
  background-position: -166px -1346px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(3) .list-group-img:nth-of-type(3) span {
  background-position: -332px -1346px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(1) span {
  background-position: 0px -1499px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(2) span {
  background-position: -166px -1499px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(3) span {
  background-position: -332px -1499px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(4) .list-group-img:nth-of-type(4) span {
  background-position: -498px -1499px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(5) .list-group-img:nth-of-type(1) span {
  background-position: 0px -1654px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(5) .list-group-img:nth-of-type(2) span {
  background-position: -166px -1654px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(5) .list-group-img:nth-of-type(3) span {
  background-position: -332px -1654px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(5) .list-group-img:nth-of-type(4) span {
  background-position: -498px -1654px; }
.our-partners .partners-logo .demand-icon .list-item:nth-of-type(5) .list-group-img:nth-of-type(5) span {
  background-position: -664px -1654px; }
.our-partners .partners-logo .morep-icon .list-group-img span {
  background-image: url("../image/logos2.jpg");
  background-size: 980px 2175px; }
.our-partners .partners-logo .morep-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(1) span {
  background-position: 0px -1932px; }
.our-partners .partners-logo .morep-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(2) span {
  background-position: -166px -1932px; }
.our-partners .partners-logo .morep-icon .list-item:nth-of-type(1) .list-group-img:nth-of-type(3) span {
  background-position: -332px -1932px; }
.our-partners .partners-logo .morep-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(1) span {
  background-position: 0px -2085px; }
.our-partners .partners-logo .morep-icon .list-item:nth-of-type(2) .list-group-img:nth-of-type(2) span {
  background-position: -166px -2085px; }

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .our-partners .partners-logo .supply-icon .list-group-img span {
    background-image: url("../image/logos1@2x.jpg"); }
  .our-partners .partners-logo .demand-icon .list-group-img span, .our-partners .partners-logo .morep-icon .list-group-img span {
    background-image: url("../image/logos2@2x.jpg"); } }
.contact .icon-group .container {
  padding-top: 64px;
  padding-bottom: 8px; }
.contact .icon-group h3 {
  padding-bottom: 64px; }
.contact .icon-group .row {
  margin: 0; }
.contact .icon-group li {
  text-align: center;
  float: none;
  padding-right: 0;
  margin-bottom: 56px;
  padding-left: 0; }
  .contact .icon-group li a {
    display: block;
    padding: 0 16px; }
  .contact .icon-group li:nth-child(1) .icon-img {
    background-position: -6px -333px;
    margin: 0 auto; }
  .contact .icon-group li:nth-child(2) .icon-img {
    background-position: -80px -333px;
    margin: 0 auto; }
  .contact .icon-group li:nth-child(3) .icon-img {
    background-position: -150px -333px;
    margin: 0 auto; }
  .contact .icon-group li:nth-child(4) .icon-img {
    background-position: -218px -333px;
    margin: 0 auto; }
  .contact .icon-group li:nth-child(4) p {
    color: #999; }
    .contact .icon-group li:nth-child(4) p span {
      font-size: 0.75rem;
      background: #F5F5F5;
      border-radius: 8px;
      display: inline-block;
      margin-left: -8px;
      margin-top: 4px;
      padding: 0 8px;
      -webkit-transform: scale(0.84);
      -moz-transform: scale(0.84);
      -o-transform: scale(0.84);
      transform: scale(0.84); }
  .contact .icon-group li:nth-child(5) .icon-img {
    background-position: -288px -333px;
    margin: 0 auto; }
  .contact .icon-group li:nth-child(6) .icon-img {
    background-position: -357px -333px;
    margin: 0 auto; }
  .contact .icon-group li:nth-child(7) .icon-img {
    background-position: -426px -333px;
    margin: 0 auto; }
  .contact .icon-group li .icon-img {
    display: block;
    vertical-align: top; }
  .contact .icon-group li p {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    margin-left: 0;
    margin-top: 10px; }
  .contact .icon-group li:hover a {
    text-decoration: none; }
    .contact .icon-group li:hover a p {
      text-decoration: underline; }
.contact .icon-group li.col-xl-6 {
  text-align: center; }
.contact .map {
  position: relative;
  height: 800px;
  overflow: hidden; }
  .contact .map .card {
    background: none;
    background: -webkit-linear-gradient(to right, #FFF calc(50vw - 490px), rgba(255, 255, 255, 0.9) 100%);
    background: -moz-linear-gradient(to right, #FFF calc(50vw - 490px), rgba(255, 255, 255, 0.9) 100%);
    background: -o-linear-gradient(to right, #FFF calc(50vw - 490px), rgba(255, 255, 255, 0.9) 100%);
    background: linear-gradient(to right, #FFF calc(50vw - 490px), rgba(255, 255, 255, 0.9) 100%);
    position: relative;
    z-index: 1;
    width: 50%;
    height: 100%;
    display: block; }
    .contact .map .card .card-body {
      width: 490px;
      padding-top: 48px;
      padding-bottom: 48px;
      padding-right: 32px;
      float: right; }
  .contact .map .office-title {
    margin-bottom: 48px;
    font-weight: 400; }
  .contact .map .list-group-item {
    background: none;
    border: 0;
    border-bottom: 1px solid #eeeff0;
    margin: 0;
    padding: 0; }
    .contact .map .list-group-item:first-of-type .information {
      display: block; }
    .contact .map .list-group-item:last-child {
      border-bottom: 0; }
    .contact .map .list-group-item .item-title {
      color: #004771;
      padding-top: 24px;
      padding-bottom: 24px;
      cursor: pointer; }
      .contact .map .list-group-item .item-title h3 {
        font-weight: 400; }
      .contact .map .list-group-item .item-title i {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: #06789D; }
    .contact .map .list-group-item .information {
      display: none; }
      .contact .map .list-group-item .information p {
        padding-bottom: 24px; }
  .contact .map .item-active .item-title i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  .contact .map .card-map {
    position: absolute;
    top: 0;
    left: calc(75vw - 1500px);
    width: 3000px;
    height: 800px; }
    .contact .map .card-map .BMap_stdMpCtrl {
      left: auto !important;
      right: calc(1500px - 25vw) !important; }

.articles .container {
  position: relative;
  min-height: 460px; }
.articles .breadcrumb {
  background: none;
  padding: 0;
  margin: 0 auto;
  max-width: 810px; }
  .articles .breadcrumb .breadcrumb-item {
    font-weight: 600;
    font-size: 0.875rem; }
    .articles .breadcrumb .breadcrumb-item::before {
      color: #C6C9CD;
      font-weight: 300; }
.articles .articles-content {
  font-size: 1rem;
  margin-top: 32px; }
  .articles .articles-content p {
    margin-top: 40px;
    max-width: 810px;
    margin-left: auto !important;
    margin-right: auto !important; }
    .articles .articles-content p:nth-child(1) {
      margin-top: 0; }
  .articles .articles-content ol {
    max-width: 810px;
    margin-left: auto !important;
    margin-right: auto !important; }
  .articles .articles-content .addtoany_content {
    margin: 16px auto;
    max-width: 810px; }
  .articles .articles-content .title {
    display: block;
    font-weight: 600;
    margin-bottom: 8px; }
  .articles .articles-content img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.articles .social {
  border: 1px solid #eeeff0;
  margin-left: -128px;
  margin-top: 80px;
  padding: 16px 8px;
  padding-bottom: 8px;
  display: inline-block;
  position: absolute; }
  .articles .social a .dsicon {
    display: block;
    font-size: 1.375rem;
    color: #C6C9CD;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-bottom: 8px; }
  .articles .social a:hover {
    text-decoration: none; }
    .articles .social a:hover .dsicon {
      color: #004771; }
.articles .social-fixed {
  position: fixed;
  top: 8%; }
.articles.cn .articles-content .title + span {
  text-indent: 2em;
  display: block; }

.video-play {
  height: fit-content;
  padding-top: 56px;
  background: #F4F9FE; }
  .video-play img {
    width: 100%; }
  .video-play h2 {
    padding: 32px 0;
    color: #454B53; }

.solutions .container {
  padding-top: 64px;
  padding-bottom: 64px; }
.solutions h3 {
  margin-bottom: 24px;
  line-height: 1.68;
  text-align: center; }
  .solutions h3 span {
    font-size: 0.875rem;
    display: block; }
.solutions .go-header .row {
  margin: 0;
  margin-left: -16px;
  margin-right: -16px; }
.solutions .go-header li {
  margin-top: 64px;
  text-align: center; }
  .solutions .go-header li p {
    max-width: 350px;
    margin: 0 auto; }
.solutions .go-header .icon-img {
  width: 74px;
  height: 66px;
  margin: 0 auto;
  margin-bottom: 16px; }
.solutions .go-header .icon-1 {
  background-position: -8px -448px; }
.solutions .go-header .icon-2 {
  background-position: -87px -448px; }
.solutions .go-header .icon-3 {
  background-position: -166px -448px; }
.solutions .go-header .icon-4 {
  background-position: -244px -448px; }
.solutions .go-header .icon-5 {
  background-position: -315px -448px; }
.solutions .go-header .icon-6 {
  background-position: -388px -448px; }
.solutions .go-header .icon-7 {
  background-position: -460px -448px; }
.solutions .go-header .icon-8 {
  background-position: -530px -448px; }
.solutions .description {
  max-width: 810px;
  margin: 0 auto; }
  .solutions .description:nth-child(2) {
    margin-top: 64px; }
.solutions .customer > .container {
  position: relative;
  top: 0; }
.solutions .customer {
  padding: 0 16px; }
  .solutions .customer .switch-menu-h4 {
    display: none; }
    .solutions .customer .switch-menu-h4 .dsicon {
      color: #004771;
      position: absolute;
      right: 0;
      bottom: 10px; }
  .solutions .customer .switch-menu, .solutions .customer .switch-menu2 {
    text-align: center;
    margin: 0 auto;
    margin-top: 64px;
    margin-bottom: 24px; }
    .solutions .customer .switch-menu li, .solutions .customer .switch-menu2 li {
      float: left;
      padding-bottom: 12px !important;
      position: relative; }
    .solutions .customer .switch-menu span, .solutions .customer .switch-menu2 span {
      color: #06789D;
      font-weight: 600;
      cursor: pointer;
      padding-bottom: 12px; }
    .solutions .customer .switch-menu .active::after, .solutions .customer .switch-menu2 .active::after {
      display: block;
      clear: both;
      content: "";
      width: 100%;
      border-bottom: 2px solid #004771;
      position: absolute;
      bottom: 0;
      left: 0; }
  .solutions .customer .switch-menu {
    margin-bottom: 0; }
    .solutions .customer .switch-menu span {
      color: #004771; }
  .solutions .customer .switch-menu-fixed {
    background: #FFF;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 0;
    position: fixed;
    z-index: 9;
    top: 84px;
    left: 0;
    border-top: 1px solid #eeeff0;
    animation: navdown .3s; }
    .solutions .customer .switch-menu-fixed .switch-menu {
      margin-top: 24px; }
  .solutions .customer .switch-menu-currentTop {
    top: 0;
    animation: navdown .3s; }
  .solutions .customer .switch-menu2 .active::after {
    border-color: #06789D; }
  .solutions .customer .switch-menu2-sm {
    display: none;
    font-size: 0.875rem;
    color: #06789D;
    font-weight: 600;
    text-align: center;
    padding-top: 48px;
    padding-bottom: 24px; }
  .solutions .customer .piece {
    margin: 0px auto;
    display: none;
    overflow: hidden; }
    .solutions .customer .piece:nth-child(1) {
      display: block; }
    .solutions .customer .piece .text {
      max-width: 810px;
      margin: 0px auto;
      margin-bottom: 64px; }
  .solutions .customer .piece > .container {
    padding-top: 0px; }
  .solutions .customer .streamlined-body.row {
    margin-left: -16px;
    margin-right: -16px; }
  .solutions .customer .streamlined-body {
    overflow: hidden;
    margin-left: -16px;
    margin-right: -16px;
    text-align: center; }
    .solutions .customer .streamlined-body .col-md-6 p {
      padding: 0 48px; }
    .solutions .customer .streamlined-body li {
      width: 288px;
      min-height: 80px;
      display: inline-flex;
      margin-top: 24px;
      padding: 0 16px; }
      .solutions .customer .streamlined-body li p {
        color: #06789D;
        font-weight: 600;
        border: 1px solid #06789D;
        border-radius: 4px;
        width: 100%;
        height: auto;
        min-height: 80px;
        text-align: center;
        line-height: 1.4375;
        padding: 0 32px; }
      .solutions .customer .streamlined-body li span {
        position: relative;
        top: 50%;
        transform: translate(0%, -50%);
        display: block;
        text-align: center;
        padding: 8px 0; }
.solutions .propositions {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
   * Set a base background for 1x environments.
   */
  background: url("../image/go_02.png");
  background-size: auto auto;
  /*
   * Create an @2x-ish media query.
   */
  /*
   * Create media queries for all environments that the user has
   * provided images for.
   */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  background-size: cover !important;
  background-color: #06789D !important;
  background-attachment: fixed !important;
  position: relative;
  color: #FFF;
  display: block;
  min-height: 410px; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .solutions .propositions {
      background: url("../image/go_02@2x.png");
      background-size: auto auto; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .solutions .propositions {
      background: url("../image/go_02@2x.png");
      background-size: auto auto; } }
  .solutions .propositions h3 {
    margin-bottom: 48px; }
    .solutions .propositions h3 span {
      font-size: 1.125rem;
      display: block; }
  .solutions .propositions li {
    margin: 40px 0; }
    .solutions .propositions li h4 {
      font-weight: 700;
      margin: 0 auto;
      margin-bottom: 16px; }
    .solutions .propositions li p {
      max-width: 260px;
      margin: 0 auto; }
  .solutions .propositions .card-img-top {
    margin-top: 48px; }

.go .customer {
  padding: 0; }
  .go .customer .switch-menu2 {
    display: inline-block;
    margin-top: 0; }
    .go .customer .switch-menu2 li {
      margin: 0 64px; }
.go .propositions .thank {
  text-align: left;
  max-width: 640px; }
  .go .propositions .thank span {
    display: block;
    font-weight: 600;
    margin-top: 24px; }
.go .videos .card a {
  display: block;
  position: relative;
  height: 260px;
  overflow: hidden; }

.opera-conector .customer {
  text-align: center; }
  .opera-conector .customer .switch-menu2 {
    margin-top: 0;
    display: inline-block; }
    .opera-conector .customer .switch-menu2 li {
      margin: 0 64px;
      padding: 0 8px; }
  .opera-conector .customer .streamlined-body li p {
    padding: 0 8px; }

.max .max-header {
  text-align: center; }
  .max .max-header .description p {
    text-align: left; }
.max .htmleaf-container {
  overflow: hidden;
  margin-top: 64px; }
  .max .htmleaf-container li {
    font-size: 0.875rem;
    color: #06789D;
    text-align: center;
    float: left;
    margin-left: 152px; }
    .max .htmleaf-container li span {
      line-height: 1.2;
      font-size: 3rem;
      font-family: "DIN Condensed","Open Sans","PingFang SC","Microsoft YaHei",sans-serif;
      display: block; }
    .max .htmleaf-container li em {
      font-style: normal;
      font-family: "DIN Condensed","Open Sans","PingFang SC","Microsoft YaHei",sans-serif; }
    .max .htmleaf-container li .counter + i {
      font-family: "Open Sans","PingFang SC","Microsoft YaHei",sans-serif;
      font-style: normal;
      line-height: 0; }
    .max .htmleaf-container li sup {
      font-family: "DIN Condensed","Open Sans","PingFang SC","Microsoft YaHei",sans-serif;
      font-style: inherit;
      vertical-align: baseline;
      padding-left: 4px;
      top: -0.5rem; }
.max .customer > .container {
  padding-bottom: 0;
  padding-top: 0; }
.max .customer {
  padding-top: 64px !important; }
  .max .customer .pt-md {
    padding-top: 24px; }
  .max .customer .switch-menu {
    display: inline-flex;
    margin-top: 0;
    margin-left: -24px;
    margin-right: -24px; }
    .max .customer .switch-menu li {
      margin-left: 24px;
      margin-right: 24px; }
    .max .customer .switch-menu .active span {
      border-color: #004771; }
  .max .customer .piece {
    max-width: inherit; }
    .max .customer .piece .text {
      margin-bottom: 48px; }
    .max .customer .piece .streamlined-header {
      margin-top: 48px;
      margin-bottom: 0; }
      .max .customer .piece .streamlined-header p {
        margin-bottom: 8px;
        max-width: 810px;
        margin: 0 auto; }
.max .propositions {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
   * Set a base background for 1x environments.
   */
  background: url("../image/go_02.png");
  background-size: auto auto;
  /*
   * Create an @2x-ish media query.
   */
  /*
   * Create media queries for all environments that the user has
   * provided images for.
   */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  background-size: cover !important; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .max .propositions {
      background: url("../image/go_02@2x.png");
      background-size: auto auto; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .max .propositions {
      background: url("../image/go_02@2x.png");
      background-size: auto auto; } }
  .max .propositions li h4 {
    max-width: 264px; }
.max.cn .htmleaf-container li {
  margin-left: 190px; }

.win .cn .max .htmleaf-container li {
  margin-left: 158px; }

.click .mp-lg {
  padding-bottom: 32px; }
.click .customer > .container {
  padding-top: 0; }
.click .customer {
  padding-top: 64px !important;
  padding-bottom: 16px; }
  .click .customer .switch-menu {
    display: inline-flex;
    margin-bottom: 0; }
    .click .customer .switch-menu li {
      margin: 0 35px; }
  .click .customer .piece > .container {
    padding-top: 64px; }
  .click .customer .card-group {
    max-width: 640px;
    margin: 0 auto; }
  .click .customer .list-card {
    margin-bottom: 0;
    width: 100%; }
    .click .customer .list-card .card-img {
      padding-top: 48px;
      width: auto; }
    .click .customer .list-card .icon-img {
      float: right;
      width: 60px;
      height: 62px; }
    .click .customer .list-card .icon-1 {
      background-position: -4px -522px; }
    .click .customer .list-card .icon-2 {
      background-position: -68px -522px; }
    .click .customer .list-card .icon-3 {
      background-position: -135px -522px; }
    .click .customer .list-card .icon-4 {
      background-position: -207px -522px; }
    .click .customer .list-card .icon-5 {
      background-position: -283px -522px; }
    .click .customer .list-card .icon-6 {
      background-position: -352px -522px; }
    .click .customer .list-card h4 {
      font-size: 0.875rem;
      font-weight: 600;
      margin-bottom: 8px; }
    .click .customer .list-card .card-body {
      padding-bottom: 0;
      padding-right: 0;
      padding-left: 40px;
      flex: 1 1; }
  .click .customer .mp-lg {
    padding-top: 32px; }
  .click .customer .reporting .mp-48 {
    padding-bottom: 32px; }
  .click .customer .reporting .reporting-description {
    text-align: center;
    margin-top: 64px; }
    .click .customer .reporting .reporting-description p {
      margin-top: 24px; }
      .click .customer .reporting .reporting-description p:nth-child(1) {
        margin-top: 0; }
  .click .customer .card-img {
    padding: 0; }
    .click .customer .card-img img {
      width: 100%;
      height: auto; }
  .click .customer .propositions .container {
    max-width: 810px; }
  .click .customer .propositions li h4 {
    max-width: 100%; }
  .click .customer .propositions li p {
    max-width: 320px; }
  .click .customer .propositions .card-group {
    margin-top: 8px; }
    .click .customer .propositions .card-group h3 {
      color: #FFF;
      margin-bottom: 0; }
  .click .customer .propositions .list-card {
    background: none;
    margin-bottom: 0; }
    .click .customer .propositions .list-card h4 {
      font-size: 1rem;
      margin-bottom: 8px; }
  .click .customer .switch-menu2 {
    display: inline-block;
    margin-top: 48px;
    margin-bottom: 48px; }
    .click .customer .switch-menu2 li {
      margin: 0px 24px; }
  .click .customer .switch-box2 .piece .propositions .container {
    padding: 40px 0; }
  .click .customer .switch-box2 .piece .streamlined-body {
    margin-top: -24px;
    margin-bottom: 32px; }
    .click .customer .switch-box2 .piece .streamlined-body p {
      padding: 0 8px; }
  .click .customer .mp-48 {
    padding-bottom: 48px; }
  .click .customer .card-box .list-card {
    position: relative;
    margin: 0px;
    margin-bottom: 64px; }
    .click .customer .card-box .list-card:nth-child(even) .card-img {
      position: relative;
      left: 50%; }
    .click .customer .card-box .list-card:nth-child(even) .card-body {
      padding-left: 0;
      padding-right: 40px;
      left: 0; }
    .click .customer .card-box .list-card:last-child {
      margin-bottom: 0; }
  .click .customer .card-box .card-body {
    transform: translate(0%, -50%);
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%; }
    .click .customer .card-box .card-body p {
      padding-top: 24px; }
      .click .customer .card-box .card-body p:nth-child(1) {
        padding-top: 0; }
    .click .customer .card-box .card-body .semi-bold {
      font-weight: 600; }
  .click .customer .automated-bidding .switch-menu2 li {
    max-width: 196px;
    margin: 0; }
    .click .customer .automated-bidding .switch-menu2 li:nth-child(1) {
      margin-right: 256px; }

.we-chat {
  overflow: hidden; }
  .we-chat .go-header .img {
    margin-top: 40px; }
    .we-chat .go-header .img img {
      width: 100%; }
  .we-chat .we-icon-group .container {
    padding-bottom: 16px; }
  .we-chat .we-icon-group ul {
    margin-left: -48px;
    margin-right: -48px; }
  .we-chat .we-icon-group li {
    margin-bottom: 48px;
    padding: 0 48px; }
  .we-chat .we-icon-group h5 {
    margin-bottom: 24px; }
  .we-chat .we-icon-group p {
    font-size: 0.875rem;
    color: #454B53;
    font-weight: 400;
    max-width: initial; }
  .we-chat .we-icon-group .icon-img {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    margin-bottom: 16px; }
  .we-chat .we-icon-group .icon-1 {
    background-position: -6px -593px; }
  .we-chat .we-icon-group .icon-2 {
    background-position: -82px -593px; }
  .we-chat .we-icon-group .icon-3 {
    background-position: -163px -593px; }
  .we-chat .we-icon-group .icon-4 {
    background-position: -241px -593px; }
  .we-chat .we-icon-group .icon-5 {
    background-position: -318px -593px; }
  .we-chat .we-icon-group .icon-6 {
    background-position: -396px -593px; }
  .we-chat .we-icon-group .icon-7 {
    background-position: -472px -593px; }
  .we-chat .we-icon-group .icon-8 {
    background-position: -548px -593px; }
  .we-chat .propositions {
    overflow: hidden;
    min-height: 520px; }
    .we-chat .propositions .container {
      position: relative; }
    .we-chat .propositions h3 {
      text-align: left;
      margin-bottom: 48px; }
    .we-chat .propositions .description {
      margin: 0; }
      .we-chat .propositions .description p {
        padding-bottom: 24px; }
    .we-chat .propositions .img {
      position: absolute;
      left: 50%;
      z-index: 0;
      width: 50%;
      height: 100%; }
      .we-chat .propositions .img .phone-img {
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 72px; }
      .we-chat .propositions .img p {
        text-align: center;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        margin-left: 80px; }
        .we-chat .propositions .img p img {
          display: block;
          margin: 0 auto;
          margin-bottom: 8px; }

.one .customer .piece .container {
  padding-top: 48px; }
.one .customer .piece:nth-child(even) .card-img {
  position: relative;
  left: 50%; }
  .one .customer .piece:nth-child(even) .card-img .ml-negative {
    margin-left: -48px; }
.one .customer .piece:nth-child(even) .card-body {
  padding-left: 0;
  padding-right: 48px;
  left: 0; }
.one .customer .piece:nth-child(4) .card-body {
  transform: translate(0%, -90%); }
.one .customer .piece:nth-child(4) .ml-negative {
  max-width: 733px; }
.one .customer .switch-menu li {
  margin: 0 40px; }
.one .customer .list-card h3 {
  text-align: left;
  margin-bottom: 0; }
.one .customer .list-card .card-img {
  padding-top: 0; }
.one .customer .list-card img {
  max-width: 476px;
  width: auto; }
.one .customer .list-card .ml-negative {
  margin-left: -112px;
  max-width: 652px; }
.one .customer .list-card .card-body {
  padding-left: 48px;
  transform: translate(0%, -56%); }
.one .one-icon-group ul {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }
.one .one-icon-group li {
  margin-top: 40px; }
.one .one-icon-group h5 {
  margin-bottom: 24px; }
.one .one-icon-group .icon-img {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 16px; }
.one .one-icon-group .icon-1 {
  background-position: 1px -726px; }
.one .one-icon-group .icon-2 {
  background-position: -80px -726px; }
.one .one-icon-group .icon-3 {
  background-position: -160px -726px; }
.one .propositions li p {
  max-width: 350px; }

.overflow-x {
  overflow-x: auto;
  width: 100%; }

.table {
  min-width: 800px;
  font-size: 0.875rem; }
  .table th, .table td {
    line-height: 1.68; }
  .table th {
    font-weight: 400;
    border: 0 !important;
    background-color: rgba(198, 201, 205, 0.2); }
  .table td {
    border-top: 0;
    border-bottom: 1px solid #eeeff0; }

@media (max-width: 1400px) {
  .one .customer .piece:nth-child(4) .ml-negative {
    max-width: 120%; }
  .one .customer .list-card .ml-negative {
    max-width: 110%;
    margin-left: -8px; } }
/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1200px) {
  .about .list-item-wrap {
    width: 160px !important; }
    .about .list-item-wrap .list-item-box {
      padding-left: 16px; }
  .about .list-item-wrap-1 {
    width: calc(50vw - 320px) !important; }
  .about .min-active-item {
    width: calc(50vw - 395px) !important; }
  .about .active-item {
    width: 250px !important; }
    .about .active-item:nth-child(1) {
      width: calc(50vw - 230px) !important; }
      .about .active-item:nth-child(1) .list-item-box {
        width: calc(50vw - 230px); }
    .about .active-item .list-item {
      padding-top: 152px; }
      .about .active-item .list-item .description {
        overflow: hidden;
        height: 10.08em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical; }
    .about .active-item .list-item-box {
      padding-left: 32px; }

  .contact .map .card {
    min-width: 530px;
    padding-left: 32px; }

  .we-are-page .who-we-do .card-img img {
    height: initial;
    width: 2000px;
    margin-left: -500px; }
  .we-are-page .who-we-do .card-body {
    width: 58vw; }
    .we-are-page .who-we-do .card-body .card-text {
      margin-left: 8vw;
      margin-right: 24px; }
  .we-are-page .doing-the-right {
    overflow: hidden; }
    .we-are-page .doing-the-right .card-body {
      margin-right: 24px; }
      .we-are-page .doing-the-right .card-body p {
        padding: 24px; }
  .we-are-page.cn .doing-the-right .card-body p {
    padding: 40px 24px 24px 24px; }

  .card-group .list-card .card-body {
    width: 50%; }

  .icon-group ul {
    margin: 0px !important; }

  .resources .icon-group ul {
    margin-right: 0; }

  .one .customer .piece:nth-child(4) .ml-negative {
    max-width: 110%; }
  .one .customer .list-card .ml-negative {
    margin-left: 0; } }
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 991px) {
  .screen-align {
    text-align: left !important; }

  .screen-br {
    display: none !important; }

  .different .piece {
    width: 220px; }

  /*who-we-are*/
  .who-we-are .heading-row {
    padding-bottom: 64px; }
  .who-we-are .row {
    margin-top: 0; }
    .who-we-are .row li {
      padding-top: 64px;
      padding-bottom: 16px; }
  .who-we-are .earth {
    text-align: center;
    max-width: 1356px;
    margin: 0 auto;
    position: relative; }
    .who-we-are .earth img {
      min-width: 1000px;
      margin-left: -500px;
      position: absolute;
      bottom: 0;
      left: 50%; }

  .we-are-page .who-we-are .earth img {
    position: relative;
    bottom: 0;
    margin: 0;
    left: 50%;
    min-width: 100%;
    transform: translate(-50%, 0%); }
  .we-are-page .doing-the-right .card-body {
    margin-right: calc(50vw - 216px) !important; }

  /*END who-we-are*/
  /*news*/
  .news .container {
    padding-left: 16px;
    padding-right: 16px; }
  .news .card {
    padding: 0 8px; }
    .news .card:last-child {
      display: none; }
  .news .swiper-wrapper .card {
    margin: 0; }

  /*END news*/
  /*about*/
  .about {
    height: auto !important; }
    .about h2 {
      position: relative;
      padding-bottom: 0; }
    .about .list-item-wrap {
      width: 54% !important;
      height: 424px !important;
      clip-path: polygon(0px 0px, 106% -2px, 100% 100%, 0px 100%) !important;
      padding: 0; }
      .about .list-item-wrap:nth-child(odd) {
        width: 46% !important; }
        .about .list-item-wrap:nth-child(odd) .list-item-box {
          padding-left: 24px; }
        .about .list-item-wrap:nth-child(odd) .item-img img {
          margin-left: -24px !important; }
      .about .list-item-wrap .list-item-box {
        padding-left: 0;
        padding-right: 0;
        width: 270px;
        margin: 0 auto; }
      .about .list-item-wrap:nth-child(6) {
        position: relative; }
    .about .list-item-wrap-1 .list-item-box {
      float: none; }
    .about .list-item {
      padding-top: 64px !important; }
      .about .list-item h4 {
        width: 100%;
        height: auto;
        margin-bottom: 24px; }
        .about .list-item h4 .icon-img {
          margin-bottom: 8px; }
      .about .list-item .linear-gradient-out {
        display: block; }
      .about .list-item .description {
        display: block;
        opacity: 1;
        height: 216px;
        overflow: auto;
        height: auto;
        text-overflow: ellipsis;
        -webkit-line-clamp: unset; }
      .about .list-item .more-btn {
        display: block;
        opacity: 1; }
      .about .list-item .text-link {
        margin-top: 8px; }
      .about .list-item .item-img .linear-gradient {
        display: none; }
      .about .list-item .item-img img {
        width: 100% !important;
        height: auto !important;
        min-height: 100%; }
      .about .list-item .max-992 {
        display: block; }

  .about-page .container {
    padding-left: 16px;
    padding-right: 16px; }
  .about-page .card-group .slogan {
    padding: 0 24px; }

  /*END about*/
  .leadership .container {
    padding-left: 24px;
    padding-right: 24px; }

  /*card-group*/
  .card-group ul {
    padding: 0; }

  /*END card-group*/
  .clients-say .container {
    padding-left: 16px;
    padding-right: 16px; }
  .clients-say .col-sm-6 {
    padding-left: 8px;
    padding-right: 8px; }

  .learning-hub .switch-news li {
    width: auto;
    margin-left: 16px;
    margin-right: 16px; }

  .resources .container {
    padding-left: 16px;
    padding-right: 16px; }
  .resources .news .card:last-child {
    display: block; }

  .careers .careers-card-group .container {
    padding-top: 48px;
    padding-bottom: 48px; }

  .solutions .customer {
    padding: 0; }
    .solutions .customer .streamlined-body {
      margin-left: -16px !important;
      margin-right: -16px !important; }
      .solutions .customer .streamlined-body li {
        width: 50%;
        float: left; }
    .solutions .customer .switch-box2 .propositions li {
      width: 50%; }
  .solutions .propositions li {
    width: 33.333333%; }

  .go .customer .switch-menu2 li {
    margin: 0 16px; }
  .go .customer .switch-box2 .streamlined-header {
    margin-bottom: 24px; }

  .max .customer .switch-menu {
    display: flex;
    margin-left: 0;
    margin-right: 0; }
    .max .customer .switch-menu li {
      margin: 0;
      padding: 0 16px;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%; }
      .max .customer .switch-menu li:nth-child(1) {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%; }
  .max .htmleaf-container li {
    margin-left: 0 !important;
    width: 33.333333%; }

  .click .customer .switch-menu li {
    margin: 0; }
    .click .customer .switch-menu li:nth-child(1) {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%; }
  .click .customer .switch-box2 .propositions .container {
    padding: 40px !important; }
  .click .propositions li {
    width: auto; }

  .we-chat .we-icon-group .container ul {
    margin-left: -16px;
    margin-right: -16px; }
  .we-chat .we-icon-group .container li {
    padding: 0 16px; }

  .one .customer .piece:nth-child(even) .card-img {
    position: relative;
    left: 50%; }
    .one .customer .piece:nth-child(even) .card-img .ml-negative {
      margin-left: -0; }
  .one .customer .piece:nth-child(4) .card-body {
    transform: translate(0%, -70%); }
  .one .customer .list-card .card-img img {
    width: 100%; }
  .one .customer .list-card .card-img .ml-negative {
    margin-left: 0; }
  .one .customer .list-card .card-body {
    padding-left: 48px; }
  .one .propositions li {
    width: auto; } }
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
@media (max-width: 767px) {
  /*different*/
  .different .container {
    width: auto; }
  .different .piece {
    width: 46%;
    margin-left: 5%;
    text-align: center;
    margin-bottom: 0;
    float: none !important; }
    .different .piece .description {
      margin-top: 72px; }
  .different .float-left {
    margin-top: 104px; }
  .different .float-right {
    margin-bottom: 104px; }
  .different .portrait {
    bottom: 160px;
    right: 5%;
    left: initial; }

  .news .card .card-body {
    padding-left: 16px;
    padding-right: 16px; }
    .news .card .card-body h3 {
      height: auto; }

  /*END different*/
  .we-are-page .who-we-do .card-body {
    width: 100%;
    clip-path: polygon(0px 0px, 100% 0px, 100% 102%, 0px 100%); }
    .we-are-page .who-we-do .card-body .card-text {
      max-width: 100%;
      margin: 48px 40px; }

  .about-page .list-card .card-img {
    height: 300px; }

  .clients-say .row {
    margin-left: -8px;
    margin-right: -8px; }
  .clients-say .col-sm-6 {
    padding-left: 8px;
    padding-right: 8px; }
    .clients-say .col-sm-6 .card {
      padding: 32px 16px 16px; }
      .clients-say .col-sm-6 .card p {
        min-height: 160px; }

  .leadership .container {
    padding-left: 8px !important;
    padding-right: 8px !important; }

  /*card-group*/
  .card-group .list-card .card-img {
    width: 100%;
    text-align: center; }
  .card-group .list-card .card-body {
    max-width: 100%;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px; }

  /*END card-group*/
  /*icon-group*/
  .icon-group .container {
    padding-top: 32px;
    padding-bottom: 48px; }
  .icon-group li {
    width: 33.333333%;
    margin-top: 32px; }
    .icon-group li p {
      height: 48px; }

  /*careers*/
  .careers .list-card .card-body {
    max-width: 100%;
    padding-right: 0; }
    .careers .list-card .card-body:nth-child(2) {
      margin-top: 24px; }
  .careers .list-card .button {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left !important;
    padding-left: 0; }
  .careers .customer-support .list-card .card-body {
    padding-right: 0 !important; }
    .careers .customer-support .list-card .card-body:first-child {
      border-bottom: 1px solid #eeeff0; }
  .careers .careers-details .list-card .col-md-4 {
    margin-bottom: 24px;
    padding: 0; }
  .careers .careers-details .list-card p .dot {
    margin-top: 8px; }

  /*contact*/
  .contact .icon-group li {
    text-align: center !important;
    margin-top: 0; }

  .learning .card-group li {
    padding-left: 16px;
    padding-right: 16px; }
    .learning .card-group li .card-img {
      max-height: 246px; }

  .resources .articles li {
    padding: 0;
    padding-bottom: 40px; }
  .resources .articles a {
    margin: 0; }
  .resources .articles .card-body {
    padding: 24px 24px 0 24px; }
  .resources .articles .card-img {
    overflow: hidden;
    max-height: 200px; }
  .resources .news .introduction {
    padding: 24px 16px 32px 16px !important; }
  .resources .videos .card a {
    padding-left: 16px;
    padding-right: 16px; }
    .resources .videos .card a .card-body {
      height: 200px !important; }

  .learning-hub .switch-news li {
    width: auto;
    margin: 0;
    display: block !important; }

  .solutions .customer .switch-menu2 {
    margin-bottom: 24px; }
    .solutions .customer .switch-menu2 li {
      display: none;
      padding-bottom: 0 !important; }
      .solutions .customer .switch-menu2 li:nth-child(1) {
        display: block; }
      .solutions .customer .switch-menu2 li span {
        padding-bottom: 0; }
    .solutions .customer .switch-menu2 .active::after {
      border: 0 !important; }
  .solutions .customer .streamlined-body {
    margin: 0 !important; }
    .solutions .customer .streamlined-body li {
      width: 100%;
      padding: 0; }
    .solutions .customer .streamlined-body p {
      margin: 0 !important; }
  .solutions .customer .switch-box2 .piece {
    display: block !important; }
    .solutions .customer .switch-box2 .piece .switch-menu2-sm {
      display: block; }
    .solutions .customer .switch-box2 .piece .streamlined-body li:nth-child(1) {
      margin-top: 0; }
  .solutions .customer .switch-box2 .propositions {
    margin-top: 40px; }
    .solutions .customer .switch-box2 .propositions .container {
      padding-top: 64px !important;
      padding-bottom: 64px !important; }
    .solutions .customer .switch-box2 .propositions .switch-menu2-sm {
      font-size: 1.125rem;
      color: #FFF;
      font-weight: 400;
      margin: 0;
      padding: 0; }
  .solutions .customer .videos .card {
    margin-bottom: 16px; }
  .solutions .propositions li {
    width: 50%;
    margin-bottom: 0; }
    .solutions .propositions li p {
      max-width: inherit !important; }
  .solutions .propositions .ml-auto {
    margin-left: 0 !important; }

  .go .customer .switch-menu2 li {
    margin: 0; }
    .go .customer .switch-menu2 li:nth-child(1) {
      margin-right: 8px; }

  .click .customer .card-group {
    max-width: 100%;
    text-align: center; }
  .click .customer .card-box .card-img {
    margin: 0 auto !important; }
  .click .customer .list-card .card-img {
    left: 0 !important;
    margin: 0 auto; }
  .click .customer .list-card .card-body {
    flex: 1 1 100%;
    width: 100%;
    padding-top: 24px;
    padding-left: 0;
    position: relative;
    transform: translate(0%, 0%);
    left: 0; }
  .click .customer .propositions .card-group {
    padding-top: 40px; }
    .click .customer .propositions .card-group h3 {
      text-align: left; }
    .click .customer .propositions .card-group .card-img {
      margin-left: initial; }
  .click .customer .propositions .list-card {
    width: 100%; }
  .click .customer .switch-box2 .propositions .container {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .click .customer .card-box .card-img {
    padding-top: 0; }
  .click .automated-bidding .switch-box2 {
    margin-bottom: 64px; }
  .click .automated-bidding .switch-menu2 li {
    max-width: 100% !important; }
    .click .automated-bidding .switch-menu2 li:nth-child(1) {
      margin-right: 0 !important; }

  .we-chat .we-icon-group li {
    height: auto !important; }
  .we-chat .propositions .description {
    padding: 0; }

  .we-chat .propositions .img {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    margin-top: 40px; }
    .we-chat .propositions .img .phone-img {
      transform: translate(-50%, 0%);
      position: relative;
      top: 0%;
      left: 50%;
      margin-left: 0; }
    .we-chat .propositions .img p {
      margin-left: 8px; }

  .one .customer .piece:nth-child(4) .card-img .ml-negative {
    width: 110%; }
  .one .customer .piece:nth-child(4) .card-body {
    transform: translate(0%, -20%); }
  .one .customer .card-body {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .one .customer .card-box .card-img {
    margin: 0 !important; }
  .one .customer .card-box .card-body {
    padding-top: 40px; } }
@media (max-width: 630px) {
  /*different*/
  .different .piece {
    width: 46%;
    margin-left: 5%; }

  /*END different*/ }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  body {
    font-size: 1rem; }

  .screen-align-h {
    text-align: left !important; }

  .container {
    padding-left: 24px !important;
    padding-right: 24px !important; }

  /*who-we-are*/
  .who-we-are .heading-row {
    padding-bottom: 48px; }
    .who-we-are .heading-row .text-link {
      font-size: 1rem;
      padding-top: 24px; }
  .who-we-are .row {
    margin-bottom: 0; }
    .who-we-are .row li {
      padding-top: 64px;
      padding-bottom: 0;
      line-height: 1.4375; }
      .who-we-are .row li span {
        font-size: 2rem; }
        .who-we-are .row li span em {
          font-size: 2rem; }
  .who-we-are .data-note {
    margin-top: 48px; }

  .we-are-page .who-we-do .card-img {
    position: relative;
    height: initial; }
    .we-are-page .who-we-do .card-img img {
      width: 100%;
      margin-left: 0; }
  .we-are-page .who-we-do .card-body .card-text {
    margin: 24px; }
  .we-are-page .doing-the-right .card-header {
    padding: 0; }
  .we-are-page .doing-the-right .card-body {
    width: auto;
    text-align: center;
    margin: 0 !important;
    padding: 0;
    position: relative; }
    .we-are-page .doing-the-right .card-body li {
      width: 100%;
      max-width: initial;
      position: relative; }
    .we-are-page .doing-the-right .card-body .list-img {
      float: none;
      padding-bottom: 16px; }
      .we-are-page .doing-the-right .card-body .list-img .icon-img {
        margin: 0px auto; }
    .we-are-page .doing-the-right .card-body p {
      max-width: initial;
      width: 100%;
      padding-top: 0; }
  .we-are-page .doing-the-right .card-img {
    display: none; }
  .we-are-page.cn .doing-the-right .card-body p {
    padding-top: 0; }

  /*END who-we-are*/
  /*resources*/
  .resources .container {
    padding: 24px 8px !important;
    position: relative; }
  .resources .row {
    overflow: hidden; }
  .resources .news .card-body {
    height: auto !important; }
  .resources .card:last-child {
    display: block; }
  .resources .pagination {
    width: 100%;
    text-align: center;
    text-align: center;
    display: block;
    position: relative;
    bottom: -16px;
    z-index: 16;
    width: 100%; }
    .resources .pagination .swiper-pagination-bullet {
      width: 32px;
      height: 1px;
      background: #999;
      margin: 0 4px; }
    .resources .pagination .swiper-pagination-bullet-active {
      background: #004771; }
  .resources .text-link {
    padding-top: 40px; }
  .resources .videos .card a .card-body {
    height: auto !important; }

  /*END resources*/
  /*news*/
  .news .container {
    padding: 16px 8px 24px 8px !important;
    position: relative; }
  .news .row {
    overflow: hidden; }
  .news .card {
    margin-bottom: 16px; }
    .news .card:last-child {
      display: block;
      margin-bottom: 0; }
  .news .pagination {
    width: 100%;
    text-align: center;
    text-align: center;
    display: block;
    position: relative;
    bottom: -16px;
    z-index: 16;
    width: 100%; }
    .news .pagination .swiper-pagination-bullet {
      width: 32px;
      height: 1px;
      background: #999;
      margin: 0 4px;
      border-radius: 0; }
    .news .pagination .swiper-pagination-bullet-active {
      background: #004771; }
  .news .text-link {
    padding-top: 0; }

  /*END news*/
  /*about*/
  .about .list-item-wrap {
    height: 300px !important; }
  .about .active-item .list-item {
    padding-top: 64px; }
  .about .list-item h4 {
    font-size: 1rem;
    width: 146px;
    height: 98px; }
  .about .list-item .list-item-box {
    width: 100%; }
  .about .list-item .description {
    display: none !important; }
  .about .list-item .text-link {
    font-size: 0.875rem;
    padding: 8px 24px;
    color: #FFF !important;
    min-width: auto;
    background: -webkit-linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 686px ));
    background: -moz-linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 686px ));
    background: -o-linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 686px ));
    background: linear-gradient(135deg, #004771 calc((100vw - 980px)*0.9/2), #06789D calc((100vw - 980px)*0.9/2 + 686px )); }
    .about .list-item .text-link:hover {
      background: -webkit-linear-gradient(to right, #245E85, #298BAA);
      background: -moz-linear-gradient(to right, #245E85, #298BAA);
      background: -o-linear-gradient(to right, #245E85, #298BAA);
      background: linear-gradient(to right, #245E85, #298BAA); }
      .about .list-item .text-link:hover span {
        text-decoration: none !important; }
    .about .list-item .text-link:active {
      background: -webkit-linear-gradient(to right, #003254, #045975);
      background: -moz-linear-gradient(to right, #003254, #045975);
      background: -o-linear-gradient(to right, #003254, #045975);
      background: linear-gradient(to right, #003254, #045975);
      box-shadow: 0 !important; }
    .about .list-item .text-link i {
      display: none; }

  .about-page .container {
    padding: 48px 8px !important; }
  .about-page .shared-jumbotro .container {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .about-page .card-group .slogan {
    padding: 0 16px; }
  .about-page .list-card .card-img {
    height: 200px; }

  /*END about*/
  /*card-group*/
  .card-group .list-card .card-body {
    padding-left: 16px;
    padding-right: 16px; }

  /*icon-group*/
  .icon-group .container {
    padding-top: 32px !important;
    padding-bottom: 48px !important; }
  .icon-group li {
    width: 50%; }

  /*different*/
  .different .container {
    width: auto; }
  .different .piece {
    width: auto;
    margin-left: 32px;
    margin-right: 32px;
    margin: 0 auto;
    margin-top: 56px;
    float: none !important; }
    .different .piece .description {
      margin-top: 56px; }
      .different .piece .description.piece-center {
        margin-left: 0; }
    .different .piece p {
      text-align: center; }
  .different .float-left {
    margin-top: 96px; }
  .different .float-right {
    margin-bottom: 0; }
  .different .portrait {
    right: initial;
    left: 50%;
    bottom: 188px;
    opacity: 0.06; }

  /*END different*/
  /*contact*/
  .contact .icon-group .container {
    padding-top: 64px !important;
    padding-bottom: 24px !important; }
  .contact .icon-group li {
    margin-bottom: 32px;
    width: 100%;
    margin-bottom: 48px; }
    .contact .icon-group li p {
      display: block;
      width: auto !important;
      max-width: initial !important;
      margin: 0px auto;
      margin-top: 16px;
      text-align: center !important; }
  .contact .map {
    background: #FFF;
    height: auto; }
    .contact .map .card {
      min-width: 100%; }
      .contact .map .card .office-title {
        margin-bottom: 24px; }
      .contact .map .card .card-body {
        width: 100%;
        padding-bottom: 0; }
    .contact .map .card-map {
      position: relative;
      max-height: 320px;
      margin-top: -320px;
      left: calc(50vw - 1500px);
      z-index: 1; }
      .contact .map .card-map:nth-child(2) {
        margin-top: 0; }
      .contact .map .card-map .BMap_stdMpCtrl {
        left: auto !important;
        right: calc(1504px - 50vw) !important; }

  /*clients-say*/
  .clients-say .container {
    padding-bottom: 0;
    padding-left: 8px !important;
    padding-right: 8px !important; }
  .clients-say .col-sm-6 {
    margin-bottom: 16px;
    margin-top: 0 !important; }
    .clients-say .col-sm-6 .card {
      padding: 32px 16px 16px; }

  .learning-hub .container {
    padding-top: 24px; }
    .learning-hub .container .slogan {
      padding-top: 56px; }
  .learning-hub .switch-news {
    margin-top: 40px;
    width: 100%;
    display: table; }
    .learning-hub .switch-news li {
      width: 100%;
      display: none !important;
      text-align: left;
      padding-left: 0; }
    .learning-hub .switch-news .active {
      display: block !important; }
      .learning-hub .switch-news .active::before {
        display: block; }
  .learning-hub .switch-news-active li {
    display: block !important; }

  .solutions .go-header li {
    margin-top: 48px; }
  .solutions .propositions li {
    width: 100% !important; }
  .solutions .videos .card {
    margin-bottom: 16px; }
  .solutions .customer .switch-menu-h4 {
    color: #004771;
    font-weight: 600;
    border-bottom: 2px solid #004771;
    padding-bottom: 12px;
    padding-right: 24px;
    text-align: left;
    display: block;
    position: relative; }
  .solutions .customer .switch-menu-fixed .switch-menu-h4 {
    padding-top: 16px; }
  .solutions .customer .switch-menu {
    height: 0;
    overflow: hidden;
    background: #FFF;
    margin-top: 0 !important;
    padding: 0 24px;
    -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    z-index: 6; }
    .solutions .customer .switch-menu li {
      width: 100%;
      text-align: left;
      padding-left: 0;
      -ms-flex-preferred-size: 0;
      flex-basis: 100%;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .solutions .customer .switch-menu .active::after {
      border: 0; }
  .solutions .customer .switch-menu-active {
    height: auto;
    padding: 24px; }
  .solutions .customer .streamlined-body p {
    padding: 0 8px !important; }
  .solutions .customer .switch-box2 .switch-menu2-sm {
    font-size: 1rem; }

  .opera-conector .customer .switch-menu2 li {
    margin: 0 8px; }

  .max .htmleaf-container {
    margin-top: 0; }
    .max .htmleaf-container li {
      width: 100%;
      margin-top: 64px; }
  .max .customer .switch-menu-active {
    display: inline-block;
    right: 0; }

  .click .customer .propositions .card-group {
    text-align: center !important; }
    .click .customer .propositions .card-group h3 {
      text-align: center; }
    .click .customer .propositions .card-group .card-img {
      margin: 0px auto; }

  .we-chat .we-icon-group li {
    height: auto !important; } }
@media (max-width: 359px) {
  .container {
    padding-left: 16px !important;
    padding-right: 16px !important; }

  .icon-group li p {
    height: 56px; } }
@keyframes showitem {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@media (min-width: 992px) {
  .about .list-item-wrap:nth-child(1) .list-item .description, .about .list-item-wrap:nth-child(3) .list-item .description, .about .list-item-wrap:nth-child(6) .list-item .description {
    margin-top: -20px; }
  .about.cn .list-item-wrap .list-item .description {
    margin-top: -20px; }
  .about.cn .list-item-wrap:nth-child(5) .list-item .description {
    margin-top: 0; } }
@media (max-width: 364px) {
  .our-partners .partners-logo .item-body .list-group-img {
    flex: 0 0 100% !important;
    max-width: 100% !important; } }

/*# sourceMappingURL=main.css.map */