.icon-48 {
  width: 48px;
  height: 48px;
}
span.icon-inspection-36 {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url('/img/icons/icon-inspection-36.svg') no-repeat center center;
  background-size: cover;
}
span.icon-trend-36 {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url('/img/icons/icon-trend-36.svg') no-repeat center center;
  background-size: cover;
}
span.icon-headset-one-36 {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url('/img/icons/icon-headset-one-36.svg') no-repeat center center;
  background-size: cover;
}
span.icon-alarm-36 {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url('/img/icons/icon-alarm-36.svg') no-repeat center center;
  background-size: cover;
}
span.icon-tool-36 {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url('/img/icons/icon-tool-36.svg') no-repeat center center;
  background-size: cover;
}
span.icon-transaction-36 {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url('/img/icons/icon-transaction-36.svg') no-repeat center center;
  background-size: cover;
}
span.icon-flash-payment-36 {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url('/img/icons/icon-flash-payment-36.svg') no-repeat center center;
  background-size: cover;
}
span.icon-mail-colorful {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url('/img/icons/icon-mail-48.svg') no-repeat center center;
  background-size: cover;
}
span.icon-address-colorful {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url('/img/icons/icon-address-48.svg') no-repeat center center;
  background-size: cover;
}
span.icon-tel-colorful {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url('/img/icons/icon-tel-48.svg') no-repeat center center;
  background-size: cover;
}
span.icon-effiency {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url('/img/icons/icon-flash-payment.svg') no-repeat center center;
  background-size: cover;
}
span.icon-safe-line {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url('/img/icons/icon-protect-line.svg') no-repeat center center;
  background-size: cover;
}
span.icon-leaf {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url('/img/icons/icon-leaf.svg') no-repeat center center;
  background-size: cover;
}
span.icon-eyes {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-eyes.svg') no-repeat center center;
  background-size: cover;
}
span.icon-alarm {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-alarm.svg') no-repeat center center;
  background-size: cover;
}
span.icon-check-blue {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-check-blue.svg') no-repeat center center;
  background-size: cover;
}
span.icon-check-orange {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-check-orange.svg') no-repeat center center;
  background-size: cover;
}
span.icon-switch {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-switch.svg') no-repeat center center;
  background-size: cover;
}
span.icon-smart-optimization {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-smart-optimization.svg') no-repeat center center;
  background-size: cover;
}
span.icon-protect {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-protect.svg') no-repeat center center;
  background-size: cover;
}
span.icon-increase {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-increase.svg') no-repeat center center;
  background-size: cover;
}
span.icon-optimize {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-optimize.svg') no-repeat center center;
  background-size: cover;
}
span.icon-medical-files {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-medical-files.svg') no-repeat center center;
  background-size: cover;
}
span.icon-internal-data {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-internal-data.svg') no-repeat center center;
  background-size: cover;
}
span.icon-database-sync {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-database-sync.svg') no-repeat center center;
  background-size: cover;
}
span.icon-reverse-operation-in {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-reverse-operation-in.svg') no-repeat center center;
  background-size: cover;
}
span.icon-merge-cells {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-merge-cells.svg') no-repeat center center;
  background-size: cover;
}
span.icon-layers {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-layers.svg') no-repeat center center;
  background-size: cover;
}
span.icon-analysis {
  display: inline-block;
  margin: 0 8px -4px 8px;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-analysis.svg') no-repeat center center;
  background-size: cover;
}
span.icon-brain {
  display: inline-block;
  margin: 0 12px -6px 0;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-brain.svg') no-repeat center center;
  background-size: cover;
}
span.icon-healthy-recognition {
  display: inline-block;
  margin: 0 12px -6px 0;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-healthy-recognition.svg') no-repeat center center;
  background-size: cover;
}
span.icon-cooperative-handshake {
  display: inline-block;
  margin: 0 12px -6px 0;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-cooperative-handshake.svg') no-repeat center center;
  background-size: cover;
}
span.icon-concept-sharing {
  display: inline-block;
  margin: 0 12px -6px 0;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-concept-sharing.svg') no-repeat center center;
  background-size: cover;
}
span.icon-enquire {
  display: inline-block;
  margin: 0 12px -6px 0;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-enquire.svg') no-repeat center center;
  background-size: cover;
}
/* 2nd level icon */
span.icon-people {
  display: inline-block;
  margin: 0 8px -4px 0;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-peoples.png') no-repeat center center;
  background-size: cover;
}
span.icon-wechat {
  display: inline-block;
  margin: 0 8px -4px 0;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-wechat.svg') no-repeat center center;
  background-size: cover;
}
span.icon-mail {
  display: inline-block;
  margin: 0 8px -4px 0;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-mail.png') no-repeat center center;
  background-size: cover;
}
span.icon-s-shield-add {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-shield-add.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-local {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-local.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-repositioning {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-repositioning.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-add-item {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-add-item.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-time {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-time.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-battery-full {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-battery-full.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-increase-y {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-increase-y.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-i-mac {
  display: inline-block;
  margin: 0 8px -6px 0;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-i-mac.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-devices {
  display: inline-block;
  margin: 0 8px -6px 0;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-devices.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-wechat {
  display: inline-block;
  margin: 0 8px -8px 0;
  width: 30px;
  height: 30px;
  background: url('/img/icons/icon-wechat.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-local-y {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-local-y.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-broadcast-one {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-broadcast-one.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-broadcast-one-y {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-broadcast-one-y.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-transfer-data {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-transfer-data.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-transfer-data-b {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-transfer-data-b.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-open-door {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-open-door.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-card-two {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-card-two.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-hard-disk {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-hard-disk.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-time-y {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-time-y.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-shield-add-y {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-shield-add-y.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-energy-socket {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-energy-socket.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-energy-socket-y {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-energy-socket-y.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-wifi {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-wifi.svg') no-repeat center center;
  background-size: cover;
}
span.icon-s-trending-down {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-trending-down.svg') no-repeat center center;
  background-size: cover;
}
span.icon-thinking-problem {
  display: inline-block;
  margin: 0 8px -3px 0;
  width: 20px;
  height: 20px;
  background: url('/img/icons/icon-thinking-problem.svg') no-repeat center center;
  background-size: cover;
}
span.icon-doc-success {
  display: inline-block;
  margin: 0 8px -3px 0;
  width: 20px;
  height: 20px;
  background: url('/img/icons/icon-doc-success.svg') no-repeat center center;
  background-size: cover;
}
span.icon-arrow-next {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-arrow-right.svg') no-repeat center center;
  background-size: cover;
}
.icon-arrow {
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-arrow-right.svg') no-repeat center center;
  background-size: cover;
}
.icon-arrow.arrow-left {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}
span.icon-arrow-next {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
  background: url('/img/icons/icon-arrow-right.svg') no-repeat center center;
  background-size: cover;
}
.icon-add-subset {
  background: url('/img/icons/icon-add-subset.svg') no-repeat center center;
}
.icon-cycle {
  background: url('/img/icons/icon-cycle.svg') no-repeat center center;
}
.icon-protect {
  background: url('/img/icons/icon-protect-40.svg') no-repeat center center;
}
.icon-protect-y {
  background: url('/img/icons/icon-protect.svg') no-repeat center center;
}
.icon-trend {
  background: url('/img/icons/icon-trend.svg') no-repeat center center;
}
.icon-trend-down-blue {
  background: url('/img/icons/icon-trending-down-40.svg') no-repeat center center;
}
.icon-caution {
  background: url('/img/icons/icon-caution.svg') no-repeat center center;
}
.icon-ungroup {
  background: url('/img/icons/icon-ungroup.svg') no-repeat center center;
}
.icon-ungroup-b {
  background: url('/img/icons/icon-ungroup-b.svg') no-repeat center center;
}
.icon-ai-predict {
  background: url('/img/icons/icon-brain-40.svg') no-repeat center center;
}
.icon-preview-open {
  background: url('/img/icons/icon-preview-open.svg') no-repeat center center;
}
.icon-solution-customize {
  background: url('/img/icons/icon-medical-files.svg') no-repeat center center;
}
.icon-data-sync {
  background: url('/img/icons/icon-database-sync.svg') no-repeat center center;
}
.icon-data-sync-b {
  background: url('/img/icons/icon-database-sync-b.svg') no-repeat center center;
}
.icon-quality-increase {
  background: url('/img/icons/icon-increase.svg') no-repeat center center;
}
.icon-quality-increase-y {
  background: url('/img/icons/icon-increase-40-y.svg') no-repeat center center;
}
.icon-creative {
  background: url('/img/icons/icon-creative.svg') no-repeat center center;
}
.icon-thumbs-up {
  background: url('/img/icons/icon-thumbs-up.svg') no-repeat center center;
}
.icon-thumbs-up-y {
  background: url('/img/icons/icon-thumbs-up-y.svg') no-repeat center center;
}
.icon-optimize-y {
  background: url('/img/icons/icon-optimize-40.svg') no-repeat center center;
}
.icon-plugin {
  background: url('/img/icons/icon-energy-socket.svg') no-repeat center center;
}
.icon-analysis {
  background: url('/img/icons/icon-analysis.svg') no-repeat center center;
}
.icon-analysis-y {
  background: url('/img/icons/icon-analysis-y.svg') no-repeat center center;
}
.icon-trending-down-y {
  background: url('/img/icons/icon-trending-down-y.svg') no-repeat center center;
}
.icon-40 {
  width: 40px;
  height: 40px;
  background-size: cover;
}
.icon-map-road {
  background: url('/img/icons/icon-map-road.svg') no-repeat center center;
}
.icon-internal-data {
  background: url('/img/icons/icon-internal-data.png') no-repeat center center;
}
.icon-internal-data-b {
  background: url('/img/icons/icon-internal-data-blue.svg') no-repeat center center;
}
.icon-alarm {
  background: url('/img/icons/icon-alarm-b.svg') no-repeat center center;
}
.icon-alarm-y {
  background: url('/img/icons/icon-alarm-y.svg') no-repeat center center;
}
.icon-upload-one {
  background: url('/img/icons/icon-upload-one.png') no-repeat center center;
}
.icon-upload-one-b {
  background: url('/img/icons/icon-upload-one-blue.svg') no-repeat center center;
}
.icon-download-one {
  background: url('/img/icons/icon-download-one.svg') no-repeat center center;
}
.icon-robot-two {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url('/img/icons/icon-robot-two.svg') no-repeat center center;
  background-size: cover;
}
.icon-api {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url('/img/icons/icon-api.svg') no-repeat center center;
  background-size: cover;
}
.icon-36 {
  width: 36px;
  height: 36px;
  background-size: cover;
}
.icon-social-wechat{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-social-wechat.svg') no-repeat center center;
  background-size: cover;
}
.icon-social-moments{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-social-moments.svg') no-repeat center center;
  background-size: cover;
}
.icon-social-weibo{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-social-weibo.svg') no-repeat center center;
  background-size: cover;
}
.icon-social-xiaohongshu{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('/img/icons/icon-social-rednote.svg') no-repeat center center;
  background-size: cover;
}
.icon-product{
  display: inline-block;  
  width: 24px;
  height: 24px;
  margin: 0 8px -6px 0;
  background: url('/img/icons/icon-product-24.svg') no-repeat center center;
  background-size: cover;
}


.footer .footer-wrapper {
  margin: 16px auto;
  max-width: 1280px;
}
@media (max-width: 1200px) {
  .footer .footer-wrapper {
    flex-direction: column;
    white-space: normal;
    word-break: normal;
    text-align: center;
    line-height: 24px;
    margin-top: 16px;
  }
  .footer .footer-wrapper > .footer-left > .copy-right,
  .footer .footer-wrapper > .footer-left > .footer-menu {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .industry-awards .contact-us-panel > .sub-title {
    font-size: 16px;
  }
  .industry-awards .contact-us-panel > .title {
    font-size: 24px;
  }
}
.container-content.with-side-menu-layout {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .container-content.with-side-menu-layout {
    flex-direction: column;
  }
}
.container-content.with-side-menu-layout .content-intro {
  flex: 1 1 80%;
}
.side-menu {
  flex: 1 0 200px;
  margin: 0 24px 0 80px;
}
@media (max-width: 768px) {
  .side-menu {
    margin-left: 0px;
  }
}
.side-menu-title {
  font-family: Libre Franklin;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: #272727;
  margin-bottom: 24px;
}
.side-menu-title:before {
  content: '';
  display: inline-block;
  background: linear-gradient(142.7deg, #0C479D 4.3%, #006CD3 144.63%);
  width: 8px;
  height: 26px;
  margin-right: 14px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
.side-menu-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #C4C4C4;
}
.side-menu-list-item a {
  flex-grow: 1;
  display: block;
  font-family: Libre Franklin;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  padding: 14px 20px 14px 0;
  color: #2F2F2F;
  transition: color 0.3s ease, transform 0.3s ease;
  white-space: nowrap;
}
.side-menu-list-item a.active {
  font-weight: 600;
  color: #0161e8;
}
.side-menu-list-item:after {
  opacity: 0;
  display: inline-block;
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
  color: #FDB614;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-24px);
}
.side-menu-list-item:hover a {
  color: #FDB614;
  transform: translateX(4px);
}
.side-menu-list-item:hover:after {
  opacity: 1;
  transform: translateX(0px);
}
.content-wrapper .container-content.lg {
  max-width: 1440px;
}
.content-wrapper {
  min-height: calc(100vh - 472px);
  line-height: 26px;
  position: relative;
  z-index: 0;
  /*-----------
    Banner style
    ------------*/
}
.content-wrapper h1 {
  font-size: 32px;
  font-weight: 700;
  margin-top: 0;
  letter-spacing: -1.2px;
}
.content-wrapper .content-banner-404 {
  width: 100%;
  min-height: 380px;
}
@media (max-width: 968px) {
  .content-wrapper .content-banner-404 {
    height: 320px;
  }
}
@media (max-width: 488px) {
  .content-wrapper .content-banner-404 {
    height: 240px;
  }
}
.content-wrapper .content-banner {
  width: 100%;
  background-color: rgba(0, 0, 25, 0.75);
  position: relative;
  min-height: 240px;
  height: 380px;
  overflow: hidden;
}
@media (max-width: 968px) {
  .content-wrapper .content-banner {
    height: 320px;
  }
}
@media (max-width: 488px) {
  .content-wrapper .content-banner {
    height: 240px;
  }
}
.content-wrapper .content-banner-title {
  position: relative;
  max-width: 1320px;
  height: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.content-wrapper .content-banner-title .banner-title-back {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .content-wrapper .content-banner-title .banner-title-back {
    font-size: 14px;
  }
}
.content-wrapper .content-banner-title .banner-title-front {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .content-wrapper .content-banner-title .banner-title-front {
    font-size: 24px;
    margin-top: 8px;
    margin-bottom: 40px;
  }
}
.text-gradient-bg {
  background-image: url(/img/gradient-bg.svg);
  background-size: contain;
  background-repeat: repeat;
  background-position: 0 0;
}
.outline-svg-text {
  font-family: 'Inter', 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: -6px;
  margin-bottom: -60px;
}
.outline-svg-text.large {
  height: 160px;
}
.outline-svg-text.large .svg-text {
  font-size: 64px;
}
@media (min-width: 480px) {
  .outline-svg-text.large .svg-text {
    height: 160px;
    font-size: 64px;
    letter-spacing: -4px;
  }
}
@media (min-width: 768px) {
  .outline-svg-text.large .svg-text {
    font-size: 72px;
    letter-spacing: -4px;
  }
}
@media (min-width: 1024px) {
  .outline-svg-text.large .svg-text {
    font-size: 96px;
    letter-spacing: -6px;
  }
}
.outline-svg-text.middle {
  height: 110px;
}
.outline-svg-text.middle .svg-text {
  font-size: 64px;
}
@media (min-width: 480px) {
  .outline-svg-text.middle .svg-text {
    font-size: 72px;
    letter-spacing: -4px;
  }
}
@media (min-width: 768px) {
  .outline-svg-text.middle .svg-text {
    font-size: 72px;
    letter-spacing: -4px;
  }
}
@media (min-width: 1024px) {
  .outline-svg-text.middle .svg-text {
    font-size: 96px;
    letter-spacing: -6px;
  }
}
.outline-svg-text.text-center {
  margin-left: auto;
  margin-right: auto;
}
.outline-svg-text.product {
  margin-left: 200px;
}
@media (max-width: 1024px) {
  .outline-svg-text.product {
    margin-left: 280px;
  }
}
@media (max-width: 920px) {
  .outline-svg-text.product {
    margin-left: 200px;
  }
}
@media (max-width: 768px) {
  .outline-svg-text.product {
    margin-left: 120px;
  }
}
@media (max-width: 600px) {
  .outline-svg-text.product {
    margin-left: 60px;
  }
}
@media (max-width: 480px) {
  .outline-svg-text.product {
    margin-left: 0;
  }
}
.outline-svg-text.about {
  margin-left: 360px;
}
@media (max-width: 1280px) {
  .outline-svg-text.about {
    margin-left: 366px;
  }
}
@media (max-width: 1024px) {
  .outline-svg-text.about {
    margin-left: 352px;
  }
}
@media (max-width: 992px) {
  .outline-svg-text.about {
    margin-left: 320px;
  }
}
@media (max-width: 768px) {
  .outline-svg-text.about {
    margin-left: 224px;
  }
}
@media (max-width: 660px) {
  .outline-svg-text.about {
    margin-left: 160px;
  }
}
@media (max-width: 580px) {
  .outline-svg-text.about {
    margin-left: 100px;
  }
}
@media (max-width: 400px) {
  .outline-svg-text.about {
    margin-left: 80px;
  }
}
.outline-svg-text.news {
  margin-left: 396px;
}
@media (max-width: 1280px) {
  .outline-svg-text.news {
    margin-left: 366px;
  }
}
@media (max-width: 1024px) {
  .outline-svg-text.news {
    margin-left: 388px;
  }
}
@media (max-width: 992px) {
  .outline-svg-text.news {
    margin-left: 320px;
  }
}
@media (max-width: 768px) {
  .outline-svg-text.news {
    margin-left: 224px;
  }
}
@media (max-width: 660px) {
  .outline-svg-text.news {
    margin-left: 160px;
  }
}
@media (max-width: 580px) {
  .outline-svg-text.news {
    margin-left: 120px;
  }
}
.svg-text {
  font-family: 'Inter', 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: -6px;
  fill: none;
  stroke-width: 1;
}
.gap-merge {
  padding-bottom: 200px;
}
.content-section {
  padding: 40px;
  background: #F8FBFF;
}
.content-section > div:first-child {
  margin-top: 0 !important;
}
.image-gallery {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 64px;
}
.image-gallery-item {
  margin-bottom: 64px;
  flex-basis: 50%;
  flex-shrink: 0;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
@media (min-width: 768px) {
  .image-gallery-item {
    flex-basis: 25%;
    background-size: 50%;
  }
}
.intro-gallery {
  display: flex;
  flex-direction: column;
}
.intro-gallery-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 64px;
}
@media (min-width: 768px) {
  .intro-gallery-item {
    flex-direction: row;
  }
}
.intro-gallery-item-image {
  width: 300px;
  height: 200px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
}
.title-404 {
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 62px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #0161e8;
}
@media (min-width: 320px) {
  .title-404 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 400px) {
  .title-404 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .title-404 {
    font-size: 52px;
    line-height: 62px;
  }
}
.img-404 {
  max-width: 100%;
  height: auto;
  border: none;
  margin: 50px auto 20px auto;
}
@media (min-width: 320px) {
  .img-404 {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .img-404 {
    max-width: 80%;
  }
}
@media (min-width: 1280px) {
  .img-404 {
    max-width: 640px;
  }
}
video.video-404 {
  width: 420px;
  height: 280px;
  border-radius: 12px;
  -o-object-position: center top;
  object-position: center top;
  -o-object-fit: cover;
  object-fit: cover;
}
.content-wrapper .up-100 {
  margin-bottom: -100px;
  transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  /* IE 9 */
  -moz-transform: translateY(-100px);
  /* Firefox */
  -webkit-transform: translateY(-100px);
  /* Safari 和 Chrome */
  -o-transform: translateY(-100px);
  /* Opera */
}
.content-wrapper .section-bg {
  width: 100%;
}
.content-wrapper .section-bg.padding {
  padding-top: 120px;
  padding-bottom: 120px;
}
.content-wrapper .section-bg.bg-light-blue {
  background-color: #EEF4FD;
}
.content-wrapper .section-bg.bg-gradient {
  background-color: #E6F0FD;
}
.content-wrapper .section-bg.bg-grey {
  position: relative;
}
.content-wrapper .section-bg.bg-grey::after {
  position: absolute;
  content: ' ';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #F1F7FF;
  filter: blur(100px);
}
.content-wrapper .section-bg.no-banner-margin {
  min-height: 80px;
  padding-top: 80px;
}
.content-wrapper .container-content {
  max-width: 1320px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.content-wrapper .container-content::before {
  display: table;
  content: " ";
}
.content-wrapper .container-content::after {
  display: table;
  content: " ";
  clear: both;
}
.content-wrapper .container-content .content-intro {
  padding-bottom: 10rem;
}
.content-wrapper .container-content .content-intro .page-title {
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 32px;
}
.content-wrapper .container-content .content-intro .post-time {
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  font-weight: 400;
  text-align: right;
}
.content-wrapper .container-content .bread-crumb {
  color: rgba(0, 0, 0, 0.88);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding-left: 15px;
}
.content-wrapper .container-content .bread-crumb .item {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
.content-wrapper .container-content .bread-crumb .item a {
  color: rgba(0, 0, 0, 0.65);
}
.content-wrapper .container-content .bread-crumb .item a:hover,
.content-wrapper .container-content .bread-crumb .item a:focus,
.content-wrapper .container-content .bread-crumb .item a:active {
  color: #0C479D;
}
.content-wrapper .container-content .bread-crumb .item:not(:first-child)::after {
  position: absolute;
  content: '/';
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  left: -14px;
  top: 1px;
}
.content-wrapper .container-content .page-title {
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 32px;
}
.content-wrapper .container-content .post-time {
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  font-weight: 400;
  text-align: right;
}
.content-wrapper .container-content p {
  margin-top: 12px;
  margin-bottom: 24px;
}
.content-wrapper .container-content p.large {
  font-size: 18px;
}
.content-wrapper .container-content p.small {
  font-size: 14px;
}
.content-wrapper .container-content .text-row {
  font-size: 16px;
  margin-bottom: 24px;
}
.content-wrapper .container-content .text-row.large {
  font-size: 18px;
}
.content-wrapper .container-content .text-row.small {
  font-size: 14px;
  margin-top: 20px;
}
.content-wrapper .container-content ul {
  margin: 20px 0;
  padding-left: 36px;
}
.content-wrapper .container-content ul ul {
  margin: 0;
}
.content-wrapper .container-content img{
  max-width: 100%;
  height: auto;
  border: none;
  margin: 24px auto;
}
.content-wrapper .container-content .card-list-2-columns {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 32px;
  margin: 32px 0;
}
.content-wrapper .container-content .card-list-2-columns .card-item {
  flex: 0 0 50%;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 12px;
  overflow: hidden;
}
.content-wrapper .container-content .card-list-2-columns .card-item .card-title {
  padding: 8px 24px;
  text-align: left;
  background: #FFE49E;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.content-wrapper .container-content .card-list-2-columns .card-item .card-body {
  height: 150px;
  padding: 16px 24px;
  background: #FFFAEB;
}
.content-wrapper .container-content .card-list-2-columns .card-item.orange .card-title {
  background: #FFE49E;
}
.content-wrapper .container-content .card-list-2-columns .card-item.orange .card-body {
  background: #FFFAEB;
}
.content-wrapper .container-content .card-list-2-columns .card-item.blue .card-title {
  background: #AFD1FF;
}
.content-wrapper .container-content .card-list-2-columns .card-item.blue .card-body {
  background: #E6F0FD;
}

.content-wrapper .container-content .img-gallary-2-columns {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
}
.content-wrapper .container-content .img-gallary-2-columns.left {
  height: 412px;
}
.content-wrapper .container-content .img-gallary-2-columns.left .img-item {
  position: relative;
  overflow: hidden;
}
.content-wrapper .container-content .img-gallary-2-columns.left .img-item:nth-child(1) {
  flex: 0 1 65%;
}
.content-wrapper .container-content .img-gallary-2-columns.left .img-item:nth-child(2) {
  flex: 0 0 33%;
}
.content-wrapper .container-content .img-gallary-2-columns.left .img-item img {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}
.content-wrapper .container-content .img-gallary-2-columns.left .img-item .img-text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 8px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.content-wrapper .container-content .img-gallary-2-columns.center {
  height: 308px;
}
.content-wrapper .container-content .img-gallary-2-columns.center .img-item {
  position: relative;
  flex: 0 0 50%;
  overflow: hidden;
}
.content-wrapper .container-content .img-gallary-2-columns.center .img-item img {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}
.content-wrapper .container-content .img-gallary-2-columns.center .img-item .img-text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 8px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.content-wrapper .container-content .img-gallary-2-columns.right {
  height: 412px;
}
.content-wrapper .container-content .img-gallary-2-columns.right .img-item {
  position: relative;
  overflow: hidden;
}
.content-wrapper .container-content .img-gallary-2-columns.right .img-item:nth-child(1) {
  flex: 0 0 33%;
}
.content-wrapper .container-content .img-gallary-2-columns.right .img-item:nth-child(2) {
  flex: 0 1 65%;
}
.content-wrapper .container-content .img-gallary-2-columns.right .img-item img {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}
.content-wrapper .container-content .img-gallary-2-columns.right .img-item .img-text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 8px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.content-wrapper .container-content .img-gallary-2-columns-with-text {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
  margin: 32px 0 64px 0;
}
.content-wrapper .container-content .img-gallary-2-columns-with-text .img-item {
  flex: 0 0 50%;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  height: 345px;
}
.content-wrapper .container-content .img-gallary-2-columns-with-text .img-item > p,
.content-wrapper .container-content .img-gallary-2-columns-with-text .img-item > img {
  width: 100%;
  flex: 0 0 320px;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
  overflow: hidden;
}
.content-wrapper .container-content .img-gallary-2-columns-with-text .img-item > p {
  text-align: center;
}
.content-wrapper .container-content .img-gallary-2-columns-with-text .img-item .img-text {
  flex: 0 0 25px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.content-wrapper .container-content .img-gallary-3-columns {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
  height: 400px;
}
.content-wrapper .container-content .img-gallary-3-columns .img-item {
  flex: 0 1 33%;
}
.content-wrapper .container-content .img-gallary-3-columns .img-item img {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
}
.content-wrapper .container-content .content-2-columns {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin: 24px 0;
}
.content-wrapper .container-content .content-2-columns .content-box {
  flex: 1 1 50%;
}
.content-wrapper .container-content .content-2-columns .content-box .title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 40px;
}
.content-wrapper .container-content .content-2-columns .content-box .img-for-text {
  border-radius: 12px;
  overflow: hidden;
}
.content-wrapper .container-content .content-2-columns .content-box .img-for-text img {
  transition: all 0.15s ease;
}
.content-wrapper .container-content .content-2-columns .content-box .img-for-text:hover img {
  transform: scale(1.02);
  -ms-transform: scale(1.02);
  /* IE 9 */
  -moz-transform: scale(1.02);
  /* Firefox */
  -webkit-transform: scale(1.02);
  /* Safari 和 Chrome */
  -o-transform: scale(1.02);
  /* Opera */
}
@media (max-width: 992px) {
  .content-wrapper .container-content .content-2-columns {
    flex-flow: row wrap;
  }
  .content-wrapper .container-content .content-2-columns .content-box {
    flex: 1 1 100%;
  }
}
.content-wrapper .container-content .img-with-text {
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 24px 0;
}
.content-wrapper .container-content .img-with-text img {
  max-width: 100%;
  height: auto;
  border: none;
}
.content-wrapper .container-content .img-with-text .img-desc {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  text-overflow: ellipsis;
  line-height: 24px;
}
.content-wrapper .container-content .img-response {
  max-width: 100%;
  height: auto;
  border: none;
  margin: 24px auto;
}
.content-wrapper .container-content .img-response-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-top: 24px;
}
.content-wrapper .container-content .l0-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  margin: 32px 0;
}
.content-wrapper .container-content img{
  max-width: 100%;
}
.content-wrapper .container-content .l1-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  margin: 32px 0 12px 0;
}
.content-wrapper .container-content .l2-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  margin: 24px 0;
}
.content-wrapper .container-content .l3-title {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #0C479D;
  margin: 30px 0 8px 0;
}
.content-wrapper .container-content .l1-indentation {
  padding-left: 24px;
  padding-bottom: 16px;
}
.content-wrapper .container-content .l2-indentation {
  padding-left: 48px;
  padding-bottom: 4px;
}
.content-wrapper .container-content .l3-indentation {
  padding-left: 72px;
  padding-bottom: 4px;
}
.content-wrapper .container-content.small {
  max-width: 1220px;
}
.news-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-between;
  gap: 16px;
  padding-top: 60px;
  border-top: 1px solid #D9D9D9;
}
.news-gallery-item {
  flex: 0 1 32%;
  transition: all 0.15s ease;
}
.tags-row{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
}
.tags-row .tags-container {
  flex: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}
.tag-item {
    border-radius: 8px;
    background: #E6F0FD;
    padding: 4px 12px;
    color: #0161E8;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}
.tags-row .prouct-container{
  flex: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0;
} 

.tag-item:hover {
  transform: translateY(-1px);
}
/* Social Media Sharing for News Page */
.social-share-container {
  padding: 20px 0;
  margin: 30px 0;
}
.share-platforms {
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-flow: row nowrap;
  align-items:center;
  justify-content:flex-start;
  gap: 16px;
}
.share-label {
  color: #727f90;
  font-size: 18px;
  font-weight: 500;
  padding-right: 12px;
}
.share-item {
  position: relative;
  flex-shrink: true;
}
.share-button {
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  color: #727f90;
}

.share-button:hover {
  transform: translateY(-2px);
  color: #0161e8;
}

.qr-dialog {
  border: none;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.qr-content {
  text-align: center;
}
.qr-content img {
  width: 150px;
  height: 150px;
  margin-bottom: 1rem;
}
@media (max-width: 1024px) {
  .news-gallery-item {
    flex-basis: 48%;
  }
}
@media (max-width: 768px) {
  .news-gallery-item {
    flex-basis: 100%;
  }
  .share-btn-label {
    display: none;
  }
}
.news-gallery-item-wrapper {
  height: 420px;
  padding: 16px;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
  background-color: #fff;
  border-radius: 16px;
}
@media (min-width: 620px) and (max-width: 768px) {
  .news-gallery-item-wrapper {
    height: 232px;
    flex-flow: row nowrap;
    gap: 24px;
  }
}
.news-gallery-item-wrapper:hover {
  border-color: #91BFFF;
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
.news-gallery-item-content {
  flex-grow: 1;
  padding: 16px 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #222;
  gap: 12px;
}
.news-gallery-item-content-title {
  color: #222;
  font-size: 20px;
  font-weight: 700;
  flex-basis: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-gallery-item-content-title a {
  color: #0161e8;
}
.news-gallery-item-content-title:hover {
  cursor: pointer;
}
.news-gallery-item-content-info {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-size: 16px;
}
.news-gallery-item-content-info-type {
  color: #0161E8;
  font-weight: 500;
  flex: 1 1 auto;
}
.news-gallery-item-content-info-date {
  position: relative;
  padding-left: 24px;
  color: rgba(0, 0, 0, 0.65);
  font-family: "Noto Sans SC";
  font-weight: 400;
  white-space: nowrap;
  word-break: keep-all;
}
.news-gallery-item-content-info-date::before {
  content: url('/img/icons/icon-time.svg');
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 2px;
}
.news-gallery-item-content-detail {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  flex: 1 1 auto;
  max-height: 76px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-gallery-item-img {
  flex-basis: 184px;
  flex-grow: 0;
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 12px;
  overflow: hidden;
}
.news-gallery-item-img img{
  height: 100%;
  width: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 !important;
}
@media (min-width: 620px) and (max-width: 768px) {
  .news-gallery-item-img {
    flex-basis: 245px;
  }
}
.news-gallery-item:hover {
  transform: scale(1.02);
  -ms-transform: scale(1.02);
  /* IE 9 */
  -moz-transform: scale(1.02);
  /* Firefox */
  -webkit-transform: scale(1.02);
  /* Safari 和 Chrome */
  -o-transform: scale(1.02);
  /* Opera */
}
.page-head-panel {
  margin-top: 40px;
  margin-bottom: 40px;
}
.page-head-panel .filter-box {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.page-head-panel .filter-box .filters {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.page-head-panel .news-box {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 1024px) {
  .page-head-panel .news-box {
    flex-flow: column nowrap;
  }
}
.page-head-panel .news-box-left {
  flex: 1 1 55%;
  min-width: 345px;
  height: 592px;
  transition: all 0.15s ease;
}
.page-head-panel .news-box-left .news-gallery-item {
  width: 100%;
  height: 592px;
  max-width: 100%;
}
@media (max-width: 1280px) {
  .page-head-panel .news-box-left .news-gallery-item {
    height: 520px;
  }
}
.page-head-panel .news-box-left .news-gallery-item-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
  border-radius: 8px;
}
.page-head-panel .news-box-left .news-gallery-item-wrapper:hover {
  border-color: #91BFFF;
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
.page-head-panel .news-box-left .news-gallery-item-content {
  flex-grow: 1;
  padding: 16px 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #222;
  gap: 12px;
}
.page-head-panel .news-box-left .news-gallery-item-content-title {
  overflow: hidden;
  color: #222;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  flex-basis: 56px;
}
.page-head-panel .news-box-left .news-gallery-item-content-title a {
  color: #0161e8;
}
.page-head-panel .news-box-left .news-gallery-item-content-title:hover {
  cursor: pointer;
}
.page-head-panel .news-box-left .news-gallery-item-content-info {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-size: 16px;
}
.page-head-panel .news-box-left .news-gallery-item-content-info-type {
  color: #0161E8;
  font-weight: 500;
  flex: 1 1 auto;
}
.page-head-panel .news-box-left .news-gallery-item-content-info-date {
  position: relative;
  padding-left: 24px;
  color: rgba(0, 0, 0, 0.65);
  font-family: "Noto Sans SC";
  font-weight: 400;
  white-space: nowrap;
  word-break: keep-all;
}
.page-head-panel .news-box-left .news-gallery-item-content-info-date::before {
  content: url('/img/icons/icon-time.svg');
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 2px;
}
.page-head-panel .news-box-left .news-gallery-item-content-detail {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  flex: 1 1 auto;
  max-height: 76px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-head-panel .news-box-left .news-gallery-item-img {
  flex-basis: 346px;
  flex-grow: 0;
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .page-head-panel .news-box-left .news-gallery-item-img {
    flex-basis: 268px;
  }
}
@media (max-width: 768px) {
  .page-head-panel .news-box-left .news-gallery-item-img {
    flex-basis: 268px;
  }
}
.page-head-panel .news-box-left .news-gallery-item:hover {
  transform: scale(1.02);
  -ms-transform: scale(1.02);
  /* IE 9 */
  -moz-transform: scale(1.02);
  /* Firefox */
  -webkit-transform: scale(1.02);
  /* Safari 和 Chrome */
  -o-transform: scale(1.02);
  /* Opera */
}
.page-head-panel .news-box-right {
  flex: 1 0 auto;
  max-width: 546px;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
}
@media (max-width: 1024px) {
  .page-head-panel .news-box-right {
    max-width: 100%;
  }
}
.page-head-panel .news-box-right .news-gallery-item {
  width: 100%;
  max-width: unset;
  flex-basis: 232px;
  height: 232px;
}
@media (max-width: 1024px) {
  .page-head-panel .news-box-right .news-gallery-item {
    height: 232px;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .page-head-panel .news-box-right .news-gallery-item {
    height: 232px;
  }
}
@media (max-width: 620px) {
  .page-head-panel .news-box-right .news-gallery-item {
    height: 440px;
  }
}
.page-head-panel .news-box-right .news-gallery-item-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  background-color: #fff;
  border-radius: 8px;
  gap: 24px;
}
@media (max-width: 620px) {
  .page-head-panel .news-box-right .news-gallery-item-wrapper {
    flex-direction: column;
  }
}
.page-head-panel .news-box-right .news-gallery-item-wrapper:hover {
  border-color: #91BFFF;
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
.page-head-panel .news-box-right .news-gallery-item-content {
  flex-grow: 1;
  padding: 16px 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #222;
  gap: 12px;
}
.page-head-panel .news-box-right .news-gallery-item-content-title {
  overflow: hidden;
  color: #222;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  flex-basis: 56px;
}
.page-head-panel .news-box-right .news-gallery-item-content-title a {
  color: #0161e8;
}
.page-head-panel .news-box-right .news-gallery-item-content-title:hover {
  cursor: pointer;
}
.page-head-panel .news-box-right .news-gallery-item-content-info {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-size: 16px;
}
.page-head-panel .news-box-right .news-gallery-item-content-info-type {
  color: #0161E8;
  font-weight: 500;
  flex: 1 1 auto;
}
.page-head-panel .news-box-right .news-gallery-item-content-info-date {
  position: relative;
  padding-left: 24px;
  color: rgba(0, 0, 0, 0.65);
  font-family: "Noto Sans SC";
  font-weight: 400;
  white-space: nowrap;
  word-break: keep-all;
}
.page-head-panel .news-box-right .news-gallery-item-content-info-date::before {
  content: url('/img/icons/icon-time.svg');
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 2px;
}
.page-head-panel .news-box-right .news-gallery-item-content-detail {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  flex: 1 1 auto;
  max-height: 76px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-head-panel .news-box-right .news-gallery-item-img {
  flex-basis: 246px;
  flex-grow: 0;
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 620px) {
  .page-head-panel .news-box-right .news-gallery-item-img {
    flex-basis: 184px;
  }
}
.page-head-panel .news-box-right .news-gallery-item-img img {
  height: 100%;
  width: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
}
.page-head-panel .news-box-right .news-gallery-item:hover {
  transform: scale(1.02);
  -ms-transform: scale(1.02);
  /* IE 9 */
  -moz-transform: scale(1.02);
  /* Firefox */
  -webkit-transform: scale(1.02);
  /* Safari 和 Chrome */
  -o-transform: scale(1.02);
  /* Opera */
}
.post-info {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 30px 0 10px 0;
}
.post-info .post-type {
  color: #0161E8;
  font-size: 16px;
  font-weight: 500;
}
.post-info .post-pub-time {
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  font-weight: 400;
  text-align: right;
}
.post-title {
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
}
.cekbox {
  padding: 8px 24px;
  white-space: nowrap;
  word-break: keep-all;
  cursor: pointer;
  color: #222;
  font-weight: 500;
  border: 1px solid transparent;
  border-radius: 30px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(#f0f5fc, #f0f5fc), linear-gradient(rgba(192, 192, 225, 0.2), #c0c0e1);
  background: rgba(82, 82, 82, 0.1);
  transition: all 0.15s ease;
}
.cekbox input {
  margin-right: 8px;
}
.cekbox:hover,
.cekbox:active {
  background-image: linear-gradient(#E6EFFD, #E6EFFD), linear-gradient(rgba(204, 204, 255, 0.2), #ccccff);
  box-shadow: 0px 4px 20px 0px rgba(192, 192, 225, 0.2);
}
.cekbox.cekbox-blue {
  color: #0161e8;
  border: 1px solid transparent;
  border-radius: 30px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(#E6EFFD, #E6EFFD), linear-gradient(rgba(1, 97, 232, 0.2), #0161e8);
  transition: all 0.15s ease;
}
.cekbox.cekbox-blue:hover,
.cekbox.cekbox-blue:active {
  background-image: linear-gradient(#f0f5fc, #f0f5fc), linear-gradient(135deg, rgba(1, 97, 232, 0.5), #0161e8);
  box-shadow: 0px 4px 20px 0px rgba(1, 97, 232, 0.2);
}
.customer-case-highlight .case-item {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 60px;
  margin-bottom: 80px;
  border-radius: 12px;
  overflow: hidden;
}
.customer-case-highlight .case-item.img-right {
  flex-direction: row-reverse;
}
.customer-case-highlight .case-item .case-img {
  flex: 0 0 400px;
  overflow: hidden;
  transition: all 0.15s ease;
}
.customer-case-highlight .case-item .case-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
  margin: 0;
}
.customer-case-highlight .case-item .case-details {
  flex: 1 0 calc(100% - 460px);
  padding: 16px;
}
.customer-case-highlight .case-item .case-title {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}
.customer-case-highlight .case-item .case-sub-title {
  margin: 10px 0;
}
.customer-case-highlight .case-item .case-sub-title span {
  border-radius: 8px;
  background: #E6F0FD;
  padding: 4px 12px;
  color: #0161E8;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin: 10px 10px 0 0;
}
.customer-case-highlight .case-item .case-section-title {
  position: relative;
  margin: 10px 0;
}
.customer-case-highlight .case-item .case-section-title::before {
  position: absolute;
  content: ' ';
  z-index: 9;
  left: 0;
  top: 6px;
  width: 4px;
  height: 13px;
  border-radius: 2px;
  background-color: #FDB614;
}
.customer-case-highlight .case-item .case-section-title span {
  display: inline-block;
  border-radius: 6px;
  background: rgba(253, 182, 20, 0.2);
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}
.customer-case-highlight .case-item .case-text {
  font-size: 16px;
  color: #222;
}
.customer-case-highlight .case-item a.case-link {
  margin-top: 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #0161E8;
  white-space: nowrap;
  word-break: keep-all;
  transition: top 0.15s ease;
}
.customer-case-highlight .case-item a.case-link:hover span.icon-arrow-next {
  transform: translateX(4px);
  -ms-transform: translateX(4px);
  /* IE 9 */
  -moz-transform: translateX(4px);
  /* Firefox */
  -webkit-transform: translateX(4px);
  /* Safari 和 Chrome */
  -o-transform: translateX(4px);
  /* Opera */
}
.customer-case-highlight .case-item:hover {
  border-color: #91BFFF;
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
.customer-case-highlight .case-item:hover .case-img img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
}
.customer-case-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-between;
  gap: 32px;
  padding: 80px 0;
}
.customer-case-gallery .case-item {
  box-sizing: border-box;
  border-radius: 24px;
  border: 1px solid #D9D9D9;
  background: rgba(255, 255, 255, 0.2);
  flex: 1 1 calc(33% - 32px);
  height: 402px;
  overflow: hidden;
  transition: all 0.15s ease;
}
.customer-case-gallery .case-item .case-img {
  height: 50%;
  width: 100%;
  overflow: hidden;
  transition: height 0.15s ease;
}
.customer-case-gallery .case-item .case-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.customer-case-gallery .case-item .case-details {
  padding: 32px;
}
.customer-case-gallery .case-item .case-title {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.customer-case-gallery .case-item .case-sub-title {
  margin: 20px 0 10px 0;
  display: none;
}
.customer-case-gallery .case-item .case-sub-title span {
  border-radius: 8px;
  background: #E6F0FD;
  padding: 4px 12px;
  color: #0161E8;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-top: 20px;
}
.customer-case-gallery .case-item .case-section-title {
  position: relative;
  margin: 20px 0 10px 0;
  display: none;
}
.customer-case-gallery .case-item .case-section-title::before {
  position: absolute;
  content: ' ';
  z-index: 9;
  left: 0;
  top: 6px;
  width: 4px;
  height: 13px;
  border-radius: 2px;
  background-color: #FDB614;
}
.customer-case-gallery .case-item .case-section-title span {
  display: inline-block;
  border-radius: 6px;
  background: rgba(253, 182, 20, 0.2);
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}
.customer-case-gallery .case-item .case-text {
  font-size: 14px;
  color: #222;
  display: none;
}
.customer-case-gallery .case-item a.case-link {
  margin-top: 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #0161E8;
  white-space: nowrap;
  word-break: keep-all;
  transition: top 0.15s ease;
}
.customer-case-gallery .case-item a.case-link:hover span.icon-arrow-next {
  transform: translateX(4px);
  -ms-transform: translateX(4px);
  /* IE 9 */
  -moz-transform: translateX(4px);
  /* Firefox */
  -webkit-transform: translateX(4px);
  /* Safari 和 Chrome */
  -o-transform: translateX(4px);
  /* Opera */
}
.customer-case-gallery .case-item a.case-link span.link-text {
  display: none;
}
.customer-case-gallery .case-item a.case-link span.icon-arrow-next {
  display: inline-block;
  margin: 0 8px -4px 0;
  width: 32px;
  height: 32px;
}
.customer-case-gallery .case-item:hover {
  border-color: #91BFFF;
  background: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
.customer-case-gallery .case-item:hover .case-img {
  height: 0;
}
.customer-case-gallery .case-item:hover .case-sub-title {
  display: block;
}
.customer-case-gallery .case-item:hover .case-section-title {
  display: block;
}
.customer-case-gallery .case-item:hover .case-text {
  display: block;
}
.customer-case-gallery .case-item:hover a.case-link span.link-text {
  display: inline-block;
}
.customer-case-gallery .case-item:hover a.case-link span.icon-arrow-next {
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
}
.solution-block {
  margin: 60px 0 80px 0;
}
.solution-block .solution-list {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  height: 245px;
  gap: 20px;
}
.solution-block .solution-list a.solution-item {
  flex: 0 0 18%;
  /* Safari */
  display: flex;
  padding: 35px 36px;
  flex-flow: column nowrap;
  align-items: flex-start;
  border-radius: 12px;
  background-color: #E6F0FD;
  color: #222;
  transition: all 0.15s ease;
}
.solution-block .solution-list a.solution-item .item-img {
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  overflow: hidden;
}
.solution-block .solution-list a.solution-item .item-img img {
  -o-object-fit: contain;
  object-fit: contain;
}
.solution-block .solution-list a.solution-item .title-1 {
  color: #222;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -1.08px;
}
.solution-block .solution-list a.solution-item .title-2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.solution-block .solution-list a.solution-item:hover {
  border-color: #91BFFF;
  background: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
.solution-block .solution-list a.solution-item:hover .item-img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
  -moz-transform: scale(1.1);
  /* Firefox */
  -webkit-transform: scale(1.1);
  /* Safari 和 Chrome */
}
.about-us-intro {
  max-width: 1220px !important;
}
.about-us-intro img.logo {
  width: 120px;
  height: auto;
  margin-bottom: 40px;
}
.about-us-intro p {
  margin-bottom: 20px;
}
@keyframes circle-wave {
  0% {
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(1, 97, 232, 0.5);
  }
  100% {
    left: 2px;
    top: 2px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 6px solid rgba(1, 97, 232, 0.02);
  }
}
.timeline-container {
  max-width: 1220px !important;
}
.timeline-container .company-history {
  position: relative;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.timeline-container .company-history .progress-line {
  position: absolute;
  z-index: -1;
  left: 18px;
  top: 0;
  width: 2px;
  height: 100%;
  border-radius: 2px;
  background-color: #ececec;
}
.timeline-container .company-history .progress-line .progress {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 2px;
  color: #fdb614;
  background: linear-gradient(180deg, rgba(253, 182, 20, 0.01) 0%, #fdb614 100%);
}
.timeline-container .company-history .timeline-item {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  min-height: 200px;
  position: relative;
  width: 100%;
}
.timeline-container .company-history .timeline-item .date-box {
  flex: 0 0 180px;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
}
.timeline-container .company-history .timeline-item .date-box .legend {
  position: sticky;
  top: 72px;
  height: 40px;
  flex: 0 0 40px;
  background-color: #fff;
}
.timeline-container .company-history .timeline-item .date-box .legend::before {
  position: absolute;
  content: ' ';
  z-index: 9;
  left: 12px;
  top: 12px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 8px solid #0161e8;
}
.timeline-container .company-history .timeline-item .date-box .legend::after {
  position: absolute;
  content: ' ';
  z-index: 8;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(1, 97, 232, 0.5);
  animation: circle-wave 1s linear infinite;
}
.timeline-container .company-history .timeline-item .date-box .year {
  height: 64px;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  position: sticky;
  top: 72px;
}
.timeline-container .company-history .timeline-item .date-box .year .date {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.timeline-container .company-history .timeline-item .item-content {
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 40px;
  width: 100%;
}
.timeline-container .company-history .timeline-item .item-content .img-box {
  width: 100%;
  margin: 30px 0;
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.timeline-container .company-history .timeline-item .item-content .img-box .img-item {
  padding: 0 36px 0 0;
  height: 300px;
  width: auto;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.timeline-container .company-history .timeline-item .item-content .img-box .img-item img.fill {
  height: 100%;
  max-height: 300px;
  width: auto;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
}
.timeline-container .company-history .timeline-item .item-content .img-box .img-item.multi-imgs img.fill {
  height: 100%;
  max-height: 300px;
  width: auto;
  max-width: 320px;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
}
.section-bg.safe {
  height: 500px;
  background: #EDF3FD url('/img/about-us/bg-safe.png') right center no-repeat;
  background-size: contain;
}
.section-bg.safe .container-content {
  max-width: 1220px;
  height: 100%;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.section-bg.safe .container-content .feature-box {
  width: 400px;
}
.section-bg.safe .container-content .feature-box .top {
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 68px;
}
.section-bg.safe .container-content .feature-box .bottom {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 40px;
}
.section-bg.safe .container-content .feature-box .bottom .item .icon {
  width: 48px;
  height: 48px;
}
.section-bg.safe .container-content .feature-box .bottom .item .desc {
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}
.section-bg.manager-team .container-content {
  max-width: 1220px;
  height: 100%;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.section-bg.manager-team .container-content .left-box {
  padding-right: 60px;
}
.section-bg.manager-team .container-content .left-box .desc {
  margin-top: 36px;
}
.section-bg.manager-team .container-content .right-box .img-manager-team {
  height: 300px;
  width: auto;
}
.section-bg.manager-team .container-content .right-box .img-manager-team img {
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: fill;
  object-fit: fill;
}
.section-bg.partners {
  height: 600px;
  background: #E6EFF8 url('/img/about-us/bg-partner.png') left center no-repeat;
  background-size: contain;
}
.section-bg.partners .container-content {
  height: 100%;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}
.section-bg.partners .container-content .left-box {
  flex: 0 0 420px;
}
.section-bg.partners .container-content .right-box {
  flex: 0 1 100%;
  max-width: 800px;
  padding: 0 16px;
}
.section-bg.partners .container-content .right-box .partner-index {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 40px;
}
.section-bg.partners .container-content .right-box .partner-index .item {
  flex: 0 0 20%;
  height: 64px;
  cursor: pointer;
}
.section-bg.partners .container-content .right-box .partner-index .item a.img-logo {
  display: block;
  height: 32px;
  width: auto;
  margin-top: 12px;
  transition: all 0.1s ease;
}
.section-bg.partners .container-content .right-box .partner-index .item a.img-logo.iqax {
  background: url('../img/home/partners/iqax-d.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item a.img-logo.iqax:hover {
  background: url('../img/home/partners/iqax-h.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item a.img-logo.sanlly {
  background: url('../img/home/partners/sanlly-d.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item a.img-logo.sanlly:hover {
  background: url('../img/home/partners/sanlly-h.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item a.img-logo.shmu {
  height: 64px;
  margin-top: 0;
  background: url('../img/home/partners/shmu-d.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item a.img-logo.shmu:hover {
  height: 64px;
  background: url('../img/home/partners/shmu-h.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item a.img-logo.oes {
  background: url('../img/home/partners/oes-d.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item a.img-logo.oes:hover {
  background: url('../img/home/partners/oes-h.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item.active a.img-logo.iqax {
  background: url('../img/home/partners/iqax-h.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item.active a.img-logo.sanlly {
  background: url('../img/home/partners/sanlly-h.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item.active a.img-logo.shmu {
  height: 64px;
  background: url('../img/home/partners/shmu-h.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-index .item.active a.img-logo.oes {
  background: url('../img/home/partners/oes-h.png') no-repeat center center;
  background-size: contain;
}
.section-bg.partners .container-content .right-box .partner-swiper {
  width: 100%;
  overflow: hidden;
}
.section-bg.partners .container-content .right-box .partner-swiper .partner-item {
  padding: 32px 24px;
}
.awards-gallery {
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
  padding: 40px 0 80px 0;
}
.awards-gallery .awards-item {
  flex: 1 1 calc(33% - 32px);
  max-width: 350px;
  overflow: hidden;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 12px;
  padding: 24px;
  border-radius: 12px;
  transition: all 0.15s ease;
}
.awards-gallery .awards-item:hover {
  border-color: #91BFFF;
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
.awards-gallery .awards-item .awards-img {
  align-self: center;
}
.awards-gallery .awards-item .awards-img img {
  width: auto;
  height: 200px;
}
.awards-gallery .awards-item .awards-details .awards-info {
  overflow: hidden;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 8px 0;
  margin-bottom: 4px;
  width: 100%;
}
.awards-gallery .awards-item .awards-details .awards-info .type span {
  border-radius: 8px;
  background: #E6F0FD;
  color: #0161E8;
  font-size: 16px;
  font-weight: 500;
  padding: 4px 12px;
}
.awards-gallery .awards-item .awards-details .awards-info .date {
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  font-weight: 400;
}
.awards-gallery .awards-item .awards-details .award-title {
  /*
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;                
                text-overflow: ellipsis;
                */
  color: #222;
  font-size: 20px;
  font-weight: 700;
}
.awards-gallery .awards-item .awards-details .award-title-en {
  color: #222;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .awards-gallery .awards-item {
    flex: 1 1 calc(50% - 32px);
  }
}
@media (max-width: 768px) {
  .awards-gallery .awards-item {
    flex: 1 1 calc(100% - 32px);
  }
}
.job-list {
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin: 30px 0;
}
.job-list a.job-item {
  flex: 0 0 48%;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  height: 72px;
  padding: 10px 36px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  color: #222;
  font-size: 18px;
  border-radius: 12px;
  border: 1px solid #91BFFF;
  background: #fff;
}
.job-list a.job-item .job-desc {
  flex: 1 1 auto;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
}
.job-list a.job-item .job-desc .deppatment {
  padding-right: 12px;
}
.job-list a.job-item .action {
  flex-basis: 64px;
  font-size: 16px;
  text-align: right;
  white-space: nowrap;
  word-break: keep-all;
  color: #0161e8;
}
.job-list a.job-item:hover {
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
@media (max-width: 768px) {
  .job-list a.job-item {
    flex: 1 1 100%;
  }
}
.job-list-en {
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin: 30px 0;
}
.job-list-en a.job-item {
  flex: 0 0 48%;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  padding: 14px 36px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  color: #222;
  font-size: 18px;
  border-radius: 12px;
  border: 1px solid #91BFFF;
  background: #fff;
}
.job-list-en a.job-item .job-desc {
  flex: 1 1 auto;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.job-list-en a.job-item .job-desc .deppatment {
  color: rgba(0, 0, 0, 0.65);
  padding-right: 12px;
}
.job-list-en a.job-item .job-desc .job-title {
  font-size: 18px;
  font-weight: 600;
}
.job-list-en a.job-item .action {
  flex-basis: 64px;
  font-size: 16px;
  text-align: right;
  white-space: nowrap;
  word-break: keep-all;
  color: #0161e8;
}
.job-list-en a.job-item:hover {
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
@media (max-width: 992px) {
  .job-list-en a.job-item {
    flex: 1 1 100%;
  }
}
.section-bg.sales-service {
  padding: 80px 0;
  background: #E6EFF8 url('/img/salesservice/bg-sales-promise.png') center center no-repeat;
  background-size: cover;
}
.section-bg.sales-service .promise-list {
  margin: 30px 0;
  height: 100%;
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}
.section-bg.sales-service .promise-list .item {
  flex: 0 0 80px;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
.section-bg.sales-service .promise-list .item .icon {
  flex: 0 0 36px;
}
.section-bg.sales-service .promise-list .item .icon span {
  transition: all 0.15s ease;
}
.section-bg.sales-service .promise-list .item .tilte {
  text-align: center;
  font-weight: 400;
  line-height: 28px;
}
.section-bg.sales-service .promise-list .item:hover .icon span {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
  /* Opera */
}
.section-bg.try-now {
  height: 100%;
  min-height: calc(100vh - 160px);
  background: url('/img/salesservice/bg-try-now.png') center bottom no-repeat;
  background-size: contain;
}
.partner-list {
  margin: 30px 0;
  height: 100%;
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
}
.partner-list .item {
  flex: 0 0 auto;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.partner-list .item .logo {
  flex: 0 0 48px;
  overflow: hidden;
}
.partner-list .item .logo img {
  height: 48px;
  width: auto;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}
.partner-list .item .title {
  text-align: center;
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
}
.partner-list .item:hover .logo img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
  /* Opera */
}
.try-now-list {
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.try-now-list .try-now-item {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  height: 120px;
  width: 580px;
  padding: 0px 56px;
  align-items: center;
  gap: 24px;
  border-radius: 12px;
  background-color: #EEF4FD;
  margin-bottom: 24px;
}
.try-now-list .try-now-item .icon {
  flex: 0 0 48px;
}
.try-now-list .try-now-item .content {
  flex: 1 1 auto;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 4px;
}
.try-now-list .try-now-item .content .title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.try-now-list .try-now-item .content .desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 768px) {
  .try-now-list .try-now-item {
    width: 100%;
    padding: 0px 32px;
  }
}
.content-section.contact-us {
  padding-left: 200px;
  padding-right: 200px;
}
.content-section.contact-us .required-field {
  color: #E75A5B;
}
.content-section.contact-us .form-group {
  padding-right: 15px;
}
.content-section.contact-us .form-control {
  border-radius: 7px;
  height: 55px;
  color: #272727;
  font-size: 16px;
  padding: 20px 20px 20px 30px;
}
.content-section.contact-us select.form-control {
  padding: 6px 20px 6px 30px;
}
.content-section.contact-us textarea.form-control {
  height: auto;
  padding: 16px 20px 16px 30px;
}
.content-section.contact-us .hs_submit {
  text-align: center;
  margin-top: 40px;
}
.content-section.contact-us .hs-form-field {
  position: relative;
}
.content-section.contact-us span.hs-form-required {
  position: absolute;
  color: #E75A5B;
  left: 15px;
  top: 18px;
}
.contact-info-block {
  /* Safari */
  display: flex;
  min-height: 372px;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  /* flex  */
  padding: 60px 0;
}
.contact-info-block .headquarters {
  flex: 0 1 50%;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  min-height: 200px;
  padding-bottom: 40px;
}
.contact-info-block .headquarters .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #0C479D;
  margin-bottom: 20px;
}
.contact-info-block .representative {
  flex: 1 0 50%;
}
.contact-info-block .representative .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #0C479D;
  margin-bottom: 20px;
}
.contact-info-block .representative .office-list {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  /* flex  */
}
.contact-info-block .representative .office-list .office-info {
  flex: 1 0 50%;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
}
@media screen and (max-width: 992px) {
  .content-section.contact-us {
    padding-left: 20px;
    padding-right: 20px;
  }
  .contact-info-block {
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* flex  */
    padding: 60px 0;
  }
  .contact-info-block .headquarters {
    flex: 1 1 100%;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    min-height: 200px;
  }
  .contact-info-block .representative {
    flex: 1 1 100%;
  }
  .contact-info-block .representative .office-list {
    /* Safari */
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    /* flex  */
  }
  .contact-info-block .representative .office-list .office-info {
    flex: 1 0 50%;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 680px) {
  .contact-info-block .representative .office-list {
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* flex  */
  }
  .contact-info-block .representative .office-list .office-info {
    flex: 1 1 100%;
  }
}
/* content page contact us section */
.bg-contact-us {
  overflow: hidden;
  position: relative;
  padding-top:60px;
  padding-bottom: 60px;
}
.bg-contact-us .container-content {
  display: -webkit-flex;
  /* Safari */
  max-width: 1400px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.bg-contact-us .container-content .left-box {
  flex: 1 1 auto;
  text-align: left;
}
.bg-contact-us .container-content .right-box {
  flex: 0 0 780px;
  text-align: left;
}
@media (max-width: 1362px) {
  .bg-contact-us .container-content .right-box {
    flex: 0 0 680px;
  }
}
@media (max-width: 1280px) {
  .bg-contact-us .container-content {
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  .bg-contact-us .container-content .right-box {
    flex: 1 1 auto;
    width: calc(100% - 48px);
    max-width: 720px;
  }
}
@media (max-width: 768px) {
  .bg-contact-us .container-content .left-box {
    text-align: center;
  }
  .bg-contact-us .container-content .right-box {
    flex: 0 0 40px;
    margin-top: 20px;
    width: 100%;
  }
}

/* solution page data sheet download section */
.bg-data-sheet {
  margin: 80px 0 120px;
}
.bg-data-sheet .container-content {
  background: url('/img/solutions/bg-datasheet.png') center center no-repeat;
  background-size: cover;
  border-radius: 12px;
  border: 1px solid #91BFFF;
  padding: 38px 60px;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.bg-data-sheet .container-content .left-box {
  flex: 1 1 auto;
  font-size: 20px;
  font-weight: 500;
}
.bg-data-sheet .container-content .right-box {
  flex: 1 0 150px;
  text-align: right;
}
@media (max-width: 768px) {
  .bg-data-sheet .container-content {
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
}
/* solution page  introduction section */
.container-content.solution-summary {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  gap: 40px;
  align-items: center;
  padding: 40px 0 80px 0;
}
.container-content.solution-summary .left-box {
  flex: 0 0 480px;
}
.container-content.solution-summary .left-box .subtitle {
  color: #0161E8;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -1.2px;
}
.container-content.solution-summary .left-box .description {
  margin-top: 24px;
}
.container-content.solution-summary .left-box ul.feature-list {
  padding: 0;
  margin: 32px 0;
}
.container-content.solution-summary .left-box ul.feature-list li {
  list-style: none;
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 16px;
}
.container-content.solution-summary .left-box ul.feature-list li:nth-child(odd) {
  background-image: url('/img/icons/icon-check-blue.svg');
}
.container-content.solution-summary .left-box ul.feature-list li:nth-child(even) {
  background-image: url('/img/icons/icon-check-orange.svg');
}
.container-content.solution-summary .right-box {
  flex: 1 1 auto;
}
.container-content.solution-summary .right-box .video-item {
  width: auto;
  height: 480px;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}
.container-content.solution-summary .right-box .video-item video {
  width: 100%;
  min-width: 360px;
  height: auto;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 12px;
  overflow: hidden;
}
.container-content.solution-summary .right-box .img-item {
  width: auto;
  height: 480px;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}
.container-content.solution-summary .right-box .img-item img {
  width: 100%;
  min-width: 360px;
  height: auto;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 12px;
  overflow: hidden;
}
.bg-round-blur {
  position: relative;
  overflow: hidden;
  background-color: rgba(230, 240, 253, 0.4);
}
.bg-round-blur .bg-round {
  position: absolute;
  left: calc(50% - 400px);
  z-index: -1;
  top: -100px;
  width: 814px;
  height: 847px;
  border-radius: 50%;
  background: rgba(134, 161, 255, 0.28);
  filter: blur(200px);
  opacity: 0.4;
}
.bg-round-blur::before {
  content: ' ';
  position: absolute;
  z-index: -1;
  left: 0;
  top: -100px;
  width: 814px;
  height: 847px;
  border-radius: 50%;
  background: rgba(134, 226, 255, 0.25);
  filter: blur(200px);
  opacity: 0.4;
}
.bg-round-blur::after {
  content: ' ';
  position: absolute;
  z-index: -1;
  right: 0;
  top: -100px;
  width: 814px;
  height: 847px;
  border-radius: 50%;
  background: rgba(180, 134, 255, 0.13);
  filter: blur(200px);
  opacity: 0.4;
}
.bg-round-blur.small .bg-round {
  width: 680px;
  height: 680px;
  position: absolute;
  left: calc(50% - 340px);
  z-index: -1;
  top: -340px;
  border-radius: 50%;
  background: rgba(180, 134, 255, 0.13);
  filter: blur(50px);
  opacity: 0.4;
}
.bg-round-blur.small::before {
  left: -340px;
  top: -340px;
  width: 680px;
  height: 680px;
  border-radius: 50%;
  background: rgba(134, 161, 255, 0.28);
  filter: blur(50px);
  opacity: 0.4;
}
.bg-round-blur.small::after {
  right: -340px;
  top: -340px;
  width: 680px;
  height: 680px;
  border-radius: 50%;
  background: rgba(134, 226, 255, 0.25);
  filter: blur(50px);
  opacity: 0.4;
}
@media screen and (max-width: 1024px) {
  .bg-round-blur .bg-round {
    position: absolute;
    left: calc(50% - 340px);
    z-index: -1;
    top: -340px;
    width: 814px;
    height: 847px;
    border-radius: 50%;
  }
  .bg-round-blur::before {
    left: -340px;
    top: -340px;
    width: 680px;
    height: 680px;
    border-radius: 50%;
  }
  .bg-round-blur::after {
    right: -340px;
    top: -340px;
    width: 680px;
    height: 680px;
    border-radius: 50%;
  }
}
.container-content.solution-section-1 {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 120px 0;
}
.container-content.solution-section-1 .left-box {
  flex: 0 0 412px;
  padding-right: 48px;
}
.container-content.solution-section-1 .left-box .subtitle {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -1.2px;
}
.container-content.solution-section-1 .left-box .description {
  margin-top: 24px;
}
.container-content.solution-section-1 .right-box {
  flex: 1 1 auto;
}
.container-content.solution-section-1 .right-box .card-list {
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  overflow: visible;
}
.container-content.solution-section-1 .right-box .card-list .card-item {
  width: 276px;
  height: 276px;
  padding: 36px 32px;
  border-radius: 12px;
  background-color: #fff;
}
.container-content.solution-section-1 .right-box .card-list .card-item .icon {
  width: 40px;
  height: 40px;
}
.container-content.solution-section-1 .right-box .card-list .card-item .title {
  color: rgba(0, 0, 0, 0.88);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin: 12px 0 20px 0;
}
.container-content.solution-section-1 .right-box .card-list .card-item .descripition {
  color: rgba(0, 0, 0, 0.88);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.container-content.solution-section-1 .right-box .card-list-en {
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  overflow: visible;
}
.container-content.solution-section-1 .right-box .card-list-en .card-item {
  width: 276px;
  height: 276px;
  padding: 36px 32px;
  border-radius: 12px;
  background-color: #fff;
}
.container-content.solution-section-1 .right-box .card-list-en .card-item .title {
  color: rgba(0, 0, 0, 0.88);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin: 12px 0;
}
.container-content.solution-section-1 .right-box .card-list-en .card-item .descripition {
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media screen and (max-width: 1400px) {
  .container-content.solution-section-1 {
    padding: 120px 40px;
    flex-flow: row wrap;
  }
  .container-content.solution-section-1 .left-box {
    flex: 1 1 100%;
    margin-bottom: 60px;
  }
  .container-content.solution-section-1 .right-box {
    flex: 1 1 100%;
  }
}
.container-content.solution-section-2 {
  padding: 120px 0;
}
.container-content.solution-section-2 .panel-top {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 44px;
}
.container-content.solution-section-2 .panel-top .left-box {
  flex: 0 0 480px;
}
.container-content.solution-section-2 .panel-top .left-box .subtitle {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -1.2px;
}
.container-content.solution-section-2 .panel-top .left-box .highlight-box {
  color: #000;
  border-radius: 12px;
  background-color: #E6F0FD;
  text-align: center;
  padding: 20px 48px;
  margin: 32px 0;
  font-size: 16px;
}
.container-content.solution-section-2 .panel-top .left-box .description {
  margin-top: 24px;
}
.container-content.solution-section-2 .panel-top .right-box {
  overflow: hidden;
  flex: 1 1 auto;
}
.container-content.solution-section-2 .panel-top .right-box img.img-feature {
  height: auto;
  min-height: 160px;
  width: 100%;
  border-radius: 12px;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
}
.container-content.solution-section-2 .panel-center {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 36px;
  margin-top: 60px;
}
.container-content.solution-section-2 .panel-center .item {
  flex: 1 1 25%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.container-content.solution-section-2 .panel-center .item .title {
  font-size: 20px;
  font-weight: 700;
  margin: 8px 0 24px 0;
}
.container-content.solution-section-2 .panel-center .item .descripition {
  color: rgba(0, 0, 0, 0.65);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.container-content.solution-section-2 .panel-bottom {
  margin-top: 60px;
}
@media screen and (max-width: 1400px) {
  .container-content.solution-section-2 {
    padding: 120px 40px;
  }
}
.solution-smart-hardware .device-images {
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 120px;
}
.solution-smart-hardware .device-images .device {
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex: 0 0 240px;
  margin: 40px 0;
}
.solution-smart-hardware .device-images .device .device-img img {
  width: 100%;
  height: auto;
  max-height: 268px;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
}
.solution-smart-hardware .device-images .device .devie-name {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  word-break: keep-all;
}
.solution-smart-hardware .device-images .device-with-feature {
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex: 0 0 400px;
  margin: 40px 0;
}
.solution-smart-hardware .device-images .device-with-feature .device-img img {
  width: 100%;
  height: auto;
  max-height: 268px;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: contain;
  object-fit: contain;
}
.solution-smart-hardware .device-images .device-with-feature .devie-name {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  word-break: keep-all;
}
.solution-smart-hardware .device-images .device-with-feature .feature-list {
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-basis: 100%;
}
.solution-smart-hardware .device-images .device-with-feature .feature-list .feature-item {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  white-space: nowrap;
  word-break: keep-all;
}
.solution-smart-hardware .device-images .device-with-feature .padding-left {
  padding-left: 64px;
}
.solution-smart-hardware .feature-list {
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.solution-smart-hardware .feature-list .feature-item {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  white-space: nowrap;
  word-break: keep-all;
}
.solution-smart-hardware .feature-list .padding-left {
  padding-left: 64px;
}
.scenario-list {
  /* Safari */
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin: 40px 0;
}
.scenario-list .scenario-item {
  position: relative;
  flex: 0 0 240px;
  height: 392px;
  overflow: hidden;
}
.scenario-list .scenario-item .title-box {
  position: absolute;
  z-index: 2;
  width: 240px;
  height: 60px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 60px;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  padding-left: 12px;
  padding-right: 12px;
  background: #E6F0FD;
  color: #0161E8;
  text-align: center;
  font-family: "Noto Sans SC";
  font-size: 16px;
  font-weight: 500;
}
.scenario-list .scenario-item .title-box::before {
  position: absolute;
  content: ' ';
  width: 80px;
  height: 4px;
  top: 0;
  left: 80px;
  border-radius: 2px;
  background-color: #0161E8;
  transition: all 0.15s ease;
}
.scenario-list .scenario-item .item-img {
  position: absolute;
  z-index: 1;
  width: 240px;
  height: 320px;
  left: 0;
  right: 0;
  top: 72px;
  bottom: 0;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.15s ease;
}
.scenario-list .scenario-item .item-img img {
  width: auto;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.15s ease;
}
.scenario-list .scenario-item:nth-child(even) .title-box {
  left: 0;
  right: 0;
  top: 332px;
  bottom: 0;
}
.scenario-list .scenario-item:nth-child(even) .title-box::before {
  position: absolute;
  content: ' ';
  width: 80px;
  height: 4px;
  top: 56px;
  left: 80px;
  border-radius: 2px;
  background-color: #0161E8;
}
.scenario-list .scenario-item:nth-child(even) .item-img {
  left: 0;
  right: 0;
  top: 0;
  bottom: 320px;
}
.scenario-list .scenario-item:hover .title-box::before {
  position: absolute;
  content: ' ';
  width: 216px;
  left: 12px;
}
.scenario-list .scenario-item:hover .item-img img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
  /* Opera */
}
.scenario-list .scenario-item-en {
  position: relative;
  flex: 0 0 240px;
  height: 392px;
  overflow: hidden;
}
.scenario-list .scenario-item-en .title-box {
  position: absolute;
  z-index: 2;
  width: 240px;
  height: 60px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 60px;
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  padding-left: 12px;
  padding-right: 12px;
  vertical-align: middle;
  background: #E6F0FD;
  color: #0161E8;
  text-align: center;
  font-family: "Noto Sans SC";
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.scenario-list .scenario-item-en .title-box::before {
  position: absolute;
  content: ' ';
  width: 80px;
  height: 4px;
  top: 0;
  left: 80px;
  border-radius: 2px;
  background-color: #0161E8;
  transition: all 0.15s ease;
}
.scenario-list .scenario-item-en .item-img {
  position: absolute;
  z-index: 1;
  width: 240px;
  height: 320px;
  left: 0;
  right: 0;
  top: 72px;
  bottom: 0;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.15s ease;
}
.scenario-list .scenario-item-en .item-img img {
  width: auto;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.15s ease;
}
.scenario-list .scenario-item-en:nth-child(even) .title-box {
  left: 0;
  right: 0;
  top: 332px;
  bottom: 0;
}
.scenario-list .scenario-item-en:nth-child(even) .title-box::before {
  position: absolute;
  content: ' ';
  width: 80px;
  height: 4px;
  top: 56px;
  left: 80px;
  border-radius: 2px;
  background-color: #0161E8;
}
.scenario-list .scenario-item-en:nth-child(even) .title-box-en::before {
  position: absolute;
  content: ' ';
  width: 80px;
  height: 4px;
  top: 56px;
  left: 80px;
  border-radius: 2px;
  background-color: #0161E8;
}
.scenario-list .scenario-item-en:nth-child(even) .item-img {
  left: 0;
  right: 0;
  top: 0;
  bottom: 320px;
}
.scenario-list .scenario-item-en:hover .title-box::before {
  position: absolute;
  content: ' ';
  width: 216px;
  left: 12px;
}
.scenario-list .scenario-item-en:hover .item-img img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
  /* Opera */
}
.container-content.contact-us-section {
  padding: 40px 0;
  border-radius: 12px;
}
.container-content.open-positions {
  padding: 60px 0 80px 0;
}
.container-content.solution-cases {
  /* Safari */
  display: flex;
  flex-flow: column nowrap;
  gap: 48px;
  justify-content: space-between;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
.container-content.solution-cases .title-box {
  max-width: 960px;
}
.container-content.solution-cases .subtitle {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -1.2px;
}
.container-content.solution-cases .case-swiper {
  position: relative;
  width: 100%;
}
.container-content.solution-cases .case-swiper .case-item {
  box-sizing: border-box;
  border-radius: 24px;
  border: 1px solid #D9D9D9;
  padding: 0;
  background: rgba(255, 255, 255, 0.2);
  flex: 0 0 645px !important;
  /* Safari */
  display: flex;
  flex-flow: row nowrap;
  gap: 0;
  justify-content: space-between;
  align-items: center;
  height: 368px;
  overflow: hidden;
  transition: all 0.15s ease;
}
.container-content.solution-cases .case-swiper .case-item .case-img {
  height: 100%;
  flex: 0 0 250px;
  overflow: hidden;  
}
.container-content.solution-cases .case-swiper .case-item .case-img img {
  transition: all 0.15s ease;
  height: 100%;
  width: auto;
  min-width: 200px;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
}
.container-content.solution-cases .case-swiper .case-item .case-details {
  padding: 32px;
  flex: 1 1 auto;
}
.container-content.solution-cases .case-swiper .case-item .case-title {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container-content.solution-cases .case-swiper .case-item .case-sub-title {
  margin: 20px 0 10px 0;
}
.container-content.solution-cases .case-swiper .case-item .case-sub-title span {
  border-radius: 8px;
  background: #E6F0FD;
  padding: 4px 12px;
  color: #0161E8;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-top: 20px;
  margin-right: 8px;
}
.container-content.solution-cases .case-swiper .case-item .case-section-title {
  position: relative;
}
.container-content.solution-cases .case-swiper .case-item .case-section-title::before {
  position: absolute;
  content: ' ';
  z-index: 9;
  left: 0;
  top: 14px;
  width: 4px;
  height: 13px;
  border-radius: 2px;
  background-color: #FDB614;
}
.container-content.solution-cases .case-swiper .case-item .case-section-title span {
  display: inline-block;
  border-radius: 6px;
  background: rgba(253, 182, 20, 0.2);
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  margin-top: 8px;
}
.container-content.solution-cases .case-swiper .case-item .case-text {
  color: #222;
  font-size: 14px;
  line-height: 20px;
}
.container-content.solution-cases .case-swiper .case-item a.case-link {
  margin-top: 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #0161E8;
  white-space: nowrap;
  word-break: keep-all;
  transition: top 0.15s ease;
}
.container-content.solution-cases .case-swiper .case-item a.case-link span.icon-arrow-next {
  display: inline-block;
  margin: 0 8px -2px 8px;
  width: 16px;
  height: 16px;
}
.container-content.solution-cases .case-swiper .case-item a.case-link:hover span.icon-arrow-next {
  transform: translateX(4px);
  -ms-transform: translateX(4px);
  /* IE 9 */
  -moz-transform: translateX(4px);
  /* Firefox */
  -webkit-transform: translateX(4px);
  /* Safari 和 Chrome */
  -o-transform: translateX(4px);
  /* Opera */
}
.container-content.solution-cases .case-swiper .case-item:hover {
  border-color: #91BFFF;
  background: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 78, 188, 0.15);
}
.container-content.solution-cases .case-swiper .case-item:hover .case-img img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
  /* Opera */
}
.page-bottom-row {
  margin: 80px 0 80px 0;
}
.page-bottom-row .btn.btn-blue span.fa {
  margin-left: 8px;
  margin-right: 8px;
}
.page-bottom-row .btn.btn-blue + .btn.btn-blue {
  margin-left: 44px;
}
@media screen and (max-width: 992px) {
  .content-wrapper .container-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* - common override -*/
h4 {
  line-height: 1.5;
}

/*# sourceMappingURL=style-plus.css.map */