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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0; }

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto; }

input[type='search'] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

* {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none;
  box-sizing: border-box; }

@font-face {
  font-family: 'dinalternate-bold';
  src: url("https://t.focus-res.cn/front-end/applet/saas-static/dinalternate-bold.eot?#iefix") format("embedded-opentype"), url("https://t.focus-res.cn/front-end/applet/saas-static/dinalternate-bold.ttf") format("truetype"), url("https://t.focus-res.cn/front-end/applet/saas-static/dinalternate-bold.svg#dinalternate-bold") format("svg");
  font-style: normal; }

@font-face {
  font-family: 'songti';
  src: url("https://t.focus-res.cn/front-end/applet/saas-static/zaozisong.eot?#iefix") format("embedded-opentype"), url("https://t.focus-res.cn/front-end/applet/saas-static/zaozisong.ttf") format("truetype");
  font-style: normal; }

.songti {
  font-family: 'songti', 'PingFang SC', '微软雅黑' !important; }

.dinalternate {
  font-family: 'dinalternate-bold' !important; }

.yahei {
  font-family: '微软雅黑'; }

.pointer {
  cursor: pointer; }

.en {
  text-align: center;
  color: rgba(255, 255, 255, 0.4); }

.smooth {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.hide-scrollbar {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none; }
  .hide-scrollbar::-webkit-scrollbar {
    width: 0 !important; }

body,
html {
  width: 100%;
  height: 100%;
  color: #333;
  font-family: 'PingFang SC', Helvetica, Arial, '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', simsun, Helvetica, sans-serif, DIN;
  -webkit-text-size-adjust: none;
  background: #fff;
  max-height: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400; }

.saasPc .head-nav {
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10000; }

.static-area-left,
.static-area-right,
.module-footer {
  background: #2d395c !important; }

.module-footer .static-area {
  border: none !important; }

.clearfix::after {
  display: block;
  content: '';
  clear: both;
  visibility: hidden; }

.flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center; }

.color-main {
  color: #f7b500; }

.overflow-hidden {
  overflow: hidden; }

.rec-color-main {
  color: #f7b81c; }

.flex > .cell {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  display: block;
  padding: 0 !important;
  position: relative; }

.mlr-auto {
  margin-left: auto;
  margin-right: auto; }

@keyframes show-animation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.module-footer * {
  box-sizing: content-box; }

.toast {
  background: rgba(0, 0, 0, 0.5);
  padding: 15px 20px;
  line-height: 1;
  position: fixed;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  color: white;
  font-weight: 300;
  font-size: 16px;
  border-radius: 4px;
  white-space: nowrap; }
  .toast.wap {
    padding: 0.15rem 0.2rem;
    font-size: 0.3rem;
    border-radius: 0.04rem; }

.fixed {
  position: fixed; }

.main-title-g {
  width: 100%;
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 40px;
  text-align: center;
  padding-top: 60px; }

.sub-title-g {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 22px;
  text-align: center;
  padding-top: 26px; }

.phone-sss {
  font-size: 20px !important;
  line-height: 20px; }

.main-title-wap {
  width: 100%;
  font-size: 30px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 42px;
  text-align: center;
  padding-top: 58px; }

.sub-title-wap {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 28px;
  text-align: center;
  padding-top: 20px; }

.mainPage {
  background: #fff;
  position: relative;
  min-height: 100vh; }

@keyframes moveheight {
  0% {
    height: 110px; }
  100% {
    width: 300px; } }

.nav-new {
  top: 0;
  position: fixed;
  left: 0;
  z-index: 10000;
  height: 110px;
  width: 100%;
  min-width: 1200px;
  background: rgba(41, 52, 96, 0.8); }
  .nav-new .nav-cont {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .nav-new .nav-cont .nav-logo {
      width: 180px;
      height: 80px;
      transform: translateX(-30px); }
    .nav-new .nav-cont .nav-menu {
      flex: 1;
      margin-left: 69px;
      height: 100%; }
      .nav-new .nav-cont .nav-menu .item {
        display: block;
        width: 102px;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        justify-content: center;
        display: inline-block;
        font-size: 14px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        opacity: 0.6;
        position: relative;
        box-sizing: content-box;
        text-align: center; }
        .nav-new .nav-cont .nav-menu .item.product {
          cursor: default; }
      .nav-new .nav-cont .nav-menu .item span {
        display: block;
        width: 100%; }
      .nav-new .nav-cont .nav-menu .item span {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 100%;
        width: 0;
        height: 100%;
        border-bottom: 2px solid #fff;
        transition: all 0.1s linear;
        z-index: 20000; }
      .nav-new .nav-cont .nav-menu .item:hover,
      .nav-new .nav-cont .nav-menu .item.activedbtn {
        opacity: 1; }
      .nav-new .nav-cont .nav-menu .item:hover span {
        width: 100%;
        left: 0; }
      .nav-new .nav-cont .nav-menu .item:hover ~ .item span {
        left: 0; }
      .nav-new .nav-cont .nav-menu .item.activedbtn span {
        width: 100%;
        left: 0; }
      .nav-new .nav-cont .nav-menu .item.activedbtn ~ .item span {
        left: 0; }
      .nav-new .nav-cont .nav-menu .item.active {
        opacity: 1; }
      .nav-new .nav-cont .nav-menu .item.active span {
        width: 100%;
        left: 0; }
    .nav-new .nav-cont .right-call {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .nav-new .nav-cont .right-call .call-icon {
        height: 20px;
        width: 20px; }
      .nav-new .nav-cont .right-call .text {
        height: 20px;
        font-size: 20px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #ffffff;
        line-height: 20px;
        margin-left: 14px; }
      .nav-new .nav-cont .right-call .call-btn {
        width: 110px;
        height: 36px;
        background: #3377ff;
        border-radius: 4px;
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #ffffff;
        line-height: 36px;
        text-align: center;
        margin-left: 59px;
        cursor: pointer; }
  .nav-new .nav-flow {
    position: absolute;
    transition: all 0.8s ease;
    top: 100%;
    width: 100%;
    background: rgba(41, 52, 96, 0.8);
    z-index: 1000;
    height: 0px;
    overflow: hidden; }
    .nav-new .nav-flow .cont {
      width: 1200px;
      height: 100%;
      box-sizing: border-box;
      padding: 30px 0;
      min-height: 240px;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .nav-new .nav-flow .cont .item-v {
        display: block;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        justify-content: flex-start;
        width: 282px;
        height: 80px;
        cursor: pointer; }
        .nav-new .nav-flow .cont .item-v .icon-v {
          height: 40px;
          width: 40px;
          margin-right: 16px; }
        .nav-new .nav-flow .cont .item-v .text-right-v .name {
          height: 22px;
          font-size: 14px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #ffffff;
          line-height: 22px; }
        .nav-new .nav-flow .cont .item-v .text-right-v .dis {
          margin-top: 1px;
          height: 20px;
          font-size: 12px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #ffffff;
          opacity: 0.6;
          line-height: 20px; }
  .nav-new.show-sub .nav-flow {
    height: 380px; }

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-container-pointer-events {
  touch-action: pan-y; }
  .swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px; }
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d; }
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

@charset "UTF-8";
@keyframes showNextWithOpacity {
  0% {
    transform: translateY(50px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@keyframes showNext {
  0% {
    transform: translateY(50px); }
  100% {
    transform: translateY(0px); } }

.index .develop-eco.index {
  width: 100%;
  background: url(../images/bg_1.824076e1.jpg);
  background-size: cover;
  height: 702px;
  min-width: 1200px; }
  .index .develop-eco.index .cont-c {
    height: 702px;
    width: 1200px;
    margin: 0 auto; }
    .index .develop-eco.index .cont-c .title {
      font-size: 28px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #000000;
      line-height: 40px;
      text-align: center;
      padding-top: 60px; }
    .index .develop-eco.index .cont-c .sub-title {
      margin-top: 20px;
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.5);
      line-height: 22px;
      text-align: center; }
    .index .develop-eco.index .cont-c .cont-d {
      margin-top: 54px;
      width: 1200px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .index .develop-eco.index .cont-c .cont-d .web-img {
        height: 364px;
        width: 620px;
        position: relative;
        left: -15px;
        flex: 1; }
      .index .develop-eco.index .cont-c .cont-d .right-cont {
        margin-left: 80px;
        max-width: 520px; }
        .index .develop-eco.index .cont-c .cont-d .right-cont .text-t {
          height: 240px;
          font-size: 16px;
          font-family: PingFangSC-Light, PingFang SC;
          font-weight: 400;
          color: #000000;
          line-height: 30px; }
        .index .develop-eco.index .cont-c .cont-d .right-cont .btn-more {
          margin-top: 52px;
          width: 120px;
          height: 40px;
          display: block;
          background: #3377ff;
          border-radius: 4px;
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #ffffff;
          line-height: 40px;
          text-align: center;
          cursor: pointer; }
          .index .develop-eco.index .cont-c .cont-d .right-cont .btn-more .span1 {
            transform: translateX(0px);
            transition: 0.2s;
            left: 0;
            position: relative;
            margin-left: 5px; }
          .index .develop-eco.index .cont-c .cont-d .right-cont .btn-more .span2 {
            font-family: 'icon2018' !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-weight: 600; }
            .index .develop-eco.index .cont-c .cont-d .right-cont .btn-more .span2::after {
              content: ""; }
            .index .develop-eco.index .cont-c .cont-d .right-cont .btn-more .span2::after {
              position: relative;
              right: -2px;
              transition: 0.2s; }
          .index .develop-eco.index .cont-c .cont-d .right-cont .btn-more:hover .span1 {
            left: -2px; }
          .index .develop-eco.index .cont-c .cont-d .right-cont .btn-more:hover .span2::after {
            right: -4px; }

@keyframes move {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-2132px); } }

.advance {
  width: 100%;
  min-width: 1200px;
  height: 996px;
  background: url(../images/bg.e0d4e2ce.png) #ffffff;
  background-size: cover; }
  .advance .center-wrap {
    width: 1200px;
    margin: 0 auto; }
  .advance .swipe-cont {
    width: 100%;
    margin-top: 45px; }
    .advance .swipe-cont .top-change {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 0 120px;
      position: relative; }
      .advance .swipe-cont .top-change::after {
        position: absolute;
        content: '';
        height: 1px;
        width: 100%;
        background: #d8d8d8;
        left: 0;
        bottom: 0; }
      .advance .swipe-cont .top-change .item {
        width: 180px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        height: 117px;
        cursor: pointer; }
        .advance .swipe-cont .top-change .item .img {
          height: 75px;
          width: 70px;
          position: relative; }
          .advance .swipe-cont .top-change .item .img img {
            position: absolute;
            top: 0;
            left: 0;
            height: 75px;
            width: 70px;
            transition: 1.2s; }
          .advance .swipe-cont .top-change .item .img .img-n {
            opacity: 1;
            z-index: 1; }
          .advance .swipe-cont .top-change .item .img .img-y {
            z-index: 2;
            opacity: 0; }
        .advance .swipe-cont .top-change .item.active .img .img-y {
          opacity: 1; }
        .advance .swipe-cont .top-change .item.active .img .img-n {
          opacity: 0; }
        .advance .swipe-cont .top-change .item .name {
          text-align: center;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #000000;
          line-height: 22px; }
        .advance .swipe-cont .top-change .item .line {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 180px;
          height: 4px;
          background: #3377ff;
          z-index: 100;
          opacity: 0;
          transition: 0.3s;
          transform: scale(0); }
        .advance .swipe-cont .top-change .item.active .line {
          opacity: 1;
          transform: scale(1); }
    .advance .swipe-cont .chang-wrap {
      width: 100%;
      min-height: 600px;
      position: relative; }
    .advance .swipe-cont .change-cont {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 600px;
      opacity: 0; }
      .advance .swipe-cont .change-cont.active {
        opacity: 1; }
      .advance .swipe-cont .change-cont .title {
        text-align: center;
        font-size: 18px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #000000;
        line-height: 22px;
        padding: 38px 0 30px 0; }
      .advance .swipe-cont .change-cont .cont-1 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .advance .swipe-cont .change-cont .cont-1 .item-c {
          height: 212px;
          width: 384px;
          border-radius: 4px;
          overflow: hidden; }
          .advance .swipe-cont .change-cont .cont-1 .item-c .text-1 {
            padding-top: 144px;
            text-align: center;
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #ffffff;
            line-height: 22px; }
          .advance .swipe-cont .change-cont .cont-1 .item-c .text-2 {
            text-align: center;
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.8);
            line-height: 20px;
            margin-top: 6px; }

@charset "UTF-8";
@keyframes show1 {
  0% {
    transform: translateY(50px); }
  100% {
    transform: translateY(0px); } }

@keyframes show2 {
  0% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0px); } }

@keyframes show21 {
  0% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0px); } }

@keyframes show22 {
  0% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0px); } }

@keyframes show23 {
  0% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0px); } }

@keyframes show24 {
  0% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0px); } }

@keyframes show25 {
  0% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0px); } }

@keyframes show26 {
  0% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0px); } }

@keyframes showPic {
  0% {
    transform: translateY(0px); }
  60% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0px); } }

@keyframes hidden {
  0% {
    transform: translateY(0px); }
  0% {
    transform: translateY(60px); } }

@keyframes slide-top {
  0% {
    transform: translateY(100px);
    opacity: 0; }
  40% {
    opacity: 0; }
  80% {
    opacity: 0.9; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes slide-top2 {
  0% {
    transform: translateY(100px);
    opacity: 0; }
  40% {
    opacity: 0; }
  80% {
    opacity: 0.9; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

.process-m {
  min-height: 300px;
  min-width: 1200px;
  background: url(../images/bg-bg.fa8ab09d.png) #fff;
  background-size: cover;
  width: 100%;
  background-color: #fff; }
  .process-m .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 200px; }
  .process-m .time-line {
    width: 100%;
    height: 58px;
    margin-top: 50px;
    margin-bottom: 78px;
    position: relative;
    box-sizing: content-box; }
    .process-m .time-line::after {
      content: '';
      height: 1px;
      width: 100%;
      background-color: #cdd7e8;
      position: absolute;
      top: 58px;
      left: 0;
      z-index: 90; }
    .process-m .time-line .line-cont {
      width: 1200px;
      margin: 0 auto;
      min-height: 40px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      justify-content: center; }
      .process-m .time-line .line-cont .item {
        width: 180px;
        height: 58px;
        display: block;
        cursor: pointer;
        position: relative;
        margin-right: 60px; }
        .process-m .time-line .line-cont .item:last-child {
          margin-right: 0; }
        .process-m .time-line .line-cont .item .title {
          text-align: center;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.6);
          line-height: 22px;
          padding-top: 14px;
          transition: 0.2s; }
          .process-m .time-line .line-cont .item .title.active {
            font-size: 20px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #3377ff;
            line-height: 28px;
            padding-top: 0px;
            text-align: center; }
        .process-m .time-line .line-cont .item .icon {
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 9px;
          height: 9px;
          background: #abbee7;
          border-radius: 50%;
          transform: translate(-50%, 50%);
          z-index: 100; }
          .process-m .time-line .line-cont .item .icon.active {
            height: 36px;
            width: 36px;
            background: none; }
  .process-m .wrap-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 632px;
    align-items: flex-start;
    position: relative; }
    .process-m .wrap-cont .left-cont {
      height: 583px;
      width: 384px;
      position: relative;
      background: linear-gradient(180deg, #dbe5f5 0%, #c9d7f2 100%);
      box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.04);
      border-radius: 4px; }
      .process-m .wrap-cont .left-cont .bg-icon {
        width: 140px;
        height: 140px;
        left: 140px;
        position: absolute;
        left: 26px;
        bottom: 10px; }
        .process-m .wrap-cont .left-cont .bg-icon img {
          width: 140px; }
      .process-m .wrap-cont .left-cont .cont-cont {
        position: absolute;
        top: 30px;
        left: 26px;
        height: 583px;
        width: 408px; }
        .process-m .wrap-cont .left-cont .cont-cont .item {
          height: 96px;
          width: 408px;
          background: #ffffff;
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          padding: 0 0 0 20px;
          box-sizing: border-box;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          justify-content: flex-start;
          margin-bottom: 10px; }
          .process-m .wrap-cont .left-cont .cont-cont .item:last-child {
            margin-bottom: 0px; }
          .process-m .wrap-cont .left-cont .cont-cont .item img {
            height: 40px;
            width: 40px; }
          .process-m .wrap-cont .left-cont .cont-cont .item .item-right {
            margin-left: 20px;
            text-align: left; }
            .process-m .wrap-cont .left-cont .cont-cont .item .item-right .title {
              font-size: 16px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 500;
              color: #000000;
              line-height: 22px; }
            .process-m .wrap-cont .left-cont .cont-cont .item .item-right .line {
              width: 24px;
              height: 2px;
              background: #c9d2e3;
              margin-top: 10px;
              margin-bottom: 12px; }
            .process-m .wrap-cont .left-cont .cont-cont .item .item-right .text-1 {
              font-size: 12px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #000000;
              line-height: 20px;
              margin-top: 7px; }
            .process-m .wrap-cont .left-cont .cont-cont .item .item-right .text-2 {
              margin-top: 1px;
              height: 17px;
              font-size: 12px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.6);
              line-height: 17px; }
          .process-m .wrap-cont .left-cont .cont-cont .item.active:hover {
            cursor: pointer;
            background: linear-gradient(90deg, #a2c1ff 0%, #286ffd 100%, #3377ff 100%); }
          .process-m .wrap-cont .left-cont .cont-cont .item.active:hover .item-right .title {
            color: #ffffff; }
          .process-m .wrap-cont .left-cont .cont-cont .item.active:hover .item-right .line {
            background: #ffffff; }
          .process-m .wrap-cont .left-cont .cont-cont .item.active:hover .item-right .text-1 {
            color: #ffffff; }
          .process-m .wrap-cont .left-cont .cont-cont .item.active:hover .item-right .text-2 {
            color: rgba(255, 255, 255, 0.6); }
    .process-m .wrap-cont .right-cont {
      height: 462px;
      width: 560px;
      background: url(../images/img_floor.26b3f8fe.png);
      background-position: bottom center;
      background-size: cover;
      position: absolute;
      bottom: 0;
      right: 0; }
      .process-m .wrap-cont .right-cont .right-cont-item .right-cont-item-img {
        position: absolute;
        background-image: url(../images/img_island1.774741d1.png);
        background-size: 100% 100%;
        width: 500px;
        height: 440px;
        bottom: 124px;
        left: 33px; }
      .process-m .wrap-cont .right-cont .right-cont-item .right-cont-item-tag {
        position: absolute;
        background-image: url(../images/tag_island1.5c9728b9.png);
        background-size: 100% 100%;
        width: 560px;
        height: 478px;
        left: 0;
        bottom: 124px; }
      .process-m .wrap-cont .right-cont .hidden {
        opacity: 0; }
      .process-m .wrap-cont .right-cont .fission .right-cont-item-img {
        background-image: url(../images/img_island1.774741d1.png);
        animation: slide-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
      .process-m .wrap-cont .right-cont .fission .right-cont-item-tag {
        background-image: url(../images/tag_island1.5c9728b9.png);
        animation: slide-top2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
      .process-m .wrap-cont .right-cont .receive .right-cont-item-img {
        background-image: url(../images/img_island2.fe3d46c6.png);
        animation: slide-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
      .process-m .wrap-cont .right-cont .receive .right-cont-item-tag {
        background-image: url(../images/tag_island2.3aef9033.png);
        animation: slide-top2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
      .process-m .wrap-cont .right-cont .channel .right-cont-item-img {
        background-image: url(../images/img_island3.02da050f.png);
        animation: slide-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
      .process-m .wrap-cont .right-cont .channel .right-cont-item-tag {
        background-image: url(../images/tag_island3.13f9505c.png);
        animation: slide-top2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
      .process-m .wrap-cont .right-cont .trade .right-cont-item-img {
        background-image: url(../images/img_island4.63c9f1fc.png);
        animation: slide-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
      .process-m .wrap-cont .right-cont .trade .right-cont-item-tag {
        background-image: url(../images/tag_island4.930acb6a.png);
        animation: slide-top2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
    .process-m .wrap-cont .right-cont1 {
      height: 493px;
      width: 704px;
      background: url(../images/img_底台@2x.f26e98fe.png);
      background-position: bottom center;
      background-size: cover;
      position: absolute;
      bottom: 0;
      right: 0; }
      .process-m .wrap-cont .right-cont1 .item {
        position: absolute; }
        .process-m .wrap-cont .right-cont1 .item .text-img {
          height: 45px;
          width: 100px;
          position: absolute;
          top: -45px;
          left: 50%;
          margin-left: -50px;
          opacity: 0; }
        .process-m .wrap-cont .right-cont1 .item .text-img-2 {
          height: 45px;
          width: 100px;
          position: absolute;
          top: 0px;
          left: 95%;
          margin-left: -50px;
          opacity: 0; }
        .process-m .wrap-cont .right-cont1 .item .text-img-3 {
          height: 45px;
          width: 100px;
          position: absolute;
          top: 0px;
          left: -20%;
          opacity: 0; }
        .process-m .wrap-cont .right-cont1 .item .img-img {
          position: absolute;
          top: 0;
          left: 0; }
        .process-m .wrap-cont .right-cont1 .item.active .text-img {
          opacity: 1;
          animation: show1 0.3s cubic-bezier(0.2, -1, 0.8, 1) forwards; }
        .process-m .wrap-cont .right-cont1 .item.active .text-img-2 {
          opacity: 1;
          animation: show2 0.3s cubic-bezier(0.2, -1, 0.8, 1) forwards; }
        .process-m .wrap-cont .right-cont1 .item.active .text-img-3 {
          opacity: 1;
          animation: show2 0.3s cubic-bezier(0.2, -1, 0.8, 1) forwards; }
        .process-m .wrap-cont .right-cont1 .item.active {
          animation: showPic 0.6s cubic-bezier(0.2, -1, 0.8, 1) forwards; }
      .process-m .wrap-cont .right-cont1 .baoming {
        width: 153px;
        height: 137px;
        background-size: 100% 100%;
        top: 111px;
        left: 36px; }
        .process-m .wrap-cont .right-cont1 .baoming .text-img {
          background: url(../images/tag_报名宝@2x.579b5c86.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .baoming .img-img {
          width: 153px;
          height: 137px;
          background: url(../images/img_报名宝_gray@2x.2bc0aa48.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .baoming.active .img-img {
          background: url(../images/img_报名宝_light@2x.fb2ef740.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .huaji {
        width: 138px;
        height: 146px;
        top: 48px;
        left: 164px; }
        .process-m .wrap-cont .right-cont1 .huaji .text-img {
          background: url(../images/tag_智能话机@2x.59fbc85d.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .huaji .img-img {
          width: 138px;
          height: 146px;
          background: url(../images/img_智能话机_gray@2x.0542d932.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .huaji.active .img-img {
          background: url(../images/img_智能话机_light@2x.f9d6fbf9.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .genke {
        width: 152px;
        height: 130px;
        top: 165px;
        left: 115px; }
        .process-m .wrap-cont .right-cont1 .genke .text-img {
          background: url(../images/tag_跟客宝@2x.dde0eabb.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .genke .img-img {
          width: 152px;
          height: 130px;
          background: url(../images/img_跟客宝_gray@2x.521e8c90.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .genke.active .img-img {
          background: url(../images/img_跟客宝_light@2x.57de5194.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .shike {
        top: 215px;
        left: 197px;
        width: 157px;
        height: 130px;
        position: absolute; }
        .process-m .wrap-cont .right-cont1 .shike .text-img {
          background: url(../images/tag_识客宝@2x.f05b04e5.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .shike .img-img {
          width: 157px;
          height: 130px;
          background: url(../images/img_识客宝_gray@2x.407a60e0.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .shike.active .img-img {
          background: url(../images/img_识客宝_light@2x.a3d18b12.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .fangke {
        top: 265px;
        left: 277px;
        width: 161px;
        height: 127px;
        position: absolute; }
        .process-m .wrap-cont .right-cont1 .fangke .text-img {
          background: url(data:image/png;base64,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);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .fangke .img-img {
          width: 161px;
          height: 127px;
          background: url(../images/img_访客宝_gray@2x.89432e78.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .fangke.active .img-img {
          background: url(../images/img_访客宝_light@2x.5c6bde22.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .xuanche {
        top: -34px;
        left: 268px;
        width: 183px;
        height: 143px;
        position: absolute; }
        .process-m .wrap-cont .right-cont1 .xuanche .text-img {
          background: url(../images/tag_选房宝@2x.6e2c2aaa.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .xuanche .text-img-2 {
          background: url(../images/tag_车位宝@2x.5381ca0a.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .xuanche .text-img-3 {
          background: url(data:image/png;base64,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);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .xuanche .img-img {
          width: 183px;
          height: 143px;
          background: url(../images/img_选房宝车位包_gray@2x.ddb212da.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .xuanche.active .img-img {
          background: url(../images/img_选房宝车位包_light@2x.7a29b280.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .yanzi {
        top: 23px;
        left: 422px;
        width: 139px;
        height: 169px;
        position: absolute; }
        .process-m .wrap-cont .right-cont1 .yanzi .text-img {
          background: url(../images/tag_验资宝@2x.4ae97185.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .yanzi .img-img {
          width: 139px;
          height: 169px;
          background: url(../images/img_验资宝_gray@2x.43c4698c.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .yanzi .text-img-2 {
          background: url(../images/tag_房鑫宝@2x.10351ec3.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .yanzi.active .img-img {
          background: url(../images/img_验资宝_light@2x.44f13afb.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .shapan {
        top: 136px;
        left: 270px;
        width: 183px;
        height: 118px;
        position: absolute; }
        .process-m .wrap-cont .right-cont1 .shapan .text-img {
          background: url(../images/tag_3d沙盘@2x.b700df2f.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .shapan .img-img {
          width: 183px;
          height: 118px;
          background: url(../images/img_3d沙盘_gray@2x.c2f9b405.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .shapan.active .img-img {
          background: url(../images/img_3d沙盘_light@2x.cd73533d.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .shapan-2 {
        top: 70px;
        left: 303px;
        width: 118px;
        height: 106px;
        position: absolute; }
        .process-m .wrap-cont .right-cont1 .shapan-2 .text-img {
          background: url(../images/tag_3d沙盘@2x.b700df2f.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .shapan-2 .img-img {
          width: 118px;
          height: 106px;
          background: url(../images/img_VR_gray@2x.d3796dc0.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .shapan-2.active .img-img {
          background: url(../images/img_3d沙盘_light@2x.cd73533d.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .fenxiao {
        top: 219px;
        left: 397px;
        width: 162px;
        height: 102px;
        position: absolute; }
        .process-m .wrap-cont .right-cont1 .fenxiao .text-img {
          background: url(../images/tag_分销宝@2x.94c75e5f.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .fenxiao .img-img {
          width: 162px;
          height: 102px;
          background: url(../images/img_分销宝_gray@2x.3be6f4bf.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .fenxiao.active .img-img {
          background: url(../images/img_分销宝_light@2x.8504006e.png);
          background-size: 100% 100%; }
      .process-m .wrap-cont .right-cont1 .tuoke {
        top: 94px;
        left: 517px;
        width: 162px;
        height: 158px;
        position: absolute; }
        .process-m .wrap-cont .right-cont1 .tuoke .text-img {
          background: url(../images/tag_拓客宝@2x.c18256dd.png);
          background-size: cover; }
        .process-m .wrap-cont .right-cont1 .tuoke .img-img {
          width: 162px;
          height: 158px;
          background: url(../images/img_拓客宝_gray@2x.fb32a15f.png);
          background-size: 100% 100%;
          transition: 0.6s; }
        .process-m .wrap-cont .right-cont1 .tuoke.active .img-img {
          background: url(../images/img_拓客宝_light@2x.1bbb6d22.png);
          background-size: 100% 100%; }

.achieve-num {
  min-height: 320px;
  min-width: 1200px;
  background: url(../images/bg.43f57aa3.jpg);
  background-size: cover;
  width: 100%; }
  .achieve-num .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 320px; }
    .achieve-num .wrap-cont .text-cont {
      padding-top: 111px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      align-items: flex-start; }
      .achieve-num .wrap-cont .text-cont .left-cont {
        text-align: left; }
        .achieve-num .wrap-cont .text-cont .left-cont .title {
          font-size: 28px;
          font-family: PingFangSC-Medium, PingFang SC;
          color: #ffffff;
          line-height: 40px; }
        .achieve-num .wrap-cont .text-cont .left-cont .text-sub {
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #ffffff;
          line-height: 22px;
          margin-top: 12px; }
      .achieve-num .wrap-cont .text-cont .right-cont {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 792px; }
        .achieve-num .wrap-cont .text-cont .right-cont .text-item {
          width: 180px;
          text-align: center; }
          .achieve-num .wrap-cont .text-cont .right-cont .text-item .animate-text {
            font-size: 34px;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #ffffff;
            line-height: 48px; }
          .achieve-num .wrap-cont .text-cont .right-cont .text-item .text-2 {
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.7);
            line-height: 20px;
            margin-top: 8px; }

@charset "UTF-8";
@keyframes showNextWithOpacity {
  0% {
    transform: translateY(50px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@keyframes showNext {
  0% {
    transform: translateY(50px); }
  100% {
    transform: translateY(0px); } }

@keyframes showcase {
  0% {
    transform: translateY(50%);
    opacity: 0; }
  100% {
    transform: translateY(0%);
    opacity: 1; } }

.selectcases {
  width: 100%;
  height: 810px;
  min-width: 1200px;
  background: url(../images/bg_5.cbc5ccde.jpg) #fff no-repeat;
  background-size: cover; }
  .selectcases .cont-s {
    width: 1200px;
    height: 810px;
    margin: 0 auto; }
    .selectcases .cont-s .select-c {
      font-size: 28px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 400;
      color: #000000;
      line-height: 40px;
      text-align: center;
      padding-top: 60px; }
    .selectcases .cont-s .solve-m {
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.5);
      line-height: 22px;
      text-align: center;
      padding-top: 20px; }
    .selectcases .cont-s .s-cases {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      margin-top: 60px; }
      .selectcases .cont-s .s-cases .cas-container {
        perspective: 1000;
        width: 384px;
        height: 480px;
        margin-right: 24px;
        overflow: hidden;
        background: #ffffff;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
        border-radius: 4px;
        overflow: hidden; }
        .selectcases .cont-s .s-cases .cas-container:nth-of-type(3n) {
          margin-right: 0; }
        .selectcases .cont-s .s-cases .cas-container .cas {
          position: relative;
          width: 384px;
          height: 480px; }
          .selectcases .cont-s .s-cases .cas-container .cas .cas-one {
            width: 384px;
            height: 480px;
            background: #ffffff;
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
            z-index: 2;
            position: absolute;
            top: 0;
            left: 0; }
            .selectcases .cont-s .s-cases .cas-container .cas .cas-one .activity_1 {
              width: 384px;
              height: 314px; }
            .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont {
              width: 384px;
              height: 166px; }
              .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .rong-c {
                width: 146px;
                height: 54px;
                margin-top: 10px;
                margin-left: 36px; }
              .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .xiaxian {
                width: 24px;
                height: 3px;
                background: #c9d2e3;
                margin-top: 2px;
                margin-left: 36px; }
              .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .cas-coop {
                font-size: 18px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 600;
                color: #000000;
                line-height: 25px;
                margin-top: 17px;
                margin-left: 36px; }
              .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .cas-ser {
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #000000;
                line-height: 20px;
                margin-top: 6px;
                margin-left: 36px; }
          .selectcases .cont-s .s-cases .cas-container .cas .cas-two {
            width: 384px;
            height: 480px;
            background: #ffffff;
            box-shadow: 0px 9px 18px 0px rgba(104, 137, 171, 0.25);
            transform: translateY(50%);
            z-index: 3;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0; }
            .selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-coop {
              font-size: 18px;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 600;
              color: #3377ff;
              line-height: 25px;
              padding-top: 40px;
              padding-left: 36px; }
            .selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-col {
              width: 24px;
              height: 3px;
              background: #3377ff;
              margin-left: 36px;
              margin-top: 24px; }
            .selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-exper {
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 600;
              color: #000000;
              line-height: 20px;
              padding-left: 36px;
              padding-top: 12px; }
            .selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-dis {
              width: 312px;
              height: 78px;
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #000000;
              opacity: 0.6;
              line-height: 20px;
              padding-left: 36px;
              padding-top: 12px; }
            .selectcases .cont-s .s-cases .cas-container .cas .cas-two .caofeidian {
              width: 130px;
              height: 130px;
              margin-top: 12px;
              margin-left: 127px; }
            .selectcases .cont-s .s-cases .cas-container .cas .cas-two .fu-li {
              width: 144px;
              height: 54px;
              margin-left: 36px;
              margin-top: 38px; }
            .selectcases .cont-s .s-cases .cas-container .cas .cas-two img[src=''],
            .selectcases .cont-s .s-cases .cas-container .cas .cas-two img:not([src]) {
              opacity: 0; }
      .selectcases .cont-s .s-cases .cas-container:hover .cas-two {
        animation: showcase 0.5s ease forwards; }
    .selectcases .cont-s .know-cases {
      font-size: 16px;
      display: block;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #3377ff;
      line-height: 22px;
      text-align: center;
      margin-top: 46px;
      text-align: center; }
      .selectcases .cont-s .know-cases .span1 {
        transform: translateX(0px);
        transition: 0.2s;
        left: 0;
        position: relative; }
      .selectcases .cont-s .know-cases .span2 {
        font-family: 'icon2018' !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 600;
        margin-left: 2px; }
        .selectcases .cont-s .know-cases .span2::after {
          content: ""; }
        .selectcases .cont-s .know-cases .span2::after {
          position: relative;
          right: -2px;
          transition: 0.2s; }
      .selectcases .cont-s .know-cases:hover .span1 {
        left: -2px; }
      .selectcases .cont-s .know-cases:hover .span2::after {
        right: -4px; }
    .selectcases .cont-s .c-arrows {
      width: 18px;
      height: 18px;
      font-size: 18px;
      font-family: icon2018;
      color: #3377ff;
      line-height: 18px;
      padding-left: 4px; }

@charset "UTF-8";
@keyframes showNextWithOpacity {
  0% {
    transform: translateY(50px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@keyframes showNext {
  0% {
    transform: translateY(50px); }
  100% {
    transform: translateY(0px); } }

.yuyue-banneer-index {
  min-height: 320px;
  min-width: 1200px;
  background: url(../images/bg_7@2x.423d8e3d.jpg);
  background-size: cover;
  background-position-x: center;
  width: 100%; }
  .yuyue-banneer-index .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 320px;
    text-align: center; }
    .yuyue-banneer-index .wrap-cont .title-v {
      font-size: 28px;
      font-family: PingFangSC-Medium, PingFang SC;
      color: #ffffff;
      line-height: 40px;
      padding-top: 84px; }
    .yuyue-banneer-index .wrap-cont .title-sub {
      margin-top: 20px;
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #ffffff;
      line-height: 22px; }
    .yuyue-banneer-index .wrap-cont .btn-modle {
      margin: 0 auto;
      margin-top: 50px;
      width: 120px;
      height: 40px;
      background: #ffffff;
      border-radius: 4px;
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #3377ff;
      line-height: 40px;
      cursor: pointer; }
      .yuyue-banneer-index .wrap-cont .btn-modle .span1 {
        transform: translateX(0px);
        transition: 0.2s;
        left: 0;
        position: relative;
        margin-left: 5px; }
      .yuyue-banneer-index .wrap-cont .btn-modle .span2 {
        font-family: 'icon2018' !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 600; }
        .yuyue-banneer-index .wrap-cont .btn-modle .span2::after {
          content: ""; }
        .yuyue-banneer-index .wrap-cont .btn-modle .span2::after {
          position: relative;
          right: -2px;
          transition: 0.2s; }
      .yuyue-banneer-index .wrap-cont .btn-modle:hover .span1 {
        left: -2px; }
      .yuyue-banneer-index .wrap-cont .btn-modle:hover .span2::after {
        right: -4px; }

.partner {
  width: 100%;
  height: 800px;
  min-width: 1200px;
  background: url(../images/bg.0b6be419.png) #fff no-repeat;
  background-size: 914px 522px;
  background-position: left top; }
  .partner .cont-t {
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    position: relative; }
    .partner .cont-t .partner-plan {
      font-size: 28px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #000000;
      line-height: 40px;
      padding-top: 60px;
      text-align: center; }
    .partner .cont-t .subtitle {
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.5);
      line-height: 22px;
      display: block;
      padding-top: 28px;
      text-align: center; }
    .partner .cont-t .support {
      font-size: 18px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #000000;
      line-height: 22px;
      padding-top: 40px;
      text-align: center; }
    .partner .cont-t .content-t {
      width: 1200px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      padding-top: 20px; }
      .partner .cont-t .content-t .item {
        width: 282px;
        height: 148px;
        margin-bottom: 30px; }
        .partner .cont-t .content-t .item.item-v1 {
          background: url("../images/card_1@2x .d14d6d4f.png");
          background-size: cover; }
        .partner .cont-t .content-t .item.item-v2 {
          background: url(../images/card_2@2x.3209ab82.png);
          background-size: cover; }
        .partner .cont-t .content-t .item.item-v3 {
          background: url("../images/card_3@2x .e5f0fa95.png");
          background-size: cover; }
        .partner .cont-t .content-t .item.item-v4 {
          background: url("../images/card_4@2x .78847d5c.png");
          background-size: cover; }
        .partner .cont-t .content-t .item.item-v5 {
          background: url("../images/card_5@2x .203a7bdb.png");
          background-size: cover; }
        .partner .cont-t .content-t .item.item-v6 {
          background: url(../images/card_6@2x.ca105978.png);
          background-size: cover; }
        .partner .cont-t .content-t .item.item-v7 {
          background: url(../images/card_7@2x.4cf1dec4.png);
          background-size: cover; }
        .partner .cont-t .content-t .item.item-v8 {
          background: url(../images/card_8@2x.7bd57d13.png);
          background-size: cover; }
        .partner .cont-t .content-t .item .item-h {
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #ffffff;
          line-height: 22px;
          padding-top: 30px;
          padding-left: 30px; }
        .partner .cont-t .content-t .item .item-p {
          height: 48px;
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.8);
          line-height: 24px;
          margin-top: 30px;
          margin-left: 30px; }
    .partner .cont-t .process-v {
      font-size: 18px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #000000;
      line-height: 22px;
      text-align: center;
      margin-top: 10px; }
    .partner .cont-t .process-step {
      width: 1134px;
      height: 2px;
      background: rgba(230, 239, 250, 0.6);
      text-align: center;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 50px;
      margin-left: 33px; }
      .partner .cont-t .process-step .process-step1 {
        height: 96px;
        width: 64px; }
        .partner .cont-t .process-step .process-step1 .p-s-i {
          width: 60px;
          height: 60px;
          margin-top: -30px;
          text-align: center; }
        .partner .cont-t .process-step .process-step1 .p-s {
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #3377ff;
          line-height: 22px;
          padding-top: 14px;
          text-align: center;
          padding-top: 14px; }

@charset "UTF-8";
@keyframes showNextWithOpacity {
  0% {
    transform: translateY(50px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@keyframes showNext {
  0% {
    transform: translateY(50px); }
  100% {
    transform: translateY(0px); } }

.partner-banneer-index {
  min-height: 320px;
  min-width: 1200px;
  background: url(../images/bg_9@2x.ceb00991.jpg);
  background-size: cover;
  width: 100%; }
  .partner-banneer-index .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 320px;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .partner-banneer-index .wrap-cont .title-v {
      font-size: 28px;
      font-family: PingFangSC-Medium, PingFang SC;
      color: #ffffff;
      line-height: 40px; }
    .partner-banneer-index .wrap-cont .cont-text {
      margin-top: 30px;
      width: 523px;
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #ffffff;
      line-height: 22px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .partner-banneer-index .wrap-cont .cont-text .title-2 img {
        position: relative;
        height: 20px;
        width: 20px;
        top: 2px;
        margin-right: 5px; }
    .partner-banneer-index .wrap-cont .right-btn {
      text-align: center;
      width: 120px;
      height: 40px;
      background: #ffffff;
      border-radius: 4px;
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #3377ff;
      line-height: 40px;
      cursor: pointer; }
      .partner-banneer-index .wrap-cont .right-btn .span1 {
        transform: translateX(0px);
        transition: 0.2s;
        left: 0;
        position: relative; }
      .partner-banneer-index .wrap-cont .right-btn .span2 {
        font-family: 'icon2018' !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 600; }
        .partner-banneer-index .wrap-cont .right-btn .span2::after {
          content: ""; }
        .partner-banneer-index .wrap-cont .right-btn .span2::after {
          position: relative;
          right: -2px;
          transition: 0.2s; }
      .partner-banneer-index .wrap-cont .right-btn:hover .span1 {
        left: -2px; }
      .partner-banneer-index .wrap-cont .right-btn:hover .span2::after {
        right: -4px; }

.footer-new {
  background: #2d395c;
  height: 280px;
  width: 100%;
  min-width: 1200px; }
  .footer-new .content-f {
    width: 1200px;
    margin: 0 auto; }
    .footer-new .content-f .top-f {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding-top: 32px; }
      .footer-new .content-f .top-f .cont-l {
        width: 680px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        justify-content: flex-start; }
        .footer-new .content-f .top-f .cont-l img {
          width: 240px;
          height: 146px; }
        .footer-new .content-f .top-f .cont-l .cont-product {
          height: 146px;
          margin-left: 24px; }
          .footer-new .content-f .top-f .cont-l .cont-product .title-wrap {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding-top: 15px; }
          .footer-new .content-f .top-f .cont-l .cont-product .title {
            font-size: 14px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #ffffff;
            line-height: 14px;
            opacity: 0.5; }
          .footer-new .content-f .top-f .cont-l .cont-product .pro-list {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap;
            width: 420px; }
            .footer-new .content-f .top-f .cont-l .cont-product .pro-list .text {
              width: 50px;
              height: 14px;
              font-size: 12px;
              font-family: PingFangSC-Light, PingFang SC;
              font-weight: 300;
              color: #ffffff;
              line-height: 14px;
              margin-right: 30px;
              margin-top: 20px;
              opacity: 0.5; }
      .footer-new .content-f .top-f .cont-r {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .footer-new .content-f .top-f .cont-r img {
          width: 85px;
          height: 85px; }
        .footer-new .content-f .top-f .cont-r .cont-tel-2 {
          height: 146px;
          margin-left: 30px; }
          .footer-new .content-f .top-f .cont-r .cont-tel-2 .title {
            font-size: 14px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #ffffff;
            line-height: 14px;
            opacity: 0.5;
            padding-top: 15px; }
          .footer-new .content-f .top-f .cont-r .cont-tel-2 .mail {
            margin-top: 33px;
            width: 244px;
            height: 48px;
            font-size: 14px;
            font-family: PingFangSC-Light, PingFang SC;
            font-weight: 300;
            color: #ffffff;
            line-height: 30px;
            opacity: 0.5;
            -webkit-user-select: text;
            -khtml-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
            user-select: text; }
            .footer-new .content-f .top-f .cont-r .cont-tel-2 .mail span.tel-num {
              font-size: 16px;
              font-weight: 600;
              -webkit-user-select: text;
              -khtml-user-select: text;
              -moz-user-select: text;
              -ms-user-select: text;
              user-select: text; }
            .footer-new .content-f .top-f .cont-r .cont-tel-2 .mail .com-address {
              display: flex;
              justify-content: flex-start;
              flex-direction: row; }
              .footer-new .content-f .top-f .cont-r .cont-tel-2 .mail .com-address .left-1-s {
                flex-shrink: 0; }
        .footer-new .content-f .top-f .cont-r .right-img {
          margin-left: 53px;
          padding-top: 0px; }
          .footer-new .content-f .top-f .cont-r .right-img .dis-text {
            text-align: center;
            width: 85px;
            font-size: 12px;
            font-family: PingFangSC-Light, PingFang SC;
            font-weight: 300;
            color: rgba(255, 255, 255, 0.5);
            line-height: 14px;
            display: block;
            margin-top: 9px; }
    .footer-new .content-f .bottom-f {
      margin-top: 52px; }
      .footer-new .content-f .bottom-f .text-copy-1 {
        font-size: 12px;
        font-family: PingFangSC-Light, PingFang SC;
        font-weight: 300;
        color: #ffffff;
        line-height: 12px;
        text-align: center;
        opacity: 0.5;
        user-select: text; }
        .footer-new .content-f .bottom-f .text-copy-1 a {
          margin-left: 6px;
          user-select: text; }
      .footer-new .content-f .bottom-f .text-copy {
        font-size: 12px;
        font-family: PingFangSC-Light, PingFang SC;
        font-weight: 300;
        color: #ffffff;
        line-height: 12px;
        text-align: center;
        user-select: text; }
        .footer-new .content-f .bottom-f .text-copy a {
          font-size: 12px;
          font-family: PingFangSC-Light, PingFang SC;
          font-weight: 300;
          color: #ffffff;
          line-height: 12px;
          text-align: center;
          opacity: 0.5;
          user-select: text; }
          .footer-new .content-f .bottom-f .text-copy a:hover {
            opacity: 0.6; }
        .footer-new .content-f .bottom-f .text-copy .line-x {
          display: inline-block;
          margin: 0 6px;
          opacity: 0.5; }
      .footer-new .content-f .bottom-f .text-beian {
        margin-top: 12px;
        text-align: center; }
        .footer-new .content-f .bottom-f .text-beian img {
          width: 16px;
          height: 18px;
          margin-right: 10px;
          position: relative;
          top: 5px; }
      .footer-new .content-f .bottom-f .bottom-icon {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 490px;
        margin: 0 auto;
        margin-top: 20px; }
        .footer-new .content-f .bottom-f .bottom-icon .item {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center; }
          .footer-new .content-f .bottom-f .bottom-icon .item img {
            height: 32px;
            width: 26px; }
          .footer-new .content-f .bottom-f .bottom-icon .item.item2 img {
            height: 32px;
            width: 36px; }
          .footer-new .content-f .bottom-f .bottom-icon .item.item3 img {
            height: 32px;
            width: 28px; }
          .footer-new .content-f .bottom-f .bottom-icon .item.item4 img {
            height: 32.5px;
            width: 31.5px; }
          .footer-new .content-f .bottom-f .bottom-icon .item .right-text {
            margin-left: 10px;
            cursor: pointer; }
            .footer-new .content-f .bottom-f .bottom-icon .item .right-text .text1 {
              font-size: 12px;
              font-family: PingFangSC-Light, PingFang SC;
              font-weight: 300;
              color: #ffffff;
              line-height: 18px;
              opacity: 0.5; }
              .footer-new .content-f .bottom-f .bottom-icon .item .right-text .text1:hover {
                opacity: 0.6; }

@charset "UTF-8";
@keyframes showNextWithOpacity {
  0% {
    transform: translateY(50px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@keyframes showNext {
  0% {
    transform: translateY(50px); }
  100% {
    transform: translateY(0px); } }

.toolbar {
  position: fixed;
  right: -80px;
  bottom: 30px;
  z-index: 99999; }
  .toolbar.show {
    animation: slide-in 0.5s linear normal forwards; }
  .toolbar.hide {
    animation: slide-out 0.5s linear normal forwards; }
  .toolbar .wrapper {
    width: 56px;
    text-align: center;
    font-size: 10px;
    color: #888899; }
  .toolbar .apps a {
    display: inline-block;
    width: 100%;
    color: #888899; }
    .toolbar .apps a img {
      width: 28px;
      height: 28px;
      margin-bottom: 4px; }
  .toolbar .item img {
    height: 24px;
    width: 24px;
    margin-bottom: 8px; }
  .toolbar .call {
    margin-top: 10px; }
    .toolbar .call .item {
      position: relative;
      min-height: 44px;
      width: 44px;
      background: #ffffff;
      box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 2px;
      margin-top: 10px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      justify-content: center; }
      .toolbar .call .item p {
        width: 12px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        line-height: 17px; }
      .toolbar .call .item .dinalternate-v {
        position: absolute;
        top: 0;
        right: 54px;
        height: 44px;
        width: 128px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-family: dinalternate-bold, 'Microsoft YaHei', '微软雅黑', '雅黑';
        font-weight: bold;
        color: #000000;
        line-height: 44px;
        background: #ffffff;
        box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
        border-radius: 2px;
        text-align: center;
        display: none;
        opacity: 0; }
        .toolbar .call .item .dinalternate-v.wechart {
          width: 120px;
          height: 120px; }
          .toolbar .call .item .dinalternate-v.wechart img {
            width: 100%;
            height: 100%; }
      .toolbar .call .item.item3, .toolbar .call .item.item4 {
        height: 118px;
        cursor: pointer; }
        .toolbar .call .item.item3 p, .toolbar .call .item.item4 p {
          margin-top: 6px; }
      .toolbar .call .item.item5 {
        height: 44px;
        cursor: pointer; }
      .toolbar .call .item:hover.itemy {
        background: #3377ff;
        color: #ffffff; }
        .toolbar .call .item:hover.itemy .icon {
          color: #ffffff; }
        .toolbar .call .item:hover.itemy p {
          color: #ffffff; }
      .toolbar .call .item:hover .dinalternate-v {
        display: block;
        opacity: 1; }
      .toolbar .call .item .icon {
        display: inline-block;
        width: 20px;
        height: 20px; }
      .toolbar .call .item .icon1 {
        color: #3377ff; }
        .toolbar .call .item .icon1 span {
          font-family: 'icon2018' !important;
          font-size: 20px;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .toolbar .call .item .icon1 span::before {
            content: ""; }
      .toolbar .call .item .icon2 {
        color: #3377ff; }
        .toolbar .call .item .icon2 span {
          font-family: 'icon2018' !important;
          font-size: 20px;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .toolbar .call .item .icon2 span::before {
            content: ""; }
      .toolbar .call .item .icon3 {
        color: #3377ff; }
        .toolbar .call .item .icon3 span {
          font-family: 'icon2018' !important;
          font-size: 20px;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .toolbar .call .item .icon3 span::before {
            content: ""; }
      .toolbar .call .item .icon4 {
        color: #3377ff; }
        .toolbar .call .item .icon4 span {
          font-family: 'icon2018' !important;
          font-size: 20px;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .toolbar .call .item .icon4 span::before {
            content: ""; }
      .toolbar .call .item .icon5 {
        color: #3377ff; }
        .toolbar .call .item .icon5 span {
          font-family: 'icon2018' !important;
          font-size: 20px;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .toolbar .call .item .icon5 span::before {
            content: ""; }

@keyframes slide-in {
  0% {
    right: -80px; }
  100% {
    right: 0; } }

@keyframes slide-out {
  0% {
    right: 0px; }
  100% {
    right: -80px; } }