@import 'font-awesome.min.css';
/**
 * Theme Name: XSKY Official Website
 * Theme URI: http://www.xsky.com
 * Author: XSKY-FE
 * Author URI: https://github.com/xsky-fe
 * Description: This is the official XSKY.COM theme.
 * Version: 2.0.0
 * License: Copyright xsky.com(c) all rights reserved.
 * Text Domain: xsky
 * Tags: xsky official-website
 *
 * DO NOT EDIT `/style.css` DIRECTLY!
 * IT'S GENERATED BY POSTCSS FROM `/assets/css/style.css`!
 */
html{
  width: 100%;
  overflow-x: hidden
}
html[lang="en-US"] .hidden-en{
  display: none;
}
html[lang="zh-CN"] .hidden-cn{
  display: none;
}
body{
  width: 100vw;
  overflow-x: hidden;
  font-family: "Helvetica Neue","Helvetica","PingFang SC","Arial","Microsoft YaHei","微软雅黑"
}
body.collapsed{
  height: 100vh;
  overflow-y: hidden;
}
a {
  /* color: #6E35FC; */
  text-decoration: none;
}
button {
  outline: none !important;
}
input::-ms-clear {
  width : 0;
  height: 0;
}
h4 {
  line-height: 1.4;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  background-size: contain;
}
a:active,
a.text-primary:active {
  color: #441B98;
}
a:focus,
a:hover,
a.text-primary:focus,
a.text-primary:hover {
  color: #9D6EFB !important;
  text-decoration: none;
}
a[href="javascript:void(0);"]{
  cursor: default !important
}
a[href="javascript:void(0);"]:not([class*="dropdown-toggle"])::after{
  display: none;
}



.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.open, 
.navbar-light .navbar-nav .open>.nav-link {
  color: #ffffff;
  opacity: 0.6;
}
.table thead th {
  border-bottom: none;
}
.btn.btn-warning {
  border: none;
  background-color: #FBC70D;
}
.btn.btn-outline-warning {
  border-color: #FBC70D;
}
.btn.btn-outline-warning.active {
  background-color: #FBC70D;
}
.btn.btn-primary {
  cursor: pointer;
  border: none;
  background-color: #6E35FC
}
.btn.btn-primary:hover {
  background: #9D6EFB;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(106,44,233,0.25);
          box-shadow: 0px 6px 10px 0px rgba(106,44,233,0.25);
}
.btn.btn-primary:active{
  background: #441B98;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(106,44,233,0.25);
          box-shadow: 0px 6px 10px 0px rgba(106,44,233,0.25);
}
.btn.btn-tab{
  color: #a7a9ac;
  font-size: 1.125rem;
  -webkit-box-shadow: none;
          box-shadow: none
}
.btn.btn-tab.active::after {
  content: '';
  display: block;
  width: 2.8125rem;
  margin: 0 auto;
  margin-top: 0.4375rem;
  height: 0.1875rem;
  background-color: #6E35FC;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(106,44,233,0.25);
          box-shadow: 0px 2px 4px 0px rgba(106,44,233,0.25);
}
.btn.btn-tab.active{
  color: #3f3f44;
}
.btn:focus{
  -webkit-box-shadow: 0 0 0 2px transparent;
          box-shadow: 0 0 0 2px transparent;
}
ul {
  padding: 0;
  list-style: inside;
}
.btn-outline-info {
  color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-primary {
  color: #ffffff;
  border-color: #6E35FC;
  background-color: #6E35FC;
}
.btn-outline-info:hover, 
.btn-outline-info:focus,
.btn-outline-primary:hover, 
.btn-outline-primary:focus  {
  color: #9D6EFB;
  border-color: #9D6EFB;
  background-color: #ffffff;
}
.btn-outline-info:active,
.btn-outline-primary:active {
  color: #441B98;
  border-color: #441B98;
  background-color: #ffffff;
}
.btn.focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.form-control {
  color: #3f3f44
}
.form-control::-webkit-input-placeholder {
  color: #a2a3a9;
}
.form-control::-moz-placeholder {
  color: #a2a3a9;
}
.form-control:-ms-input-placeholder {
  color: #a2a3a9;
}
.form-control::placeholder {
  color: #a2a3a9;
}
.form-control:focus {
  border-color: #6E35FC;
}
.modal .modal-dialog{
  max-width: 25rem;
  -webkit-transform: translateY(50%);
          transform: translateY(50%)
}
.modal .modal-dialog .modal-header{
  border-bottom: none
}
.modal .modal-dialog .modal-header .close{
  margin-left: auto;
}
.modal.show .modal-dialog{
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.jumbotron {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .col-pad-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.flex-grow-5 {
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}
.flex-grow-2{
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.flex-grow-3{
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}
.hidden-768-up{
  display: none!important;
}
.hidden-992-up{
  display: none!important;
}
.hidden-1200-up{
  display: none!important;
}
.animated.slow {
  -webkit-animation-duration: 1200ms;
  animation-duration: 1200ms;
}
@-webkit-keyframes vertical-shake {
  from {
    bottom: 1rem;
  }
  to {
    bottom: 1.625rem;
  }
}
@keyframes vertical-shake {
  from {
    bottom: 1rem;
  }
  to {
    bottom: 1.625rem;
  }
}
@-webkit-keyframes opGradient {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes opGradient {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
._fadeInUp,
._fadeInLeft,
._fadeInRight {
  visibility: hidden;
}
[class^="hover-"], [class*=" hover-"] {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.hover-floatUp:hover {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
@media (max-width: 768px) {
  .hover-floatUp:hover {
    -webkit-transform: none;
            transform: none
  }
}
.hover-zoom-img img {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.hover-zoom-img:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
p {
    line-height: 1.5;
}
body {
    font-family: 'PingFangSC', 'helvetica neue', 'hiragino sans gb', 'arial', 'microsoft yahei ui', 'microsoft yahei', 'simsun', 'sans-serif';
    color: #6d6f71;
}

.f0 {
    font-size: 5.625rem;
    font-family: 'PingFangSC-Semibold';
}
h1,
.f1 {
    font-size: 3rem;
}
h2,
.f2 {
    font-size: 2rem;
}
h3,
.f3 {
    font-size: 1.25rem;
}
h4,
.f4 {
    font-size: 1.125rem;
}
h5,
.f5 {
    font-size: 1rem;
}
h6,
.f6 {
    font-size: 0.875rem;
}
.f7 {
    font-size: 0.75rem !important;
}
.f18 {
    font-size: 1.125rem;
}
.f24 {
    font-size: 1.5rem;
}
.f28 {
    font-size: 1.75rem;
}
.f30 {
    font-size: 1.875rem;
}
.f44 {
    font-size: 2.75rem;
}
.f60 {
    font-size: 3.75rem;
    font-family: 'PingFangSC-Semibold';
}
.f72 {
    font-size: 4.5rem;
    font-family: 'PingFangSC-Semibold';
}
.text-indent {
    text-indent: 2em;
}
.text-primary {
    color: #6E35FC !important;
}
.text-warning {
    color: #FBC70D !important;
}
.text-dark {
    color: #3f3f44 !important;
}
.text-normal {
    color: #646369 !important;
}
.text-gray {
    color: #a2a3a9 !important;
    ;
}
.text-light {
    color: #ffffff;
}
.font-vertical {
    width: 1rem;
    word-break: break-all;
}
.pf-med {
    font-family: 'PingFangSC-Medium';
}
.pf-reg {
    font-family: 'PingFangSC-Regular';
}
.register {
    line-height: 1.3;
    display: inline-block;
    font-size: 0.75rem;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    margin-right: 0.3125rem;
    vertical-align: text-top;
}
a[href^="mailto:"],
a[href^="tel"] {
    color: inherit;
    font-size: inherit;
}
.text-shadow {
    text-shadow: 4px 4px 4px #333;
}
html[lang="en-US"] .jumbotron h1 {
    line-height: 1.2;
}
.box-shadow {
    -webkit-box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06);
            box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06);
}
.box-shadow-img {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(4, 7, 18, 0.06);
            box-shadow: 0px 10px 20px 0px rgba(4, 7, 18, 0.06);
}
.btn {
    border-radius: 30px;
    padding: 0.4375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1
}
.btn.arrow::after {
  content: "\e914";
  margin-left: 0.3125rem;
  font-family: 'xsky-sans-cn';
}
.footer-before {
    width: 100%;
    height: 13.75rem;
    background: #6E35FC url(../images/footer-before.png) center / contain no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ffffff
}
.footer-before p {
  margin-bottom: 0;
  line-height: 1.4 !important;
}
.footer-before .btn {
  margin-top: 1.625rem;
}
@media (max-width: 768px) {
  .footer-before {
    height: 10rem
  }
  .footer-before p {
    font-size: 5vw;
  }
  .footer-before .btn {
    margin-top: 1rem;
  }
}
.jumbotron {
    position: relative;
    color: #ffffff;
    border-radius: 0;
    background-size: cover;
    background-position: center center;
    background-image: var(--url)
}
.jumbotron.jumbotron-phone {
  display: none;
}
.jumbotron.lead {
  height: 31.25rem;
}
@media (max-width: 768px) {
  .jumbotron.lead {
    height: 67vw;
    min-height: 18.75rem
  }
}
.jumbotron.secondary {
  height: 25rem;
}
@media (max-width: 768px) {
  .jumbotron.secondary {
    height: 54vw;
    min-height: 18.75rem
  }
}
.jumbotron.tertiary {
  height: 18.75rem;
}
@media (max-width: 768px) {
  .jumbotron.tertiary {
    height: 40vw;
    min-height: 12.5rem
  }
}
@media (max-width: 768px) {
  .jumbotron.tertiary.jumbotron-phone .container {
    top: 3.5rem
  }
}
.jumbotron h1,
    .jumbotron h2,
    .jumbotron p {
  max-width: 80%;
  margin-bottom: 0;
  color: #ffffff;
  line-height: 1.5
}
.jumbotron h1.full-width, .jumbotron h2.full-width, .jumbotron p.full-width {
  max-width: 100%;
}
.jumbotron a.btn.arrow {
  margin-top: 0.75rem;
}
.jumbotron img.logo {
  height: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .jumbotron {
    background-image: var(--url-phone)
  }
}
@media (max-width: 768px) {
    .jumbotron.jumbotron-phone,
    .carousel-inner {
        display: block;
        overflow: hidden;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-bottom: 0
    }
    .jumbotron.jumbotron-phone .carousel-item, .carousel-inner .carousel-item {
    overflow: hidden;
  }
    .jumbotron.jumbotron-phone img.logo, .carousel-inner img.logo {
    height: 5vw;
    margin-bottom: 1vw;
  }
    .jumbotron.jumbotron-phone h1,
        .jumbotron.jumbotron-phone h2,
        .jumbotron.jumbotron-phone ul,
        .jumbotron.jumbotron-phone p,
        .carousel-inner h1,
        .carousel-inner h2,
        .carousel-inner ul,
        .carousel-inner p {
    max-width: 100%;
    text-align: center
  }
    .jumbotron.jumbotron-phone h1:first-child, .jumbotron.jumbotron-phone h2:first-child, .jumbotron.jumbotron-phone ul:first-child, .jumbotron.jumbotron-phone p:first-child, .carousel-inner h1:first-child, .carousel-inner h2:first-child, .carousel-inner ul:first-child, .carousel-inner p:first-child {
    font-family: PingFangSC-Semibold;
    font-size: 7.8vw;
  }
    .jumbotron.jumbotron-phone h1:nth-child(2), .jumbotron.jumbotron-phone h2:nth-child(2), .jumbotron.jumbotron-phone ul:nth-child(2), .jumbotron.jumbotron-phone p:nth-child(2), .carousel-inner h1:nth-child(2), .carousel-inner h2:nth-child(2), .carousel-inner ul:nth-child(2), .carousel-inner p:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: 5vw;
    max-width: 40.875rem;
    margin: 0 auto;
    text-align: center;
  }
    .jumbotron.jumbotron-phone h1.subtitle, .jumbotron.jumbotron-phone h2.subtitle, .jumbotron.jumbotron-phone ul.subtitle, .jumbotron.jumbotron-phone p.subtitle, .carousel-inner h1.subtitle, .carousel-inner h2.subtitle, .carousel-inner ul.subtitle, .carousel-inner p.subtitle {
    font-size: 0.875rem;
  }
    .jumbotron.jumbotron-phone .banner-susp, .carousel-inner .banner-susp {
    display: none;
  }
    .jumbotron.jumbotron-phone .banner-gartner, .carousel-inner .banner-gartner {
    display: none;
  }
    .jumbotron.jumbotron-phone .carousel-caption, .carousel-inner .carousel-caption {
    bottom: 0;
    padding-top: 2rem;
    padding-bottom: 0;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
    .jumbotron.jumbotron-phone .container, .carousel-inner .container {
    width: 100%;
    z-index: 2;
    top: calc(2.5rem + 1.5vw);
  }
    .jumbotron.jumbotron-phone .home-banner-2, .carousel-inner .home-banner-2 {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
    .jumbotron.jumbotron-phone .banner-susp-phone, .carousel-inner .banner-susp-phone {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
  }
    .jumbotron.jumbotron-phone .banner-gartner-phone, .carousel-inner .banner-gartner-phone {
    display: block;
    position: absolute;
    width: 40%;
    top: 52%;
  }
    .jumbotron.jumbotron-phone {
        padding-top: 2rem
    }
    .jumbotron.jumbotron-phone .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
    .jumbotron.jumbotron-phone .btn.arrow {
    -ms-flex-item-align: center;
        align-self: center;
    background-color: rgba(71, 29, 164, 0.80);
  }
}
.banner-susp {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-20px, -50%);
            transform: translate(-20px, -50%)
}
.banner-susp.seco {
  -webkit-transform: translate(50px, -50%);
          transform: translate(50px, -50%);
}
.banner-gartner {
    display: block;
    position: absolute;
    left: 65%;
    top: 20%;
    height: auto;
    width: 30%
}
.banner-gartner.seco {
  -webkit-transform: translate(50px, -50%);
          transform: translate(50px, -50%);
}
.banner-susp-phone {
    display: none;
}
.banner-gartner-phone {
    display: none;
}
/* 客户如何通过 XSKY 转型 section 公用样式 */
section.container.customer-trans .card-group {
  margin-bottom: 2rem;
  overflow: auto
}
section.container.customer-trans .card-group .card {
  padding: 0.3125rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto
}
section.container.customer-trans .card-group .card>div {
  width: 12.875rem;
  height: 3.75rem;
}
section.container.customer-trans .card-group.evaluation .card.active {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(4, 7, 18, 0.06);
          box-shadow: 0px 10px 20px 0px rgba(4, 7, 18, 0.06);
  background-color: #ffffff !important;
}
section.container.customer-trans .card-group.no-comment .card>div {
  width: 11.8125rem;
  height: 3.75rem;
}
section.container.customer-trans .customer-comment {
  position: relative;
  margin-bottom: 2rem;
  height: 26.25rem
}
section.container.customer-trans .customer-comment>img {
  display: block;
  height: 100%;
  width: auto;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
section.container.customer-trans .customer-comment .comment {
  position: absolute;
  width: 75%;
  height: 22.6875rem;
  top: 1.75rem;
  right: 0;
  padding: 3.5rem;
  text-align: left;
  background-color: #fff;
  -webkit-box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06);
          box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06)
}
section.container.customer-trans .customer-comment .comment b {
  font-size: 5rem;
  line-height: 1 !important;
}
section.container.customer-trans .customer-comment .comment p {
  line-height: 2 !important;
}
section.container.customer-trans .customer-comment .comment p.speaker {
  text-align: right;
}
@media (max-width: 768px) {
  section.container.customer-trans .evaluation {
    overflow-x: auto;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  section.container.customer-trans .customer-comment {
    height: 30rem;
    margin-bottom: 1rem
  }
  section.container.customer-trans .customer-comment img {
    display: none;
  }
  section.container.customer-trans .customer-comment .comment {
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    height: 28.75rem;
    padding: 1.875rem;
  }
}
.img-before {
    color: #3f3f44;
    font-size: 1rem;
    margin-bottom: 0.625rem;
}
.img-after {
    color: #a2a3a9;
    font-size: 0.75rem;
    margin-top: 2rem;
    margin-bottom: 0;
}
.IDC_imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}
.IDC_imgs img {
  width: 10rem;
  height: 12.125rem;
  margin: 0 0.3125rem;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(4, 7, 18, 0.06);
          box-shadow: 0px 10px 20px 0px rgba(4, 7, 18, 0.06);
}
.full-img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: #00000090;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}
.full-img.out {
  background-color: #00000000;
}
.full-img img {
  position: absolute;
  top: 0;
  left: -5rem;
  margin-left: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(2.5) translateY(50%);
          transform: scale(2.5) translateY(50%);
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.error404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 6.25rem
}
.error404 img {
  max-width: 28.4375rem;
}
.dim {
    background-color: rgba(249, 250, 255, 0.38);
}
body.evaluate .evaluate-button {
    display: none;
}
.table-wrapper {
    width: 100%;
    overflow-x: auto;
}
/* .new-mo::after {
    content: " ";
    width: 32px;
    display: inline-block;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/icon-new.png);
} */
.well {
    background-color: #F9FAFF;
    padding: 1rem 2rem;
    border-radius: 5px;
    border: 1px solid #9D6EFB;
}
.carousel-caption {
    padding-top: 4rem;
}
footer.footer {
  background-color: #ffffff
}
footer.footer .container{
  padding: 3.75rem 0
}
@media (max-width: 768px){
  footer.footer .container{
    width: 100%;
    padding: 2.5rem 7.5%
  }
  footer.footer .container .col-12 {
    margin-bottom: 0 !important;
  }
}
footer.footer a:not(.btn) {
  color: #646369;
  line-height: 2;
  font-size: 0.875rem
}
footer.footer a:not(.btn).lead {
  font-weight: bold;
  width: 5.625rem;
  margin-bottom: 0.375rem;
  padding-bottom: 0.375rem;
  color: #3f3f44;
  font-size: 1.125rem;
}
@media (max-width: 768px){
  footer.footer a:not(.btn) {
    color: #656B90;
    font-size: 4vw
  }
}
footer.footer .logo {
  height: 3rem;
  margin-bottom: 0.875rem;
}
footer.footer .company {
  font-weight: bold;
  color: #3f3f44;
}
@media (max-width: 768px){
  footer.footer .company {
    font-size: 4vw
  }
}
footer.footer .contact {
  font-size: 0.75rem;
  color: #646369
}
footer.footer .contact .fa{
  color: #a2a3a9;
  width: 1.25rem;
  margin-right: 0.5625rem;
  margin-top: 0.3125rem
}
footer.footer .contact .fa:nth-of-type(1){
  margin-top: 0;
}
@media (max-width: 768px){
  footer.footer .contact {
    color: #656B90;
    font-size: 4vw;
    margin-bottom: 0
  }
  footer.footer .contact .fa{
    color: #656B90;
    width: 6vw;
  }
}
footer.footer .subtitle{
  font-weight: bold;
  color: #3f3f44;
  line-height: 2;
  font-size: 0.875rem;
}
footer.footer .qrcode-wrapper {
  position: relative
}
footer.footer .qrcode-wrapper:hover .qrcode {
  display: block;
}
footer.footer .qrcode {
  display: none;
  position: absolute;
  bottom: 1.625rem;
  left: 0;
  width: 12.5rem;
  border: 1px solid #f5f5f5;
}
footer.footer .icon {
  height: 1.625rem;
}
footer.footer .copyright {
  padding-bottom: 1.4375rem;
  color: #646369;
  background-color: #ffffff;
  font-size: 0.75rem
}
footer.footer .copyright .container{
  padding: 0;
}
footer.footer .copyright a {
  font-size: 0.75rem;
}
@media (max-width: 768px){
  footer.footer .copyright {
    font-size: 3.25vw
  }
}
footer.footer .btn {
  margin-top: 1.75rem;
  -webkit-box-shadow: 0px 2px 18px 0px rgba(81,49,211,0.19);
          box-shadow: 0px 2px 18px 0px rgba(81,49,211,0.19);
  line-height: 1
}
footer.footer .btn:hover{
  -webkit-box-shadow: none;
          box-shadow: none;
}
footer.footer .btn:active{
  color: #441B98;
  border: 1px solid #441B98;
  -webkit-box-shadow: none;
          box-shadow: none;
}
footer.footer .sub-container{
  float: left;
  margin: 0 auto;
  width: 30%
}
footer.footer .sub-container:nth-child(3) {
  width: 40%;
}
body.archive footer.footer,body.career footer.footer,body.evaluate footer.footer,body.support footer.footer,body.apply-to-join footer.footer,body.downloads footer.footer{
  border-top: 1px solid #E6E6E6;
}
.report-form .btn-group{
  margin-bottom: 3.5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[class$="form"] {
  padding-top: 6.25rem
}
[class$="form"] .success-info{
  width: 100%;
  margin: 12.5rem 0;
  text-align: center;
  color: #646369;
  font-size: 1rem
}
[class$="form"] .success-info i{
  color: #00a48e;
  font-size: 3rem;
}
[class$="form"] .success-info p{
  margin-bottom: 0;
  margin-top: 0.5rem;
  word-break: keep-all
}
[class$="form"] .success-info p:last-child {
  font-size: 0.75rem;
}
[class$="form"] .success-info a{
  color: #6E35FC;
}
form .hidden{
  display: none;
}
form{
  font-size: 0.875rem
}
form .form-group{
  margin-bottom: 1.5rem;
  position: relative
}
form .form-group label {
  text-align: right;
  white-space: nowrap;
  direction: rtl;
}
@media (max-width: 768px){
  form .form-group label {
    padding-left: 0;
    margin-bottom: 0 !important;
    text-align: left
  }
}
form .form-group .after{
  position: absolute;
  bottom: -1.35rem;
}
form .form-control {
  font-size: 0.875rem;
  height: 2.5rem
}
form .form-control:focus{
  border-color: #6E35FC;
}
form .input-group {
  height: 2.5rem
}
form .input-group .btn {
  padding: .25rem 1rem;
  border-radius: 4px;
}
form #captcha-picture-a {
  color: #6E35FC;
}
form#downloads-form .info-type {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}
form#downloads-form .info-type .white-papers,
    form#downloads-form .info-type .color-papers {
  padding: 1rem;
  text-align: center;
  position: relative
}
form#downloads-form .info-type .white-papers .white-papers-book,
      form#downloads-form .info-type .white-papers .color-papers-book,
      form#downloads-form .info-type .color-papers .white-papers-book,
      form#downloads-form .info-type .color-papers .color-papers-book {
  width: 9.125rem;
  height: 10.375rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
form#downloads-form .info-type input[type=checkbox] {
  vertical-align: middle;
  margin-right: .25rem;
}
form#downloads-form .info-type label {
  vertical-align: middle;
  margin: 0;
}
form [type=submit] {
  line-height: 1.75;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(106,44,233,0.25);
          box-shadow: 0px 6px 10px 0px rgba(106,44,233,0.25);
  border-radius: 4px;
}
@media (max-width: 768px){
  form{
    margin-bottom: 0
  }
  form > .form-group {
    margin-bottom: 0.5rem
  }
  form > .form-group [class^="col-"]{
    padding-left: 0;
    margin-bottom: 1rem
  }
  form > .form-group [class^="col-"]:last-child, form > .form-group [class^="col-"].get-verify{
    padding-right: 0;
  }
  form > .form-group.form-submit {
    margin-top: 1.75rem;
  }
}
form .send-verify{
  height: 100%;
  width: 100%;
  border-radius: 4px;
  cursor: pointer;
}
form .email-validation{
  color: #a2a3a9;
  word-break: break-all;
  word-wrap: break-word;
  margin-bottom: 0 !important;
  background-color: white;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: 0.75rem
}
form .email-validation.error{
  color: #d9534f;
}
@media (max-width: 768px){
  form .email-validation{
    margin-top: -0.9375rem
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.Loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%
}
.Loader .Loader__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem
}
.Loader .Loader__inner .Loader__circle {
  width: 5rem;
  height: 5rem;
  border-width: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
  border: 10px solid rgba(255,255,255,0.2);
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  border-color: #ddd;
  border-top-color: #6b58c4;
  display: inline-block;
  margin-bottom: 0.625rem;
}
@media (max-width: 991px){
  html[lang="en-US"] header.navbar .nav-menu .nav-wrapper #header-nav-content.show .nav-evaluate{
    width: 165px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .navbar-toggleable-md > .container {
    width: 71.25rem;
  }
}
header.navbar {
  font-size: 1rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #ffffff
}
header.navbar .container .nav-link {
  color: #ffffff;
}
header.navbar .nav-gblnav{
  width: 100%;
  font-size: 0.75rem;
}
header.navbar .nav-main {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.15625rem 0
}
header.navbar .nav-main .nav-item {
  margin-left: 2rem
}
header.navbar .nav-main .nav-item.active {
  position: relative;
}
header.navbar .nav-main .nav-item .nav-link:hover, header.navbar .nav-main .nav-item .nav-link:focus{
  color: #ffffff !important;
  opacity: 0.6;
}
@media (max-width: 991px) {
  header.navbar .nav-main .nav-item {
    margin-left: 0.5rem
  }
  header.navbar .nav-main .nav-item .nav-link{
    color: #3f3f44 !important;
    width: 100%
  }
  header.navbar .nav-main .nav-item .nav-link:hover, header.navbar .nav-main .nav-item .nav-link:focus{
    color: #6E35FC !important;
    opacity: 1;
  }
  header.navbar .nav-main .nav-item.active .nav-link{
    color: #a2a3a9 !important;
  }
}
header.navbar .nav-menu .nav-menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -0.375rem;
}
header.navbar .nav-menu .navbar-brand{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}
header.navbar .nav-menu .navbar-brand img {
  height: 4rem;
  vertical-align: text-top;
}
@media (max-width: 991px){
  header.navbar .nav-menu .navbar-brand img {
    height: 3.125rem
  }
}
header.navbar .nav-menu .nav-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
header.navbar .nav-menu .navbar-toggler{
  border: none
}
header.navbar .nav-menu .navbar-toggler .navbar-toggler-icon{
  background-image: url(../images/icon_menu.svg)
}
@media (max-width: 991px){
  header.navbar .nav-menu{
    width: 100%;
    font-size: 0.875rem;
    background-color: #222;
  }
  header.navbar .nav-menu .nav-menu-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 1rem 1.4375rem;
  }
  header.navbar .nav-menu .nav-wrapper{
    background-color: #ffffff;
    padding-right: 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
  }
  header.navbar .nav-menu .nav-wrapper #header-nav-content{
    width: 100%
  }
  header.navbar .nav-menu .nav-wrapper #header-nav-content.show{
    height: calc(100vh - 4.375rem);
    -webkit-transition: height .25s ease;
    transition: height .25s ease;
  }
  header.navbar .nav-menu .nav-wrapper a{
    font-family: PingFangSC-Semibold;
    color: #3f3f44;
  }
}
header.navbar .nav-sep {
  margin: 0.625rem 0.625rem 0 1.125rem;
  height: 1.375rem;
  border-right: 1px solid #ccc;
}
header.navbar .dropdown-item:active {
  color: #6E35FC;
  background-color: transparent;
}
body.archive .pagination {
  margin-top: 5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end
}
body.archive .pagination a, body.archive .pagination span {
  color: #3f3f44;
  display: inline-block;
  text-align: center;
  width: 1.625rem;
  height: 1.625rem;
  background: #ffffff;
  border: 1px solid rgba(230,230,230,1)
}
body.archive .pagination a.current,body.archive .pagination span.current{
  color: #6E35FC;
  border: 1px solid #6E35FC;
}
body.archive .pagination .screen-reader-text{
  color: #3f3f44;
  font-size: 0.875rem;
  margin: 0;
  line-height: 26px;
  margin-right: 0.625rem;
}
body.archive .pagination .go{
  width: 6.625rem;
  margin-left: 1.25rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
}
body.archive .pagination .go div, body.archive .pagination .go label{
  padding: 0;
}
body.archive .pagination .go input{
  height: 1.625rem;
  padding: 0;
  text-align: center
}
body.archive .pagination .go input:focus{
  color: #6E35FC;
  border: 1px solid #6E35FC;
}
body.archive .archive-bar {
  margin-bottom: 2.375rem
}
body.archive .archive-bar .form-group{
  width: 100%
}
body.archive .archive-bar .form-group input{
  width: 100%;
}
body.archive .archive-bar .search-input{
  position: relative;
  padding: 0
}
body.archive .archive-bar .search-input input{
  padding-right: 1.875rem;
}
body.archive .archive-bar .search-input .search-icon{
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 0;
  top: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0,0,0,0.65);
  line-height: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  width: 1.875rem;
}
body.archive .archive-bar .search-input .tags{
  display: inline-block;
  position: absolute;
  left: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}
body.archive .archive-bar .search-input .tags .tag{
  padding-right: 0.9375rem;
  position: relative
}
body.archive .archive-bar .search-input .tags .tag .tag-close{
  position: absolute;
  color: #a2a3a9;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 0.3125rem;
}
@media (max-width: 768px) {
  body.archive .archive-bar .search-input{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%
  }
}
body.archive .archive-bar .tags-all{
  padding: 0;
  margin-top: 0.625rem
}
body.archive .archive-bar .tags-all .tag-close{
  display: none;
}
body.archive .archive-bar .tag{
  height: 1.5rem;
  line-height: 24px;
  display: inline-block;
  padding: 0 0.625rem;
  font-size: 0.75rem;
  background: #ffffff;
  border: 1px solid rgba(225,229,235,1);
  border-radius: 60px
}
body.archive .archive-bar .tag:hover{
  background-color: #6E35FC;
  color: #ffffff !important;
  border-color: transparent;
}
body.archive article {
  margin-bottom: 3.125rem;
}
body.archive .btn.btn-warning {
  padding: .25em 1.25em;
  border-radius: 3em;
}
body.archive article.posts .posts-date{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.875rem
}
body.archive article.posts .posts-date .date-day{
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  margin-right: 0.875rem;
}
body.archive article.posts .posts-body{
  margin-left: 3.5rem;
  margin-top: -0.9375rem;
  padding-top: 0.9375rem;
  border-top: 1px solid #E1E5EB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row
}
body.archive article.posts .posts-body .img-wrapper{
  width: 16.25rem;
  height: 6.25rem;
  overflow: hidden;
  margin-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}
body.archive article.posts .posts-body .img-wrapper .img-media{
  height: 100%;
}
body.archive article.posts .posts-body .posts-content{
  position: relative;
  width: 100%
}
body.archive article.posts .posts-body .posts-content p, body.archive article.posts .posts-body .posts-content span{
  color: #a2a3a9;
  font-size: 0.875rem;
}
body.archive article.posts .posts-body .posts-content .author{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  width: 100%;
  max-width: 100%
}
body.archive article.posts .posts-body .posts-content .author img{
  height: 0.875rem;
  margin-left: 0.3125rem;
}
body.archive article.posts .posts-body .posts-footer{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between
}
body.archive article.posts .posts-body .posts-footer .detail{
  margin-left: auto;
}
aside.main-sidebar {
  margin-right: 5rem
}
aside.main-sidebar .list-group{
  margin-left: calc(100% - 8.9375rem)
}
aside.main-sidebar .list-group .list-group-item{
  border: none;
  position: relative;
  border-radius: 2px;
  font-size: 0.875rem
}
aside.main-sidebar .list-group .list-group-item::after {
  content: "\f105";
  position: absolute;
  right: 0.875rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.25rem;
}
aside.main-sidebar .list-group .list-group-item:not(.active){
  color: #a2a3a9 !important
}
aside.main-sidebar .list-group .list-group-item:not(.active):hover{
  color: #9D6EFB !important;
}
aside.main-sidebar .list-group .list-group-item.active{
  background: #ffffff;
  border: 1px solid #E1E5EB;
  color: #6E35FC;
}
@media (max-width: 768px) {
  aside.main-sidebar {
    margin-right: 0;
    margin-bottom: 1.875rem
  }
  aside.main-sidebar .list-group{
    margin-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
  }
  aside.main-sidebar .list-group .list-group-item::after{
    display: none;
  }
}
aside.main-sidebar .recent-posts li {
  position: relative;
  padding-left: 1em;
  list-style: none;
  font-size: 0.875rem
}
aside.main-sidebar .recent-posts li::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 0.1875rem);
  border-radius: 6px;
  border: 3px solid #6E35FC;
}
body.single article img{
  max-width: 100%;
}
body.single article .entry-title + p{
  margin-bottom: 1.875rem;
}
body.single article .entry-content{
  margin-bottom: 6.25rem;
}
body.single article.media {
  display: block;
}
body.single .single-post{
  margin-top: 4.375rem
}
body.single .single-post .tag{
  height: 1.5rem;
  line-height: 24px;
  display: inline-block;
  padding: 0 0.625rem;
  font-size: 0.75rem;
  background: #ffffff;
  color: #3f3f44;
  border: 1px solid rgba(225,229,235,1);
  border-radius: 60px;
}
body.single .tag-close{
  display: none;
}
body.single .main-sidebar{
  margin-right: 1.875rem;
}
body.about-us .intro p.paragraph{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  text-align: justify
}
body.about-us .intro p.paragraph.p2, body.about-us .intro p.paragraph.p3{
  margin-top: 0;
  margin-bottom: 0;
}
body.about-us .intro p.paragraph.p3 .arrow{
  padding: 0;
  border: none;
}
body.about-us .intro .IDC_imgs img {
  width: auto;
}
body.about-us .history {
  min-height: 56.25rem;
  color: #ffffff;
  background-position: center;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  padding: 6.5rem 5vw
}
body.about-us .history .time-line{
  overflow: hidden;
  padding-top: 3.125rem
}
body.about-us .history .time-line .line{
  height: 0.0625rem;
  background-color: #6A38E5;
  position: relative;
  top: -1.5625rem;
}
body.about-us .history .time-line .col-3, body.about-us .history .time-line .col-4{
  padding: 0;
  position: relative
}
body.about-us .history .time-line .col-3::before, body.about-us .history .time-line .col-3 before, body.about-us .history .time-line .col-4::before, body.about-us .history .time-line .col-4 before{
  content: ' ';
  position: absolute;
  top: -2.1875rem;
  background-color: #F9FAFF;
  width: 2.1875rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  background-image: url(../fonts/guanyugongsi_time.svg);
}
body.about-us .history .time-line .col-3.split::before, body.about-us .history .time-line .col-3.split before, body.about-us .history .time-line .col-4.split::before, body.about-us .history .time-line .col-4.split before{
  background-image: url(../fonts/404f423a9ae34453b9bf143697f19675.svg);
    position: absolute;
    top: 0;
    background-color: #F9FAFF;
    right: -2.5rem;
    width: 2.5rem;
  }
  body.about-us .history .time-line .time-line-mobile .time-right{
    padding-left: 1.25rem;
    margin-top: 5.625rem
  }
  body.about-us .history .time-line .time-line-mobile .time-right .time-icon::before{
    content: url(../fonts/guanyugongsi_time_mobile.svg);
    position: absolute;
    top: 0;
    left: -2.5rem;
    background-color: #F9FAFF;
    width: 2.5rem;
  }
}
@media (max-width: 768px){
  html[lang="en-US"] .location > .row > div{
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: 100%;
  }
  html[lang="en-US"] body.contact-us .location .col-6{
    padding: 0;
  }
}
html[lang="en-US"] body.contact-us .location .header{
  height: 160px;
}
body.contact-us .contact .card {
  width: 13.75rem;
  max-width: 18%;
  height: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.contact-us .contact .card p {
  width: 100%;
  text-align: left;
  position: relative;
  white-space: nowrap;
  margin-bottom: 0;
}
body.contact-us .contact .card .contact-wrapper {
  padding-left: 0.625rem;
  position: relative
}
body.contact-us .contact .card .contact-wrapper::before {
  height: 2.5rem;
  width: 2.5rem;
  position: absolute;
  background-position: center;
  background-size: cover;
  left: -1.875rem;
}
body.contact-us .contact .card .contact-wrapper p:last-child {
  width: 1.25rem;
}
@media (max-width: 768px) {
  body.contact-us .contact .card .contact-wrapper {
    min-width: 20%
  }
}
body.contact-us .contact .card:nth-child(4){
  cursor: pointer
}
body.contact-us .contact .card:nth-child(4):hover{
  background-image: url(../images/qrcode.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat
}
body.contact-us .contact .card:nth-child(4):hover p{
  visibility: hidden;
}
body.contact-us .contact .card:nth-child(4):hover .contact-wrapper::before{
  display: none;
}
body.contact-us .contact .card:nth-child(5){
  cursor: pointer;
}
body.contact-us .contact .contact-us::before{
  content: '';
  background-image: url(../images/contact.png);
}
body.contact-us .contact .support::before{
  content: '';
  background-image: url(../images/support.png);
}
body.contact-us .contact .email::before{
  content: '';
  background-image: url(../images/email.png);
}
body.contact-us .contact .wechater::before{
  content: '';
  background-image: url(../images/wechat.png);
}
body.contact-us .contact .weibo::before{
  content: '';
  background-image: url(../images/weibo.png);
}
@media (min-width: 769px) and (max-width: 1200px) {
  body.contact-us .contact .card-group{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start
  }
  body.contact-us .contact .card-group .card{
    max-width: 31%;
    margin-bottom: 1.25rem;
  }
}
body.contact-us .location .box {
  position: relative;
  padding: 0 0.9375rem;
}
body.contact-us .location .map {
  height: 12.5rem;
  border: 1px solid #f5f5f5
}
body.contact-us .location .map .anchorBL, body.contact-us .location .map .BMap_cpyCtrl.BMap_noprint.anchorBL{
  display: none;
}
body.contact-us .location .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.25rem;
  height: 14.375rem;
  padding-top: 9.375rem;
  background-size: cover;
  background-position: center;
  color: #ffffff;
}
body.contact-us .location .header {
  padding: 1.25rem 1.25rem 0 3.125rem;
  height: 9.0625rem;
  text-align: justify;
  background-color: #ffffff;
  overflow: hidden;
  position: relative
}
body.contact-us .location .header::before {
  content: '';
  background-image: url(../images/zuobiao_icon.svg);
  height: 1.25rem;
  width: 0.9375rem;
  position: absolute;
  background-position: center;
  background-size: cover;
  left: 1.5625rem;
  top: 1.5625rem;
}
@media (max-width: 768px){
  body.contact-us .location .col-6{
    padding: 0
  }
  body.contact-us .location .col-6:nth-child(odd){
    padding-right: 0.625rem;
  }
  body.contact-us .location .col-6:nth-child(even){
    padding-left: 0.625rem;
  }
  body.contact-us .location .header {
    padding: 1.25rem 1.25rem 0 1.25rem
  }
  body.contact-us .location .header p:first-child{
    padding-left: 1.875rem;
  }
}
@media (max-width: 991px){
  body.contact-us .location .box {
    padding: 0;
  }
}
body.customers .selects {
  margin-bottom: 3.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
body.customers .selects div{
  margin-bottom: 0.625rem;
}
body.customers .selects label {
  text-align: right;
  margin-top: 0.5rem;
  padding-right: 0;
}
body.customers .card-group .card {
  cursor: default
}
body.customers .card-group .card .card-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: 14.375rem auto !important
}
body.customers .card-group .card .card-img p {
  color: #ffffff;
  line-height: 1.3;
  margin: 0;
  visibility: hidden;
}
body.customers .card-group .card .card-img p.name {
  font-size: 1.5rem;
}
body.customers .card-group .card .card-img p.industry {
  font-size: 0.875rem;
  opacity: 0.4;
}
body.customers .card-group .card .card-img:hover {
  background: #6E35FC 
        url(../fonts/jinrong.svg) 
        90% 80% / 80px 80px 
        no-repeat 
        !important
}
body.customers .card-group .card .card-img:hover p {
  visibility: visible;
}
body.customers .card-group .card .card-img[data-url]:hover::after {
  content: '\e914';
  font-family: 'xsky-sans-cn';
  position: absolute;
  color: #ffffff;
  right: 2rem;
  bottom: 1rem;
}
body.customers .card-group .card .card-img[data-url] {
  cursor: pointer;
}
body.customers .card-group .card .card-img[data-industry="金融行业"]:hover {
  background-image: url(../fonts/jinrong.svg) !important;
}
body.customers .card-group .card .card-img[data-industry="企业"]:hover {
  background-image: url(../fonts/zhizao.svg) !important;
}
body.customers .card-group .card .card-img[data-industry="公安行业"]:hover {
  background-image: url(../fonts/gongan.svg) !important;
}
body.customers .card-group .card .card-img[data-industry="广电"]:hover {
  background-image: url(../fonts/guangdian.svg) !important;
}
body.customers .card-group .card .card-img[data-industry="教育行业"]:hover {
  background-image: url(../fonts/jiaoyu.svg) !important;
}
body.customers .card-group .card .card-img[data-industry="医疗行业"]:hover {
  background-image: url(../fonts/yiliao.svg) !important;
}
body.customers .card-group .card .card-img[data-industry="运营商、广电、媒资"]:hover {
  background-image: url(../fonts/yunyingshang.svg) !important;
}
body.customers .card-group .card .card-img[data-industry="政府"]:hover {
  background-image: url(../fonts/zhengfu.svg) !important;
}
body.customers .card-group .card .card-img[data-industry="公共、交通、能源"]:hover {
  background-image: url(../fonts/gis.svg) !important;
}
body.customers .card-group.collapse-part .card:nth-child(n+25) {
  display: none;
}
body.customers .card-group.expand .card:nth-child(n+25) {
  display: inherit;
}
body.customers a.expand {
  margin-top: 4.375rem;
}
body.conference .jumbotron .btn {
  margin-top: 4.75rem;
}
body.conference div.content-wrap {
  background-image: url(../images/content_bg.png);
  background-repeat: repeat-y;
  background-size: contain
}
body.conference div.content-wrap section.intro .card-group .card img {
  width: 7.5rem;
}
body.conference div.content-wrap section.intro .card-group .card p.f4 {
  margin: 1rem 0 0.5rem 0;
}
body.conference div.content-wrap section.guests .card-group .card {
  margin: 1rem;
  max-width: 30%
}
body.conference div.content-wrap section.guests .card-group .card img {
  width: 9.5rem;
}
body.conference div.content-wrap section.guests .card-group .card p {
  margin-top: 0.5rem;
  text-align: left;
}
@media (max-width: 768px) {
  body.conference div.content-wrap section.guests .card-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body.conference div.content-wrap section.guests .card-group .card {
    max-width: 100%;
    margin: 0.25rem
  }
  body.conference div.content-wrap section.guests .card-group .card img {
    width: 9rem;
  }
  body.conference div.content-wrap section.guests .card-group .card p.f5 {
    margin: 1rem 0 0.5rem 0;
  }
}
body.conference div.content-wrap .multi-map-carousel .carousel-card.card-group .card {
  background-color: #11102C;
}
body.conference div.content-wrap * {
  color: #ffffff !important;
}
body.conference footer {
  background-color: #050424
}
body.conference footer .copyright {
  background-color: #050424;
}
body.conference footer * {
  color: #ffffff !important;
}
body.conference footer .btn-outline-primary:hover, body.conference footer .btn-outline-primary:focus {
  color: #9D6EFB !important;
  border-color: #9D6EFB;
  background-color: #ffffff
}
body.conference footer .btn-outline-primary:hover span, body.conference footer .btn-outline-primary:focus span {
  color: #9D6EFB !important;
}
html[lang="en-US"] body.home .carousel.main .carousel-caption h1 {
  line-height: 1.2;
}
body.home .carousel.main .carousel-item {
  height: 37.5rem
}
body.home .carousel.main .carousel-item .btn_XE3100 {
  margin-top: 28.125rem;
}
@media (max-width: 768px) {
  body.home .carousel.main .carousel-item {
    height: 80vw;
    min-height: 18.75rem
  }
  body.home .carousel.main .carousel-item .btn_XE3100 {
    margin-top: 10rem;
  }
}
body.home .carousel.main .carousel-item > .img-fluid {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
body.home .carousel.main .carousel-caption {
  width: 100%;
  height: 100%;
  left: 0
}
body.home .carousel.main .carousel-caption h1 {
  line-height: 1.5;
  margin-bottom: 0.875rem;
}
body.home .carousel.main [class^="carousel-control"]{
  display: none;
}
body.home .carousel.main .carousel-control-prev-icon,
    body.home .carousel.main .carousel-control-next-icon {
  width: 2.1875rem;
  height: 3.4375rem;
}
body.home .carousel.main .carousel-control-prev,
    body.home .carousel.main .carousel-control-next {
  display: none;
}
body.home .carousel.main .carousel-control-prev-icon {
  background-image: url(../images/arrow-prev.png);
}
body.home .carousel.main .carousel-control-next-icon {
  background-image: url(../images/arrow-next.png);
}
body.home .carousel.main h1,
    body.home .carousel.main h2,
    body.home .carousel.main p {
  color: #ffffff;
}
body.home .carousel.main .gartner{
  max-height: 2.1875rem;
  margin-bottom: 2.8125rem;
}
body.home section.container.reason .row .col-md-3 {
  padding: 0 0.625rem;
}
body.home section.container.reason .row .detail-card-title-img {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.25rem
}
body.home section.container.reason .row .detail-card-title-img img {
  height: 3.75rem;
  width: auto;
  margin: 0;
}
body.home section.container.reason .row p {
  margin-top: 1.5rem;
  text-align: center;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  body.home section.container.reason .row .detail-card {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
  }
  body.home section.container.reason .row .detail-card .detail-card-title-img {
    margin: 0;
  }
  body.home section.container.reason .row .detail-card p {
    text-align: left;
    margin: 0;
    margin-left: 0.625rem;
  }
}
body.home section.container.ecology {
  width: 100%;
  max-width: 75rem
}
@media (max-width: 991px) {
  body.home section.container.ecology {
    padding-left: 0;
    padding-right: 0
  }
  body.home section.container.ecology .hidden-lg-up {
    padding: 0 4.8%
  }
  body.home section.container.ecology .hidden-lg-up .card{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-bottom: 2.5rem
  }
  body.home section.container.ecology .hidden-lg-up .card img{
    width: 15vw;
    margin: auto;
    margin-bottom: 0.625rem;
  }
}
body.home .ecology-bg {
  background: no-repeat url(../images/ecology.png) center;
  background-size: auto 28.75rem;
  height: 34.375rem;
  position: relative
}
body.home .ecology-bg .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6.25rem;
  height: 3.75rem;
  margin-top: -1.5rem;
  margin-left: -3.125rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate(10px, -35px);
          transform: translate(10px, -35px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column
}
body.home .ecology-bg .logo img {
  width: 4rem;
  margin-bottom: 0.25rem;
}
body.home .ecology-bg .card-group {
  position: absolute;
  top: 3rem;
  width: 13.125rem;
  height: auto
}
body.home .ecology-bg .card-group.p-left {
  left: 0;
}
body.home .ecology-bg .card-group.p-right {
  right: 0;
}
body.home .ecology-bg .card-group .card {
  margin: 0.3125rem 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1
}
body.home .ecology-bg .card-group .card > .card-img {
  width: 13.125rem;
}
body.home .ecology-bg .card-group .card:hover .addon,body.home .ecology-bg .card-group .card.hover .addon,body.home .ecology-bg .card-group .card.active .addon{
  width: 13.125rem !important;
}
body.home .ecology-bg .card-group.p-left .card:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 61px;
          flex: 0 1 61px
}
body.home .ecology-bg .card-group.p-left .card:nth-child(1) .card-img {
  height: 3.8125rem;
}
body.home .ecology-bg .card-group.p-left .card:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 86px;
          flex: 0 1 86px
}
body.home .ecology-bg .card-group.p-left .card:nth-child(3) .card-img {
  height: 5.375rem;
}
body.home .ecology-bg .card-group.p-left .card:nth-child(4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49px;
          flex: 0 1 49px
}
body.home .ecology-bg .card-group.p-left .card:nth-child(4) .card-img {
  height: 3.0625rem;
}
body.home .ecology-bg .card-group.p-left .card:nth-child(5) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 74px;
          flex: 0 1 74px
}
body.home .ecology-bg .card-group.p-left .card:nth-child(5) .card-img {
  height: 4.625rem;
}
body.home .ecology-bg .card-group.p-left .card:nth-child(2),
    body.home .ecology-bg .card-group.p-right .card:nth-child(3),
    body.home .ecology-bg .card-group.p-right .card:nth-child(4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 82px;
          flex: 0 1 82px
}
body.home .ecology-bg .card-group.p-left .card:nth-child(2) .card-img, body.home .ecology-bg .card-group.p-right .card:nth-child(3) .card-img, body.home .ecology-bg .card-group.p-right .card:nth-child(4) .card-img {
  height: 5.125rem;
}
body.home .ecology-bg .card-group.p-right .card:nth-child(1),
    body.home .ecology-bg .card-group.p-right .card:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 78px;
          flex: 0 1 78px
}
body.home .ecology-bg .card-group.p-right .card:nth-child(1) .card-img, body.home .ecology-bg .card-group.p-right .card:nth-child(2) .card-img {
  height: 4.875rem;
}
body.home .ecology-bg .outline {
  position: absolute;
  top: 50%;
  right: 50%;
  padding: 0.4375rem 0.75rem;
  background-color: #fafafc;
  border: #B3B9E8 1px solid;
  border-radius: 2px;
  font-size: 0.875rem;
  color: #7d82ab;
  cursor: pointer;
  line-height: 1;
}
body.home .ecology-bg .outline.hover {
  background-color: #8a56f4;
  border-color: #8a56f4;
  color: #fff;
}
body.home .ecology-bg .outline.hover::after {
  background-color: #8a56f4;
  border-color: #8a56f4;
}
body.home .ecology-bg .outline::after {
  position: absolute;
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  bottom: 0.75rem;
  content: "";
  border: #B3B9E8 1px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: inherit;
}
body.home .ecology-bg .outline.right::after {
  right: -0.25rem;
  border-left-width: 0;
  border-bottom-width: 0;
}
body.home .ecology-bg .outline.left::after {
  left: -0.25rem;
  border-top-width: 0;
  border-right-width: 0;
}
body.home .ecology-bg .outline:nth-child(1) {
  -webkit-transform: translate(-15px, -170px);
          transform: translate(-15px, -170px);
}
body.home .ecology-bg .outline:nth-child(2) {
  -webkit-transform: translate(125px, -175px);
          transform: translate(125px, -175px);
}
body.home .ecology-bg .outline:nth-child(3) {
  -webkit-transform: translate(372px, -120px);
          transform: translate(372px, -120px);
}
body.home .ecology-bg .outline:nth-child(4) {
  -webkit-transform: translate(355px, 0);
          transform: translate(355px, 0);
}
body.home .ecology-bg .outline:nth-child(5) {
  -webkit-transform: translate(200px, 77px);
          transform: translate(200px, 77px);
}
body.home .ecology-bg .outline:nth-child(6) {
  -webkit-transform: translate(15px, 106px);
          transform: translate(15px, 106px);
}
body.home .ecology-bg .outline:nth-child(7) {
  -webkit-transform: translate(-275px, 90px);
          transform: translate(-275px, 90px);
}
body.home .ecology-bg .outline:nth-child(8) {
  -webkit-transform: translate(-270px, -35px);
          transform: translate(-270px, -35px);
}
body.home .ecology-bg .outline:nth-child(9) {
  -webkit-transform: translate(-150px, -115px);
          transform: translate(-150px, -115px);
}
body.home section.container.rank > p {
  margin-top: -1.25rem;
  margin-bottom: 3.5625rem;
}
body.home section.container.rank .card b {
  font-size: 5rem;
}
body.home section.container.gartner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 25rem
}
body.home section.container.gartner .gartner-logo {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px #a7a9ac dashed
}
body.home section.container.gartner .gartner-logo img {
  width: 15rem;
  margin-bottom: 2rem;
}
body.home section.container.gartner .carousel {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  height: 100%
}
body.home section.container.gartner .carousel .carousel-inner {
  height: 100%;
}
body.home section.container.gartner .carousel .carousel-control-prev-icon,
      body.home section.container.gartner .carousel .carousel-control-next-icon {
  height: 1rem;
}
body.home section.container.gartner .carousel .carousel-control-prev-icon {
  background-image: url(/themes/webpc/public/static/images/gartner-prev.svg);
}
body.home section.container.gartner .carousel .carousel-control-next-icon {
  background-image: url(/themes/webpc/public/static/images/gartner-next.svg);
}
body.home section.container.gartner .carousel .carousel-indicators {
  bottom: 0;
  margin-bottom: 0
}
body.home section.container.gartner .carousel .carousel-indicators li {
  background-color: #000;
  opacity: 0.1;
  max-width: 1.25rem
}
body.home section.container.gartner .carousel .carousel-indicators li:hover,
          body.home section.container.gartner .carousel .carousel-indicators li:active {
  opacity: 0.3;
}
body.home section.container.gartner .carousel .carousel-indicators li.active {
  background-color: #6E35FC;
  opacity: 1
}
body.home section.container.gartner .carousel .carousel-indicators li.active:hover,
            body.home section.container.gartner .carousel .carousel-indicators li.active:active {
  background-color: #9D6EFB;
}
body.home section.container.gartner .carousel .carousel-item {
  height: 100%
}
body.home section.container.gartner .carousel .carousel-item .carousel-caption {
  padding: 0;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
body.home section.container.gartner .carousel .carousel-item .carousel-caption img {
   height: 12rem;
  width: 100%;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  body.home section.container.gartner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
  }
  body.home section.container.gartner .gartner-logo{
    border-right: none;
  }
  body.home section.container.gartner .carousel {
    height: 60%;
	margin: 0;
  }
  body.home section.container.gartner .carousel-item{
    height: 100% !important
  }
  body.home section.container.gartner .carousel-item .f3{
    font-size: 4.15vw;
    width: 80%;
  }
  body.home section.container.gartner .carousel-item .f6, body.home section.container.gartner .carousel-item .f5{
    font-size: 3.125vw;
  }
}
body.home section.container.posts .post-container {
  width: 100%
}
body.home section.container.posts .post-container p {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 2;
}
body.home section.container.posts .post-container h3 {
  line-height: 1.4;
}
body.home section.container.posts .post-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  -o-object-fit: cover;
     object-fit: cover;
}
body.home section.container.posts .post-container .layer {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
body.home section.container.posts .post-container .hover-floatUp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem;
}
body.home section.container.posts .post-container .sub-left {
  height: 26.25rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 350px;
          flex: 0 1 350px;
  max-width: 21.875rem;
  margin-right: 1.25rem;
  position: relative;
  cursor: pointer
}
@media (max-width: 768px) {
  body.home section.container.posts .post-container .sub-left {
    height: 12.5rem
  }
  body.home section.container.posts .post-container .sub-left img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
body.home section.container.posts .post-container .sub-left .hover-floatUp {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body.home section.container.posts .post-container .sub-left .layer {
  background-color: #000;
  opacity: 0.4;
}
body.home section.container.posts .post-container .sub-left a.btn {
  width: 6.5rem;
  margin-top: 0.5rem;
}
body.home section.container.posts .post-container .sub-left h3,
        body.home section.container.posts .post-container .sub-left p {
  color: #ffffff;
}
body.home section.container.posts .post-container .sub-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 2 740px;
          flex: 0 2 740px;
  max-width: 46.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
body.home section.container.posts .post-container .sub-right > .posts {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 150px;
          flex: 1 1 150px;
  height: 12.5rem;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
  position: relative;
  cursor: pointer
}
body.home section.container.posts .post-container .sub-right > .posts .hover-floatUp:hover::after {
  content: '\e914';
  font-family: 'xsky-sans-cn';
  position: absolute;
  right: 1.25rem;
  bottom: 1rem;
}
@media (max-width: 768px) {
  body.home section.container.posts .post-container .sub-right > .posts .hover-floatUp:hover::after {
    display: none
  }
}
body.home section.container.posts .post-container .sub-right > .posts:nth-child(3) {
  margin-right: 0;
}
body.home section.container.posts .post-container .sub-right > .posts:nth-child(4) {
  -webkit-box-flex: 2;
      -ms-flex: 2 2 320px;
          flex: 2 2 320px;
  margin-bottom: 0
}
body.home section.container.posts .post-container .sub-right > .posts:nth-child(4) p,
          body.home section.container.posts .post-container .sub-right > .posts:nth-child(4) h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.home section.container.posts .post-container .sub-right > .posts:nth-child(5) {
  margin-right: 0;
  margin-bottom: 0;
}
body.home section.container.posts .post-container .sub-right > .posts:nth-child(1),
        body.home section.container.posts .post-container .sub-right > .posts:nth-child(3){
  color: #ffffff !important;
  position: relative
}
body.home section.container.posts .post-container .sub-right > .posts:nth-child(1) .layer, body.home section.container.posts .post-container .sub-right > .posts:nth-child(3) .layer {
  background-color: #6E35FC;
  opacity: 0.8;
}
body.home section.container.posts .post-container .sub-right > .posts:nth-child(1) h3,
          body.home section.container.posts .post-container .sub-right > .posts:nth-child(1) p,
          body.home section.container.posts .post-container .sub-right > .posts:nth-child(3) h3,
          body.home section.container.posts .post-container .sub-right > .posts:nth-child(3) p {
  color: #ffffff;
}
@media (max-width: 768px) {
  body.home section.container.posts .post-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 43.875rem
  }
  body.home section.container.posts .post-container h3 {
    font-size: 1rem;
  }
  body.home section.container.posts .post-container p {
    font-size: 0.75rem;
  }
  body.home section.container.posts .post-container .sub-left, body.home section.container.posts .post-container .sub-right{
    width: 100%;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin-bottom: 1.25rem;
  }
  body.home section.container.posts .post-container .sub-left h3, body.home section.container.posts .post-container .sub-left p{
    margin: 0;
  }
}
body.home .home-banner-2{
  width: 56.3125rem;
  max-width: 100%
}
body.home .home-banner-2 img{
  height: 3rem;
  max-height: 8.5vw;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  body.why-sds .IDC_imgs{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
  }
}
body.solutions .home-banner-2{
  width: 56.3125rem;
  max-width: 100%
}
body.solutions .home-banner-2 h1{
  max-width: 100%;
}
body.solutions .home-banner-2 img{
  height: 3rem;
  max-height: 8.5vw;
  margin-bottom: 1rem;
}
body.inspection-apply .inspection-apply-form {
  min-height: 25rem;
  padding-top: 2.5rem;
}
body.inspection-apply .company-static {
  direction: unset;
}
body.inspection-apply .help-block {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #a2a3a9;
}
body.inspection-apply .success-info {
  margin-top: 0;
}
body.inspection-download .tools-download-btn {
  border-radius: 5px;
  padding: 0.75rem;
  margin-bottom: 3.5rem
}
body.inspection-download .tools-download-btn::before {
  content: "\e917";
  font-family: 'xsky-sans-cn';
  margin-right: 0.375rem;
}
body.inspection-download .code {
  padding: 1.375rem 1rem;
  border: 1px solid rgba(230,230,230,1);
  border-radius: 5px;
}
body.inspection-download .help-block {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #a2a3a9;
}
body.business-partners section.reasons .card-group > .card {
  min-height: 17.125rem
}
body.business-partners section.reasons .card-group > .card img {
  height: 3.75rem;
}
body.business-partners section.reasons .card-group > .card p {
  text-align: left;
}
body.business-partners .stratigic-partners .row > div {
  height: auto !important
}
body.business-partners .stratigic-partners .row > div .detail-card {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between
}
body.business-partners .stratigic-partners .row > div .detail-card img{
  width: 100%;
  margin: 0;
  height: 100%;
}
body.business-partners .stratigic-partners .row > div .detail-card .card-body{
  padding: 0 1.5rem;
  padding-top: .5rem;
  /*for ie
 */
}
@media (min-width: 992px){
  body.business-partners .stratigic-partners .row > div .detail-card .card-body{
    min-height: 6.75rem
  }
}
body.business-partners .stratigic-partners .row > div .detail-card h4 {
  margin-bottom: 1rem;
}
@media (max-width: 768px){
  body.business-partners .stratigic-partners .row {
    margin: 0
  }
  body.business-partners .stratigic-partners .row > div {
    padding: 0;
  }
}
@media (min-width: 992px){
  body.business-partners .stratigic-partners .row {
    margin: 0 1.875rem
  }
  body.business-partners .stratigic-partners .row > div {
    padding: 0 2.5rem;
  }
}
body.business-partners .tec-partners img {
  display: block;
  margin: 0 auto;
  padding: 2.5rem 10%;
  border: 1px solid rgba(167, 169, 172, 0.38);
}
body.business-partners .eco .row > div {
  margin-bottom: 1rem;
}
body.business-partners .eco img {
  height: 16rem;
}
body.business-partners .eco .card {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
          box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
body.business-partners .eco .card-block {
  min-height: 12.5rem
}
body.business-partners .eco .card-block h2 {
  margin-bottom: .5em;
}
body.business-partners .eco .card-block p {
  padding: 0 10%;
}
body.business-partners .join .btn {
  margin-top: 1.875rem;
  padding: .5em 2.5em;
  border-radius: 3em;
}
body.channel-partners section.introduction .paragraph {
  margin-bottom: 0;
}
body.channel-partners section.channel-introduction table th,
    body.channel-partners section.channel-introduction table td {
  text-align: center;
}
body.channel-partners .partners-news .find-partners{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
body.channel-partners .partners-news .find-partners label {
  padding-right: 0;
  text-align: right;
}
@media (max-width: 991px){
  body.channel-partners .partners-news .find-partners label {
    text-align: left
  }
}
body.channel-partners .partners-news .find-partners .form-group{
  width: 42.5rem;
  max-width: 100%;
  margin: 0 auto
}
body.channel-partners .partners-news .find-partners .form-group * {
  font-size: 0.875rem;
}
body.channel-partners .partners-news .find-partners .form-group .input-group.error-info::after {
  content: '请输入正确的公司全称';
  position: absolute;
  top: 100%;
  left: 0.9375rem;
  width: 100%;
  text-align: left;
  font-size: 0.75rem;
  color: #FD522F;
}
body.channel-partners .partners-news .find-partners .results{
  margin-top: 1.5rem
}
body.channel-partners .partners-news .find-partners .results p{
  line-height:1;
  margin: 0 0 1rem 0;
}
body.channel-partners .partners-news .find-partners .btn{
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  width: 6.875rem;
}
body.ecological-partners .logo-cards .card-img {
  background-size: 16.25rem auto !important;
}
@media (max-width: 991px){
  body.ecological-partners {
    background-size: 100% auto !important
  }
}
body.product-xebs .showcases .row > div {
  height: 20rem;
  margin-bottom: 1rem;
}
body.product-xebs .showcases .cover {
  padding: 2rem;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}
body.product-xebs .showcases .openstack {
  border-bottom: 5px solid #da0003;
}
body.product-xebs .showcases .oracle {
  border-bottom: 5px solid #e32525;
}
body.product-xebs .showcases .vmware {
  border-bottom: 5px solid #6d6e70;
}
body.product-xebs .showcases .zstack {
  border-bottom: 5px solid #015697;
}
body.product-xebs .open .compatibility .card img{
  height: 1.875rem !important;
}
body.product-xedp section.reason p:last-child{
  margin-bottom:0
}
body.product-xedp section.reason .card-group{
  height: 18.25rem;
}
@media (max-width: 768px) {
  body.product-xedp section.reason .card-group{
    height: auto
  }
}
body.product-xedp section.reason .card-group p {
  text-align: left;
}
body.product-xedp section.reason .card-group img {
  height: 4.375rem;
}
body.product-xedp .xedp-features {
  margin-top: 2rem
}
body.product-xedp .xedp-features .feature {
  padding: 0 1.25rem 0 3.4375rem;
  position: relative;
  margin-bottom: 2rem
}
body.product-xedp .xedp-features .feature img {
  width: 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
}
body.product-xedp .xedp-features .feature p {
  line-height: 2;
}
body.product-xeos .reason{
  background-image: url(../images/xcbs_chanpinjiazhi_bg.png);
  background-repeat: no-repeat;
  background-position: 0% 85%;
  background-size: 10%;
}
@media (max-width: 768px) {
  html[lang="en-US"] body.product-xcbs .why-choose .reasons .p01{
    line-height: 1.5;
  }
}
body.product-xcbs .needs ul {
  list-style: none
}
body.product-xcbs .needs ul li {
  padding-left: 2rem;
  position: relative
}
body.product-xcbs .needs ul li::before {
  width: 1.25rem;
  height: 1.25rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0.1875rem;
  content: '';
}
body.product-xcbs .needs ul li:nth-child(1)::before {
  background-image: url(../images/xcbs_yonghuxuqiu_01.svg);
}
body.product-xcbs .needs ul li:nth-child(2)::before {
  background-image: url(../fonts/xcbs_yonghuxuqiu_02.svg);
}
body.product-xcbs .needs ul li:nth-child(3)::before {
  background-image: url(../fonts/xcbs_yonghuxuqiu_03.svg);
}
body.product-xcbs .needs .sla-wrap {
  padding: 0 1.875rem
}
body.product-xcbs .needs .sla-wrap .sla-img {
  -webkit-box-shadow: 0px 70px 70px 0px rgba(4,7,18,0.06);
          box-shadow: 0px 70px 70px 0px rgba(4,7,18,0.06);
}
body.product-xcbs .value{
  background-image: url(../images/xcbs_chanpinjiazhi_bg.png);
  background-repeat: no-repeat;
  background-position: 0% 85%;
  background-size: 10%;
}
body.product-xcbs .why-choose .card{
  -webkit-box-shadow: none !important;
          box-shadow: none !important
}
body.product-xcbs .why-choose .card img{
  height: 6.25rem !important;
}
body.product-xcbs .why-choose .reasons .p01{
  background-image: url(../images/xcbs_background_01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 4.375rem;
  line-height: 70px;
  margin-top: 3.125rem;
}
@media (max-width: 768px){
  body.product-xcbs .why-choose .reasons .p01{
    font-size: 6vw
  }
}
body.product-xcbs .why-choose .reasons .achievement{
  background-image: url(../images/xcbs_background_03.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px)
}
body.product-xcbs .why-choose .reasons .achievement li{
  position: relative;
}
body.product-xcbs .why-choose .reasons .achievement li:nth-child(1){
  font-size: 0.75rem;
  color: #646369;
  left: -11.25rem;
}
body.product-xcbs .why-choose .reasons .achievement li:nth-child(2){
  font-size: 0.75rem;
  color: #a2a3a9;
  left: 12.5rem;
}
body.product-xcbs .why-choose .reasons .achievement li:nth-child(3){
  font-size: 0.75rem;
  color: #646369;
  left: -5.625rem;
}
body.product-xcbs .why-choose .reasons .achievement li:nth-child(4){
  font-size: 0.875rem;
  color: #a2a3a9;
  left: 14.375rem;
}
body.product-xcbs .why-choose .reasons .achievement li:nth-child(5){
  font-size: 0.875rem;
  color: #646369;
  left: -2.5rem;
}
body.product-xcbs .why-choose .reasons .achievement li:nth-child(6) a {
  font-size: 1rem;
  color: #3f3f44;
  left: 6.25rem;
}
@media (max-width: 768px) {
  body.product-xcbs .why-choose .reasons .achievement{
    background-image: inherit;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    height: auto
  }
  body.product-xcbs .why-choose .reasons .achievement li{
    position: static;
    font-size: 0.875rem !important;
    color: #3f3f44!important;
    text-align: justify;
    padding: 1.5rem 0.75rem;
    margin-bottom: 1rem;
    -webkit-box-shadow: 0px 20px 70px 0px rgba(4,7,18,0.06);
            box-shadow: 0px 20px 70px 0px rgba(4,7,18,0.06);
  }
}
body.product-xcbs .scenes .p02{
  background-image: url(../images/xcbs_background_02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 4.375rem;
  line-height: 70px;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  body.product-xcbs .scenes .p02{
    margin-bottom: 1.5rem;
    font-size: 6vw
  }
}
body.product-xcbs .scenes .achievement{
  background-image: url(../images/xcbs_background_03.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px)
}
body.product-xcbs .scenes .achievement li{
  position: relative;
  display: inline;
}
body.product-xcbs .scenes .achievement li:nth-child(1){
  font-size: 0.75rem;
  color: #646369;
  left: 12.5rem;
}
body.product-xcbs .scenes .achievement li:nth-child(2){
  font-size: 0.75rem;
  color: #a2a3a9;
  left: 28.125rem;
}
body.product-xcbs .scenes .achievement li:nth-child(3){
  font-size: 0.75rem;
  color: #646369;
  left: 15.625rem;
}
body.product-xcbs .scenes .achievement li:nth-child(4){
  font-size: 0.875rem;
  color: #a2a3a9;
  left: 36.25rem;
}
body.product-xcbs .scenes .achievement li:nth-child(5){
  font-size: 0.875rem;
  color: #646369;
  left: -1.25rem;
}
body.product-xcbs .scenes .achievement li:nth-child(6){
  font-size: 1rem;
  color: #3f3f44;
  left: 21.875rem;
}
body.product-xcbs .xcbs-income .card{
  min-height: 12.3125rem
}
body.product-xcbs .xcbs-income .card img {
  height: 5.125rem;
}
@media (max-width: 768px) {
  body.product-xcbs .xcbs-income .card-group{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
  }
  body.product-xcbs .xcbs-income .card-group .card{
    margin: 0;
    padding: 1rem 0;
  }
}
body.product-xcbs .open.open-xcbs .logo-cards .card-img {
  background-size: 14.375rem auto !important;
}
body.product-xcbs .open.open-xcbs .compatibility .paragraph {
  margin-top: -2.5rem;
}
body.product-xcbs .open.open-xcbs .compatibility .card-group .card {
  margin-bottom: 2.5rem;
}
body.product-xcbs .open.open-xcbs .compatibility .card-group .card .card-img {
  width: 10.625rem;
  max-width: 100%;
  height: 2.5rem;
}
body.product-xe2000 .why .state{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem;
}
body.product-xe2000 .why .f6{
  color: #a2a3a9;
}
body.product-xe2000 .display > h2{
  margin-bottom: 8rem !important;
}
body.product-xe2000 .display{
  padding-bottom: 10rem !important
}
body.product-xe2000 .display .display-crate{
  background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(10%, #F4F5FA));
  background-image: linear-gradient(to right, #ffffff 0%, #F4F5FA 10%);
  padding: 5rem 2.5rem 0.625rem 0;
  -webkit-box-shadow: 5px 0px 3px -5px #dadada;
          box-shadow: 5px 0px 3px -5px #dadada;
  position: relative
}
body.product-xe2000 .display .display-crate img {
  width: 14.0625rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-40%);
          transform: translate(-50%,-40%);
}
body.product-xe2000 .display .display-action{
  padding: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px)
}
body.product-xe2000 .display .display-action .display-fold{
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E6E8F4), color-stop(20%, #F4F5FA));
  background-image: linear-gradient(to right, #E6E8F4 0, #F4F5FA 20%);
  -webkit-box-shadow: -5px 0px 3px -5px #dadada;
          box-shadow: -5px 0px 3px -5px #dadada;
  position: relative;
}
body.product-xe2000 .display .display-action .display-content{
  background-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #F4F5FA), to(#FFFFFF));
  background-image: linear-gradient(to right, #F4F5FA 90%, #FFFFFF 100%);
  height: calc(100% + 5rem);
  margin-top: -2.5rem;
  padding-right:0;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 4.375rem
}
body.product-xe2000 .display .display-action .display-content::before{
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 0;
  height: 0;
  top: 0;
  border-width: 0px 70px 0px 0px;
  border-style: solid;
  border-color: transparent;
  border-top-width: 40px;
  border-top-color: #fff;
}
body.product-xe2000 .display .display-action .display-content::after{
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  bottom: 0;
  border-width: 0px 70px 0px 0px;
  border-style: solid;
  border-color: transparent;
  border-bottom-width: 40px;
  border-bottom-color: #fff;
}
body.product-xe2000 .display .display-action .display-content .display-operation{
  padding-left: 0
}
body.product-xe2000 .display .display-action .display-content .display-operation .card-group{
  padding-left: 0
}
body.product-xe2000 .display .display-action .display-content .display-operation .card-group .card{
  padding-left: 0;
  padding-right: 1rem;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none
}
body.product-xe2000 .display .display-action .display-content .display-operation .card-group .card img {
  height: 3.75rem;
}
@media (max-width: 991px){
  body.product-xe2000 .display .display-action .display-content::before, body.product-xe2000 .display .display-action .display-content::after {
    display:none;
  }
}
@media (max-width: 768px) {
  body.product-xe2000 .display .display-action{
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: 100% !important
  }
  body.product-xe2000 .display .display-action .display-content{
    background-image: none;
    padding-left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: 100% !important
  }
  body.product-xe2000 .display .display-action .display-content .display-operation{
    padding-right: 0
  }
  body.product-xe2000 .display .display-action .display-content .display-operation .card-group{
    padding-right: 0
  }
  body.product-xe2000 .display .display-action .display-content .display-operation .card-group .card{
    padding-left: 0;
    padding-right: 0;
  }
}
body.product-xe2000 .display .display-divider{
  height: 0.125rem;
  background-image: -webkit-gradient(linear,left top, right top,color-stop(3%, #F4F5FA), color-stop(13%, #D8D8D8), color-stop(87%, #EBEBF5), to(#FFFFFF));
  background-image: linear-gradient(to right,#F4F5FA 3%, #D8D8D8 13%, #EBEBF5 87%, #FFFFFF 100%);
}
body.product-xe2000 .display .display-create-achievement{
  height: 50%;
  padding-top:1.5rem
}
body.product-xe2000 .display .display-create-achievement p.yellow-before{
  position: relative;
  color: #3f3f44;
  font-size: 1.125rem
}
body.product-xe2000 .display .display-create-achievement p.yellow-before::before{
  content: "";
  width: 0.125rem;
  height: 1rem;
  background: #FBC70D;
  position: absolute;
  top: 0.25rem;
  left: -0.5rem;
}
body.product-xe2000 .display .display-create-achievement > div{
  padding-left: 1.875rem;
}
body.product-xe2000 .display .display-create-achievement ul {
  list-style: none;
}
body.product-xe2000 .income{
  background: url(../images/xe2000_yonghushouyi.png) no-repeat;
  background-position: bottom;
  background-size: 50rem auto
}
body.product-xe2000 .income .income-content b{
  font-size: 3.75rem;
}
body.product-xe2000 .open .state{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 3rem;
}
body.product-xe2000 .open .card{
  width: 30%;
  height: 10.625rem;
}
body.product-xe21003100 .why .state{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem;
}
body.product-xe21003100 .why .f6{
  color: #a2a3a9;
}
body.product-xe21003100 .income{
  background: url(../images/xe2000_yonghushouyi.png) no-repeat;
  background-position: bottom;
  background-size: 50rem auto
}
body.product-xe21003100 .income .income-content b{
  font-size: 3.75rem;
}
body.product-xe21003100 .open .state{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 3rem;
}
body.product-xe21003100 .open .card{
  width: 30%;
  height: 10.625rem;
}
body.product-x3000 .scenes .card{
  margin: 0;
  padding: 1rem 0;
}
@media (max-width: 768px) {
  body.product-x3000 .scenes .card{
    margin: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 20px 70px 0px rgba(4,7,18,0.06);
            box-shadow: 0px 20px 70px 0px rgba(4,7,18,0.06)
  }
}
body.product-x3000 .why .rank {
  line-height: 1;
  margin-bottom: 1.25rem;
}
body.product-x5000 .why .state{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem;
}
body.product-x5000 .why .f6{
  color: #a2a3a9;
}
body.product-x5000 .display > h2{
  margin-bottom: 8rem !important;
}
body.product-x5000 .display{
  padding-bottom: 10rem !important
}
body.product-x5000 .display .display-crate{
  background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(10%, #F4F5FA));
  background-image: linear-gradient(to right, #ffffff 0%, #F4F5FA 10%);
  padding: 5rem 2.5rem 0.625rem 0;
  -webkit-box-shadow: 5px 0px 3px -5px #dadada;
          box-shadow: 5px 0px 3px -5px #dadada;
  position: relative
}
body.product-x5000 .display .display-crate img {
  width: 14.0625rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-40%);
          transform: translate(-50%,-40%);
}
body.product-x5000 .display .display-action{
  padding: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px)
}
body.product-x5000 .display .display-action .display-fold{
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E6E8F4), color-stop(20%, #F4F5FA));
  background-image: linear-gradient(to right, #E6E8F4 0, #F4F5FA 20%);
  -webkit-box-shadow: -5px 0px 3px -5px #dadada;
          box-shadow: -5px 0px 3px -5px #dadada;
  position: relative;
}
body.product-x5000 .display .display-action .display-content{
  background-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #F4F5FA), to(#FFFFFF));
  background-image: linear-gradient(to right, #F4F5FA 90%, #FFFFFF 100%);
  height: calc(100% + 5rem);
  margin-top: -2.5rem;
  padding-right:0;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 4.375rem
}
body.product-x5000 .display .display-action .display-content::before{
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 0;
  height: 0;
  top: 0;
  border-width: 0px 70px 0px 0px;
  border-style: solid;
  border-color: transparent;
  border-top-width: 40px;
  border-top-color: #fff;
}
body.product-x5000 .display .display-action .display-content::after{
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  bottom: 0;
  border-width: 0px 70px 0px 0px;
  border-style: solid;
  border-color: transparent;
  border-bottom-width: 40px;
  border-bottom-color: #fff;
}
body.product-x5000 .display .display-action .display-content .display-operation{
  padding-left: 0
}
body.product-x5000 .display .display-action .display-content .display-operation .card-group{
  padding-left: 0
}
body.product-x5000 .display .display-action .display-content .display-operation .card-group .card{
  padding-left: 0;
  padding-right: 1rem;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none
}
body.product-x5000 .display .display-action .display-content .display-operation .card-group .card img {
  height: 3.75rem;
}
@media (max-width: 991px){
  body.product-x5000 .display .display-action .display-content::before, body.product-x5000 .display .display-action .display-content::after {
    display:none;
  }
}
@media (max-width: 768px) {
  body.product-x5000 .display .display-action{
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: 100% !important
  }
  body.product-x5000 .display .display-action .display-content{
    background-image: none;
    padding-left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: 100% !important
  }
  body.product-x5000 .display .display-action .display-content .display-operation{
    padding-right: 0
  }
  body.product-x5000 .display .display-action .display-content .display-operation .card-group{
    padding-right: 0
  }
  body.product-x5000 .display .display-action .display-content .display-operation .card-group .card{
    padding-left: 0;
    padding-right: 0;
  }
}
body.product-x5000 .display .display-divider{
  height: 0.125rem;
  background-image: -webkit-gradient(linear,left top, right top,color-stop(3%, #F4F5FA), color-stop(13%, #D8D8D8), color-stop(87%, #EBEBF5), to(#FFFFFF));
  background-image: linear-gradient(to right,#F4F5FA 3%, #D8D8D8 13%, #EBEBF5 87%, #FFFFFF 100%);
}
body.product-x5000 .display .display-create-achievement{
  height: 50%;
  padding-top:1.5rem
}
body.product-x5000 .display .display-create-achievement p.yellow-before{
  position: relative;
  color: #3f3f44;
  font-size: 1.125rem
}
body.product-x5000 .display .display-create-achievement p.yellow-before::before{
  content: "";
  width: 0.125rem;
  height: 1rem;
  background: #FBC70D;
  position: absolute;
  top: 0.25rem;
  left: -0.5rem;
}
body.product-x5000 .display .display-create-achievement > div{
  padding-left: 1.875rem;
}
body.product-x5000 .income{
  background: url(../images/xe2000_yonghushouyi.png) no-repeat;
  background-position: bottom;
  background-size: 50rem auto
}
body.product-x5000 .income .income-content b{
  font-size: 3.75rem;
}
body.product-x5000 .open .state{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 3rem;
}
body.product-x5000 .open .card{
  width: 30%;
  height: 10.625rem;
}
body.product-xgfs .demand .paragraph {
  margin-bottom: 1rem;
}
body.product-xgfs .demand ul{
  font-size: 0.875rem;
  line-height: 2;
  list-style: none
}
body.product-xgfs .demand ul li{
  padding-left: 2rem;
  position: relative
}
body.product-xgfs .demand ul li::before {
  width: 1.25rem;
  height: 1.25rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0.3125rem;
  content: '';
}
body.product-xgfs .demand ul li:nth-child(1)::before {
  background-image: url(../images/xgfs_yonghuxuqiu_01.png);
}
body.product-xgfs .demand ul li:nth-child(2)::before {
  background-image: url(../images/xgfs_yonghuxuqiu_02.png);
}
body.product-xgfs .demand ul li:nth-child(3)::before {
  background-image: url(../images/xgfs_yonghuxuqiu_03.png);
}
body.product-xgfs .demand ul li:nth-child(4)::before {
  background-image: url(../images/xgfs_yonghuxuqiu_04.png);
}
body.product-x3ds .demand .paragraph {
  margin-top: 0;
  margin-bottom: 1rem;
}
body.product-x3ds .demand ul{
  font-size: 0.875rem;
  line-height: 2;
  list-style: none
}
body.product-x3ds .demand ul li{
  padding-left: 2rem;
  position: relative
}
body.product-x3ds .demand ul li::before {
  width: 1.25rem;
  height: 1.25rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0.3125rem;
  content: '';
}
body.product-x3ds .demand ul li:nth-child(1)::before {
  background-image: url(../images/x3ds_yonghuxuqiu_01.png);
}
body.product-x3ds .demand ul li:nth-child(2)::before {
  background-image: url(../images/x3ds_yonghuxuqiu_02.png);
}
.state {
    line-height: 30px;
}
.why .rank>b:not(.f40) {
    font-size: 3.75rem;
}
.advantage>div {
  width: 65.5625rem;
  max-width: 100%;
  padding-left: 8.0625rem;
  position: relative;
  margin: auto;
  margin-bottom: 2rem;
  min-height: 5.625rem
}
.advantage>div img {
  width: 5.625rem;
  position: absolute;
  top: 0;
  left: 0;
}
.advantage>div ul {
  line-height: 2;
  margin-top: 0.8125rem;
}
@media (max-width: 768px) {
  .advantage>div {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06);
            box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06);
    padding: 1.25rem;
    margin-bottom: 1rem
  }
  .advantage>div img {
    width: 2.5rem;
    left: 1.25rem;
    top: 0.9375rem;
  }
  .advantage>div>h4 {
    padding-left: 3.125rem;
  }
}
.scenes {
    padding-bottom: 3.75rem
}
.scenes .card-group.style1 .card img {
  height: 5.625rem;
  margin-bottom: 0.375rem;
}
.scenes .d-flex {
  padding: 0 3rem;
}
@media (max-width: 991px) {
  .scenes .d-flex {
    padding: 0
  }
}
.scenes .scene {
  width: 27.8125rem;
  min-height: 6.25rem;
  position: relative;
  padding-left: 5rem
}
@media (max-width: 768px) {
  .scenes .scene {
    padding-right: 0
  }
  .scenes .scene:nth-last-child(1) {
    margin-bottom: 0;
  }
}
.scenes .scene {
  margin-bottom: 1.875rem
}
.scenes .scene img {
  width: 3.125rem;
  position: absolute;
  top: 0;
  left: 0;
}
.scenes .scene p {
  line-height: 1.6;
}
.advantage-common .f3 {
  margin-bottom: 0.3125rem !important;
}
.advantage-common .f6 {
  line-height: 22px !important;
}
.advantage-common .card img {
  height: 5.625rem !important;
}
.open .logo-cards .card-img {
  background-size: 10rem auto !important;
}
.open .compatibility .card-group .card .card-img {
  width: 12.5rem;
  max-width: 100%;
  height: 3.125rem;
}
.open .compatibility h3 {
  margin-top: 5rem;
  margin-bottom: 3.125rem;
  font-size: 1.625rem;
}
@media (max-width: 768px) {
  .open .compatibility .card {
    width: 100%;
    padding: 2.625rem 0;
    background-color: #ffffff;
    margin-bottom: 1.25rem !important;
    -webkit-box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06);
            box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06)
  }
  .open .compatibility .card .card-img {
    background-size: contain !important;
    margin: 0 auto;
  }
}
.why-choose {
    font-size: 0.875rem
}
.why-choose .card {
  -webkit-box-shadow: none !important;
          box-shadow: none !important
}
.why-choose .card img {
  height: 5rem !important;
}
body.product-xuds .why-choose .card-group, body.product-xedp .why-choose .card-group {
  min-height: 17.5rem;
}
body.product-xuds .open .compatibility .card img, body.product-xedp .open .compatibility .card img {
  height: 1.875rem !important;
}
body.product-xebs .features img, body.product-xeos .features img {
  width: 5.625rem;
}
body.product-xebs .advantages .media:not(:last-of-type), body.product-xeos .advantages .media:not(:last-of-type) {
  margin-bottom: 2.875rem;
}
body.product-xebs .advantages img, body.product-xeos .advantages img {
  width: 13.125rem;
}
body.product-xebs .advantages h2, body.product-xeos .advantages h2 {
  margin-bottom: 2.1875rem;
  color: #6E35FC;
}
body.product-xebs .advantages li, body.product-xeos .advantages li {
  margin-bottom: 1em;
  padding-left: 3em;
  color: #6E35FC;
  background: no-repeat url(../images/arrow.png);
  background-position: left .25em;
  background-size: 1.875rem auto;
}
.extra-info {
    color: #a2a3a9;
    font-size: 0.875rem;
    margin-top: 1.25rem
}
.extra-info>* {
  line-height: 2;
}
body.product-xcbs .multi-map-carousel .carousel-inner, body.product-xuds .multi-map-carousel .carousel-inner, body.product-xedp .multi-map-carousel .carousel-inner, body.product-xeos .multi-map-carousel .carousel-inner, body.product-xebs .multi-map-carousel .carousel-inner {
  z-index: 1
}
body.product-xcbs .multi-map-carousel .carousel-inner .active.carousel-item-left .card-group:first-child,
                    body.product-xcbs .multi-map-carousel .carousel-inner .active.carousel-item-left .card,
                    body.product-xuds .multi-map-carousel .carousel-inner .active.carousel-item-left .card-group:first-child,
                    body.product-xuds .multi-map-carousel .carousel-inner .active.carousel-item-left .card,
                    body.product-xedp .multi-map-carousel .carousel-inner .active.carousel-item-left .card-group:first-child,
                    body.product-xedp .multi-map-carousel .carousel-inner .active.carousel-item-left .card,
                    body.product-xeos .multi-map-carousel .carousel-inner .active.carousel-item-left .card-group:first-child,
                    body.product-xeos .multi-map-carousel .carousel-inner .active.carousel-item-left .card,
                    body.product-xebs .multi-map-carousel .carousel-inner .active.carousel-item-left .card-group:first-child,
                    body.product-xebs .multi-map-carousel .carousel-inner .active.carousel-item-left .card {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
body.product-xcbs .multi-map-carousel .carousel-inner .active.carousel-item-right .card-group:last-child,
                    body.product-xcbs .multi-map-carousel .carousel-inner .active.carousel-item-right .card,
                    body.product-xuds .multi-map-carousel .carousel-inner .active.carousel-item-right .card-group:last-child,
                    body.product-xuds .multi-map-carousel .carousel-inner .active.carousel-item-right .card,
                    body.product-xedp .multi-map-carousel .carousel-inner .active.carousel-item-right .card-group:last-child,
                    body.product-xedp .multi-map-carousel .carousel-inner .active.carousel-item-right .card,
                    body.product-xeos .multi-map-carousel .carousel-inner .active.carousel-item-right .card-group:last-child,
                    body.product-xeos .multi-map-carousel .carousel-inner .active.carousel-item-right .card,
                    body.product-xebs .multi-map-carousel .carousel-inner .active.carousel-item-right .card-group:last-child,
                    body.product-xebs .multi-map-carousel .carousel-inner .active.carousel-item-right .card {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
body.product-xcbs .multi-map-carousel .carousel-control-prev,
        body.product-xcbs .multi-map-carousel .carousel-control-next,
        body.product-xuds .multi-map-carousel .carousel-control-prev,
        body.product-xuds .multi-map-carousel .carousel-control-next,
        body.product-xedp .multi-map-carousel .carousel-control-prev,
        body.product-xedp .multi-map-carousel .carousel-control-next,
        body.product-xeos .multi-map-carousel .carousel-control-prev,
        body.product-xeos .multi-map-carousel .carousel-control-next,
        body.product-xebs .multi-map-carousel .carousel-control-prev,
        body.product-xebs .multi-map-carousel .carousel-control-next {
  z-index: 0;
}
.character .character-state {
  padding-right: 0;
  color: #3f3f44
}
.character .character-state h4 {
  padding: 1rem 0 0.625rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  height: 3rem;
}
@media (max-width: 768px) {
  .character .character-state {
    padding: 0
  }
}
.character .character-state-p {
  height: calc(100% - 3rem);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid rgba(239, 239, 240, 1);
  background: #6E35FC;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}
.character .character-state-p p {
  margin: 0;
}
@media (max-width: 991px) {
  .character .character-state-p {
    text-align: left;
    padding: 1rem;
    font-size: 1.125rem
  }
  .character .character-state-p p::after {
    content: "\f107";
  }
}
.character thead th {
  padding-left: 4rem;
}
.character td {
  padding-left: 4rem;
  word-break: break-word
}
@media (min-width: 992px) {
  .character td:first-child {
    width: 12.5rem;
  }
}
.character .character-table {
  padding-left: 0;
}
.character .see-more {
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .character thead th {
    padding-left: 0;
  }
  .character td {
    padding-left: 0
  }
  .character td:first-child {
    font-family: pingFangSc-Medium;
  }
}
.norms .norms-wrapper {
  min-height: 12.5rem;
}
.norms h4 {
  font-size: 1.125rem;
  color: #3f3f44;
  font-weight: bold;
  margin-bottom: 0.875rem;
  word-break: keep-all;
}
.norms .standard-table {
  overflow: auto
}
.norms .standard-table tr td:first-child {
  font-family: pingFangSc-Medium;
}
.norms .standard-table thead th {
  text-align: center;
  padding: 0;
}
.norms .standard-table td {
  text-align: center;
  border: 1px solid #eceeef
}
.norms .standard-table td:last-child {
  border-right: none;
}
.norms .standard-table td:first-child {
  border-left: none;
}
.norms .standard-table td ul {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: justify;
  margin: 0;
}
.norms .standard-table ul.config {
  max-width: 16rem;
  word-break: break-all;
  font-size: 0.75rem;
}
.norms .standard-table ul.inline {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.norms .standard-table ul.inline li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-right: 1rem;
}
.norms .standard-table td[colspan="3"] ul,
        .norms .standard-table td[colspan="4"] ul {
  margin: auto;
}
.norms .norms-p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
  border-bottom: 1px solid rgba(239, 239, 240, 1);
  white-space: nowrap
}
.norms .norms-p p {
  margin: 0;
  position: relative;
  white-space: nowrap
}
.norms .norms-p p.sta-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .norms .norms-p p.sta-v {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start
  }
}
.norms .norms-p p.sta-v::before {
  width: 1.25rem;
  height: 1.25rem;
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
  background-image: url(../images/xe2000_chanpinguige_01.svg);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.norms .norms-p p.sta-v span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.norms .norms-style1 .norms-p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #ffffff;
  height: 50%;
  background: #6E35FC;
}
@media (max-width: 991px) {
  .character-table,
.standard-table {
    border: 1px solid rgba(239, 239, 240, 1);
    border-top: none;
    background-color: #ffffff
  }
  .character-table .table.table-striped tbody tr, .standard-table .table.table-striped tbody tr {
    background-color: #ffffff
  }
  .character-table .table.table-striped tbody tr td, .standard-table .table.table-striped tbody tr td {
    text-align: left;
  }
  .character-table *, .standard-table * {
    font-size: 0.75rem !important;
  }
}
@media (max-width: 991px) {
  .character .collapse-toggle .norms-p p.fa,
        .character .collapse-toggle .character-state-p p.fa,
        .norms .collapse-toggle .norms-p p.fa,
        .norms .collapse-toggle .character-state-p p.fa {
    position: relative
  }
  .character .collapse-toggle .norms-p p.fa::after, .character .collapse-toggle .character-state-p p.fa::after, .norms .collapse-toggle .norms-p p.fa::after, .norms .collapse-toggle .character-state-p p.fa::after {
    content: "\f106";
    position: absolute;
    right: 0;
    top: 10%;
  }
}
@media (max-width: 991px) {
  .character .collapse-toggle.collapsed .norms-p p.fa,
        .character .collapse-toggle.collapsed .character-state-p p.fa,
        .norms .collapse-toggle.collapsed .norms-p p.fa,
        .norms .collapse-toggle.collapsed .character-state-p p.fa {
    position: relative
  }
  .character .collapse-toggle.collapsed .norms-p p.fa::after, .character .collapse-toggle.collapsed .character-state-p p.fa::after, .norms .collapse-toggle.collapsed .norms-p p.fa::after, .norms .collapse-toggle.collapsed .character-state-p p.fa::after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 10%;
  }
}
@media (min-width: 992px) {
    html[lang="en-US"] .norms .norms-p p::before {
        content: none;
    }
}
body.product-lifecycle,
body.product-compatibility {
  font-size: 0.875rem
}
body.product-lifecycle section > h2::before,body.product-compatibility section > h2::before{
  display: none;
}
body.product-lifecycle section > h2::after,body.product-compatibility section > h2::after{
  display: none;
}
body.product-lifecycle .product-iteration,body.product-compatibility .product-iteration{
  width: 85%;
}
body.warranty-search {
  font-size: 0.875rem
}
body.warranty-search section > h2::before{
  display: none;
}
body.warranty-search section > h2::after{
  display: none;
}
body.warranty-search label{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body.warranty-search .btn.search, body.warranty-search .btn.more{
  font-size: 0.875rem;
  border-radius: 4px;
  padding: 0.5rem 1.5625rem;
  width: 7.0625rem;
}
body.warranty-search .input-group-btn:not(:first-child) > .btn{
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  width: 6.875rem;
}
body.warranty-search .input-group.single .after {
  position: absolute;
  bottom: -1.25rem;
  left: 0.9375rem;
}
body.warranty-search .input-group.multi{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column
}
body.warranty-search .input-group.multi input{
  width: 100%
}
body.warranty-search .input-group.multi input.form-control:not(:last-child){
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
body.warranty-search .input-group.multi .after{
  text-align: left;
}
body.warranty-search .search-results{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
body.warranty-search .search-results-mobile{
  margin-bottom: 0;
  padding-bottom: 1.5rem;
}
body.warranty-search .section-wrap .href-tab .btn-group{
  margin-left: -30%;
}
body.warranty-search .collapse-toggle .character-state-p{
  height: calc(100% - 3rem);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid rgba(239,239,240,1);
  background: #6E35FC;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}
body.warranty-search .collapse-toggle .character-state-p p{
  margin: 0;
  position: relative;
  font-size: 0.875rem;
}
@media (max-width: 991px) {
  body.warranty-search .collapse-toggle .character-state-p{
    text-align: left;
    padding: 1rem;
    font-size: 1.125rem
  }
  body.warranty-search .collapse-toggle .character-state-p p::after{
    position: absolute;
    right: 0;
    content: "\f106";
  }
}
@media (max-width: 991px) {
  body.warranty-search .collapse-toggle.collapsed .norms-p p.fa, body.warranty-search .collapse-toggle.collapsed .character-state-p p.fa{
    position: relative
  }
  body.warranty-search .collapse-toggle.collapsed .norms-p p.fa::after,body.warranty-search .collapse-toggle.collapsed .character-state-p p.fa::after{
    content: "\f107";
    position: absolute;
    right: 0;
  }
}
body.warranty-search .table.fixed-01 td, body.warranty-search .table.fixed-01 th{
  word-break: break-all;
}
body.warranty-search .table.fixed-01 td:first-child, body.warranty-search .table.fixed-01 th:first-child{
  word-break: keep-all;
  width: 1%;
}
body.warranty-search #warranty-form .input-group:not(.single) :required:invalid + .after::after {
  position: absolute;
  bottom: -1.25rem;
}
body.warranty-search #warranty-form .button-group{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  body.warranty-search #warranty-form .button-group{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start
  }
}
body.warranty-search #warranty-form .button-group button:first-child{
  margin-right: 0.5rem;
}
body.product-thxy .demand .paragraph {
  margin-bottom: 1rem;
}
@media (min-width: 992px){
  body.product-thxy .demand .img-fluid {
    margin-bottom: -6.5rem;
  }
}
body.product-thxy .demand ul {
  font-size: 0.875rem;
  line-height: 2;
  list-style: none
}
body.product-thxy .demand ul li{
  padding-left: 2rem;
  position: relative
}
body.product-thxy .demand ul li::before {
  width: 1.25rem;
  height: 1.25rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0.3125rem;
  content: '';
}
body.product-thxy .demand ul li:nth-child(1)::before {
  background-image: url(../images/thxy_11.png);
}
body.product-thxy .demand ul li:nth-child(2)::before {
  background-image: url(../images/thxy_12.png);
}
body.product-thxy .demand ul li:nth-child(3)::before {
  background-image: url(../images/thxy_13.png);
}
body.product-thxy .features .features-cards {
  margin-top: 5rem
}
body.product-thxy .features .features-cards .card {
  height: 18rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #ffffff;
}
body.products .arch > p {
  margin-bottom: 4.375rem;
}
body.products .arch .btn-group {
  margin-bottom: 2.75rem;
}
body.products .mix_plant .imgs .detail-card {
  height: 15.375rem
}
body.products .mix_plant .imgs .detail-card img{
  height: 6rem;
}
body.products .sw_plant .detail-card{
  margin-bottom: 1.875rem;
  height: 11.875rem;
}
body.products .products h1 {
  color: white;
}
body.products .products .row > div {
  margin-bottom: 1rem;
}
body.products .products .wrapper {
  padding: 2rem 1rem;
  background-color: white
}
body.products .products .wrapper img {
  margin-bottom: 1.875rem;
  width: 9.375rem;
  max-width: 100%;
}
body.products .products .wrapper p {
  font-size: 0.875rem;
}
body.products .products .wrapper.xebs {
  border-top: 6px solid #00ace1;
}
body.products .products .wrapper.xeos {
  border-top: 6px solid #ed6741;
}
body.products .products .wrapper.xefs {
  border-top: 6px solid #00a48e;
}
body.products .products .wrapper.xedp {
  border-top: 6px solid #844e99;
}
body.products .products .wrapper .btn {
  padding: .25em 1.25em;
  border-radius: 3em;
}
body.products .products .wrapper .btn:hover,
      body.products .products .wrapper .btn:focus {
  color: #ffffff !important;
}
body.products .products .wrapper .btn-warning {
  background-color: #ed6741;
}
body.products .products .wrapper .btn-success {
  background-color: #00a48e;
}
body.products .features img {
  width: 6.875rem;
}
body.products .features h2 {
  color: #6E35FC;
  font-size: 1.25rem;
}
body.products .features p {
  font-size: 0.875rem;
}
body.products .features .row > div {
  margin-bottom: 1rem;
}
body.products .whitepapers .row > div {
  height: 10.625rem;
  margin-bottom: 1rem;
}
body.products .whitepapers .cover {
  color: #ffffff
}
body.products .whitepapers .cover.info {
  background-color: #00ace1;
}
body.products .whitepapers .cover.warning {
  background-color: #ed6741;
}
body.products .whitepapers .cover.success {
  background-color: #00a48e;
}
body.products .whitepapers .cover.primary {
  background-color: #844e99;
}
body.products .whitepapers img {
  height: 2.5rem;
  margin-bottom: 1em;
}
body.products .whitepapers a {
  color: #ffffff;
  margin-bottom: -.325em;
}
body.products .earnings .detail-card{
  height: 14.5rem;
  margin-bottom: 1.875rem
}
body.products .earnings .detail-card .detail-card-title-img .detail-card-title {
  margin-left: 0;
}
body.sla section ul,
    body.sla section ol {
  margin: 0 15%;
  padding-left: 1.5em;
}
body.sla section ul {
  list-style: disc;
}
body.sla section img {
  display: block;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 1em;
}
body.support .service-system .detail-card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  body.support .service-system .detail-card-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
  }
}
@media (min-width: 769px) and (max-width: 1200px){
  body.support .service-system .detail-card-group {
    overflow: auto
  }
}
body.support .service-system .detail-card {
  text-align: center;
  margin: 0 0.625rem;
  padding: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto
}
body.support .service-system .detail-card .detail-card-title-img {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}
body.support .service-system .detail-card .detail-card-title-img img {
  width: 7.5rem;
  height: 6.25rem;
}
@media (max-width: 768px){
  body.support .service-system .detail-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 1rem
  }
}
body.support .service-system .detail-card.link-card:hover::after {
  right: 50%;
  -webkit-transform: translate(8px,14px);
          transform: translate(8px,14px);
}
@media (max-width: 768px){
  body.support .service-system .detail-card.link-card:hover::after {
    right: 1.25rem;
    -webkit-transform: translateX(0);
            transform: translateX(0)
  }
}
body.support .service-expert .detail-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 8.125rem;
  margin-bottom: 1.5rem
}
body.support .service-expert .detail-card .detail-card-title-img img {
  height: 2.25rem;
  margin: 0 2rem 0 1.5625rem;
}
body.support .service-expert .detail-card h4 {
  width: 100%;
  margin: 0;
}
body.support .service-training .detail-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 12.5rem
}
body.support .service-training .detail-card .detail-card-title-img img {
  height: auto;
  max-width: 6.625rem;
}
body.support .service-training .detail-card p {
  line-height: 1.5;
  margin-top: 0.5rem;
}
@media (max-width: 991px) {
  body.support .service-training .detail-card {
    height: auto
  }
  body.support .service-training .detail-card .detail-card-title-img {
    position: relative;
    overflow: visible
  }
  body.support .service-training .detail-card .detail-card-title-img img {
    height: auto;
    max-width: 6.625rem;
    position: absolute;
    top: 16%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0;
    width: 3.125rem;
  }
  body.support .service-training .detail-card .detail-card-title-img .detail-card-title{
    margin: 0
  }
  body.support .service-training .detail-card .detail-card-title-img .detail-card-title h3{
    padding-left: 3.75rem;
  }
  body.support .service-training .detail-card .detail-card-title-img p{
    line-height: 1.5;
    margin-top: 1.25rem;
    color: #646369 !important;
  }
}
body.support .service-afterSales img {
  max-height: 43.75rem;
  max-width: 100%;
}
body.apply-to-join #license{
  display: none;
}
body.apply-to-join .license{
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column
}
body.apply-to-join .license img{
  width: 5.25rem;
}
body.apply-to-join .license span{
  text-align: left;
  color: #a2a3a9;
  font-size: 0.75rem;
}
body.sitemap header.navbar {
  position: relative;
  background: #6E35FC;
}
body.sitemap .padd {
  padding: 0 6.25rem
}
body.sitemap .padd a {
  color: #3f3f44;
}
body.sitemap .BreadcrumbNav {
  line-height: 44px;
  height: 2.75rem;
}
body.sitemap .box {
  margin-bottom: 1.875rem;
  border: 1px #a2a3a9 solid
}
body.sitemap .box h3 {
  line-height: 40px;
  height: 2.5rem;
  padding-left: 1.5625rem;
  background: #a7a9ac;
}
body.sitemap .box .sub-container {
  padding: 1.875rem 0
}
body.sitemap .box .sub-container a {
  display: inline-block;
  margin: 0 2.5rem;
  line-height: 40px;
}
body.solution-finance .scenes.large_detail_card_wrap .row>div {
  padding: 0 1rem
}
body.solution-finance .scenes.large_detail_card_wrap .row>div .detail-card .card-body {
  min-height: 11.25rem
}
body.solution-finance .scenes.large_detail_card_wrap .row>div .detail-card h4 {
  margin-bottom: 0.5rem;
}
body.solution-finance-s2 .card-group.style1 .card, body.solution-finance-s3 .card-group.style1 .card {
  padding: 2rem 1rem;
}
body.solution-healthcare .card-group.style1 .card {
  min-height: 15.9375rem;
}
body.solution-healthcare-s1 .advantage>div img, body.solution-healthcare-s2 .advantage>div img, body.solution-healthcare-s3 .advantage>div img, body.solution-healthcare-s4 .advantage>div img, body.solution-healthcare-s5 .advantage>div img {
  width: 4.375rem;
}
.show>.dropdown-menu.has-subtitle, .show-c>.dropdown-menu.has-subtitle{
  padding: 0 0.25rem
}
.show>.dropdown-menu.has-subtitle .d-flex,.show-c>.dropdown-menu.has-subtitle .d-flex{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.show>.dropdown-menu.has-subtitle .sub-container, .show-c>.dropdown-menu.has-subtitle .sub-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  margin: .75rem 1.75rem
}
.show>.dropdown-menu.has-subtitle .sub-container .subtitle, .show-c>.dropdown-menu.has-subtitle .sub-container .subtitle {
  font-size: 0.875rem;
  color: #3f3f44;
  font-weight: bold;
}
.show>.dropdown-menu.has-subtitle .sub-container .dropdown-item, .show-c>.dropdown-menu.has-subtitle .sub-container .dropdown-item {
  text-align: left;
  padding: 0;
  margin: .5rem 0;
}
.show-c > .dropdown-menu{
  display: block;
}
.dropdown-menu {
  top: 120%;
  left: 50%;
  -webkit-animation: opGradient 0.4s;
          animation: opGradient 0.4s;
  border: none;
  min-width: 5rem;
  font-size: 0.875rem
}
.dropdown-menu .d-flex{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dropdown-menu .dropdown-item {
  padding: .25rem 1rem;
  text-align: left;
  color: #646369
}
.dropdown-menu .dropdown-item.active{
  color: #a2a3a9 !important;
  background-color: #ffffff00;
}
.dropdown-menu .dropdown-item.new::after {
  content: "new";
  color: #6E35FC;
}
@media (max-width: 991px) {
  .dropdown-menu .dropdown-item {
    font-family: PingFangSC-Regular!important;
    color: #646369!important
  }
  .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus {
    color: #6E35FC !important;
  }
}
.dropdown-menu .dropdown-item:hover {
  background-color: transparent;
}
.dropdown-menu::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -0.5rem;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-bottom-width: 8px;
  border-bottom-color: currentColor;
  color: #fff;
}
@media (max-width: 991px) {
  .dropdown-menu {
    float: left;
    display: block;
    background: #F8F9FE
  }
  .dropdown-menu .sub-container{
    float: left;
  }
  .dropdown-menu a{
    text-align: left !important;
  }
  .dropdown-menu.has-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 0 !important
  }
  .dropdown-menu.has-subtitle .d-flex{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .dropdown-menu.has-subtitle .sub-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: left;
    margin: 0 1rem !important
  }
  .dropdown-menu.has-subtitle .sub-container .subtitle {
    font-size: 0.875rem;
    color: #3f3f44;
    font-weight: bold;
  }
  .dropdown-menu.has-subtitle .sub-container .dropdown-item {
    text-align: left;
    padding: 0;
    margin: .5rem 0;
  }
  .dropdown-menu::after {
    display: none;
  }
}
@media (max-width: 768px) {
  .dropdown-menu.has-subtitle .d-flex{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.header-fade {
  width: 100%;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease
}
.header-fade.fadeUp{
  position: fixed;
  visibility: hidden;
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.header-fade.fadeDown{
  position: fixed;
  display: inline-table;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  top: 0;
  z-index: 999;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2)
}
.header-fade.fadeDown .nav-link {
  color: #6d6f71 !important;
}
.fileUploadComp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3f3f44;
  line-height: 1
}
.fileUploadComp .fileUploadBtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 1;
  padding: 0.5625rem 1rem;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  color: #3f3f44
}
.fileUploadComp .fileUploadBtn + input[type="file"] {
  display: none;
}
.fileUploadComp span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0.5rem;
}
.stay-footer{
  position: absolute;
  bottom: 0;
  background-color: #ffffff0f;
  left: 0
}
.stay-footer [data-toggle="xsky-tabs"]{
  text-align: center;
}
.stay-footer .btn-group{
  width: 37.5rem;
  max-width: 100vw;
  margin: 0 auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.stay-footer.header-fade.fadeDown .btn-tab {
  color: #646369;
}
.stay-footer.header-fade.fadeDown .btn-tab.active {
  color: #3f3f44;
}
.stay-footer .btn-tab{
  color: #ffffff;
  font-size: 1rem;
  height: 3.0625rem;
  line-height: 35px
}
.stay-footer .btn-tab:hover{
  color: #FBC70D !important;
}
.stay-footer .btn-tab.active{
  color: #ffffff
}
.stay-footer .btn-tab.active::after{
  width: 2rem;
  background-color: #FBC70D;
  margin-top: 0;
}
.brand-tab .img-tab{
  width: 10rem;
  max-width: 100%;
}
.brand-tab .btn-group {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.brand-tab .btn.btn-tab {
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 1.78rem
}
.brand-tab .btn.btn-tab .back_img{
  height: 3.75rem;
  width: 9rem;
  background-size: auto 3.75rem;
  background-position: left;
}
.brand-tab .btn.btn-tab.active, .brand-tab .btn.btn-tab:hover{
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(4,7,18,0.06);
          box-shadow: 0px 10px 20px 0px rgba(4,7,18,0.06)
}
.brand-tab .btn.btn-tab.active::after,.brand-tab .btn.btn-tab:hover::after{
  display: none;
}
.brand-tab .btn.btn-tab.active .back_img,.brand-tab .btn.btn-tab:hover .back_img{
  background-position: right;
}
.masonry{
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  padding-right: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0.625rem
}
.masonry .masonry-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.masonry .masonry-main > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.masonry .stone {
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #f5f5f5;
  margin: 0 0.375rem;
  margin-bottom: 1rem;
}
.masonry .masonry-main > div.stones-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 634px;
          flex: 0 0 634px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.masonry .masonry-main > div.stones-wrap > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.masonry .masonry-main > div.stones-wrap .stone4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 624px;
          flex: 0 0 624px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.75rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}
.masonry .masonry-main > div.stones-wrap .stone4 > div {
  margin: 0 0.375rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px
}
.masonry .masonry-main > div.stones-wrap .stone4 > div:nth-last-child(1){
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.masonry .masonry-main > div.stones-wrap .stone4 p {
  font-size: 0.75rem;
}
.masonry .masonry-main > div.stones-wrap .stone4 .rotate-card .card-img{
  height: 5rem;
  width: 6.125rem;
  margin: auto;
}
.masonry .masonry-main > div.stones-wrap .stone4 .detail-card{
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 0
}
.masonry .masonry-main > div.stones-wrap .stone4 .detail-card img{
  height: 6.5625rem;
}
.masonry .stone1 {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}
.masonry .stone1 .card-group.purple_line .card.overlap{
  position: relative;
  padding: 0
}
.masonry .stone1 .card-group.purple_line .card.overlap div:first-child{
  z-index: 2;
  position: absolute;
  left: 0;
}
.masonry .stone1 .card-group.purple_line .card .card-img.hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #ffffff !important;
  background-position: right !important;
  z-index: 3
}
.masonry .stone1 .card-group.purple_line .card .card-img.hover > .card-img {
  background-position: right !important;
}
.masonry .stone1 .card-group.purple_line .card:nth-child(1) {
  width: 7.55rem;
}
.masonry .stone1 .card-group.purple_line .card:nth-child(2) {
  width: 23.5rem
}
.masonry .stone1 .card-group.purple_line .card:nth-child(2) .card-img:first-child {
  width: 11.3125rem;
}
.masonry .stone1 .card-group.purple_line .card:nth-child(3) {
  width: 10.6875rem;
}
.masonry .stone1 .card-group.purple_line .card:nth-child(4) {
  width: 17.625rem;
}
.masonry .stone1 .card-group.purple_line .card > div {
  width: 100%;
  height: 7.8rem !important;
}
@media (min-width: 769px) and (max-width: 1200px) {
  .masonry .stone1 .card-group.purple_line .card:nth-child(1) {
    width: 7.07813rem;
  }
  .masonry .stone1 .card-group.purple_line .card:nth-child(2) {
    width: 21.98438rem
  }
  .masonry .stone1 .card-group.purple_line .card:nth-child(2) .card-img:first-child {
    width: 10.59375rem;
  }
  .masonry .stone1 .card-group.purple_line .card:nth-child(3) {
    width: 10rem;
  }
  .masonry .stone1 .card-group.purple_line .card:nth-child(4) {
    width: 16.5rem;
  }
  .masonry .stone1 .card-group.purple_line .card > div {
    width: 100%;
    height: 7.3125rem !important;
  }
}
.masonry .stone2 {
  padding-bottom: 5.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}
.masonry .stone2 img {
  width: 7.5rem;
  max-width: 100%;
  margin-top: 3.75rem;
}
.masonry .stone3 .consult{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.masonry .stone5 h4{
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  position: relative;
  width: 1rem;
  top: -4.0625rem;
  margin-left: 0.3125rem;
  letter-spacing: 1px;
}
.masonry .space-between{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between
}
.masonry .space-between .col-md-6{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
}
.masonry .stone6, .masonry .stone7{
  padding-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100% - 1rem);
}
@media (max-width: 768px) {
  .masonry{
    padding-right: 0
  }
  .masonry .left{
    padding-left: 0;
  }
  .masonry{
    margin: 0 !important
  }
  .masonry .stone2{
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1.25rem !important;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.46875rem
  }
  .masonry .stone2 img{
    width: 20vw;
    margin: 0;
  }
  .masonry .left{
    padding-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%
  }
  .masonry .left .col-8{
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .masonry .left .col-6{
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .masonry .left .XCBS, .masonry .left .XUDS{
    padding-right: 1vw;
    margin-bottom: 2vw;
  }
  .masonry .left .XEBS, .masonry .left .XEOS{
    padding-left: 1vw;
    margin-bottom: 2vw;
  }
  .masonry .left .XCBS .card-img{
    background-image: url(../images/ruanjianpingtai_xcbs.png) !important;
    background-size: contain !important;
    background-position: center !important;
  }
  .masonry .left .XUDS .card-img{
    background-image: url(../images/ruanjianpingtai_xuds.png) !important;
    background-size: contain !important;
    background-position: center !important;
  }
  .masonry .left .XEBS .card-img{
    background-image: url(../images/ruanjianpingtai_xebs.png) !important;
    background-size: contain !important;
    background-position: center !important;
  }
  .masonry .left .XEOS .card-img{
    background-image: url(../images/ruanjianpingtai_xeos.png) !important;
    background-size: contain !important;
    background-position: center !important;
  }
  .masonry .left .XEDP .detail-card{
    padding: 0
  }
  .masonry .left .XEDP .detail-card img{
    height: 15vw;
  }
  .masonry .left .XEDP .detail-card .detail-card-title{
    margin-left: 0;
  }
  .masonry .left .stone4{
    margin-bottom: 2vw
  }
  .masonry .left .stone4 .rotate-card .card-img{
    height: 12vw;
  }
  .masonry .left .stone4 p{
    margin-bottom: 0;
    word-break: keep-all;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .masonry .stone4 .rotate-card .card-img{
    height: 4.71875rem;
  }
}
section {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    color: #646369
}
section.container {
  max-width: 90rem;
}
section.pure-text {
  padding-bottom: 3.5rem !important;
}
section>h2 {
  font-size: 2rem;
  margin-bottom: 5rem
}
section>h2::before,
        section>h2::after {
  content: "\e911";
  color: #FBC70D;
  font-family: 'xsky-sans-cn';
}
section>h2::before {
  margin-right: 1rem;
}
section>h2::after {
  margin-left: 1rem;
}
section p.state {
  line-height: 30px;
  font-family: PingFangSC-Regular;
  color: #646369;
  font-size: 0.875rem;
}
section .paragraph {
  width: 48.75rem;
  max-width: 100%;
  margin: 0 auto;
  color: #646369;
  font-size: 0.875rem;
  margin-bottom: 3.5rem;
  line-height: 2
}
section .paragraph.large-line-height {
  line-height: 2.5;
}
section .paragraph:not(:first-of-type) {
  margin-top: 3.5rem;
}
section h2+.paragraph {
  margin-top: -3rem;
}
section ul.paragraph {
  text-align: left;
}
section .imgs {
  margin: 0 auto
}
section .imgs .col-12 .img-fluid {
  max-height: 25rem;
}
section .imgs .col-12 .img-fluid {
  max-height: 25rem;
}
section .imgs .col-12 .img-fluid-large {
  max-height: 30rem;
}
section .imgs .img-logo {
  height: 1.875rem;
  margin-bottom: 1rem;
}
.section-wrap {
    width: 100%
}
.section-wrap.dim {
  background-color: #F9FAFF;
}
.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}
.card-group.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.card-group .card {
  border: none;
  text-align: center;
  background-color: inherit;
  height: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto
}
.card-group .card > p {
  line-height: 1.57;
  margin-bottom: 0;
  max-width: 100%;
}
.card-group.shadow:not(.logo-cards) .card {
  -webkit-box-shadow: 0px 20px 70px 0px rgba(4,7,18,0.06);
          box-shadow: 0px 20px 70px 0px rgba(4,7,18,0.06);
}
.card-group.rbd .card {
  border-right: 1px #a7a9ac dashed;
  border-radius: 0;
}
.card-group.rbd .card:nth-last-child(1) {
  border-right: none;
}
.card-group.pointer .card {
  cursor: pointer;
}
.card-group.col3 .card {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.33%;
          flex: 0 1 33.33%;
}
.card-group.col4 .card {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}
.card-group.style1 .card {
  margin: 0 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 2.8125rem 2rem 2rem 2rem
}
.card-group.style1 .card > img {
  margin-bottom: 1.25rem;
  height: 3.125rem;
}
.card-group.style1 .card > h4 {
  margin-bottom: 1rem;
  line-height: 1.4;
  font-family: 'PingFangSC-Medium';
}
@media (max-width: 768px){
  .card-group.style1 .card {
    margin: 0;
    margin-bottom: 1.25rem
  }
}
.card-group.style2 .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.5
}
.card-group.style2 .card > b {
  font-size: 3.75rem;
}
.card-group.logo-cards {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start
}
.card-group.logo-cards .card {
  height: 11.875rem;
  padding: 0
}
.card-group.logo-cards .card .card-img {
  height: calc(100% - 1.25rem);
  border-radius: 2px;
  background-color: #ffffff !important;
  margin: 0.625rem;
}
.card-group.logo-cards.shadow .card-img {
  -webkit-box-shadow: 0px 20px 70px 0px rgba(4,7,18,0.06);
          box-shadow: 0px 20px 70px 0px rgba(4,7,18,0.06);
}
@media (max-width: 768px){
  .card-group.logo-cards .card .card-img{
    margin: 0;
    margin-bottom: 1.25rem;
  }
}
.card-group.hover-reverse .card:hover,
    .card-group.hover-reverse .card.active,
    .card-group.hover-reverse .card .card-img.hover {
  background-position: right !important;
  z-index: 3
}
.card-group.hover-reverse .card:hover > .card-img, .card-group.hover-reverse .card.active > .card-img, .card-group.hover-reverse .card .card-img.hover > .card-img {
  background-position: right !important;
}
@media (max-width: 1200px) {
  .card-group.logo-cards {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
  }
  .card-group.logo-cards.col4 .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 285px;
            flex: 0 1 285px;
  }
}
.nav-panel * {
  color: #3f3f44;
}
.nav-panel .col-md-3 {
  padding-right: 2.5rem;
}
.nav-panel .card {
  background-color: transparent;
}
.nav-panel aside {
  height: 100%;
  background-color: #F9FAFF;
  font-size: 0.875rem
}
.nav-panel aside a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 22px;
  height: 3.125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 3.25rem;
  padding-right: 1.5rem;
}
.nav-panel aside .nav-toggle {
  background-image: url(../images/icon-collapse.svg);
  background-position: 24px center;
  background-repeat: no-repeat;
  background-size: auto 25%
}
.nav-panel aside .nav-toggle.collapsed {
  background-image: url(../fonts/icon-expand.svg);
}
.nav-panel aside aside {
  padding-left: 0.625rem
}
.nav-panel aside aside aside a {
  padding-left: 3.75rem;
}
.nav-panel aside aside .nav-toggle {
  background-position: 30px center;
}
.nav-panel aside .nav-link:hover,
      .nav-panel aside .nav-link:focus {
  color: #6E35FC;
}
.nav-panel aside .nav-link.active {
  color: #6E35FC !important;
}
.nav-panel header {
  height: 3.125rem;
  margin-bottom: 2.8125rem
}
.nav-panel header .title-sub {
  margin: 0.75rem 0 0 0.625rem;
}
@media (max-width: 768px) {
  .nav-panel header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 2.8125rem
  }
}
.nav-panel main h3,
    .nav-panel main h4 {
  font-family: 'PingFangSC-Medium';
}
.nav-panel main h3 {
  margin: 1.875rem 0;
}
.nav-panel main ul {
  padding-left: 1em;
}
.nav-panel main p,
    .nav-panel main ul,
    .nav-panel main h4 {
  line-height: 2;
  font-size: 0.875rem;
}
.nav-panel main .table td,
      .nav-panel main .table th {
  color: #3f3f44;
  font-size: 0.875rem;
}
.nav-panel main .table th {
  font-family: 'PingFangSC-Medium';
}
.nav-panel main img {
  max-width: 80%;
  height: auto;
}
@font-face {
  font-family: 'xsky-sans-cn';
  src:  url('../fonts/icomoon.eot');
  src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'xsky-sans-cn' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.icon-error:before {
  content: "\e915";
  color: #fd522f;
  font-size: 0.875rem;
}
.icon-right:before {
  content: "\e916";
  color: #58d8a4;
}
.icon-weibo:before {
  content: "\e900";
  color: #a2a3a9;
}
.icon-weixin:before {
  content: "\e901";
  color: #a2a3a9;
}
.icon-lianxiren:before {
  content: "\e902";
  color: #a2a3a9;
}
.icon-youxiang:before {
  content: "\e903";
  color: #a2a3a9;
}
.icon-kefu:before {
  content: "\e904";
  color: #a2a3a9;
}
.icon-zhengque:before {
  content: "\e905";
  color: #58d8a4;
}
.icon-hy-1:before {
  content: "\e906";
  color: #fff;
}
.icon-hy-2:before {
  content: "\e907";
  color: #fff;
}
.icon-hy-3:before {
  content: "\e908";
  color: #fff;
}
.icon-hy-4:before {
  content: "\e909";
  color: #fff;
}
.icon-hy-5:before {
  content: "\e90a";
  color: #fff;
}
.icon-hy-6:before {
  content: "\e90b";
  color: #fff;
}
.icon-hy-7:before {
  content: "\e90c";
  color: #fff;
}
.icon-hy-8:before {
  content: "\e90d";
  color: #fff;
}
.icon-hy-9:before {
  content: "\e90e";
  color: #fff;
}
.icon-gartner_right:before {
  content: "\e90f";
  color: #a2a3a9;
}
.icon-gartner_left:before {
  content: "\e910";
  color: #a2a3a9;
}
.icon-h2:before {
  content: "\e911";
  color: #FBC70D;
}
.icon-dianhua:before {
  content: "\e912";
  color: #a2a3a9;
}
.icon-expand1:before {
  content: "\e913";
}
.icon-arrow-right:before {
  content: "\e914";
}
.icon-xiazai:before {
  content: "\e917";
}
/**
 * Media (iPad-Vertical，Mobile)
 */
@media (max-width: 768px) {
    h3,
    .f3 {
        font-size: 1.125rem;
    }
    .row {
        margin: 0;
    }
    body section>p {
    font-size: 0.875rem;
  }
    body section>h2 {
    margin-bottom: 1.5rem;
    font-size: 6vw;
    font-family: PingFangSC-Regular
  }
    body section>h2::before,
            body section>h2::after {
    display: none;
  }
    body section.container {
    padding: 2.5rem 4.25%;
    width: 100%;
  }
    body section .paragraph {
    font-size: 0.875rem;
    margin-bottom: 2.5rem
  }
    body section .paragraph:nth-last-child(1) {
    margin-bottom: 0;
  }
    body section h2+.paragraph {
    margin-top: 0;
  }
    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.open,
    .navbar-light .navbar-nav .open>.nav-link {
        color: #3f3f44;
        opacity: 0.6;
    }
    .col-3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }
    .col-6 {
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 50% !important;
                flex: 0 0 50% !important;
        max-width: 50%;
    }
    .col-12 {
        padding: 0;
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 100% !important;
                flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 1rem !important;
    }
    .logo-cards .col-12 {
        margin-bottom: 0 !important;
    }
    .flex-md-first {
        -webkit-box-ordinal-group: 2 !important;
            -ms-flex-order: 1 !important;
                order: 1 !important;
    }
    [class*="offset-"] {
        margin-left: 0;
    }
    .detail-card {
        margin-bottom: 0 !important;
    }
    .advantage>div:nth-last-child(1) {
        margin-bottom: 0;
    }
    .card-group {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important
    }
    .card-group.col3 .card, .card-group.col4 .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
    .card-group .card:not(:nth-last-child(1)) {
    margin-bottom: 2.5rem
  }
    .card-group .card:not(:nth-last-child(1))>p {
    max-width: 100%;
  }
    .card-group.md-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
  }
    .card-group.md-row.style1 .card,
            .card-group.md-row .detail-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
    -webkit-box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06) !important;
            box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06) !important
  }
    .card-group.md-row.style1 .card img,
                .card-group.md-row.style1 .card .detail-card-title-img,
                .card-group.md-row .detail-card img,
                .card-group.md-row .detail-card .detail-card-title-img {
    height: auto !important;
    margin: 0;
    max-width: 3.125rem
  }
    .card-group.md-row.style1 .card img+p, .card-group.md-row.style1 .card .detail-card-title-img+p, .card-group.md-row .detail-card img+p, .card-group.md-row .detail-card .detail-card-title-img+p {
    font-size: 1rem;
    font-family: PingFangSC-Regular;
  }
    .card-group.md-row.style1 .card p, .card-group.md-row .detail-card p {
    text-align: left;
    margin: 0.625rem;
  }
    .card-group.md-row.style2 .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    padding: 1rem;
    margin-bottom: 1.875rem;
    max-width: 50%
  }
    .card-group.md-row.style2 .card>b {
    font-size: 2.5rem;
  }
    .card-group.md-row.rbd .card:nth-child(2n) {
    border-right: none;
  }
    body.home section.container.ecology {
        padding: 2.5rem 0 0 0;
    }
    body.home section.container.rank>p {
    margin-top: 0;
    margin-bottom: 2.5rem;
  }
    body.home section.container.rank .card-group.style2 .card {
    line-height: 1.2;
  }
    body.home section.container.gartner .carousel .carousel-item .carousel-caption img {
        margin-top: 1rem;
    }
    section.container.customer-trans .card-group .card {
        margin-bottom: 0;
    }
    .navbar-toggler {
        padding: .25rem 0;
    }
    body.products .mix_plant .imgs .detail-card {
        height: 16.25rem;
    }
    .practice a.btn {
        margin-top: 1rem;
    }
    body.product-xuds .why-choose .card-group .card:not(:nth-last-child(1)) {
        margin-bottom: 0;
    }
    body.product-xe2000 .xe2000-advantage .card-group.style1 .card {
        padding-top: 0
    }
    body.product-xe2000 .xe2000-advantage .card-group.style1 .card img {
    margin-bottom: 0;
  }
    body.product-x3000 .x3000-advantage .card-group.style1 .card {
        padding-top: 0;
    }
    body.product-xe2000 .display {
        padding-bottom: 4rem !important
    }
    body.product-xe2000 .display>h2 {
    margin-bottom: 4rem !important;
  }
    body.customers a.expand {
        margin-top: 1rem;
    }
    body.channel-partners .partners-news .find-partners label {
        text-align: left;
    }
    .hidden-768-down {
        display: none!important;
    }
    .hidden-768-up {
        display: inherit!important;
    }
    .carousel-control-prev {
        display: none;
    }
    .carousel-control-next {
        display: none;
    }
}
@media (max-width: 991px) {
    .hidden-992-down {
        display: none!important;
    }
    .hidden-992-up {
        display: inherit!important
    }
    .hidden-992-up.dropdown {
    display: block!important;
  }
    .logo-cards {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
    }
    .md-posts {
        -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 100% !important;
                flex: 1 1 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 1.25rem !important;
        padding-left: 1.25rem !important;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-bottom: 1px solid #e6e6e6;
        height: auto !important;
        position: relative
    }
    .md-posts .hover-floatUp {
    padding: 0 !important;
  }
    .md-posts::before {
    content: ' ';
    height: 1.875rem;
    width: 0.25rem;
    background-color: #6E35FC;
    top: 50%;
    left: 0;
    margin-top: -0.9375rem;
    position: absolute;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
    .md-posts h3 {
    text-align: justify;
    margin-bottom: 0.9375rem;
    color: #3f3f44 !important;
    font-size: 1rem
  }
    .md-posts h3 a {
    color: #3f3f44 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
  }
    .md-posts .layer,
        .md-posts img,
        .md-posts p {
    display: none;
  }
    .IDC_imgs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    body.partners .stratigic-partners .row>div {
        height: 21.875rem;
    }
}
/**
 * Media (iPad Pro，iPad-Horizontal)
 */
@media (min-width: 769px) and (max-width: 1400px) {
    html {
        font-size: 16px;
    }
    body section.container {
        padding: 6.5rem 0
    }
    body section.container.customer-trans,
        body section.container.posts,
        body section.container.ecology {
    min-width: 50rem;
  }
    .card-group.style1 .card {
        margin: 0 0.5rem;
        padding: 2.5rem 1.5rem 1.5rem 1.5rem;
    }
    body.home section.container.ecology {
        padding: 5rem 2rem;
        overflow: auto
    }
    body.home section.container.ecology .ecology-bg {
    background-size: auto 21.25rem;
    height: 25rem;
    min-width: 60rem
  }
    body.home section.container.ecology .ecology-bg .card-group {
    top: 0;
  }
    body.home section.container.ecology .ecology-bg .logo {
    margin-left: -3.375rem;
    margin-top: -0.75rem
  }
    body.home section.container.ecology .ecology-bg .logo img {
    height: 0.75rem;
  }
    body.home section.container.ecology .ecology-bg .outline {
    padding: 0.3125rem 0.3125rem;
    font-size: 0.75rem;
  }
    body.home section.container.ecology .ecology-bg .outline::after {
    bottom: 0.5625rem;
  }
    body.home section.container.ecology .ecology-bg .outline:nth-child(1) {
    -webkit-transform: translate(-15px, -125px);
            transform: translate(-15px, -125px)
  }
    body.home section.container.ecology .ecology-bg .outline:nth-child(2) {
    -webkit-transform: translate(90px, -130px);
            transform: translate(90px, -130px)
  }
    body.home section.container.ecology .ecology-bg .outline:nth-child(3) {
    -webkit-transform: translate(270px, -95px);
            transform: translate(270px, -95px)
  }
    body.home section.container.ecology .ecology-bg .outline:nth-child(4) {
    -webkit-transform: translate(265px, 10px);
            transform: translate(265px, 10px);
  }
    body.home section.container.ecology .ecology-bg .outline:nth-child(5) {
    -webkit-transform: translate(155px, 60px);
            transform: translate(155px, 60px);
  }
    body.home section.container.ecology .ecology-bg .outline:nth-child(6) {
    -webkit-transform: translate(15px, 85px);
            transform: translate(15px, 85px);
  }
    body.home section.container.ecology .ecology-bg .outline:nth-child(7) {
    -webkit-transform: translate(-205px, 75px);
            transform: translate(-205px, 75px);
  }
    body.home section.container.ecology .ecology-bg .outline:nth-child(8) {
    -webkit-transform: translate(-210px, -20px);
            transform: translate(-210px, -20px);
  }
    body.home section.container.ecology .ecology-bg .outline:nth-child(9) {
    -webkit-transform: translate(-115px, -85px);
            transform: translate(-115px, -85px);
  }
    section.container.customer-trans .customer-comment {
    height: 25rem
  }
    section.container.customer-trans .customer-comment .comment {
    height: 21.875rem;
    top: 1.5625rem;
  }
    .logo-cards .card {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 33% !important;
            flex: 0 1 33% !important;
    width: 33% !important;
  }
}
/**
 * Media (not mobile)
 */
@media (min-width: 769px) {
    .multi-map-carousel_wrap a.btn.arrow {
        margin-top: 3.125rem;
    }
    body.home section.container.posts>a.btn.arrow {
        margin-top: 3.125rem;
    }
}
@media (max-width: 1200px) {
    .hidden-1200-up {
        display: inherit!important;
    }
}
.multi-map-carousel .carousel-inner{
  overflow: inherit
}
.multi-map-carousel .carousel-inner .carousel-item-next.carousel-item-left[data-count] {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.multi-map-carousel .carousel-inner .carousel-item-prev.carousel-item-right[data-count] {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.multi-map-carousel .carousel-inner .active.carousel-item-left[data-count="4"]{
  -webkit-transform: translate3d(-25%, 0, 0);
          transform: translate3d(-25%, 0, 0)
}
.multi-map-carousel .carousel-inner .active.carousel-item-left[data-count="4"] .card{
  -webkit-box-shadow: none;
          box-shadow: none;
}
.multi-map-carousel .carousel-inner .active.carousel-item-right[data-count="4"]{
  -webkit-transform: translate3d(25%, 0, 0);
          transform: translate3d(25%, 0, 0)
}
.multi-map-carousel .carousel-inner .active.carousel-item-right[data-count="4"] .card{
  -webkit-box-shadow: none;
          box-shadow: none;
}
.multi-map-carousel .carousel-inner .active.carousel-item-left[data-count="3"]{
  -webkit-transform: translate3d(-33.33%, 0, 0);
          transform: translate3d(-33.33%, 0, 0);
}
.multi-map-carousel .carousel-inner .active.carousel-item-right[data-count="3"]{
  -webkit-transform: translate3d(33.33%, 0, 0);
          transform: translate3d(33.33%, 0, 0);
}
.multi-map-carousel .carousel-inner .carousel-item-next[data-count="4"]{
  -webkit-transform: translate3d(25%, 0, 0);
          transform: translate3d(25%, 0, 0);
}
.multi-map-carousel .carousel-inner .carousel-item-prev[data-count="4"]{
  -webkit-transform: translate3d(-25%, 0, 0);
          transform: translate3d(-25%, 0, 0);
}
.multi-map-carousel .carousel-inner .carousel-item-next[data-count="3"]{
  -webkit-transform: translate3d(33.33%, 0, 0);
          transform: translate3d(33.33%, 0, 0);
}
.multi-map-carousel .carousel-inner .carousel-item-prev[data-count="3"]{
  -webkit-transform: translate3d(-33.33%, 0, 0);
          transform: translate3d(-33.33%, 0, 0);
}
.multi-map-carousel .carouse-control.left, .multi-map-carousel .carouse-control.right{
  background-image: none;
}
.multi-map-carousel .carousel-control-prev{
  left: -4.5vw
}
.multi-map-carousel .carousel-control-prev .carousel-control-prev-icon {
  background-image: url(../fonts/gartner-prev.svg);
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 50%;
}
.multi-map-carousel .carousel-control-next{
  right: -4.5vw
}
.multi-map-carousel .carousel-control-next .carousel-control-next-icon {
  background-image: url(../fonts/gartner-next.svg);
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 0;
  top: 50%;
}
.multi-map-carousel .carousel-card.card-group .card{
  padding: 0;
  padding-bottom: 1.5rem;
  height: 18.75rem;
  width: 100%
}
.multi-map-carousel .carousel-card.card-group .card .card-img-top{
  width: 22.5rem;
  max-width: 100%;
  height: 10.625rem;
  margin-bottom: 1.25rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.multi-map-carousel .carousel-card.card-group .card p{
  width: 90%;
  margin: 0 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.multi-map-carousel .carousel-card.card-group .card p.pf-med {
  margin-bottom: 0.5625rem;
}
.multi-map-carousel .carousel-card.card-group .card img{
  height: 9.375rem;
  width: 100%;
}
.multi-map-carousel .carousel-card.card-group .card .carousel-card-footer{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 5%;
  bottom: 0.625rem;
  font-size: 0.875rem
}
.multi-map-carousel .carousel-card.card-group .card .carousel-card-footer .arrow{
  margin-top: 0;
  padding: 0;
}
.multi-map-carousel .carousel-card.card-group .card .carousel-card-footer span{
  color: #a2a3a9;
}
.multi-map-carousel .card-group.col4 .card{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}
@media (max-width: 768px) {
    html[lang="en-US"] .detail-card .detail-card-title-img {
        min-width: 95px;
    }
}
.col-6 .detail-card {
  height: 15rem;
}
.col-4 .detail-card {
  height: 13.75rem;
}
.detail-card {
    text-align: justify;
    padding: 1.5rem;
    background: #ffffff;
    -webkit-box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06);
            box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.06);
    margin-bottom: 0.9375rem
}
.detail-card img {
  width: auto;
  height: 3.75rem;
  margin: .5rem;
}
.detail-card p {
  clear: both;
  color: #a2a3a9;
  font-size: 0.875rem;
}
.detail-card .detail-card-title-img {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}
.detail-card .detail-card-title-img .detail-card-title {
  margin-left: 1rem
}
.detail-card .detail-card-title-img .detail-card-title h3,
            .detail-card .detail-card-title-img .detail-card-title h4 {
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.detail-card .detail-card-title-img .detail-card-title h5 {
  margin-top: 0.9375rem;
}
.detail-card.flex-column .detail-card-title-img {
  margin-bottom: 0.625rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column
}
.detail-card.flex-column .detail-card-title-img img {
  height: 3rem;
}
.detail-card.link-card {
  cursor: pointer;
  position: relative;
  display: block;
  color: inherit
}
.detail-card.link-card:hover {
  color: inherit !important;
  text-decoration: none;
  -webkit-box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.20);
          box-shadow: 0px 20px 70px 0px rgba(4, 7, 18, 0.20)
}
.detail-card.link-card:hover::after {
  content: "\e914";
  font-family: xsky-sans-cn;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  right: 1.25rem;
  bottom: .5rem;
  color: #6E35FC
}
.detail-card.link-card:focus::after {
  color: #441B98;
}
@media (max-width: 768px) {
  .detail-card.link-card::after {
    content: "\e914";
    font-family: xsky-sans-cn;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    right: 1.25rem;
    bottom: 1rem;
    color: #6E35FC
  }
}
.large_detail_card_wrap .row>div {
  height: auto !important
}
.large_detail_card_wrap .row>div .detail-card {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start
}
.large_detail_card_wrap .row>div .detail-card img {
  width: 100%;
  margin: 0;
  height: auto;
}
.large_detail_card_wrap .row>div .detail-card .card-body {
  padding: 0 1.5rem;
  padding-top: .5rem;
  /*for ie
 */
}
@media (min-width: 992px) {
  .large_detail_card_wrap .row>div .detail-card .card-body {
    min-height: 6.75rem
  }
}
.large_detail_card_wrap .row>div .detail-card h4 {
  margin-bottom: 1rem;
}
@media (max-width: 991px) {
  .large_detail_card_wrap .row>div {
    height: 21.875rem
  }
}
@media (max-width: 768px) {
  .large_detail_card_wrap .row {
    margin: 0
  }
  .large_detail_card_wrap .row>div {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .large_detail_card_wrap .row {
    margin: 0 1.875rem
  }
  .large_detail_card_wrap .row>div {
    padding: 0 2.5rem;
  }
}
.rotate-card{
  border-radius: 10px;
  border: 1px dashed;
  cursor: pointer;
  padding-bottom: 0.3125rem
}
.rotate-card .card-img{
  height: 7.3vw;
}
.rotate-card.hover{
  background-image: linear-gradient(-225deg, #CFBBFD 0%, #8758F0 68%, #723FEC 100%);
  color: #ffffff;
  border: none
}
.rotate-card.hover .card-img{
  background-position: right !important;
}
.rotate-card.hover .rotate-card-title h4{
  color: #ffffff !important;
}
.table {
  margin-bottom: 0;
  border-bottom: 1px solid #eceeef;
  color: #3f3f44
}
.table thead th{
  border-top: none;
}
.table td{
  text-align: justify;
  vertical-align: middle;
  color: #646369;
  font-size: 0.875rem
}
.table td[colspan="3"]{
  text-align: center;
}
.table td p{
  margin: 0;
}
.table td li {
  list-style: inside;
}
.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F2F3F7;
}
@media (max-width: 768px) {
  .table thead th{
    padding-left: 0.625rem !important;
  }
  .table td{
    padding-left: 0.625rem !important;
    width: 1.25rem;
  }
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.m-backtotop {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  bottom: -3.125rem;
  right: 1.25rem;
  width: 3.125rem;
  height: 3.125rem;
  background: #ffffff;
  border-radius: 25px;
  text-align: center;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  overflow: hidden;
  color: #fff
}
.m-backtotop.active {
  z-index: 1000;
  bottom: 0.9375rem;
  opacity: 1;
}
.m-backtotop:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  bottom: 1.25rem;
  cursor: pointer;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1)
}
.m-backtotop:hover > div.arrow {
  -webkit-transform: translateY(-150%) translateX(-50%);
          transform: translateY(-150%) translateX(-50%);
  opacity: 0;
}
.m-backtotop:hover .icon-back-to-top svg g path {
  fill: #6E35FC;
}
.m-backtotop .icon-back-to-top{
  display: inline-block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 50%
}
.m-backtotop .icon-back-to-top svg g path {
  fill: #a2a3a9;
}
/*# sourceMappingURL=style.css.map */