/*
* variable
*/
/*
* Mixin
*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  *background-image: url("about:blank");
  *background-attachment: fixed;
}
body {
  font: 14px/1.7 'PingFang SC', 'Microsoft YaHei', 'tahoma', 'arial', 'Hiragino Sans GB', 'sans-serif';
  *font: 14px 'SimSun', 'arial', 'SimHei', 'Hiragino Sans GB', 'sans-serif';
  *line-height: 1.7;
  color: #000;
  overflow-x: hidden;
  height: 100vh;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a img {
  border: 0;
}
a {
  text-decoration: none;
}
ul {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
dt {
  *font-family: 'SimHei', 'SimSun', 'arial', 'Hiragino Sans GB', 'sans-serif';
}
h5, h4, h3, h2, h1 {
  font-weight: normal;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
::-webkit-scrollbar {
  width: 12px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #ececec;
}
::-webkit-scrollbar-track:hover {
  background: #e1e1e1;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: silver;
}
::-webkit-scrollbar-thumb:hover {
  background: #999;
}
::-webkit-scrollbar-corner {
  background: 0 0;
}
h1 {
  font-size: 30px;
  line-height: 42px;
}
h2 {
  font-size: 24px;
  line-height: 34px;
}
h3 {
  font-size: 20px;
  line-height: 28px;
}
h4 {
  font-size: 18px;
  line-height: 25px;
}
p {
  font-size: 15px;
  line-height: 25px;
}
.none {
  display: none !important;
}
.btn {
  display: inline-block;
  min-width: 98px;
  height: 50px;
  line-height: 50px;
  border-radius: 2px;
  padding: 0 26px;
  cursor: pointer;
  user-select: none;
  border: none;
  outline: none;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  transition: all 300ms;
}
.btn.btn-default {
  border: 2px solid #ff8b02;
  color: #ff8b02;
  height: 46px;
  line-height: 46px;
}
.btn.btn-default:hover {
  background-color: #fff8ef;
}
.btn.btn-primary {
  color: #fff;
  background-color: #ff7800;
  background: linear-gradient(-55deg, #ff7800, #ff9902);
  box-shadow: 0 4px 20px 0 rgba(255, 128, 0, 0.4);
}
.btn.btn-primary:hover {
  background-color: #ff6600;
  background: linear-gradient(-55deg, #ff6600, #ff8b02);
}
.btn.btn-ghost {
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border: 2px solid #fff \0;
  *border: 2px solid #fff;
  height: 46px;
  padding: 0 24px;
  line-height: 48px;
}
.btn.btn-ghost:hover {
  background-color: rgba(255, 255, 255, 0.19);
}
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  position: relative;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 14px;
  height: 14px;
  display: block;
  background: #b1b1b1;
  background: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #d9d9d9;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #d9d9d9;
  background: rgba(0, 0, 0, 0.5);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.halfslider {
  position: relative;
  padding-bottom: 40px;
  *overflow: hidden;
}
.halfslider .halfslider-wraps {
  position: relative;
  overflow: hidden;
}
.halfslider .halfslider-wrap {
  width: 10000%;
  list-style: none;
  padding: 20px 0 40px;
}
.halfslider .halfslider-item {
  position: relative;
  *position: initial;
  float: left;
  filter: alpha(opacity=50);
  cursor: pointer;
  transition: all 300ms;
}
.halfslider .halfslider-item-active {
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: default;
  transform: scale(1);
}
.halfslider .halfslider-control {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.halfslider .halfslider-control .halfslider-control-bullet {
  display: inline-block;
  height: 6px;
  width: 15px;
  margin: 0 7px;
  background-color: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  border-radius: 6px;
}
.halfslider .halfslider-control .halfslider-control-active {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.3);
  height: 6px;
  width: 40px;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger-box {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -6px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}
/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner::before {
  top: 6px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 12px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 6px, 0) rotate(-45deg);
  transform: translate3d(0, 6px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -12px, 0) rotate(90deg);
  transform: translate3d(0, -12px, 0) rotate(90deg);
}
.header {
  width: 100%;
  height: 64px;
  padding: 22px 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  position: fixed;
  z-index: 16;
  top: 0;
  transition: transform 0.2s, opacity 0.1s, background-color 0.2s;
}
.header img.header-logo {
  height: 20px;
}
.header .header-menu-btn {
  width: 18px;
  height: 18px;
}
.header .header-menu-btn g g {
  fill: #fff;
}
.header .header-logo-light {
  display: block;
}
.header .header-logo-dark {
  display: none;
}
.header .header-right {
  display: flex;
  align-items: center;
}
.header .register-btn {
  color: #fff;
  font-size: 15px;
  background: linear-gradient(315deg, #FF7800 0%, #FF9902 100%);
  padding: 5px 6px 6px;
  border-radius: 2px;
  margin-right: 16px;
}
.header.headerFixed,
.header.active {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.header.dark .header-logo-dark {
  display: block;
}
.header.dark .header-logo-light {
  display: none;
}
.header.dark .header-menu-btn g g {
  fill: #000;
}
.header.dark .hamburger-inner,
.header.dark .hamburger-inner::before,
.header.dark .hamburger-inner::after {
  background-color: #000;
}
.header.dark.headerFixed,
.header.dark.active {
  background: rgba(255, 255, 255, 0.4);
}
.header.headerSlideUp {
  transform: translateY(-64px);
  transition-delay: .5s;
}
.nav-mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  position: fixed;
  opacity: 0;
  z-index: -1;
}
.nav {
  width: 75vw;
  height: 100%;
  padding-top: 106px;
  background: #333333;
  box-sizing: border-box;
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.32);
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  z-index: 15;
  overflow-y: auto;
  opacity: 0;
  transform: translateX(100%);
  transition: transform .4s, opacity .3s;
}
.nav::-webkit-scrollbar {
  display: none;
}
.nav .nav-item-first {
  width: 100%;
  color: #fff;
  font-size: 18px;
  padding-left: 32px;
  box-sizing: border-box;
}
.nav .nav-item-second {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.nav .nav-item-second .nav-item-hot-tip {
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  background: #FF6B53;
  padding: 1px 4px 2px;
  border-radius: 4px;
  display: inline-block;
}
.nav.backdrop-filter {
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  background: rgba(0, 0, 0, 0);
}
.nav-mask.active {
  opacity: 1;
  z-index: 14;
}
.nav.active {
  opacity: 1;
  transform: translateX(0%);
}
.unread-msg-box {
  background: #fff;
  padding: 8px 10px 7px;
  border-radius: 16px 16px 16px 0;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
  position: fixed;
  bottom: 56px;
  left: 12px;
  z-index: 12;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  font-size: 12px;
  line-height: 17px;
}
.unread-msg-box .unread-msg-icon {
  width: 10px;
  height: 10px;
  background: #FF5A5B;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
}
.unread-msg-box.show {
  visibility: visible;
  opacity: 1;
}
.chat-btn-box {
  width: 100%;
  height: 44px;
  line-height: 44px;
  position: fixed;
  bottom: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(-45deg, #FF7800 0%, #FF9902 100%);
}
.chat-btn-box i {
  width: 1px;
  height: 20px;
  background: #fff;
  opacity: 0.4;
}
.chat-btn-box .chat-btn,
.chat-btn-box .reg-btn {
  width: 50%;
  height: 44px;
  color: #fff;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  z-index: 100;
}
.chat-btn-box .chat-btn img,
.chat-btn-box .reg-btn img {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.chat-btn-box .chat-btn {
  position: relative;
  overflow: hidden;
}
.chat-btn-box .chat-btn::before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #FD7332 0%, #FF7800 100%);
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  transform: translateX(-100%);
  transition: all .5s ease;
}
.chat-btn-box .chat-btn::after {
  content: '';
  width: 40px;
  height: 44px;
  background: linear-gradient(90deg, rgba(255, 203, 99, 0) 0%, rgba(255, 203, 99, 0.5) 51%, rgba(255, 203, 99, 0) 100%);
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.chat-btn-box .chat-btn.chat-btn-shine::before {
  transform: translateX(0);
}
.chat-btn-box .chat-btn.chat-btn-shine::after {
  animation: shine 4s ease infinite 2s;
}
.chat-btn-box .chat-btn.chat-btn-shine img {
  animation: zoomAndShrink 1.6s ease infinite .7s;
}
@keyframes shine {
  0% {
    transform: translateX(100%);
  }
  50% {
    transform: translateX(-50vw);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes zoomAndShrink {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.chat-btn-box .chat-btn-content {
  width: 160px;
  height: 110px;
  background: #fff;
  padding: 4px 0;
  box-sizing: border-box;
  border-radius: 8px;
  box-shadow: 0 12px 50px 0 rgba(55, 56, 59, 0.18);
  position: absolute;
  bottom: 70px;
  right: 0;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transform: translate(10px, 25px) scale(0.85);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.chat-btn-box .chat-btn-content .bot-cor {
  width: 11px;
  height: 11px;
  background-color: #fff;
  border-radius: 0 0 2px 0;
  transform: rotate(45deg);
  position: absolute;
  right: 25px;
  bottom: -5px;
}
.chat-btn-box .chat-btn-content a {
  width: 100%;
  height: 50px;
  line-height: 48px;
  color: #FF8B02;
  font-size: 15px;
  text-align: left;
  padding-left: 24px;
  box-sizing: border-box;
  display: block;
}
.chat-btn-box .chat-btn-content.active {
  transform: translate(0, 0) scale(1);
  opacity: 1;
  z-index: 100;
  visibility: visible;
}
.footer .companyinfo-container {
  overflow: hidden;
  padding: 40px 20px 65px 20px;
  background-color: #F7F7F8;
}
.footer .companyinfo-container .logo-box {
  width: 92px;
  height: 18px;
  background-image: url(../images/mobile/about/icon_footer_logo.svg);
}
.footer .companyinfo-container .company-qualification .divide-line-first {
  background-color: #E3E6E7;
  height: 1px;
  border: none;
  margin-top: 20px;
}
.footer .companyinfo-container .company-qualification .company-qualification-name {
  font-size: 16px;
  font-weight: 400;
  margin: 30px 0px 20px 0px;
}
.footer .companyinfo-container .company-qualification ul {
  list-style: none;
}
.footer .companyinfo-container .company-qualification .company-qualification-list > li {
  display: inline-block;
  vertical-align: top;
}
.footer .companyinfo-container .company-qualification .company-qualification-list > li ul li {
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 400;
  color: #888888;
  margin-left: 30px;
  position: relative;
}
.footer .companyinfo-container .company-qualification .company-qualification-list > li ul li .icon {
  width: 25px;
  height: 25px;
  position: absolute;
  left: -30px;
}
.footer .companyinfo-container .company-qualification .company-qualification-list-left {
  width: 150px;
}
.footer .companyinfo-container .contact {
  padding-top: 32px;
}
.footer .companyinfo-container .contact .about-btn {
  margin: 32px 0px 20px 0px;
  height: 50px;
  border: 1px solid #CECED6;
  color: #000000;
  font-size: 15px;
  display: block;
  text-decoration: none;
  line-height: 50px;
  text-align: center;
}
.footer .companyinfo-container .contact .consult-btn {
  height: 50px;
  border-radius: 2px;
  border: 1px solid #CECED6;
  font-size: 15px;
  text-align: center;
  line-height: 50px;
}
.footer .companyinfo-container .contact .consult-btn a {
  color: #000;
  line-height: 50px;
}
.footer .companyinfo-container .contact .consult-btn .special-phone {
  height: 50px;
  display: inline-block;
}
.footer .companyinfo-container .contact .divide-line-second {
  width: 120px;
  margin: 32px auto;
  background-color: #E3E6E7;
  height: 1px;
  border: none;
}
.footer .companyinfo-container .contact .bottom-img {
  height: auto;
  width: 100%;
  margin-top: 32px;
  border-radius: 2px;
}
.footer .companyinfo-container .contact .company-copyright-info {
  text-align: center;
  color: #888888;
  font-size: 12px;
}
.footer .companyinfo-container .contact .company-copyright-info a {
  text-decoration: none;
  color: #888888;
  margin: 32px 0px 6px 0px;
}
.footer .companyinfo-container .contact .company-copyright-info p {
  margin-top: 6px;
  line-height: 18px;
  font-size: 12px;
}
.footer div.icon {
  width: 25px;
  height: 25px;
  background-image: url("../images/ic_footer@2x.png");
  background-repeat: no-repeat;
  background-size: 354px 80px;
}
.footer .AAAxy {
  background-position: -3px -5px;
}
.footer .ISO9001rz {
  background-position: -40px -5px;
}
.footer .hzhb {
  background-position: -78px -5px;
}
.footer .yxcyqy {
  background-position: -114px -5px;
}
.footer .gxjsqy {
  background-position: -155px -5px;
}
.footer .jsjxhls {
  background-position: -192px -5px;
}
.footer .zghlwxhhy {
  background-position: -226px -5px;
}
.footer .xncxqy500q {
  background-position: -263px -5px;
}
.footer .gabxx {
  background-position: -300px -3px;
}
.mobile-collect-container {
  width: 100%;
  background: linear-gradient(90deg, #FF9902 0%, #FF7800 100%);
  box-shadow: 0px -4px 20px 0px rgba(255, 128, 0, 0.4);
  padding: 32px 16px;
  box-sizing: border-box;
}
.mobile-collect-container h2 {
  color: #fff;
  text-align: center;
  line-height: 34px;
  margin-bottom: 20px;
}
.mobile-collect-container .mobile-collect-input-box {
  display: inline-block;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.mobile-collect-container .mobile-collect-input-box input {
  height: 50px;
  font-size: 15px;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 2px 0px 0px 2px;
  opacity: 0.96;
  backdrop-filter: blur(2px);
  border: 0;
  outline: unset;
  width: calc(100% - 145px);
}
.mobile-collect-container .mobile-collect-input-box input::-webkit-outer-spin-button,
.mobile-collect-container .mobile-collect-input-box input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.mobile-collect-container .mobile-collect-input-box a.btn {
  width: 145px;
  height: 50px;
  box-sizing: border-box;
  border-radius: 0px 2px 2px 0px;
  cursor: pointer;
}
@media (max-width: 321px) {
  .footer .companyinfo-container .contact .consult-btn {
    font-size: 14px;
  }
  .footer .companyinfo-container .contact .bottom-img {
    width: 280px;
    background-size: 280px auto;
  }
}
.live800_chat_nav,
.live800_mobile_message_box {
  display: none!important;
}
.collapse-box .collapse-item {
  max-height: 70px;
  transition: all .3s linear;
  overflow: hidden;
  position: relative;
  display: block;
}
.collapse-box .collapse-item .collapse-item-title {
  font-size: 18px;
  color: #fff;
  line-height: 70px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.collapse-box .collapse-item .collapse-item-title::after {
  content: '';
  width: 16px;
  height: 16px;
  background: url(../images/help/icon-gray.png);
  background-size: 16px 16px;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: 4px 4px;
  transition: all .2s linear;
  position: absolute;
  top: 50%;
  right: 20px;
}
.collapse-box .collapse-item .collapse-item-title-no-icon::after {
  display: none;
}
.collapse-box .collapse-item .collapse-item-body {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
}
.collapse-box .collapse-item .collapse-item-body-item {
  font-size: 15px;
  color: #fff;
  line-height: 50px;
  padding-left: 20px;
  cursor: pointer;
}
.collapse-box .collapse-item-unfold {
  max-height: 1000px;
}
.collapse-box .collapse-item-unfold .collapse-item-title::after {
  transform: rotate(180deg);
}
.consult-box {
  padding: 32px 20px;
  background: linear-gradient(315deg, #ff7800 0%, #ff9902 100%);
  box-shadow: 0px -4px 20px 0px rgba(255, 128, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.consult-box-title {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.consult-box-btn {
  width: 335px;
  padding: 13px 135px 12px 136px;
  border-radius: 2px;
  box-sizing: border-box;
  opacity: 0.8;
  color: #ffffff;
  border: 2px solid #ffffff;
  margin-top: 32px;
}
.draggable-btn {
  position: fixed;
  width: 96px;
  top: 292px;
  right: 0;
  height: 56px;
  background-size: 96px auto;
  background-repeat: no-repeat;
}
.draggable-btn.btn_get_cases {
  background-image: url(../images/mobile/btn_get_cases@2x.png);
}
.draggable-btn.btn_chat_now {
  background-image: url(../images/mobile/btn_chat_now@2x.png);
}
.m-index {
  width: 100vw;
  overflow: hidden;
}
.m-index .icon-arrow {
  width: 14px;
  height: 25px;
  background: url(../images/mobile/index/arrow@2x.jpg) no-repeat;
  background-size: 14px 25px;
}
.m-index .icon-white-arrow {
  width: 14px;
  height: 25px;
  background: url(../images/mobile/index/arrow_white@2x.png) no-repeat;
  background-size: 14px 25px;
}
.m-index .box1 {
  width: 100%;
  height: 626px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  position: relative;
}
.m-index .box1 ul {
  height: 100%;
}
.m-index .box1 h1 {
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
  margin-top: 32px;
}
.m-index .box1 p {
  font-size: 16px;
  margin-top: 16px;
}
.m-index .box1 .slides li {
  height: 100%;
  position: relative;
}
.m-index .box1 .slides li .banner-box {
  height: 100%;
  color: #fff;
  padding: 64px 20px 0 20px;
  box-sizing: border-box;
}
.m-index .box1 .slides li .banner-box p {
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 47px;
}
.m-index .box1 .slides li .banner-box a.btn {
  position: absolute;
  top: 275px;
  left: 50%;
  transform: translateX(-50%);
}
.m-index .box1 .slides .banner-connect-li {
  background: #191F5B;
}
.m-index .box1 .slides .banner-connect-li .banner-box {
  background: url("../images/mobile/index/mobile_banner01@2x.jpg") no-repeat center;
  background-size: auto 626px;
}
.m-index .box1 .slides .banner-AI-li .banner-box {
  background: url("../images/mobile/index/mobile_banner01.jpg") no-repeat center;
  background-size: auto 626px;
}
.m-index .box1 .slides .banner-contact-li {
  background: #000;
}
.m-index .box1 .slides .banner-contact-li .banner-box {
  background-size: auto 635px;
  overflow: hidden;
}
.m-index .box1 .slides .banner-contact-li .banner-box .slides-img {
  position: absolute;
  width: auto;
  height: 635px;
  left: -198px;
  top: -6px;
  z-index: -1;
}
.m-index .box1 .slides .banner-contact-li .satellite-box {
  width: 100%;
  margin: -7px 0 0 -20px;
}
.m-index .box1 .slides .banner-contact-li .satellite-box .satellite {
  width: auto;
  max-height: 308px;
  display: block;
  margin: 0 auto;
  transform-origin: 69px 422px;
}
.m-index .box1 .slides .banner-contact-li .zoom {
  transform: scale(1.05);
  animation: scaleDraw 7s ease-in-out 1;
}
.m-index .box1 .slides .banner-contact-li .zoom.slides-img {
  transform-origin: 1118px 603px;
}
@keyframes scaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  100% {
    transform: scale(1.05);
    /*放大1.05倍*/
  }
}
.m-index .box1 .flex-control-nav {
  bottom: 20px;
  z-index: 2;
  height: 20px;
  width: 200px;
  top: 605px;
  left: 50%;
  transform: translate(-100px, 0);
  -ms-transform: translate(-100px, 0);
  -moz-transform: translate(-100px, 0);
  -o-transform: translate(-100px, 0);
}
.m-index .box1 .flex-control-nav li {
  margin: 0 7px;
}
.m-index .box1 .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.3);
  height: 6px;
  width: 15px;
  transition: all .4s;
}
.m-index .box1 .flex-control-nav li a:hover {
  background: rgba(255, 255, 255, 0.6);
}
.m-index .box1 .flex-control-nav li a.flex-active {
  background: #ffffff;
  width: 40px;
}
.m-index .introduce-box {
  width: 100%;
  text-align: center;
  padding: 60px 16px 0;
  box-sizing: border-box;
}
.m-index .introduce-box h2 {
  margin-bottom: 24px;
}
.m-index .introduce-box .introduce-module-box {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 50px;
}
.m-index .introduce-box .introduce-module-box-row {
  width: 100%;
  display: flex;
  justify-content: center;
}
.m-index .introduce-box .introduce-module-box-row:first-child {
  margin-bottom: 15px;
}
.m-index .introduce-box .introduce-module-box-row .index-intro-module {
  text-align: left;
  color: #000;
  background: linear-gradient(180deg, #FBFBFB 0%, #F7F7F8 100%);
  padding: 24px 16px;
  border-radius: 2px;
  box-sizing: border-box;
  flex-shrink: 1;
  flex: 1;
}
.m-index .introduce-box .introduce-module-box-row .index-intro-module:first-child {
  margin-right: 15px;
}
.m-index .introduce-box .introduce-module-box-row .index-intro-module div {
  font-size: 20px;
  font-weight: 600;
}
.m-index .introduce-box .introduce-module-box-row .index-intro-module p {
  font-size: 15px;
}
.m-index .introduce-box-img {
  max-width: 335px;
  height: auto;
}
.m-index .box2 {
  padding: 0 16px;
  box-sizing: border-box;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.m-index .box2::before {
  content: '';
  width: 100vw;
  height: 450px;
  background: #F5FBFE;
  position: absolute;
  top: 144px;
  left: 0;
  z-index: -1;
}
.m-index .box2::after {
  content: '';
  width: 100vw;
  height: 255px;
  background: linear-gradient(180deg, #F5FBFE 0%, rgba(255, 255, 255, 0.1) 100%);
  position: absolute;
  top: 594px;
  left: 0;
  z-index: -1;
}
.m-index .box2 h2 {
  text-align: center;
  margin-bottom: 20px;
}
.m-index .box2 .index-release-header {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-index .box2 .index-release-header-left {
  display: flex;
  align-items: center;
}
.m-index .box2 .index-release-header .release-item-icon {
  width: 28px;
  height: 28px;
  margin-right: 6px;
  flex-shrink: 0;
  background-position-y: -1px;
}
.m-index .box2 .index-release-header .release-item-icon-1 {
  background: url("../images/mobile/index/index_icon_01.png");
}
.m-index .box2 .index-release-header .release-item-icon-2 {
  background: url("../images/mobile/index/index_icon_02.png");
}
.m-index .box2 .index-release-header .release-item-icon-3 {
  background: url("../images/mobile/index/index_icon_03.png");
}
.m-index .box2 .index-release-header .release-item-icon-4 {
  background: url("../images/mobile/index/index_icon_04.png");
}
.m-index .box2 .index-release-header .release-item-icon-1,
.m-index .box2 .index-release-header .release-item-icon-2,
.m-index .box2 .index-release-header .release-item-icon-3,
.m-index .box2 .index-release-header .release-item-icon-4 {
  background-size: 28px 28px;
}
.m-index .box2 .index-release-main-item {
  padding-left: 26px;
  flex: 1;
  position: relative;
}
.m-index .box2 .index-release-main-item::before {
  content: '';
  width: 12px;
  height: 12px;
  background: url(../images/mobile/index/tick@2x.png);
  background-size: 12px 12px;
  position: absolute;
  top: 14px;
  left: 6px;
}
.m-index .box2 .index-release-profession {
  width: 100%;
  color: #000;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 6px 26px 0px rgba(2, 97, 191, 0.08);
  border-radius: 2px;
}
.m-index .box2 .index-release-profession .index-release-header {
  padding: 12px 16px 0;
  margin-bottom: 16px;
}
.m-index .box2 .index-release-profession .index-release-main {
  padding: 0 16px 16px;
}
.m-index .box2 .index-release-profession .index-release-main-row {
  display: flex;
}
.m-index .box2 .index-release-profession .index-release-main-row:not(:last-child) {
  margin-bottom: 12px;
}
.m-index .box2 .index-release-profession .index-release-main-item {
  background: #F5FBFE;
  font-size: 15px;
  line-height: 25px;
  padding: 8px 0 8px 26px;
}
.m-index .box2 .index-release-profession .index-release-main-item:first-child {
  margin-right: 12px;
}
.m-index .box2 .index-release-profession .index-release-footer {
  background: #F5FBFE;
  display: flex;
  justify-content: center;
}
.m-index .box2 .index-release-profession .index-release-footer .sme-img {
  max-width: 100%;
  width: 354px;
  height: auto;
}
.m-index .box2 .index-release-item-container {
  width: 100vw;
  padding: 20px 16px 60px;
  box-sizing: border-box;
  overflow-x: auto;
  display: flex;
}
.m-index .box2 .index-release-item-container::-webkit-scrollbar {
  display: none;
}
.m-index .box2 .index-release-item-container .index-release-item {
  width: 200px;
  color: #000;
  background: #fff;
  padding: 16px 16px 24px;
  box-sizing: border-box;
  box-shadow: 0px 6px 26px 0px rgba(2, 97, 191, 0.08);
  border-radius: 2px;
  flex-shrink: 0;
}
.m-index .box2 .index-release-item-container .index-release-item .index-release-main-item {
  font-size: 15px;
  line-height: 25px;
}
.m-index .box2 .index-release-item-container .index-release-item .index-release-main-item:not(:last-child) {
  margin-bottom: 16px;
}
.m-index .box2 .index-release-item-container .index-release-item .index-release-main-item::before {
  top: 6px;
}
.m-index .box2 .index-release-item-container .index-release-item:not(:last-child) {
  margin-right: 16px;
}
.m-index .box3 {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.m-index .box3 .group-img-box {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.m-index .box3 .group-img-box .group-img {
  width: 100%;
  height: auto;
  margin-top: 60px;
}
.m-index .box3 .introduce-box {
  width: 100%;
  height: auto;
  background: linear-gradient(180deg, rgba(254, 236, 214, 0) 0%, #FEECD6 100%);
  padding: 226px 17px 252px;
  box-sizing: border-box;
  margin-top: -167px;
}
.m-index .box3 .introduce-box .group-introduce-item {
  width: 100%;
  height: auto;
  color: #000;
  text-align: left;
  background: #fff;
  border-radius: 2px;
  padding: 15px 16px 16px;
  box-shadow: 0px 6px 26px 0px rgba(255, 139, 2, 0.08);
  box-sizing: border-box;
  display: block;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-header-left {
  display: flex;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-header-left div.introduce-item-icon {
  width: 20px;
  height: 23px;
  margin-right: 6px;
  flex-shrink: 0;
  background-size: 20px 23px;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-header-left .introduce-item-icon {
  background: url("../images/mobile/index/index_icon_group.png");
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card {
  width: 100%;
  padding: 16px 0 16px 16px;
  box-sizing: border-box;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card:not(:last-child) {
  margin-bottom: 12px;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card:nth-child(1) {
  background: url(../images/mobile/index/index_intro_back1@2x.jpg);
  background-size: cover;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card:nth-child(2) {
  background: url(../images/mobile/index/index_intro_back2@2x.jpg);
  background-size: cover;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card:nth-child(2)-header::before {
  content: '';
  background: url(../images/mobile/index/index_intro_icon2@2x.png);
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card:nth-child(3) {
  background: url(../images/mobile/index/index_intro_back3@2x.jpg);
  background-size: cover;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card:nth-child(3)-header::before {
  content: '';
  background: url(../images/mobile/index/index_intro_icon3@2x.png);
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card-header {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card-header::before {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/mobile/index/index_intro_icon1@2x.png);
  background-size: 20px 20px;
  margin-right: 8px;
  display: block;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card-header h5 {
  font-size: 15px;
  line-height: 21px;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card-main-row {
  display: flex;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card-main-row:first-child {
  margin-bottom: 12px;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card-main-item {
  font-size: 15px;
  color: #333;
  line-height: 25px;
  white-space: nowrap;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 30px;
}
.m-index .box3 .introduce-box .group-introduce-item .group-introduce-main-card-main-item::before {
  content: '';
  width: 12px;
  height: 12px;
  background: url(../images/mobile/index/tick_black@2x.png);
  background-size: 12px 12px;
  margin-right: 8px;
  display: block;
}
.m-index .box3 .slide-card-box {
  width: 100%;
  min-height: 450px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, #FEECD6 41%, #fff 90%);
  box-sizing: border-box;
  margin-top: -232px;
}
.m-index .box3 .slide-card-box .slide-card {
  width: 343px;
  min-height: 346px;
  text-align: left;
  background-color: #fff;
  border-radius: 2px 20px 20px 20px;
  overflow: hidden;
}
.m-index .box3 .slide-card-box .slide-card .slide-card-content {
  width: 100%;
  min-height: 286px;
  font-size: 15px;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0px 12px 20px 0px rgba(97, 102, 127, 0.08);
}
.m-index .box3 .slide-card-box .slide-card .slide-card-header {
  width: 100%;
  height: 60px;
  line-height: 20px;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: inset 0px -12px 20px 0px rgba(97, 102, 127, 0.08);
}
.m-index .box3 .slide-card-box .slide-card .slide-card-header-logo {
  width: auto;
  height: 16px;
  padding-right: 5px;
  vertical-align: middle;
}
.m-index .box3 .slide-card-box .slide-card .slide-card-header span {
  font-size: 14px;
  padding-left: 9px;
  border-left: 1px solid rgba(51, 51, 51, 0.1);
}
.m-index .box3 .halfslider-control .halfslider-control-bullet {
  background-color: rgba(0, 0, 0, 0.15);
  height: 6px;
  width: 15px;
  transition: all .4s;
}
.m-index .box3 .halfslider-control .halfslider-control-active {
  background-color: rgba(0, 0, 0, 0.3);
  width: 40px;
}
.m-index .box4 {
  width: 100%;
  text-align: center;
  background: #030617;
  overflow: hidden;
}
.m-index .box4 h2 {
  color: #fff;
  padding-top: 54px;
}
.m-index .box4 .brain-map {
  --zoom-rate: 1;
  width: 100%;
  height: auto;
  position: relative;
  margin-top: -57px;
}
.m-index .box4 .brain-map .brain-img {
  width: auto;
  height: 590px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.m-index .box4 .brain-map #brain-slide {
  height: 100%;
}
.m-index .box4 .brain-map #brain-slide ul {
  height: 100%;
}
.m-index .box4 .brain-map #brain-slide ul li {
  height: 100%;
}
.m-index .box4 .brain-map #brain-slide ul .second-slide-item .brain-label {
  margin-top: 20px;
  opacity: 0;
}
.m-index .box4 .brain-map .brain-labels {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  animation-timing-function: ease;
}
.m-index .box4 .brain-map .brain-labels .brain-label {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  letter-spacing: -1px;
  color: #fff;
  align-self: baseline;
  background: rgba(16, 20, 38, 0.92);
  border: 1px solid #A1B1EA;
  padding: 0 21px;
  margin-bottom: 4px;
  box-shadow: inset 0px 0px 5px 0px #5096FF;
  display: inline-block;
  z-index: 10;
  flex: 0;
  position: relative;
  animation-name: panning-horizontal-reverse;
  animation-duration: 1200ms;
  animation-delay: 350ms;
  animation-direction: alternate;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.m-index .box4 .brain-map .brain-labels .brain-label:last-child {
  animation-name: panning-vertical-reverse;
}
.m-index .box4 .brain-map .brain-labels-1 {
  transform: translate(calc((var(--zoom-rate) * (-157px + 88px)) - 88px), calc((var(--zoom-rate) * (-170px + 68px)) - 68px));
}
.m-index .box4 .brain-map .brain-labels-2 {
  transform: translate(calc((var(--zoom-rate) * (-172px + 88px)) - 88px), calc(-26px * var(--zoom-rate)));
}
.m-index .box4 .brain-map .brain-labels-3 {
  transform: translate(calc((var(--zoom-rate) * (-69px + 88px)) - 88px), calc(-80px * var(--zoom-rate)));
}
.m-index .box4 .brain-map .brain-labels-4 {
  transform: translate(calc((var(--zoom-rate) * (-69px + 82px)) - 82px), calc(43px * var(--zoom-rate)));
}
.m-index .box4 .brain-map .brain-labels-4 .brain-label {
  padding: 0 16px;
  align-self: flex-end;
}
.m-index .box4 .brain-map .brain-labels-5 {
  transform: translate(calc(42px * var(--zoom-rate)), calc((var(--zoom-rate) * (-185px + 102px)) - 102px));
}
.m-index .box4 .brain-map .brain-labels-6 {
  transform: translate(calc((var(--zoom-rate) * (75px + 102px)) - 102px), calc(-65px * var(--zoom-rate)));
}
.m-index .box4 .brain-map .brain-labels-6 .brain-label {
  padding: 0 17px;
}
.m-index .box4 .brain-map .brain-labels-7 {
  transform: translate(calc((var(--zoom-rate) * (65px + 88px)) - 88px), calc((var(--zoom-rate) * (40px + 68px)) - 68px));
}
.m-index .box4 .brain-map .brain-labels-8 {
  transform: translate(calc((var(--zoom-rate) * (-10px + 102px)) - 102px), calc(-65px * var(--zoom-rate)));
}
@keyframes panning-horizontal-reverse {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1px, 0, 0);
  }
}
@keyframes panning-vertical-reverse {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -1px, 0);
  }
}
.m-index .box4 .introduce-box {
  width: 100%;
  text-align: left;
  padding: 0 16px 50px;
  box-sizing: border-box;
  margin-top: -100px;
}
.m-index .box4 .introduce-box p.introduce-statement {
  color: #fff;
  padding: 0 4px 12px;
}
.m-index .box4 .introduce-box .introduce-item {
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.08));
  box-sizing: border-box;
  padding: 12px 16px 20px;
  margin-top: 20px;
  display: block;
}
.m-index .box4 .introduce-box .introduce-item h4,
.m-index .box4 .introduce-box .introduce-item p {
  color: #fff;
}
.m-index .box4 .introduce-box .introduce-item-header {
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-index .box4 .introduce-box .introduce-item-header-left {
  display: flex;
  align-items: center;
}
.m-index .box4 .introduce-box .introduce-item-header-left .introduce-item-icon {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
  margin-right: 6px;
}
.m-index .box4 .introduce-box .introduce-item-header-left .introduce-item-icon-1 {
  background-image: url("../images/mobile/index/index_icon_robot1.png");
}
.m-index .box4 .introduce-box .introduce-item-header-left .introduce-item-icon-2 {
  background-image: url("../images/mobile/index/index_icon_robot2.png");
}
.m-index .box4 .introduce-box .introduce-item-content {
  padding-left: 34px;
}
.m-index .box5 {
  width: 100%;
  padding: 60px 0 0;
  position: relative;
}
.m-index .box5::before {
  content: '';
  width: 100%;
  height: 518px;
  background: linear-gradient(180deg, #EBF1FF 2%, #FFFFFF 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.m-index .box5 h2 {
  text-align: center;
  margin-bottom: 32px;
}
.m-index .box5 .index-cases-container {
  width: 100%;
}
.m-index .box5 .index-cases-container .index-cases-card-container {
  padding: 44px 16px 32px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.m-index .box5 .index-cases-container .index-cases-card-container::-webkit-scrollbar {
  display: none;
}
.m-index .box5 .index-cases-container .index-cases-card-container .index-cases-card {
  width: 280px;
  height: 280px;
  color: #000;
  background: #fff;
  box-shadow: 0px 6px 26px 0px rgba(52, 58, 77, 0.1);
  border-radius: 8px 20px 8px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.m-index .box5 .index-cases-container .index-cases-card-container .index-cases-card:not(:last-child) {
  margin-right: 16px;
}
.m-index .box5 .index-cases-container .index-cases-card-container .index-cases-card-icon-box {
  width: 86px;
  height: 86px;
  background: #fff;
  box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: -44px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-index .box5 .index-cases-container .index-cases-card-container .index-cases-card-icon-box img.index-cases-card-icon {
  width: 60px;
  height: 60px;
}
.m-index .box5 .index-cases-container .index-cases-card-container .index-cases-card img.index-cases-card-back {
  width: 280px;
  height: 198px;
  margin-bottom: 16px;
  border-radius: 8px 20px 0 0;
}
.m-index .box5 .index-cases-container .index-cases-card-container .index-cases-card p {
  font-size: 18px;
  line-height: 25px;
  padding: 0 16px;
}
.m-index .box5 .index-scroll-cases-box {
  position: relative;
  overflow: hidden;
}
.m-index .box5 .index-scroll-cases-box::before,
.m-index .box5 .index-scroll-cases-box::after {
  content: '';
  width: 60px;
  height: 312px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  z-index: 1;
}
.m-index .box5 .index-scroll-cases-box::after {
  left: unset;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.m-index .box5 .index-scroll-cases-box .index-scroll-cases-img-box {
  width: 3756px;
  height: 312px;
  background: url(../images/mobile/index/index_cases_logo.jpg);
  background-size: 686px 312px;
  background-repeat: repeat-x;
  display: flex;
  transform: translateX(0);
  animation: logoScroll linear infinite 60s;
}
@keyframes logoScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-2058px);
  }
}
.m-index .box5 .learn-more {
  color: #FF9902;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  display: block;
  padding-top: 32px;
}
.m-index .box5 .learn-more .index-icon-1 {
  display: inline-block;
  width: 8px;
  height: 13px;
  vertical-align: baseline;
  background: url(../images/index/icon-release@2x.png) 0 0 no-repeat;
  background-position: -32px -230px;
  background-size: 630px 244px;
  margin-left: 6px;
}
.m-index .box6 {
  padding: 60px 0 0;
}
.m-index .box6 h2 {
  text-align: center;
  margin-bottom: 32px;
}
.m-index .box6 .news-list-main {
  width: 100%;
  padding: 0 16px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.m-index .box6 .news-list-main img {
  border-radius: 4px;
}
.m-index .box6 .news-list-main .news-item {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  display: flex;
  margin-bottom: 16px;
}
.m-index .box6 .news-list-main .news-item .news-item-img-box {
  width: 132px;
  height: 100px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 12px;
  display: flex;
  justify-content: center;
}
.m-index .box6 .news-list-main .news-item .news-item-img-box .news-item-img {
  width: auto;
  height: 100%;
}
.m-index .box6 .news-list-main .news-item .news-item-content {
  width: calc(100vw - 32px - 12px - 132px);
  padding: 4px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.m-index .box6 .news-list-main .news-item .news-item-content h5 {
  font-size: 15px;
  color: #333;
  line-height: 25px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.m-index .box6 .news-list-main .news-item .news-item-content h5:hover {
  color: #ff8b02;
}
.m-index .box6 .news-list-main .news-item .news-item-content span {
  font-size: 12px;
  color: #888;
  line-height: 15px;
}
.m-index .box6 .learn-more {
  color: #FF9902;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  display: block;
  margin-bottom: 60px;
}
.m-index .box6 .learn-more .index-icon-1 {
  display: inline-block;
  width: 8px;
  height: 13px;
  vertical-align: baseline;
  background: url(../images/index/icon-release@2x.png) 0 0 no-repeat;
  background-position: -32px -230px;
  background-size: 630px 244px;
  margin-left: 6px;
}
.m-index .box7 {
  width: 100%;
  text-align: center;
  padding-bottom: 60px;
}
.m-index .box7 .learn-more {
  color: #FF9902;
  font-size: 15px;
  line-height: 21px;
  display: inline-block;
  margin-bottom: 60px;
  padding-top: 26px;
}
.m-index .box7 .learn-more .index-icon-1 {
  display: inline-block;
  width: 8px;
  height: 13px;
  vertical-align: baseline;
  background: url(../images/index/icon-release@2x.png) 0 0 no-repeat;
  background-position: -32px -230px;
  background-size: 630px 244px;
  margin-left: 6px;
}
.m-index .box7 h2 {
  margin-bottom: 30px;
}
.m-index .bottom-tip {
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  background: #FEF4E6;
  box-shadow: 0px -10px 20px 0px rgba(175, 147, 108, 0.2);
  padding: 12px 12px 12px 32px;
  box-sizing: border-box;
  position: fixed;
  bottom: 44px;
  left: 0;
  z-index: 13;
  transition: all 0.6s ease;
  opacity: 0;
  transform: translateY(84px);
}
.m-index .bottom-tip-close-btn {
  width: 10px;
  height: 10px;
  background: url("../images/mobile/close.png") no-repeat;
  background-size: 10px 10px;
  position: absolute;
  top: 16px;
  left: 13px;
}
.m-index .bottom-tip.bottom-tip-show {
  opacity: 1;
  transform: translateY(0);
}
.m-index .bottom-tip.close {
  opacity: 0;
  transform: translateY(84px);
}
@media (max-width: 321px) {
  .m-index .box6 li.case-item {
    position: relative;
    overflow: hidden;
  }
  .m-index .box6 li.case-item span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
.register-container {
  width: 100%;
  padding: 64px 16px 0;
  text-align: center;
  box-sizing: border-box;
}
.register-container h2 {
  font-weight: 600;
  margin: 32px 0;
}
.register-container .err {
  color: #FF2222;
  font-size: 12px;
  position: absolute;
  bottom: -22px;
  left: 0;
}
.register-container .tip {
  display: none;
  color: #888888;
  font-size: 12px;
  position: absolute;
  bottom: -22px;
  left: 0;
}
.register-container .tip.err {
  display: inline-block;
}
.register-container .input-item {
  width: 100%;
  border-bottom: 1px #e3e6e7 solid;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: unset;
}
.register-container .input-item.focus {
  border-bottom: 1px #FF8B02 solid;
}
.register-container .input-item input[type=password],
.register-container .input-item input[type=text] {
  width: 100%;
  height: 60px;
  font-size: 15px;
  padding: 16px;
  border: 0;
  box-sizing: border-box;
}
.register-container .input-item.err-box {
  border-bottom: 1px #FF2222 solid;
}
.register-container .input-item .show-pass {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding-right: 16px;
}
.register-container .input-item .show-pass img {
  width: 16px;
  height: 16px;
}
.register-container .input-item .show-pass img.hide-pass-img {
  display: none;
}
.register-container .input-item .getSmsValidateCode {
  width: auto;
  color: #ff9902;
  font-size: 15px;
  background-color: #fff;
  padding: 0 16px;
  border: 0;
  margin: 0;
  box-sizing: content-box;
  flex-shrink: 0;
}
.register-container .agreement-box {
  text-align: left;
  position: relative;
}
.register-container .agreement-box a {
  font-size: 14px;
  color: #000;
  text-decoration: underline;
  margin-left: 20px;
}
.register-container .agreement-box .input-type {
  width: 14px;
  height: 14px;
  border: 0;
  box-sizing: border-box;
  appearance: none;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.register-container .agreement-box .input-type::after {
  content: '';
  width: 14px;
  height: 14px;
  background: url("../images/mobile/register/icon_checkbox_unselected.svg");
  background-size: 14px 14px;
  position: absolute;
  top: 0;
  left: 0;
}
.register-container .agreement-box .input-type:checked::after {
  background: url("../images/mobile/register/icon_checkbox_sel.svg");
}
.register-container .submit-btn {
  width: 100%;
  height: 50px;
  color: #fff;
  font-size: 15px;
  line-height: 50px;
  text-align: center;
  background: linear-gradient(315deg, #ff7800 0, #ff9902 100%);
  box-shadow: 0 4px 20px 0 rgba(255, 128, 0, 0.4);
  border: 0;
  border-radius: 2px;
  margin: 60px 0 20px;
}
.register-container .submit-btn[disabled] {
  opacity: 0.5;
}
.register-container .terms-mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity .3s;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.register-container .terms-mask.active {
  z-index: 18;
  opacity: 1;
}
.register-container .terms {
  width: 100%;
  background: #fff;
  padding: 24px 24px 50px 24px;
  box-sizing: border-box;
  border-radius: 16px 16px 0px 0px;
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: all .3s linear;
  overflow: hidden;
  z-index: 101;
}
.register-container .terms .terms-content {
  max-height: 100%;
  overflow: auto;
}
.register-container .terms .terms-content h2 {
  text-align: center;
  margin-bottom: 16px;
}
.register-container .terms .terms-content h3 {
  margin-bottom: 10px;
}
.register-container .terms .terms-content h4 {
  margin: 16px 0 4px;
}
.register-container .terms .terms-content::-webkit-scrollbar {
  width: 0 !important;
}
.register-container .terms .close-btn-box {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
}
.register-container .terms .close-btn-box a,
.register-container .terms .close-btn-box img {
  width: 18px;
  height: 18px;
}
.register-container .terms.active {
  transform: translateY(0);
}
.register-container .privacy {
  width: 100%;
  background: #fff;
  padding: 24px 24px 50px 24px;
  box-sizing: border-box;
  border-radius: 16px 16px 0px 0px;
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: all .3s linear;
  overflow: hidden;
  z-index: 101;
}
.register-container .privacy .privacy-content::-webkit-scrollbar {
  width: 0 !important;
}
.register-container .privacy .close-btn-box {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
}
.register-container .privacy .privacy-content {
  max-height: 100%;
  overflow: auto;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.register-container .privacy .close-btn-box a,
.register-container .privacy .close-btn-box img {
  width: 18px;
  height: 18px;
}
.register-container .privacy h2 {
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  color: #000;
}
.register-container .privacy h3 {
  margin: 20px 0;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #333333;
}
.register-container .privacy h4 {
  margin: 20px 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  color: #333333;
}
.register-container .privacy p {
  text-indent: 2em;
  margin: 10px 0;
}
.register-container .privacy .list-text {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
.register-container .privacy .main-text {
  text-indent: 2em;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
.register-container .privacy .second-level-text {
  text-indent: 4em;
  font-size: 14px;
}
.register-container .privacy .strong {
  font-weight: 600;
}
.register-container .privacy .under-line {
  text-decoration: underline;
}
.register-container .privacy .terms a {
  font-size: 14px;
  color: #51a6ff;
}
.register-container .privacy.active {
  transform: translateY(0);
}
.customer-cases-container,
.case-detail-container {
  text-align: center;
}
.customer-cases-container .nav-box,
.case-detail-container .nav-box {
  height: 320px;
  padding: 0 40px;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  position: relative;
}
.customer-cases-container .cases-item-btn,
.case-detail-container .cases-item-btn {
  display: flex;
  align-items: center;
  line-height: 25px;
  font-size: 15px;
  color: #FF8B02;
}
.customer-cases-container .cases-item-icon-arrow,
.case-detail-container .cases-item-icon-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/mobile/mobile_cases/icon_arrow@2x.png) 0 0 / 16px auto no-repeat;
}
.customer-cases-container .cases-item-tips-box,
.case-detail-container .cases-item-tips-box {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.customer-cases-container .cases-item-tips-box::before,
.case-detail-container .cases-item-tips-box::before {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
}
.customer-cases-container .cases-item-tips-box::before,
.case-detail-container .cases-item-tips-box::before {
  right: 0;
  width: 12px;
  height: 28px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.customer-cases-container .cases-item-tips-box .cases-item-tips-title,
.case-detail-container .cases-item-tips-box .cases-item-tips-title {
  font-size: 12px;
  font-weight: 400;
  color: #888888;
  line-height: 17px;
}
.customer-cases-container .cases-item-tips-box .cases-item-tip,
.case-detail-container .cases-item-tips-box .cases-item-tip {
  margin-left: 8px;
  padding: 4px 8px;
  background: #E9E9E9;
  border-radius: 8px 0px 8px 0px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
}
.customer-cases-container .box-1,
.case-detail-container .box-1 {
  margin-top: 74px;
}
.customer-cases-container .box-1 .cases-list,
.case-detail-container .box-1 .cases-list {
  font-size: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #F6F6F8;
}
.customer-cases-container .box-1 .cases-list li,
.case-detail-container .box-1 .cases-list li {
  border-radius: 2px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.customer-cases-container .box-1 .cases-list li .cases-item-top,
.case-detail-container .box-1 .cases-list li .cases-item-top {
  display: flex;
  flex-direction: row;
  padding: 16px;
}
.customer-cases-container .box-1 .cases-list li .cases-item-logo,
.case-detail-container .box-1 .cases-list li .cases-item-logo {
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 90px;
  background: #FAFAFA;
}
.customer-cases-container .box-1 .cases-list li .cases-item-logo img,
.case-detail-container .box-1 .cases-list li .cases-item-logo img {
  width: 120px;
  height: 64px;
}
.customer-cases-container .box-1 .cases-list li .cases-item-info,
.case-detail-container .box-1 .cases-list li .cases-item-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  padding-left: 16px;
}
.customer-cases-container .box-1 .cases-list li .cases-item-info .cases-item-desc,
.case-detail-container .box-1 .cases-list li .cases-item-info .cases-item-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: #000000;
}
.customer-cases-container .box-1 .cases-list li .cases-item-bottom,
.case-detail-container .box-1 .cases-list li .cases-item-bottom {
  padding: 12px 0;
  margin: 0 16px;
  text-align: left;
  border-top: 1px solid rgba(224, 226, 228, 0.3);
}
.customer-cases-container .complete-case-btn,
.case-detail-container .complete-case-btn {
  margin-top: 32px;
  height: 50px;
  background: linear-gradient(315deg, #FF7800 0%, #FF9902 100%);
  border-radius: 2px;
  display: block;
  font-size: 15px;
  box-shadow: none;
}
.customer-cases-container .nav-box {
  background: url(../images/mobile/mobile_cases/customer_banner.png) 0 0 / 100% auto no-repeat;
}
.customer-cases-container .cases-custom-cases-container {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.customer-cases-container .cases-custom-cases-container .flex-viewport {
  padding-bottom: 40px;
}
.customer-cases-container .cases-custom-cases-container .cases-custom-cases-box {
  box-sizing: border-box;
  position: relative;
  height: 320px;
  width: 100%;
  background-size: auto 320px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #0B0B1D;
}
.customer-cases-container .cases-custom-cases-container .cases-custom-cases-box .cases-custom-cases-content {
  background: linear-gradient(90deg, rgba(255, 251, 245, 0.95) 1%, rgba(255, 247, 236, 0.95) 100%);
  box-shadow: 0px 2px 20px 0px rgba(255, 120, 0, 0.1);
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(10px);
  padding: 16px;
  box-sizing: border-box;
  height: 176px;
  left: 16px;
  right: 16px;
  bottom: -20px;
  position: absolute;
  z-index: 1;
}
.customer-cases-container .cases-custom-cases-container .cases-custom-cases-box .cases-custom-cases-content h2 {
  font-size: 20px;
  color: #000000;
  line-height: 28px;
  text-align: left;
}
.customer-cases-container .cases-custom-cases-container .cases-custom-cases-box .cases-custom-cases-content p {
  font-size: 15px;
  margin: 8px 0;
  color: #000000;
  height: 75px;
  line-height: 25px;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.customer-cases-container .cases-custom-cases-container .cases-custom-cases-box .cases-custom-cases-content a {
  margin-top: 8px;
}
.customer-cases-container .cases-custom-cases-container .cases-custom-cases-box .cases-custom-control-nav {
  height: 6px;
  line-height: 6px;
  font-size: 0;
  position: absolute;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  white-space: nowrap;
}
.customer-cases-container .cases-custom-cases-container .cases-custom-cases-box .cases-custom-control-nav button {
  width: 15px;
  height: 6px;
  line-height: 6px;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  border: 0;
  margin-right: 14px;
  z-index: 10;
  cursor: pointer;
  transition: all .3s ease;
  position: relative;
}
.customer-cases-container .cases-custom-cases-container .cases-custom-cases-box .cases-custom-control-nav button:last-child {
  margin-right: 0;
}
.customer-cases-container .cases-custom-cases-container .cases-custom-cases-box .cases-custom-control-nav .cases-custom-control-btn-active {
  width: 40px;
  background: rgba(0, 0, 0, 0.4);
}
.customer-cases-container .cases-custom-cases-container .flex-control-nav {
  bottom: -16px;
  z-index: 2;
  height: 20px;
  width: 200px;
  left: 50%;
  transform: translate(-100px, 0);
  -ms-transform: translate(-100px, 0);
  -moz-transform: translate(-100px, 0);
  -o-transform: translate(-100px, 0);
}
.customer-cases-container .cases-custom-cases-container .flex-control-nav li {
  margin: 0 7px;
}
.customer-cases-container .cases-custom-cases-container .flex-control-nav li a {
  background: rgba(0, 0, 0, 0.15);
  height: 6px;
  width: 15px;
  transition: all .4s;
}
.customer-cases-container .cases-custom-cases-container .flex-control-nav li a:hover {
  background: rgba(0, 0, 0, 0.15);
}
.customer-cases-container .cases-custom-cases-container .flex-control-nav li a.flex-active {
  background: rgba(0, 0, 0, 0.4);
  width: 40px;
}
.customer-cases-container .box-1 {
  margin-top: 34px;
}
.customer-cases-container .box-1 .cases-list li {
  flex: 1 1 100%;
}
.customer-cases-container .complete-case-box {
  padding: 20px 16px 60px;
  background: #F6F6F8;
}
.customer-cases-container .complete-case-box .complete-case-btn {
  margin: 0;
}
.customer-cases-container .more-enterprise-box {
  padding-top: 40px;
}
.customer-cases-container .more-enterprise-box h1 {
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  line-height: 34px;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav {
  margin-top: 20px;
  width: 100%;
  border-bottom: 1px solid #E0E2E4;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul {
  display: inline-block;
  position: relative;
  font-size: 0;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul:last-child {
  margin-right: 0;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul::after {
  content: '';
  width: 36px;
  height: 4px;
  background: #FF8B02;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 300ms ease;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul[active-index="0"]::after {
  width: 36px;
  transform: translateX(0);
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul[active-index="1"]::after {
  width: 36px;
  transform: translateX(56px);
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul[active-index="2"]::after {
  width: 54px;
  transform: translateX(112px);
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul[active-index="3"]::after {
  width: 72px;
  transform: translateX(186px);
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul[active-index="4"]::after {
  width: 36px;
  transform: translateX(278px);
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul .enterprise-business-item {
  position: relative;
  margin-right: 20px;
  padding: 9px 3px 10px;
  display: inline-block;
  cursor: pointer;
  height: 25px;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  line-height: 25px;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul .enterprise-business-item:nth-child(1) {
  padding: 9px 3px 10px;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul .enterprise-business-item:nth-child(2) {
  padding: 9px 3px 10px;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul .enterprise-business-item:nth-child(3) {
  padding: 9px 4px 10px 5px;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul .enterprise-business-item:nth-child(4) {
  padding: 9px 6px 10px;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul .enterprise-business-item:nth-child(5) {
  padding: 9px 3px 10px;
  margin: 0;
}
.customer-cases-container .more-enterprise-box .enterprise-business-nav ul .enterprise-business-item-active {
  color: #ff8b02;
}
.customer-cases-container .more-enterprise-box .enterprise-business-icon-box .cases-list {
  display: none;
  padding: 32px 15px 45px;
  background: #fff;
  flex-wrap: wrap;
  justify-content: space-around;
}
.customer-cases-container .more-enterprise-box .enterprise-business-icon-box .cases-list:first-child {
  display: flex;
}
.customer-cases-container .more-enterprise-box .enterprise-business-icon-box .cases-list li {
  height: 56px;
  width: calc((100% - 30px)/3);
  box-shadow: 0 6px 26px 0 rgba(18, 18, 49, 0.07);
  margin: 0 15px 15px 0;
}
.customer-cases-container .more-enterprise-box .enterprise-business-icon-box .cases-list li:nth-child(3n) {
  margin-right: 0;
}
.customer-cases-container .more-enterprise-box .enterprise-business-icon-box .cases-list-finance span {
  width: 105px;
  height: 100%;
  display: inline-block;
  background: url(../images/mobile/mobile_cases/customer_img_jr.png) no-repeat;
  background-size: 345px 553px;
  background-position: inherit;
}
.customer-cases-container .more-enterprise-box .enterprise-business-icon-box .cases-list-manufacture span {
  width: 105px;
  height: 100%;
  display: inline-block;
  background: url(../images/mobile/mobile_cases/customer_img_zz.png) no-repeat;
  background-size: 345px 553px;
  background-position: inherit;
}
.customer-cases-container .more-enterprise-box .enterprise-business-icon-box .cases-list-consumer span {
  width: 105px;
  height: 100%;
  display: inline-block;
  background: url(../images/mobile/mobile_cases/customer_img_xfp.png) no-repeat;
  background-size: 345px 553px;
  background-position: inherit;
}
.customer-cases-container .more-enterprise-box .enterprise-business-icon-box .cases-list-lifeService span {
  width: 105px;
  height: 100%;
  display: inline-block;
  background: url(../images/mobile/mobile_cases/customer_img_shfw.png) no-repeat;
  background-size: 345px 553px;
  background-position: inherit;
}
.customer-cases-container .more-enterprise-box .enterprise-business-icon-box .cases-list-medical span {
  width: 105px;
  height: 100%;
  display: inline-block;
  background: url(../images/mobile/mobile_cases/customer_img_yl.png) no-repeat;
  background-size: 345px 553px;
  background-position: inherit;
}
.customer-cases-container .register-box {
  background: linear-gradient(315deg, #FF7800 0%, #FF9902 100%);
  box-shadow: 0px -4px 20px 0px rgba(255, 128, 0, 0.4);
  padding: 32px 20px;
  margin-top: 60px;
  color: #fff;
}
.customer-cases-container .register-box-title {
  font-size: 18px;
  text-align: left;
}
.customer-cases-container .register-box a {
  display: block;
  height: 50px;
  text-decoration: none;
  font-size: 15px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  margin-top: 32px;
  border-radius: 2px;
  border: 2px solid rgba(255, 255, 255, 0.8);
}
.case-detail-container .nav-box {
  background: url(../images/mobile/mobile_cases/customer_banner.png) center 0 / auto 320px no-repeat;
}
.case-detail-container .nav-box h1 {
  position: absolute;
  height: 68px;
  left: 32px;
  right: 32px;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 34px;
  bottom: 93px;
  text-shadow: 0px 2px 30px rgba(0, 0, 0, 0.8);
}
.case-detail-container .cases-item-info {
  display: flex;
  flex-direction: column;
  padding: 31px 16px 0;
}
.case-detail-container .cases-item-info .case-company-intro {
  display: flex;
  align-items: center;
}
.case-detail-container .cases-item-info .case-company-intro .case-company-name {
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  line-height: 34px;
}
.case-detail-container .cases-item-info .case-company-intro .company-business {
  margin-left: 12px;
  padding: 4px 8px 3px;
  border-radius: 8px 0px 8px 0px;
  color: #fff;
  font-size: 12px;
  height: 17px;
  line-height: 17px;
}
.case-detail-container .cases-item-info .case-company-intro .company-business-finance {
  background: #B4995C;
}
.case-detail-container .cases-item-info .case-company-intro .company-business-consumer-goods {
  background: #FF7800;
}
.case-detail-container .cases-item-info .case-company-intro .company-business-manufacturing {
  background: #1B9F1C;
}
.case-detail-container .cases-item-info .case-company-intro .company-business-life-serve {
  background: #FFB200;
}
.case-detail-container .cases-item-info .case-company-intro .company-business-gov {
  background: #007BDB;
}
.case-detail-container .cases-item-info .case-company-intro .company-business-software-manufacturing {
  background: #00CBEB;
}
.case-detail-container .cases-item-info .cases-item-tips-title {
  display: block;
  text-align: left;
  padding-top: 32px;
  font-size: 15px;
  color: #000000;
  line-height: 19px;
}
.case-detail-container .cases-item-info .cases-item-tips-box {
  padding: 12px 0 13px;
  text-align: left;
  white-space: normal;
  border-bottom: 1px solid #E9E9E9;
}
.case-detail-container .cases-item-info .cases-item-tips-box::before {
  display: none;
  top: 12px;
  transform: none;
}
.case-detail-container .cases-item-info .cases-item-tips-box .cases-item-tip {
  display: inline-block;
  margin: 0 8px 8px 0;
}
.case-detail-container .case-company-info-container {
  padding: 0 16px 60px;
}
.case-detail-container .case-company-info-container:first-child {
  padding-top: 0;
}
.case-detail-container .case-company-info-container .case-company-feature-box {
  padding: 32px 0 20px;
}
.case-detail-container .case-company-info-container .case-company-feature {
  text-align: left;
}
.case-detail-container .case-company-info-container .case-company-feature h2 {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 25px;
}
.case-detail-container .case-company-info-container .case-company-feature p {
  font-size: 15px;
  font-weight: 400;
  color: #333333;
  line-height: 25px;
  margin-top: 16px;
}
.case-detail-container .case-company-info-container img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.case-detail-container .more-case {
  padding: 32px 0 0;
  background: #F7F7F8;
}
.case-detail-container .more-case h2 {
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000000;
}
.case-detail-container .more-case h2 .more-case-icon-arrow {
  display: inline-block;
  width: 14px;
  height: 25px;
  background: url(../images/mobile/mobile_cases/icon_arrow_black@2x.png) 0 0 / 100% auto no-repeat;
}
.case-detail-container .more-case .box-1 {
  margin-top: 0;
}
.case-detail-container .more-case .box-1 .cases-list {
  padding: 32px 16px 60px;
  white-space: nowrap;
  display: block;
  overflow: auto;
}
.case-detail-container .more-case .box-1 .cases-list::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.case-detail-container .more-case .box-1 .cases-list .cases-item-bottom {
  display: none;
}
.case-detail-container .more-case .box-1 .cases-list li {
  display: inline-block;
  width: 164px;
  height: 179px;
  background: #FFFFFF;
  box-shadow: 0px 6px 26px 0px rgba(52, 58, 77, 0.1);
  margin: 0 10px 0 0;
}
.case-detail-container .more-case .box-1 .cases-list li:last-child {
  margin-right: 0;
}
.case-detail-container .more-case .box-1 .cases-list li a {
  display: block;
}
.case-detail-container .more-case .box-1 .cases-list li .cases-item-top {
  flex-direction: column;
  padding: 12px 13px 20px 12px;
}
.case-detail-container .more-case .box-1 .cases-list li .cases-item-logo {
  background: #fff;
  width: auto;
  height: 60px;
}
.case-detail-container .more-case .box-1 .cases-list li .cases-item-info {
  padding: 12px 0 0;
}
.case-detail-container .more-case .box-1 .cases-list li .cases-item-info .cases-item-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: normal;
  height: 75px;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  line-height: 25px;
}
.case-detail-container .more-case .box-1 .cases-list li .cases-item-btn {
  display: none;
}
.get-case-container {
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}
.get-case-container input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.get-case-container h2 {
  font-size: 35px;
  line-height: 60px;
  text-align: center;
}
.get-case-container .get-case-right {
  flex: 1;
  display: flex;
  justify-content: center;
}
.get-case-container .get-case-right h2 {
  margin-bottom: 32px;
}
.get-case-container .get-case-right .get-case-form-title {
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  line-height: 34px;
}
.get-case-container .get-case-right .get-case-form-box {
  box-sizing: border-box;
  padding-top: 96px;
}
.get-case-container .get-case-right .get-case-form-box .form-item {
  width: 100%;
  margin-bottom: 24px;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-title {
  font-size: 15px;
  line-height: 25px;
  text-align: left;
  margin-bottom: 6px;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-title i.red {
  color: #ff0000;
  margin-right: 4px;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main {
  display: flex;
  position: relative;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main input {
  width: 100%;
  height: 60px;
  font-size: 15px;
  padding: 12px 16px;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #E3E6E7;
  position: relative;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main input[name=smsValidateCode] {
  padding-right: 120px;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main input:focus {
  border-color: #ff8b02;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main input::placeholder {
  color: #C5C5CC;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main .form-item-danger-desc,
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main .form-item-tip {
  font-size: 12px;
  line-height: 21px;
  display: none;
  position: absolute;
  bottom: -23px;
  left: 0;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main .form-item-warning-desc {
  color: #ff8b02;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main .form-item-danger-desc {
  color: #FF4848;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main .form-item-tip {
  color: #ff8b02;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main .quest-validate-btn {
  position: absolute;
  width: 107px;
  height: 44px;
  font-size: 15px;
  color: #FF8B02;
  background: #fff;
  border: none;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main .quest-validate-btn[disabled] {
  opacity: 0.6;
  cursor: default;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main .quest-validate-btn:hover {
  color: #FF7800;
  border-color: #FF7800;
}
.get-case-container .get-case-right .get-case-form-box .form-item-danger .form-item-main input {
  border-color: #ff4848;
}
.get-case-container .get-case-right .get-case-form-box .form-item-danger .form-item-main .form-item-danger-desc {
  display: block;
}
.get-case-container .get-case-right .get-case-form-box .form-item-danger .captcha-tip {
  margin-top: 20px;
}
.get-case-container .get-case-right .get-case-form-box .form-item .form-item-main.focus .form-item-danger-desc.tip {
  color: #888888;
}
.get-case-container .get-case-right .get-case-form-box .form-item .captcha-tip {
  display: none;
  color: #333;
  text-align: left;
  font-size: 12px;
}
.get-case-container .get-case-right .get-case-form-box .form-item .captcha-tip a {
  color: #333;
  text-decoration: underline;
  cursor: pointer;
}
.get-case-container .get-case-right .get-case-form-box .form-accept {
  font-size: 14px;
  text-align: left;
  margin-top: 32px;
  margin-bottom: 36px;
  display: flex;
  align-items: center;
}
.get-case-container .get-case-right .get-case-form-box .form-accept div.checkbox-box {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  position: relative;
}
.get-case-container .get-case-right .get-case-form-box .form-accept div.checkbox-box input[type=checkbox] {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.get-case-container .get-case-right .get-case-form-box .form-accept div.checkbox-box input[type=checkbox]:checked + i {
  background: url("../images/register/icon_checkbox_sel_check.png"), #fff;
  background-size: 14px;
}
.get-case-container .get-case-right .get-case-form-box .form-accept div.checkbox-box i {
  width: 14px;
  height: 14px;
  background: url("../images/register/icon_checkbox_sel.png"), #fff;
  background-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  cursor: pointer;
}
.get-case-container .get-case-right .get-case-form-box .form-accept .accept-wrong.checkbox-box i {
  background: url("../images/register/icon_checkbox_sel_wrong.png"), #fff;
  background-size: 14px;
}
.get-case-container .get-case-right .get-case-form-box .form-accept a {
  color: #333;
  text-decoration: underline;
  cursor: pointer;
}
.get-case-container .get-case-right .get-case-form-box .submit-btn {
  width: 100%;
  box-sizing: border-box;
}
.get-case-container .get-case-right .get-case-form-box .submit-btn.disabled {
  background: linear-gradient(315deg, #FF7800 0%, #FF9902 100%);
  box-shadow: 0px 4px 20px 0px rgba(255, 128, 0, 0.4);
  opacity: 0.5;
}
.get-case-container .get-case-right .get-case-success-box {
  padding: 104px 0 0;
  text-align: center;
  display: none;
}
.get-case-container .get-case-right .get-case-success-box .success-icon {
  width: 80px;
  height: 80px;
  background: url("../images/mobile/register/icon_login_success@2x.png");
  background-size: 80px 80px;
  display: inline-block;
}
.get-case-container .get-case-right .get-case-success-box h3 {
  font-size: 26px;
  color: #000;
  line-height: 34px;
}
.get-case-container .get-case-right .get-case-success-box .info-tip {
  font-size: 15px;
  color: #333;
  line-height: 26px;
  margin-bottom: 62px;
  margin-top: 40px;
}
.get-case-container .get-case-right .get-case-success-box .index-btn {
  padding: 0;
  box-shadow: none;
  background: transparent;
  width: 60px;
  height: 21px;
  font-size: 15px;
  font-weight: 400;
  color: #FF8B02;
  line-height: 21px;
}
.about-container .nav-box {
  height: 320px;
  background-image: url(../images/mobile/about/aboutus_img_banner.jpg);
  background-size: 1600px 370px;
  background-repeat: no-repeat;
  background-position: -850px -15px;
  background-color: rgba(0, 0, 0, 0.8);
}
.about-container .box1 {
  padding: 16px 16px 60px 16px;
  background-color: #F7F8F8;
}
.about-container .box1 .company-profile {
  padding: 20px;
  background-color: #fff;
  border-radius: 2px;
  margin-top: -190px;
}
.about-container .box1 .company-profile-title {
  margin-bottom: 16px;
}
.about-container .box1 .customer-case {
  padding: 0 4px;
  margin-top: 40px;
}
.about-container .box1 .customer-case-title {
  font-size: 20px;
}
.about-container .box1 .customer-case-description {
  margin: 16px 0 25px 0;
  font-size: 15px;
}
.about-container .box1 .customer-case .case-img-box {
  height: calc((100vw - 40px) / 2);
  width: 100%;
  background: url(../images/mobile/about/aboutus_logo.png) no-repeat;
  background-size: 100% auto;
  margin-bottom: 60px;
}
.about-container .box1 .customer-case .to-case-btn {
  font-size: 15px;
  color: #ff9902;
}
.about-container .box1 .customer-case .to-case-btn .case-icon-1 {
  display: inline-block;
  width: 8px;
  height: 13px;
  vertical-align: baseline;
  background: url(../images/index/icon-release@2x.png) -32px -230px no-repeat;
  background-size: 630px 244px;
  margin-left: 6px;
}
.about-container .box2 {
  background-color: #ffffff;
}
.about-container .box2 .title {
  font-size: 24px;
  margin: 0px 0px 16px 20px;
  padding-top: 60px;
}
.about-container .box2 .description {
  margin: 0 20px;
  font-size: 15px;
}
.about-container .box2 .principle {
  font-size: 15px;
  margin: 16px 20px 12px 20px;
}
.about-container .box2 .principle-box .principle-list li {
  background: #FFFFFF;
  box-shadow: 0px 6px 26px 0px rgba(52, 58, 77, 0.08);
  border-radius: 2px;
  margin: 20px 16px 0px 16px;
  padding: 15px 20px 20px 48px;
}
.about-container .box2 .principle-box .principle-list li .principle-title {
  font-size: 18px;
  position: relative;
}
.about-container .box2 .principle-box .principle-list li .principle-title .principle-icon {
  width: 26px;
  height: 26px;
  position: absolute;
  left: -32px;
}
.about-container .box2 .principle-box .principle-list li .principle-title .principle-icon-1 {
  background: url(../images/mobile/about/aboutus_icon_01.png);
  background-size: 26px 26px;
}
.about-container .box2 .principle-box .principle-list li .principle-title .principle-icon-2 {
  background: url(../images/mobile/about/aboutus_icon_02.png);
  background-size: 26px 26px;
}
.about-container .box2 .principle-box .principle-list li .principle-title .principle-icon-3 {
  background: url(../images/mobile/about/aboutus_icon_03.png);
  background-size: 26px 26px;
}
.about-container .box2 .principle-box .principle-list li .principle-title .principle-icon-4 {
  background: url(../images/mobile/about/aboutus_icon_04.png);
  background-size: 26px 26px;
}
.about-container .box2 .principle-box .principle-list li .principle-title .principle-icon-5 {
  background: url(../images/mobile/about/aboutus_icon_05.png);
  background-size: 26px 26px;
}
.about-container .box2 .principle-box .principle-list li .principle-description {
  font-size: 15px;
  color: #666666;
}
.about-container .box2 .background-img-box {
  height: 185px;
  background: url(../images/mobile/about/aboutus_img_guide.png) no-repeat;
  background-size: auto 185px;
}
.about-container .box3 {
  color: #FFF;
  overflow: hidden;
  position: relative;
}
.about-container .box3 .background-box-position {
  margin: 0 auto;
  width: 1920px;
}
.about-container .box3 .background-box:before {
  content: '';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/mobile/about/aboutus_bg_work.jpg) -428px 0 no-repeat;
  background-size: 1800px 906px;
}
.about-container .box3 .work-title {
  padding: 60px 0;
  position: relative;
  margin-left: 16px;
}
.about-container .box3 .work-list ul > li {
  position: relative;
  margin: 0 36px 40px 36px;
}
.about-container .box3 .work-list ul > li .work-item-name {
  font-size: 18px;
  line-height: 25px;
  margin: 20px 0 12px;
}
.about-container .box3 .work-list ul > li .work-item-description {
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
}
.about-container .box3 .work-list ul > li .work-icon-box {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.08);
  position: relative;
  left: -20px;
}
.about-container .box3 .work-list ul > li .work-icon-box .work-icon {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.about-container .box3 .work-list ul > li .work-icon-box .work-icon-1 {
  background: url(../images/mobile/about/aboutus_icon_06.png) no-repeat;
  background-size: 48px 48px;
}
.about-container .box3 .work-list ul > li .work-icon-box .work-icon-2 {
  background: url(../images/mobile/about/aboutus_icon_07.png) no-repeat;
  background-size: 48px 48px;
}
.about-container .box3 .work-list ul > li .work-icon-box .work-icon-3 {
  background: url(../images/mobile/about/aboutus_icon_08.png) no-repeat;
  background-size: 48px 48px;
}
.about-container .box3 .work-list ul > li .work-icon-box .work-icon-4 {
  background: url(../images/mobile/about/aboutus_icon_09.png) no-repeat;
  background-size: 48px 48px;
}
.about-container .box3 .work-list ul > li:last-child {
  margin-bottom: 80px;
}
.about-container .box4 {
  overflow: hidden;
  color: #ffffff;
  background: url(../images/mobile/about/aboutus_bg_joinus.jpg) -665px 0 no-repeat;
  background-size: 1630px 560px;
  height: 560px;
  position: relative;
  z-index: 10;
  padding: 0 20px;
}
.about-container .box4 .mask-box-father {
  height: 560px;
  width: 1630px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1000;
}
.about-container .box4 .mask-box-father .mask-box {
  height: 560px;
  width: 100%;
  background: linear-gradient(90deg, rgba(7, 9, 28, 0) 0%, #07091c 50%);
  position: absolute;
}
.about-container .box4 .join-us-title {
  color: #FFF;
  position: absolute;
  top: 60px;
}
.about-container .box4 .join-us-description {
  position: absolute;
  top: 120px;
}
.about-container .box4 .join-us-characteristic {
  position: absolute;
  top: 222px;
}
.about-container .box4 .join-us-characteristic p {
  font-size: 18px;
  line-height: 45px;
  font-style: italic;
  color: #FFFFFF;
}
.about-container .box4 .position-box {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
  position: absolute;
  top: 377px;
}
.about-container .box4 .position-box .contact-email-box {
  width: 100%;
  height: 102px;
  box-sizing: border-box;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.042) 100%);
  border-radius: 2px;
  padding: 29px 0 0 21px;
}
.about-container .box4 .position-box .contact-email-box .email-icon {
  width: 26px;
  height: 26px;
  background: url("../images/about/icons.png") no-repeat -394px -3px;
  background-size: 420px auto;
}
.about-container .box4 .position-box .contact-email-box.hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
.about-container .box4 .position-box p {
  position: absolute;
  top: 22px;
  left: 68px;
  font-size: 15px;
  color: #FFFFFF;
}
.about-container .content-contact {
  color: #fff;
  background: url(../images/about/contact-bgc.jpg) center bottom no-repeat;
  background-size: 1920px 680px;
  padding: 60px 20px;
  overflow: hidden;
}
.about-container .content-contact .contact-us-description {
  font-size: 18px;
  line-height: 25px;
  margin-top: 20px;
}
.about-container .content-contact .contact-us-address {
  font-size: 15px;
  margin-top: 16px;
}
.about-container .content-contact .contact-us-address p {
  line-height: 25px;
}
.about-container .content-contact .position-box {
  margin-top: 40px;
}
.about-container .content-contact .position-box .contact-show-box {
  font-size: 15px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.042) 100%);
  border-radius: 2px;
  padding: 26px 0 26px 16px;
  box-sizing: border-box;
  display: flex;
}
.about-container .content-contact .position-box .contact-show-box:not(:last-child) {
  margin-bottom: 20px;
}
.about-container .content-contact .position-box .contact-show-box:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
.about-container .content-contact .position-box .contact-show-box .icon-box {
  width: 26px;
  height: 26px;
  background-size: 420px auto;
  margin-top: 4px;
}
.about-container .content-contact .position-box .contact-show-box .icon-box-question {
  background: url("../images/about/contact_us_01.png");
  background-size: 26px 26px;
}
.about-container .content-contact .position-box .contact-show-box .icon-box-tel {
  background: url("../images/about/contact_us_02.png");
  background-size: 26px 26px;
}
.about-container .content-contact .position-box .contact-show-box .icon-box-email {
  background: url("../images/about/contact_us_03.png");
  background-size: 26px 26px;
}
.about-container .content-contact .position-box > .contact-show-box:last-child {
  margin-right: 0px;
}
.about-container .content-contact .position-box p {
  font-size: 15px;
  color: #FFFFFF;
  line-height: 26px;
  margin-left: 22px;
}
@media (max-width: 321px) {
  .about-container .box1 .customer-case .case-img-box {
    height: 153px;
    background-size: 290px auto;
  }
  .about-container .box4 .position-box {
    top: 415px;
  }
}
.m-privacy,
.m-authority {
  padding: 64px 24px 20px;
}
.m-privacy h2,
.m-authority h2 {
  text-align: center;
  padding: 15px 0 10px;
  font-weight: bold;
}
.m-privacy h3,
.m-authority h3 {
  text-align: center;
  padding: 8px 0;
}
.m-privacy h2 {
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  color: #000;
}
.m-privacy h3 {
  margin: 20px 0;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #333333;
}
.m-privacy h4 {
  margin: 20px 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  color: #333333 ;
}
.m-privacy p {
  text-indent: 2em;
  margin: 10px 0;
}
.m-privacy .list-text {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
.m-privacy .main-text {
  text-indent: 2em;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
.m-privacy .second-level-text {
  text-indent: 4em;
  font-size: 14px;
}
.m-privacy .strong {
  font-weight: 600;
}
.m-privacy .under-line {
  text-decoration: underline;
}
.m-privacy .terms a {
  font-size: 14px;
  color: #51a6ff;
}
.standard-box {
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.standard-box h2 {
  text-align: center;
}
.standard-box-img {
  margin-top: 20px;
}
.standard-box-items-box {
  width: 94%;
  padding: 0 16px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.standard-box-items-box .standard-box-item {
  padding: 16px;
  background: #f7f7f8;
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 16px;
  position: relative;
}
.standard-box-items-box .standard-box-item-white {
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
}
.standard-box-items-box .standard-box-item-logo {
  width: 20px;
  height: 20px;
  transform: translateY(5px);
}
.standard-box-items-box .standard-box-item span {
  margin-left: 5px;
}
.standard-box-items-box .standard-box-item-sure {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 21px;
  right: 16px;
}
.standard-box-items-box > .mobile-standard-box-item:first-child {
  margin-top: 0;
}
.standard-box-more {
  margin-top: 20px;
  font-size: 15px;
  color: #007bdb;
  text-align: center;
  position: relative;
}
.standard-box-more::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/mobile/products/products_arrow_blue.png);
  background-size: 16px 16px;
  position: absolute;
  top: 4px;
  left: 136px;
}
.standard-head {
  width: 375px;
  height: 376px;
  padding: 96px 21px 32px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
.standard-head-container {
  background: url(../images/mobile/products/standard/standard_bg.jpg) center;
  background-size: 900px auto;
}
.standard-head-title {
  font-weight: 600;
  color: #fff;
}
.standard-head-description {
  font-size: 16px;
  color: #fff;
  line-height: 27px;
  margin-top: 16px;
}
.standard-head-btn-box {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.standard-channel {
  padding-top: 60px;
}
.standard-channel-img {
  width: 375px;
  height: 216px;
}
.standard-monitor-img {
  width: 375px;
  height: 224px;
}
.standard-service-img {
  width: 375px;
  height: 246px;
}
.standard-contact-img {
  width: 375px;
  height: 228px;
}
.standard-improve-img {
  width: 375px;
  height: 306px;
}
.standard-internal-img {
  width: 375px;
  height: 202px;
}
.standard-monitor,
.standard-contact,
.standard-internal {
  background: #f6f6f8;
}
.standard-master {
  background: url(../images/mobile/products/standard/standard_07.jpg);
  background-size: 100% 100%;
  background-color: #000000;
  padding-top: 0;
  padding-bottom: 0;
  color: #fff;
}
.standard-master-container {
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.standard-master-logo {
  width: 125px;
  height: 109px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.standard-master-logo-box {
  display: flex;
  justify-content: space-between;
}
.standard-master-logo-show {
  width: 72px;
  height: 72px;
  background: rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.standard-master-logo-show img {
  width: 36px;
  height: 36px;
}
.standard-collect-img {
  width: 375px;
  height: 216px;
}
.group-box {
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.group-box h2 {
  text-align: center;
}
.group-box-img {
  margin-top: 20px;
}
.group-box-items-box {
  width: 94%;
  padding: 0 16px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.group-box-items-box .group-box-item {
  padding: 16px;
  background: #f7f7f8;
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 16px;
  position: relative;
}
.group-box-items-box .group-box-item-white {
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
}
.group-box-items-box .group-box-item-logo {
  width: 20px;
  height: 20px;
  transform: translateY(5px);
}
.group-box-items-box .group-box-item span {
  margin-left: 5px;
}
.group-box-items-box .group-box-item-sure {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 21px;
  right: 16px;
}
.group-box-items-box > .mobile-standard-box-item:first-child {
  margin-top: 0;
}
.group-box-more {
  margin-top: 20px;
  font-size: 15px;
  color: #ff8b02;
  text-align: center;
  position: relative;
}
.group-box-more::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/mobile/products/products_arrow_active.png);
  background-size: 16px 16px;
  position: absolute;
  top: 4px;
  left: 136px;
}
.group-head {
  width: 375px;
  height: 376px;
  padding: 96px 21px 32px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
.group-head-container {
  background: url(../images/mobile/products/group/group_bg.jpg) center;
  background-size: 900px auto;
}
.group-head-title {
  font-weight: 600;
  color: #fff;
}
.group-head-description {
  font-size: 16px;
  color: #fff;
  line-height: 27px;
  margin-top: 16px;
}
.group-head-btn-box {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.group-channel {
  padding-top: 60px;
}
.group-channel-img {
  width: 375px;
  height: 271px;
}
.group-route-img {
  width: 375px;
  height: 158px;
}
.group-route,
.group-reply,
.group-manage,
.group-reduce,
.group-interface {
  background: #F6F6F8;
}
.group-visitor {
  padding-bottom: 0;
}
.group-visitor > .mobile-group-visitor-btn:first-child {
  margin-left: 0;
}
.group-visitor-img {
  width: 375px;
  height: 217px;
}
.group-visitor-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.group-select {
  padding-top: 0;
}
.group-select h4 {
  margin-top: 32px;
}
.group-select-logo,
.group-select-logo-custom {
  width: 105px;
  height: 56px;
  box-shadow: 0px 6px 26px 0px rgba(18, 18, 49, 0.07);
  border-radius: 2px;
  background-image: url(../images/mobile/products/group/group_logo.jpg);
  background-size: 334px 128px;
  background-position: 0px 0px;
}
.group-select-logo-box,
.group-select-logo-custom-box {
  width: 344px;
  height: 128px;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.group-select-logo-custom {
  background-image: url(../images/mobile/products/group/group_logo02.jpg);
}
.group-select-logo2 {
  background-position: -120px 0px;
}
.group-select-logo3 {
  background-position: -231px 0px;
}
.group-select-logo4 {
  background-position: 0px -72px;
}
.group-select-logo5 {
  background-position: -120px -72px;
}
.group-select-logo6 {
  background-position: -231px -72px;
}
.group-custom h4 {
  margin-top: 60px;
}
.group-manage-list {
  width: 164px;
  height: 40px;
  padding: 7px 0px 8px 26px;
  font-size: 15px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 2px;
  margin-top: 12px;
  position: relative;
}
.group-manage-list-box {
  width: 375px;
  padding-left: 15px;
  padding-right: 16px;
  box-sizing: border-box;
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.group-manage-list::before {
  content: '';
  width: 12px;
  height: 12px;
  background: url(../images/mobile/products/products_sure_active.png);
  background-size: 12px 12px;
  position: absolute;
  top: 14px;
  left: 8px;
}
.group-manage-more {
  margin-top: 24px;
}
.group-communicate-img {
  width: 375px;
  height: 275px;
}
.group-reply-img {
  width: 375px;
  height: 251px;
}
.group-source-img {
  width: 375px;
  height: 248px;
}
.group-reduce-img {
  width: 375px;
  height: 219px;
}
.group-report-img {
  width: 375px;
  height: 262px;
}
.group-interface {
  padding-bottom: 60px;
}
.group-interface-img {
  width: 375px;
  height: 223px;
}
.professional-box {
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.professional-box h2 {
  text-align: center;
}
.professional-box-img {
  margin-top: 20px;
}
.professional-box-items-box {
  width: 94%;
  padding: 0 16px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.professional-box-items-box .professional-box-item {
  padding: 16px;
  background: #f7f7f8;
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 16px;
  position: relative;
}
.professional-box-items-box .professional-box-item-white {
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
}
.professional-box-items-box .professional-box-item-logo {
  width: 20px;
  height: 20px;
  transform: translateY(5px);
}
.professional-box-items-box .professional-box-item span {
  margin-left: 5px;
}
.professional-box-items-box .professional-box-item-sure {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 21px;
  right: 16px;
}
.professional-box-items-box > .mobile-professional-box-item:first-child {
  margin-top: 0;
}
.professional-box-more {
  margin-top: 20px;
  font-size: 15px;
  color: #007bdb;
  text-align: center;
  position: relative;
}
.professional-box-more::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/mobile/products/products_arrow_blue.png);
  background-size: 16px 16px;
  position: absolute;
  top: 4px;
  left: 136px;
}
.professional-box-list {
  text-align: center;
  font-size: 15px;
  color: #333;
  line-height: 25px;
  margin-top: 21px;
}
.professional-box-list p {
  position: relative;
}
.professional-box-list p::before {
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  top: -2px;
  left: 108px;
  background-size: 28px 28px;
}
.professional-box-list .professional-box-img-span1::before {
  background-image: url(../images/mobile/products/professional/professional_icon_04.png);
}
.professional-box-list .professional-box-img-span2::before {
  background-image: url(../images/mobile/products/professional/professional_icon_05.png);
}
.professional-box-list .professional-box-img-span3::before {
  background-image: url(../images/mobile/products/professional/professional_icon_06.png);
}
.professional-box-list .professional-box-img1 {
  width: 375px;
  height: 209px;
}
.professional-box-list .professional-box-img2 {
  width: 375px;
  height: 198px;
}
.professional-box-list .professional-box-img3 {
  width: 375px;
  height: 183px;
}
.professional-box-list img {
  margin-top: 22px;
}
.professional-head {
  width: 375px;
  height: 376px;
  padding: 96px 21px 32px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
.professional-head-container {
  background: url(../images/mobile/products/professional/professional_bg.jpg) center;
  background-size: 900px auto;
}
.professional-head-title {
  font-weight: 600;
  color: #fff;
}
.professional-head-description {
  font-size: 16px;
  color: #fff;
  line-height: 27px;
  margin-top: 16px;
}
.professional-head-btn-box {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.professional-card {
  width: 343px;
  height: 173px;
  padding: 32px 24px 20px 24px;
  background: #FFFFFF;
  box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  border-radius: 2px;
  margin: 0 auto;
}
.professional-card-title {
  text-align: center;
}
.professional-card img {
  width: 295px;
  height: 67px;
  margin-top: 20px;
}
.professional-global {
  height: 168px;
  background-image: url(../images/mobile/products/professional/professional_04.jpg);
  background-size: 100% 100%;
  color: #fff;
  margin: 0 auto;
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.professional-scene,
.professional-communicate,
.professional-robot {
  background: #f6f6f8;
}
.professional-move {
  height: 340px;
  padding-bottom: 0;
  box-sizing: border-box;
  background-image: url(../images/mobile/products/professional/professional_13.jpg);
  background-size: 100% 100%;
  justify-content: space-between;
}
.professional-move h2 {
  color: #fff;
}
.professional-move-img {
  margin-top: 11px;
}
.professional-understand {
  padding: 40px 16px 60px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.professional-understand-list {
  width: 343px;
  height: 90px;
  padding: 16px;
  background: #FFFFFF;
  box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.professional-understand-list a {
  font-size: 18px;
  color: #ff8b02;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.professional-understand-list a::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/mobile/products/products_arrow_active.png);
  background-size: 16px 16px;
  display: block;
  margin-left: 8px;
}
.professional-understand-list span {
  font-size: 15px;
  line-height: 25px;
}
.professional-protect-img {
  width: 375px;
  height: 196px;
}
.professional-card-img {
  width: 375px;
  height: 67px;
}
.professional-scene-img {
  width: 295px;
  height: 121px;
}
.professional-contact-img {
  width: 375px;
  height: 144px;
}
.professional-communicate-img {
  width: 375px;
  height: 256px;
}
.professional-data-img {
  width: 375px;
  height: 228px;
}
.professional-move-img {
  width: 288px;
  height: 218px;
}
.professional-robot-img {
  width: 375px;
  height: 328px;
}
.marketing-box {
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marketing-box h2 {
  text-align: center;
}
.marketing-box-img {
  margin-top: 20px;
}
.marketing-box-items-box {
  width: 94%;
  padding: 0 16px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.marketing-box-items-box .marketing-box-item {
  padding: 16px;
  background: #f7f7f8;
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 16px;
  position: relative;
}
.marketing-box-items-box .marketing-box-item-white {
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
}
.marketing-box-items-box .marketing-box-item-logo {
  width: 20px;
  height: 20px;
  transform: translateY(5px);
}
.marketing-box-items-box .marketing-box-item span {
  margin-left: 5px;
}
.marketing-box-items-box .marketing-box-item-sure {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 21px;
  right: 16px;
}
.marketing-box-items-box > .mobile-standard-box-item:first-child {
  margin-top: 0;
}
.marketing-box-more {
  margin-top: 20px;
  font-size: 15px;
  color: #ff8b02;
  text-align: center;
  position: relative;
}
.marketing-box-more::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/mobile/products/products_arrow_active.png);
  background-size: 16px 16px;
  position: absolute;
  top: 4px;
  left: 136px;
}
.marketing-box p {
  width: 343px;
  margin-top: 20px;
}
.marketing-box p span {
  color: #ff8b02;
}
.marketing-head {
  width: 375px;
  height: 376px;
  padding: 96px 21px 32px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
.marketing-head-container {
  background: url(../images/mobile/products/marketing/marketing_bg.jpg) center;
  background-size: 900px auto;
}
.marketing-head-title {
  padding-right: 10px;
  font-weight: 600;
  color: #fff;
}
.marketing-head-description {
  font-size: 16px;
  color: #fff;
  line-height: 27px;
  margin-top: 16px;
}
.marketing-head-btn-box {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.marketing-channel {
  padding-top: 60px;
}
.marketing-channel-img {
  width: 375px;
  height: 275px;
}
.marketing-robot {
  background: linear-gradient(180deg, rgba(255, 139, 2, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.marketing-robot-img {
  max-width: 100%;
  width: 399px;
  height: auto;
}
.marketing-access {
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F3F8 100%);
}
.marketing-access-img {
  width: 399px;
  height: 587px;
}
.marketing-achievement-img {
  width: 379px;
  height: 349px;
}
.marketing-achievement-items {
  width: 164px;
  height: 40px;
  padding: 7px 0px 8px 26px;
  font-size: 15px;
  box-sizing: border-box;
  background: #F7F7F8;
  border-radius: 2px;
  margin-top: 12px;
  position: relative;
}
.marketing-achievement-items-box {
  width: 375px;
  padding-left: 15px;
  padding-right: 16px;
  box-sizing: border-box;
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.marketing-achievement-items::before {
  content: '';
  width: 12px;
  height: 12px;
  background: url(../images/mobile/products/products_sure_active.png);
  background-size: 12px 12px;
  position: absolute;
  top: 14px;
  left: 8px;
}
.marketing-study {
  background: #F7F7F8;
}
.marketing-study-img {
  width: 375px;
  height: 235px;
}
.marketing-run-img {
  width: 375px;
  height: 260px;
}
.marketing-effect {
  height: 346px;
  padding-top: 32px;
  box-sizing: border-box;
  background-image: url(../images/mobile/products/marketing/marketing_08.jpg);
  background-size: 100% 100%;
  color: #fff;
  margin: 0 auto;
  margin-top: 32px;
  margin-bottom: 146px;
  position: relative;
}
.marketing-effect h2 {
  text-align: center;
}
.marketing-effect-items {
  padding: 0 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.marketing-effect-items-box {
  width: 343px;
  height: 266px;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.85) 100%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin: 0 auto;
  margin-top: 66px;
  display: flex;
  flex-direction: column;
  align-items: center;
  backdrop-filter: blur(8px);
}
.marketing-effect-items-head {
  width: 90px;
  height: 90px;
  background: #FFFFFF;
  background-image: url(../images/mobile/products/marketing/marketing_logo.png);
  background-size: 90px 90px;
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  position: relative;
  top: -40px;
}
.marketing-effect-items .marketing-effect-item {
  width: 155px;
  color: #333;
  display: flex;
}
.marketing-effect-items .marketing-effect-item-left {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.04);
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marketing-effect-items .marketing-effect-item-left img {
  width: 24px;
  height: 24px;
}
.marketing-effect-items > .marketing-effect-item:nth-child(3),
.marketing-effect-items > .marketing-effect-item:nth-child(4) {
  margin-top: 40px;
}
.robot_professional-box {
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.robot_professional-box h2 {
  text-align: center;
}
.robot_professional-box-img {
  margin-top: 20px;
}
.robot_professional-box-items-box {
  width: 94%;
  padding: 0 16px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.robot_professional-box-items-box .robot_professional-box-item {
  padding: 16px;
  background: #f7f7f8;
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 16px;
  position: relative;
}
.robot_professional-box-items-box .robot_professional-box-item-white {
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
}
.robot_professional-box-items-box .robot_professional-box-item-logo {
  width: 20px;
  height: 20px;
  transform: translateY(5px);
}
.robot_professional-box-items-box .robot_professional-box-item span {
  margin-left: 5px;
}
.robot_professional-box-items-box .robot_professional-box-item-sure {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 21px;
  right: 16px;
}
.robot_professional-box-items-box > .mobile-robot_professional-box-item:first-child {
  margin-top: 0;
}
.robot_professional-box-more {
  margin-top: 20px;
  font-size: 15px;
  color: #ff8b02;
  text-align: center;
  position: relative;
}
.robot_professional-box-more::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/mobile/products/products_arrow_active.png);
  background-size: 16px 16px;
  position: absolute;
  top: 4px;
  left: 136px;
}
.robot_professional-box-list {
  text-align: center;
  font-size: 15px;
  color: #333;
  line-height: 25px;
  margin-top: 21px;
}
.robot_professional-box-list p {
  position: relative;
}
.robot_professional-box-list p::before {
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  top: -2px;
  left: 108px;
  background-size: 28px 28px;
}
.robot_professional-box-list .robot_professional-box-img-span1::before {
  background-image: url(../images/mobile/products/robot_professional/robot_professional_icon_04.png);
}
.robot_professional-box-list .robot_professional-box-img-span2::before {
  background-image: url(../images/mobile/products/robot_professional/robot_professional_icon_05.png);
}
.robot_professional-box-list .robot_professional-box-img-span3::before {
  background-image: url(../images/mobile/products/robot_professional/robot_professional_icon_06.png);
}
.robot_professional-box-list .robot_professional-box-img1 {
  width: 375px;
  height: 209px;
}
.robot_professional-box-list .robot_professional-box-img2 {
  width: 375px;
  height: 198px;
}
.robot_professional-box-list .robot_professional-box-img3 {
  width: 375px;
  height: 183px;
}
.robot_professional-box-list img {
  margin-top: 22px;
}
.robot_professional-head {
  width: 375px;
  height: 376px;
  padding: 96px 21px 32px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
.robot_professional-head-container {
  background: url(../images/mobile/products/robot_professional/robot_professional_bg.jpg) center;
  background-size: 900px auto;
}
.robot_professional-head-title {
  font-weight: 600;
  color: #fff;
}
.robot_professional-head-description {
  font-size: 16px;
  color: #fff;
  line-height: 27px;
  margin-top: 16px;
}
.robot_professional-head-btn-box {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.robot_professional-question-img {
  width: 375px;
  height: 210px;
}
.robot_professional-auxiliary {
  height: 246px;
  padding-top: 32px;
  padding-bottom: 60px;
  background: #18213D;
  color: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.robot_professional-auxiliary p {
  width: 343px;
  position: relative;
  z-index: 1;
}
.robot_professional-auxiliary img {
  width: 100%;
  height: 114px;
  position: absolute;
  top: 130px;
  z-index: 0;
}
.robot_professional-own {
  background: linear-gradient(180deg, #FFFAF4 0%, #FFF3E6 100%);
}
.robot_professional-own h2 {
  margin-bottom: 20px;
}
.robot_professional-own-list-box {
  width: 344px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.robot_professional-own-list-box .robot_professional-own-list {
  width: 164px;
  height: 101px;
  padding: 16px 37px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%);
  border-radius: 2px;
}
.robot_professional-own-list-box .robot_professional-own-list img {
  width: 28px;
  height: 28px;
  margin-left: 31px;
}
.robot_professional-own-list-box .robot_professional-own-list p {
  text-align: center;
}
.robot_professional-own-list-box > .robot_professional-own-list:nth-child(2),
.robot_professional-own-list-box > .robot_professional-own-list:nth-child(4) {
  margin-left: 16px;
}
.robot_professional-own-list-box > .robot_professional-own-list:nth-child(3),
.robot_professional-own-list-box > .robot_professional-own-list:nth-child(4) {
  margin-top: 16px;
}
.robot_professional-guide .robot_professional-box-items-box {
  margin-top: 0;
}
.robot_professional-guide .robot_professional-box-items-box > .robot_professional-box-item:first-child {
  margin-top: 0;
}
.robot_professional-guide-img {
  width: 375px;
  height: 270px;
}
.robot_professional-identify {
  background: #F7F7F8;
}
.robot_professional-identify-img {
  width: 375px;
  height: 294px;
}
.robot_professional-identify-btn-box {
  display: flex;
  margin-top: 20px;
}
.robot_professional-identify-btn-box .robot_professional-identify-btn {
  padding: 12px 22px;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  background: linear-gradient(315deg, #151C35 0%, #51576A 100%);
  box-shadow: 0px 6px 26px 0px rgba(92, 103, 134, 0.19);
  border-radius: 2px;
  margin-left: 14px;
}
.robot_professional-identify-btn-box > .robot_professional-identify-btn:first-child {
  margin-left: 0;
}
.robot_professional-various-img,
.robot_professional-role-img,
.robot_professional-data-img,
.robot_professional-visitor-img {
  width: 375px;
  height: 248px;
}
.robot_professional-various p,
.robot_professional-role p,
.robot_professional-data p,
.robot_professional-visitor p {
  width: 343px;
  margin-top: 20px;
}
.robot_professional-role {
  background: #F7F7F8;
}
.robot_professional-role-img {
  height: 229px;
}
.robot_professional-data-img {
  height: 185px;
}
.robot_professional-visitor {
  background: #F7F7F8;
  padding-bottom: 60px;
}
.robot_professional-visitor-img {
  height: 283px;
}
.m-news-index-container .nav-box {
  height: 240px;
  overflow: hidden;
  background: url(../images/mobile/news/news_banner.jpg) center bottom no-repeat;
  background-size: auto 100%;
  background-color: #0D0F20;
  padding-top: 96px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
}
.m-news-index-container .nav-box .nav-container {
  width: 375px;
  padding: 0 20px;
  box-sizing: border-box;
}
.m-news-index-container .nav-box .nav-container h1,
.m-news-index-container .nav-box .nav-container p {
  text-align: left;
  color: #FFFFFF;
  font-weight: 400;
}
.m-news-index-container .nav-box .nav-container h1 {
  line-height: 42px;
  margin-bottom: 16px;
}
.m-news-index-container .nav-box .nav-container p {
  font-size: 16px;
  line-height: 27px;
}
.m-news-index-container .news-index-main {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.m-news-index-container .news-index-main .news-list-box {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-bottom: 60px;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header {
  width: 100%;
  padding: 8px 16px 0;
  box-sizing: border-box;
  font-size: 0;
  border-bottom: 1px solid #E0E2E4;
  position: relative;
  overflow-x: auto;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header::-webkit-scrollbar {
  display: none;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header ul {
  width: max-content;
  white-space: nowrap;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header ul .news-list-header-title {
  font-size: 15px;
  line-height: 25px;
  color: #000;
  padding: 9px 6px;
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header ul .news-list-header-title:last-child {
  margin-right: 0;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header ul .news-list-header-title-active {
  color: #FF8B02;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header ul a.link {
  font-size: 15px;
  float: right;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header ul a.link .index-icon-22 {
  display: inline-block;
  width: 14px;
  height: 16px;
  vertical-align: middle;
  background: url(../images/index/icon-release@2x.png) 0 0 no-repeat;
  background-position: -30px -231px;
  background-size: 630px 244px;
  transition: transform 300ms;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header::before {
  content: '';
  width: 72px;
  height: 3px;
  background: #FF8B02;
  position: absolute;
  bottom: 0;
  transition: all 300ms ease;
}
.m-news-index-container .news-index-main .news-list-box .news-list-header-0::before {
  transform: translateX(0);
}
.m-news-index-container .news-index-main .news-list-box .news-list-header-1::before {
  width: 108px;
  transform: translateX(92px);
}
.m-news-index-container .news-index-main .news-list-box .news-list-header-2::before {
  transform: translateX(214px);
}
.m-news-index-container .news-index-main .news-list-box .news-list-header-3::before {
  transform: translateX(306px);
}
.m-news-index-container .news-index-main .news-list-box hr {
  border: 0;
  border-top: 1px solid #E7E7EB;
}
.m-news-index-container .news-index-main .news-list-box .news-list-main {
  width: 100%;
  padding: 20px 16px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.m-news-index-container .news-index-main .news-list-box .news-list-main img {
  border-radius: 4px;
}
.m-news-index-container .news-index-main .news-list-box .news-list-main .news-item {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  display: flex;
  margin-bottom: 16px;
}
.m-news-index-container .news-index-main .news-list-box .news-list-main .news-item .news-item-img-box {
  width: 132px;
  height: 100px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 12px;
  display: flex;
  justify-content: center;
}
.m-news-index-container .news-index-main .news-list-box .news-list-main .news-item .news-item-img-box .news-item-img {
  width: auto;
  height: 100%;
}
.m-news-index-container .news-index-main .news-list-box .news-list-main .news-item .news-item-content {
  width: calc(100vw - 32px - 12px - 132px);
  padding: 4px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.m-news-index-container .news-index-main .news-list-box .news-list-main .news-item .news-item-content h5 {
  font-size: 15px;
  color: #333;
  line-height: 25px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.m-news-index-container .news-index-main .news-list-box .news-list-main .news-item .news-item-content h5:hover {
  color: #ff8b02;
}
.m-news-index-container .news-index-main .news-list-box .news-list-main .news-item .news-item-content span {
  font-size: 12px;
  color: #888;
  line-height: 15px;
}
.m-news-index-container .news-index-main .news-list-box .news-list-footer {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  margin-top: 32px;
}
.m-news-index-container .news-index-main .news-list-box .news-list-footer .btn {
  width: 100%;
  box-sizing: border-box;
}
.m-news-index-container .news-index-main .news-list-box .news-list-footer .btn:hover {
  background: #fff;
}
.m-news-index-container .news-cases-container {
  width: 100%;
  padding: 32px 0 0;
  box-sizing: border-box;
  background: #F7F7F8;
}
.m-news-index-container .news-cases-container .news-cases-title {
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.m-news-index-container .news-cases-container .news-cases-title a {
  color: #000;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.m-news-index-container .news-cases-container .news-cases-title a::after {
  content: '';
  width: 14px;
  height: 25px;
  background: url(../images/mobile/news/arrow@2x.png);
  background-size: 14px 25px;
}
.m-news-index-container .news-cases-container .news-cases-main {
  padding-bottom: 60px;
  overflow-x: auto;
}
.m-news-index-container .news-cases-container .news-cases-main::-webkit-scrollbar {
  display: none;
}
.m-news-index-container .news-cases-container .news-cases-main ul {
  width: max-content;
  padding: 0 16px;
  display: flex;
}
.m-news-index-container .news-cases-container .news-cases-main ul .cases-item {
  width: 164px;
  height: 179px;
  background: #fff;
  flex-shrink: 0;
}
.m-news-index-container .news-cases-container .news-cases-main ul .cases-item:not(:last-child) {
  margin-right: 10px;
}
.m-news-index-container .news-cases-container .news-cases-main ul .cases-item a {
  width: 100%;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  box-shadow: 0px 6px 26px 0px rgba(52, 58, 77, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.m-news-index-container .news-cases-container .news-cases-main ul .cases-item a .cases-item-icon {
  width: 113px;
  height: 60px;
}
.m-news-index-container .news-cases-container .news-cases-main ul .cases-item a .cases-item-desc {
  color: #000;
  font-size: 15px;
  line-height: 25px;
}
.m-privacy,
.m-authority,
.m-terms {
  padding: 64px 24px 20px;
}
.m-privacy h2,
.m-authority h2,
.m-terms h2 {
  text-align: center;
  padding: 15px 0 10px;
  font-weight: bold;
}
.m-privacy h3,
.m-authority h3,
.m-terms h3 {
  text-align: center;
  padding: 8px 0;
}
.m-terms h2 {
  text-align: left;
  font-weight: 400;
  font-size: 24px;
  color: #000;
}
.m-terms h3 {
  margin: 20px 0;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #333333;
}
.m-terms h4 {
  margin: 20px 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  color: #333333 ;
}
.m-terms p {
  text-indent: 2em;
  margin: 10px 0;
}
.m-terms .list-text {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
.m-terms .main-text {
  text-indent: 2em;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
.m-terms .second-level-text {
  text-indent: 4em;
  font-size: 14px;
}
.m-terms .strong {
  font-weight: 600;
}
.m-terms .under-line {
  text-decoration: underline;
}
.m-terms .terms a {
  font-size: 14px;
  color: #51a6ff;
}