@charset "UTF-8";
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button {
  margin: 0;
  padding: 0; }

body {
  font-family: Arial,"Helvetica Neue",Helvetica,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei", sans-serif;
  color: #333;
  font-size: 14px;
  overflow-x: hidden; }

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

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

img {
  vertical-align: middle;
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  color: #333; }

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

abbr, acronym {
  border: 0; }

ins,
a {
  text-decoration: none;
  color: #333; }

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

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; }

:focus {
  outline: 0; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

.clearfix {
  *zoom: 1; }

.f-r {
  float: right; }

.f-l {
  float: left; }

.d-n {
  display: none; }

.d-b {
  display: block; }

.p-r {
  position: relative; }

.p-a {
  position: absolute; }

.t-a-c {
  text-align: center; }

.color-default {
  color: #d80c18; }

body {
  min-width: 1194px;
  font-size: 14px;
  background: #fff; }

.mx-container {
  width: 1194px;
  margin: 0 auto; }
  .mx-container.mt10 {
    margin-top: 10px; }

.btn-apply {
  background: #14c429;
  color: #fff;
  display: inline-block;
  padding: 0 50px;
  line-height: 42px;
  border-radius: 25px;
  font-size: 16px;
  text-align: center;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s; }
  .btn-apply:hover {
    background: #11a723; }

.mx-header {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  color: #fff;
  min-width: 1194px;
  background: rgba(215, 46, 54, 0.8);
  /*background:rgba(14, 21, 48, 0.5);*/
  /*padding-bottom: 10px;*/
  transition: background 0.3s ease 0s;
  -moz-transition: background 0.3s ease 0s;
  -ms-transition: background 0.3s ease 0s;
  -o-transition: background 0.3s ease 0s;
  -webkit-transition: background 0.3s ease 0s; }
  .mx-header.bg-exist,
  .mx-header .h-main-tab {
    height: 30px;
    width: 100%;
    background: #241b1f; }
    .mx-header.bg-exist .h-main-tab-wrap,
    .mx-header .h-main-tab .h-main-tab-wrap {
      max-width: 1440px;
      min-width: 1194px;
      margin: 0 auto; }
    .mx-header.bg-exist .h-main-content,
    .mx-header .h-main-tab .h-main-content {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-items: center;
      float: right;
      height: 30px;
      overflow: hidden; }
      .mx-header.bg-exist .h-main-content .h-main-item,
      .mx-header .h-main-tab .h-main-content .h-main-item {
        color: #666666;
        font-size: 14px;
        float: left; }
      .mx-header.bg-exist .h-main-content .h-main-item-current,
      .mx-header .h-main-tab .h-main-content .h-main-item-current {
        color: #33abff; }
      .mx-header.bg-exist .h-main-content .h-tisp,
      .mx-header .h-main-tab .h-main-content .h-tisp {
        width: 1px;
        display: block;
        height: 14px;
        margin: 0 6px;
        background: #666666; }
  .mx-header .h-main {
    max-width: 1440px;
    min-width: 1194px;
    padding: 0 20px;
    margin: 0 auto;
    text-align: center; }
  .mx-header .h-logo-box {
    float: left;
    display: inline-block;
    margin-top: 10px;
    width: 121px;
    height: 40px;
    font-size: 0; }
  .mx-header .header-logo {
    width: 200px;
    height: 40px; }
  .mx-header .h-login {
    float: right;
    margin-top: 15px;
    margin-left: 15px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 28px;
    border: 1px solid #fff;
    border-radius: 15px;
    color: #fff; }
    .mx-header .h-login:hover {
      background: #fff;
      color: #d80c18;
      /*@include transition(background,0.3s,ease,0s);*/ }
  .mx-header .h-nav-list {
    display: inline-block;
    /*float:right;*/
    margin-left: 130px; }
  .mx-header .h-nav {
    /*width:120px;*/
    display: inline-block;
    position: relative; }
    .mx-header .h-nav .h-nav-child {
      height: auto;
      background: #ca151f;
      position: absolute;
      width: 112px; }
      .mx-header .h-nav .h-nav-child .child-nav-title {
        color: white;
        padding: 12px 0;
        width: 100%;
        text-align: center;
        display: block; }
        .mx-header .h-nav .h-nav-child .child-nav-title:hover {
          background: #fff;
          color: #d80c18; }
  .mx-header .h-nav-child-wrap {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    position: absolute; }
    .mx-header .h-nav-child-wrap .h-nav-child-s {
      height: auto;
      background: #ca151f;
      width: 112px; }
      .mx-header .h-nav-child-wrap .h-nav-child-s .child-nav-title {
        color: white;
        padding: 12px 0;
        margin: 0 auto;
        width: 90px;
        text-align: center;
        display: block; }
        .mx-header .h-nav-child-wrap .h-nav-child-s .child-nav-title.a-hover:hover {
          color: white;
          background: transparent; }
        .mx-header .h-nav-child-wrap .h-nav-child-s .child-nav-title.a-hover {
          border-bottom: 1px solid white; }
        .mx-header .h-nav-child-wrap .h-nav-child-s .child-nav-title:hover {
          background: white;
          color: #d80c18; }
  .mx-header .h-nav-title {
    position: relative;
    display: block;
    font-size: 18px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding: 0 20px; }
    .mx-header .h-nav-title.current, .mx-header .h-nav-title:hover {
      background: #fff;
      color: #d80c18; }
      .mx-header .h-nav-title.current::after, .mx-header .h-nav-title:hover::after {
        width: 100%;
        left: 0; }
    .mx-header .h-nav-title::after {
      content: "";
      position: absolute;
      left: 50%;
      right: 0;
      bottom: 0;
      display: block;
      height: 2px;
      width: 0;
      background: white;
      transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -webkit-transform-origin: 0 0; }

.home-swiper-container {
  width: 100%;
  max-width: 1920px;
  height: 618px;
  /* .swiper-pagination-switch {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 8px;
     background: #555;
     margin: 0 5px;
     opacity: 0.8;
     border: 1px solid #fff;
     cursor: pointer;
   }
   .swiper-active-switch {
     background: #fff;
   }*/
  /*.b-01{opacity: 0; @include translate(-30px,30px);}*/
  /*.a-01{opacity: 0; @include translate(-30px,-30px);}*/
  /* .b-02-01,
   .a-02-01{
     opacity: 0;
     @include translateY(20px);
   }
   .b-02-02,
   .a-02-02{
     opacity: 0;
     @include translateY(20px);
   }
   .b-03,
   .a-03{
     opacity: 0;
     @include translateY(20px);
   }
   .ani-slide {
     .b-01,
     .a-01{
       opacity: 1;
       @include translate(0,0);
       @include transition(all,0.8s,ease,1s);
     }
     .b-02-01,
     .a-02-01{
       opacity: 1;
       @include translateY(0);
       @include transition(all,0.5s,ease,.0s);
     }
     .b-02-02,
     .a-02-02{
       opacity: 1;
       @include translateY(0);
       @include transition(all,0.5s,ease,.2s);
     }
     .b-03,
     .a-03{
       opacity: 1;
       @include translateY(0);
       @include transition(all,0.5s,ease,.3s);
     }
   }*/ }
  .home-swiper-container .swiper-slide {
    position: relative;
    height: 616px; }
  .home-swiper-container .slide-a {
    background: url(../images/home/banner/1_01.jpg) no-repeat #4a4937 center center; }
  .home-swiper-container .slide-b {
    background: url(../images/home/banner/2_01.jpg) no-repeat #d1c6ca center center; }
  .home-swiper-container .slide-c {
    background: url(../images/home/banner/3_01.jpg) no-repeat #d5e2e8 center center; }
  .home-swiper-container .slide-d {
    background: url(../images/home/banner/4_01.jpg) no-repeat #d5e2e8 center center; }
  .home-swiper-container .slide-video {
    width: 1194px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
    .home-swiper-container .slide-video .b-02-01 {
      color: white;
      font-size: 56px;
      padding: 15px 0;
      text-align: center; }
    .home-swiper-container .slide-video .b-02-02 {
      color: white;
      font-size: 36px;
      padding: 15px 0;
      text-align: center; }
  .home-swiper-container .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    text-align: center; }
  .home-swiper-container .swiper-pagination-switch,
  .home-swiper-container .swiper-pagination-bullet {
    bottom: 30px;
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 4px;
    position: relative;
    line-height: 4px;
    border-radius: 0;
    background: #fff;
    opacity: 1;
    border-radius: 2px;
    cursor: pointer; }
  .home-swiper-container .swiper-active-switch,
  .home-swiper-container .swiper-pagination-bullet-active {
    background: #d80c18; }
  .home-swiper-container .swiper-footer {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 0;
    background: #0e1530;
    background: rgba(14, 21, 48, 0.5);
    color: #fff;
    font-size: 16px; }
  .home-swiper-container .f-item {
    float: left;
    width: 25%;
    padding-left: 20px;
    display: table; }
  .home-swiper-container .f-i-a {
    display: table-cell;
    width: 52px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    background: url(../images/home/banner/hexagon_icon.png) no-repeat; }
  .home-swiper-container .f-i-b {
    padding-left: 17px;
    line-height: 1.6;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px; }
  .home-swiper-container .slide-btn {
    background: #14c429;
    color: #fff;
    display: inline-block;
    width: 340px;
    line-height: 50px;
    border-radius: 25px;
    font-size: 26px;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s; }
    .home-swiper-container .slide-btn:hover {
      background: #11a723; }
  .home-swiper-container .a-01 {
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -460px;
    display: block;
    width: 416px;
    height: 167px;
    background: url(../images/home/banner/1_02.png) no-repeat; }
  .home-swiper-container .a-02 {
    margin-top: 266px;
    font-size: 56px;
    font-weight: 500;
    color: #fff; }
  .home-swiper-container .a-03 {
    margin: 40px 15px; }
  .home-swiper-container .b-01 {
    position: absolute;
    top: 125px;
    left: 50%;
    margin-left: 260px;
    display: block;
    width: 352px;
    height: 149px;
    background: url(../images/home/banner/2_02.png) no-repeat; }
  .home-swiper-container .b-02 {
    font-size: 56px;
    color: #fff;
    margin-top: 266px;
    margin-left: 13px; }
  .home-swiper-container .b-03 {
    margin-top: 40px;
    margin-left: 13px; }
  .home-swiper-container .c-03 {
    margin-top: 40px;
    margin-left: 13px; }
  .home-swiper-container .d-01 {
    position: absolute;
    top: 125px;
    margin-left: 231px;
    display: block;
    width: 462px;
    height: 177px;
    background: url(../images/home/banner/3_02.png) no-repeat; }
  .home-swiper-container .d-02 {
    font-size: 56px;
    color: #fff;
    margin-top: 266px;
    margin-left: 13px; }
  .home-swiper-container .d-03 {
    margin-top: 40px;
    margin-left: 13px; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }
  100% {
    opacity: 1;
    -moz-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(10px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-mos-keyframes fadeInUp {
  0% {
    opacity: 0;
    -mos-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -mos-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.img-hover {
  overflow: hidden; }

.img-hover img {
  transition: all .8s ease; }

.img-hover:hover img,
.img-hover.hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

[v-cloak] {
  display: none; }

.swiper-slide-banner {
  width: 100%; }

input::-webkit-input-placeholder {
  color: #999;
  text-align: center; }

/* 普通IE浏览器 样式清除 */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none !important; }

/* 火狐浏览器样式清除 */
input[type="number"] {
  -moz-appearance: textfield; }

.home-group {
  margin-top: 30px; }

.home-sub-title {
  margin: 0 auto;
  padding: 52px 0 10px;
  font-size: 24px;
  text-align: center;
  /*&.scene{background: url(../images/home/3_01.jpg) no-repeat center;}
  &.schemes{background: url(../images/home/4_01.jpg) no-repeat center;}
  &.hardware{background: url(../images/home/5_01.jpg) no-repeat center;}
  &.safeguard{background: url(../images/home/6_01.jpg) no-repeat center;}*/ }
  .home-sub-title.module {
    color: #333333; }

/*.home-title{
  height:120px;
  line-height:120px;
}*/
.home-sub-title-txt {
  margin: 0 auto;
  font-size: 48px;
  text-align: center; }
  .home-sub-title-txt.module {
    color: #333333; }

.face-title-txt {
  font-size: 24px;
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0 18px; }
  .face-title-txt.title-color {
    color: #333333; }

.home-sub-tsp {
  font-size: 16px;
  color: #abb0c2;
  text-align: center; }

.count-warp {
  width: 1240px;
  height: 440px;
  background: url(../images/home/icon_bg_02.png) no-repeat; }

.count-itme-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: 1240px;
  height: 440px;
  align-items: center;
  justify-content: center; }
  .count-itme-wrap .count-itme-l {
    flex: 1; }
    .count-itme-wrap .count-itme-l .count-itme-l-t {
      font-size: 16px;
      color: #333;
      text-align: right;
      height: 40px;
      line-height: 40px;
      padding-right: 50px; }
      .count-itme-wrap .count-itme-l .count-itme-l-t span {
        color: #a7a7a7;
        padding-left: 8px; }
      .count-itme-wrap .count-itme-l .count-itme-l-t .l-t {
        width: 226px;
        height: 40px;
        text-indent: 1em;
        font-size: 16px;
        border-style: none;
        border: 1px solid #a7a7a7;
        border-radius: 5px;
        outline-style: none;
        margin-left: 10px; }
      .count-itme-wrap .count-itme-l .count-itme-l-t .active {
        border: 1px solid #14c429; }
    .count-itme-wrap .count-itme-l .l-m {
      margin: 18px 0; }
  .count-itme-wrap .count-itme-r {
    flex: 1; }
    .count-itme-wrap .count-itme-r .count-itme-r-t {
      font-size: 18px;
      color: #4d5577;
      padding-left: 98px;
      margin-bottom: 28px; }
    .count-itme-wrap .count-itme-r .count-itme-r-m {
      width: 306px;
      height: 36px;
      border: 1px dashed #d1d4de;
      border-radius: 5px;
      font-size: 18px;
      line-height: 36px;
      text-align: center;
      color: #4d5577;
      margin-left: 70px; }
    .count-itme-wrap .count-itme-r .count-itme-r-mt {
      font-size: 12px;
      color: #4d5577;
      padding-left: 70px;
      margin: 6px 0 20px; }
    .count-itme-wrap .count-itme-r .count-itme-r-b {
      cursor: pointer;
      width: 216px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      color: white;
      border-radius: 40px;
      font-size: 16px;
      margin-left: 120px;
      background: -webkit-linear-gradient(45deg, #ff5a6a, #ff8673);
      /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(45deg, #ff5a6a, #ff8673);
      /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(45deg, #ff5a6a, #ff8673);
      /* Firefox 3.6 - 15 */
      background: linear-gradient(45deg, #ff5a6a, #ff8673);
      /* 标准的语法 */ }

.home-module-icon {
  display: inline-block; }
  .home-module-icon.a {
    width: 98px;
    height: 98px;
    background: url(../images/home/icon_04_05.png) no-repeat; }
  .home-module-icon.b {
    width: 98px;
    height: 98px;
    background: url(../images/home/icon_04_06.png) no-repeat; }
  .home-module-icon.c {
    width: 98px;
    height: 98px;
    background: url(../images/home/icon_04_07.png) no-repeat; }
  .home-module-icon.d {
    width: 98px;
    height: 98px;
    background: url(../images/home/icon_04_08.png) no-repeat; }
  .home-module-icon.e {
    width: 98px;
    height: 98px;
    background: url(../images/home/icon_04_09.png) no-repeat; }
  .home-module-icon.f {
    width: 98px;
    height: 98px;
    background: url(../images/home/icon_04_10.png) no-repeat; }
  .home-module-icon.g {
    width: 98px;
    height: 98px;
    background: url(../images/home/icon_04_11.png) no-repeat; }
  .home-module-icon.h {
    width: 98px;
    height: 98px;
    background: url(../images/home/icon_04_12.png) no-repeat; }

.home-module-icon-pay {
  display: inline-block;
  width: 98px;
  height: 98px;
  background: url(../images/home/icon_04_01.png) no-repeat; }

.home-module-icon-m {
  display: inline-block;
  width: 98px;
  height: 98px;
  background: url(../images/home/icon_04_02.png) no-repeat; }

.home-module-icon-ad {
  display: inline-block;
  width: 98px;
  height: 98px;
  background: url(../images/home/icon_04_03.png) no-repeat; }

.home-module-icon-marketing {
  display: inline-block;
  width: 98px;
  height: 98px;
  background: url(../images/home/icon_04_04.png) no-repeat; }

.home-module-sub-title {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 30px;
  font-size: 16px;
  text-align: center;
  color: #abb0c2; }
  .home-module-sub-title .tip-box {
    position: absolute;
    left: 56%;
    top: 50%;
    margin-top: -15px;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    background: #14c429;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .home-module-sub-title .tip-box::before {
      content: "";
      position: absolute;
      left: -11px;
      top: 6px;
      display: inline-block;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 12px solid #14c429;
      cursor: pointer; }

.home-module-group {
  margin-top: 80px; }

.home-module-item {
  float: left;
  padding: 40px 0;
  width: 16%;
  text-align: center; }
  .home-module-item .module-title {
    margin-top: 10px;
    font-size: 18px;
    color: #666; }

.home-scene-pay-group {
  width: 100%;
  height: 580px;
  margin-top: 50px;
  background: url(../images/home/icon_bg_01.jpg) no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%; }
  .home-scene-pay-group .scene-item {
    float: left;
    margin: 30px 40px 10px 0;
    position: relative;
    display: inline-block;
    width: 368px;
    height: 264px; }
    .home-scene-pay-group .scene-item:nth-child(3n+1) {
      margin-right: 0; }
    .home-scene-pay-group .scene-item:hover .scene-bg {
      opacity: 1; }
    .home-scene-pay-group .scene-item:hover .scene-case-box {
      opacity: 1; }
  .home-scene-pay-group .scene-img {
    position: relative;
    z-index: 1; }
  .home-scene-pay-group .scene-box {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 25px; }
  .home-scene-pay-group .scene-bg {
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(48, 91, 255, 0.84);
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s; }
  .home-scene-pay-group .scene-case-box {
    opacity: 0;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s; }
  .home-scene-pay-group .scene-txt {
    height: 180px;
    color: #fff;
    font-size: 18px; }
  .home-scene-pay-group .scene-case-tag {
    display: inline-block;
    margin-right: 20px;
    margin-top: 18px;
    line-height: 1.8;
    border-bottom: 1px solid #fff; }
  .home-scene-pay-group .scene-btn {
    float: right;
    margin-top: 10px;
    display: inline-block;
    border: 1px solid #92ff0f;
    color: #92ff0f;
    line-height: 30px;
    min-width: 86px;
    font-size: 18px;
    text-align: center; }
    .home-scene-pay-group .scene-btn:hover {
      color: #8afd01;
      border-color: #8afd01; }

.home-four-schemes-group .schemes-tab {
  position: absolute;
  margin-top: 90px;
  width: 240px;
  background: rgba(14, 21, 48, 0.2); }
.home-four-schemes-group .tab-item {
  position: relative;
  padding: 30px 0;
  height: 140px; }
  .home-four-schemes-group .tab-item::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -70px;
    height: 1px;
    width: 140px;
    display: block;
    background: rgba(255, 255, 255, 0.4); }
.home-four-schemes-group .tab-item:last-child::after {
  display: none; }
.home-four-schemes-group .tab-btn {
  display: block;
  height: 80px;
  line-height: 84px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  transition: background 0.2s linear 0s;
  -moz-transition: background 0.2s linear 0s;
  -ms-transition: background 0.2s linear 0s;
  -o-transition: background 0.2s linear 0s;
  -webkit-transition: background 0.2s linear 0s; }
.home-four-schemes-group .tab-btn-box {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 22px;
  padding: 10px 0;
  transition: background 0.2s linear 0s;
  -moz-transition: background 0.2s linear 0s;
  -ms-transition: background 0.2s linear 0s;
  -o-transition: background 0.2s linear 0s;
  -webkit-transition: background 0.2s linear 0s;
  height: 80px; }
  .home-four-schemes-group .tab-btn-box .tab-block {
    display: block; }
.home-four-schemes-group .active {
  background: #d80c18; }
.home-four-schemes-group .schemes-item {
  max-width: 1920px;
  margin: 0 auto;
  height: 768px;
  color: #fff; }
.home-four-schemes-group .schemes-a {
  background: url(../images/home/4_10.jpg) no-repeat #131524 center; }
.home-four-schemes-group .schemes-b {
  background: url(../images/home/4_11.jpg) no-repeat #131524 center; }
.home-four-schemes-group .schemes-c {
  background: url(../images/home/4_12.jpg) no-repeat #131524 center; }
.home-four-schemes-group .schemes-d {
  background: url(../images/home/4_13.jpg) no-repeat #131524 center; }
.home-four-schemes-group .si-title {
  padding-top: 60px;
  color: #fff;
  font-size: 30px;
  text-align: center; }
.home-four-schemes-group .si-txt {
  padding-top: 5px;
  text-align: center;
  font-size: 18px; }
.home-four-schemes-group .si-ul {
  padding-top: 34px;
  padding-left: 288px;
  list-style-type: disc; }
  .home-four-schemes-group .si-ul .si-ul-vi {
    width: 864px;
    height: 484px;
    display: none; }
.home-four-schemes-group .si-li {
  font-size: 24px;
  margin: 30px 0;
  list-style-type: disc; }

.home-hardware-group {
  margin-top: 80px; }
  .home-hardware-group .hardware-img {
    display: block;
    margin: 10px auto 0;
    width: 1194px; }
  .home-hardware-group .hardware-terminal-group {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    justify-content: center;
    height: 380px;
    overflow: hidden; }
  .home-hardware-group .htg-title {
    position: absolute;
    right: 40px;
    bottom: 120px;
    z-index: 2;
    color: #d80c18;
    font-size: 36px; }
  .home-hardware-group .htg-item {
    z-index: 3;
    position: relative; }
  .home-hardware-group .h-i-title {
    font-size: 20px;
    text-align: center; }
  .home-hardware-group .h-i-a {
    margin-top: 43px; }
  .home-hardware-group .h-i-b {
    margin-top: 76px; }
  .home-hardware-group .h-i-c {
    margin-top: 85px; }
  .home-hardware-group .h-i-d {
    margin-top: 67px; }
  .home-hardware-group .h-i-e {
    margin-top: 55px; }
  .home-hardware-group .h-i-f {
    margin-top: 52px; }
  .home-hardware-group .h-i-img-a {
    display: block;
    width: 95px;
    height: 210px; }
  .home-hardware-group .h-i-img-b {
    display: block;
    width: 140px;
    height: 140px; }
  .home-hardware-group .h-i-img-c {
    display: block;
    width: 84px;
    height: 120px; }
  .home-hardware-group .h-i-img-d {
    display: block;
    widows: 160px;
    height: 160px; }
  .home-hardware-group .h-i-img-e {
    display: block;
    width: 140px;
    height: 178px; }
  .home-hardware-group .h-i-img-f {
    display: block;
    width: 146px;
    height: 194px; }
  .home-hardware-group .h-a {
    margin: 21.5px 43px 0 0; }
  .home-hardware-group .h-b {
    margin: 60px 43px 0 28px; }
  .home-hardware-group .h-c {
    margin: 69.5px 26px 0 36px; }
  .home-hardware-group .h-d {
    margin: 45.5px 36px 0 35px; }
  .home-hardware-group .h-e {
    margin: 35.5px 35px 0 22px; }
  .home-hardware-group .h-f {
    margin: 20px 22px 0 0; }
  .home-hardware-group .h-i-title-f {
    margin-top: -50px;
    margin-left: 62px;
    text-align: left; }
  .home-hardware-group .hardware-line {
    margin: 0 auto;
    height: 1px;
    width: 95%;
    background: #eee; }
  .home-hardware-group .hardware-pc-group {
    position: relative;
    height: 530px; }
  .home-hardware-group .hpg-title {
    position: absolute;
    left: 20px;
    top: 65px;
    z-index: 2;
    color: #d80c18;
    font-size: 36px; }

.home-safeguard-group .safeguard-box {
  position: relative;
  height: 490px;
  text-align: center; }
.home-safeguard-group .safeguard-item {
  position: absolute;
  z-index: 2; }
.home-safeguard-group .s-a {
  bottom: 390px;
  left: 130px; }
.home-safeguard-group .s-a-sm {
  left: 205px;
  bottom: 344px; }
.home-safeguard-group .s-r-a-sm {
  right: 205px;
  bottom: 344px; }
.home-safeguard-group .s-r-a {
  bottom: 390px;
  right: 92px; }
.home-safeguard-group .s-b {
  bottom: 200px;
  left: 90px; }
.home-safeguard-group .s-b-sm {
  left: 190px;
  bottom: 242px; }
.home-safeguard-group .s-r-b-sm {
  right: 196px;
  bottom: 242px; }
.home-safeguard-group .s-r-b {
  bottom: 200px;
  right: 40px; }
.home-safeguard-group .s-c {
  bottom: 50px;
  left: 200px; }
.home-safeguard-group .s-c-sm {
  left: 225px;
  bottom: 135px; }
.home-safeguard-group .s-r-c-sm {
  right: 205px;
  bottom: 135px; }
.home-safeguard-group .s-r-c {
  bottom: 50px;
  right: 110px; }
.home-safeguard-group .si-title {
  font-size: 24px;
  color: #333333;
  text-align: right; }
.home-safeguard-group .si-r-title {
  font-size: 24px;
  color: #333333;
  text-align: left; }
.home-safeguard-group .si-txt {
  padding-top: 10px;
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  text-align: right; }
.home-safeguard-group .si-r-txt {
  padding-top: 10px;
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  text-align: left; }
.home-safeguard-group .safeguard-img {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto;
  width: 1127px;
  height: 602px; }

.home-league-group {
  max-height: 1920px;
  height: 350px;
  text-align: center;
  font-size: 30px;
  padding-top: 56px;
  background: url(../images/home/league/01.jpg) center; }
  .home-league-group .league-txt {
    color: #fff;
    margin-bottom: 34px; }
  .home-league-group .league-btn {
    margin-top: 40px;
    display: inline-block;
    width: 260px;
    line-height: 60px;
    color: #fff;
    font-size: 26px;
    border-radius: 60px;
    background: #14c429;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
  /*  &:hover{
      background:#fff;
      color: $defaultColor;

    }*/ }
  .home-league-group .cooperate-wrap {
    overflow: hidden;
    width: 100%; }
    .home-league-group .cooperate-wrap li {
      float: left;
      width: 25%;
      height: 140px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-items: center;
      cursor: pointer; }
      .home-league-group .cooperate-wrap li.h-c-r {
        border-right: 1px solid #eee; }
      .home-league-group .cooperate-wrap li.h-c-b {
        border-bottom: 1px solid #eee; }
    .home-league-group .cooperate-wrap .h-c-icon {
      width: 23px;
      height: 28px;
      background: url(../images/home/icon_05_01.png) no-repeat;
      margin-left: 28px; }
    .home-league-group .cooperate-wrap .cooperate-current {
      background-color: #191e2e; }
    .home-league-group .cooperate-wrap .h-c-icon-current {
      background: url(../images/home/icon_05_02.png) no-repeat; }
    .home-league-group .cooperate-wrap .region-wrap {
      min-width: 98px;
      padding: 10px 22px;
      border-radius: 5px;
      background: #0c1628;
      display: none; }
      .home-league-group .cooperate-wrap .region-wrap::after {
        content: "";
        position: absolute;
        left: -11px;
        top: 6px;
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 12px solid #0c1628;
        cursor: pointer; }
      .home-league-group .cooperate-wrap .region-wrap p {
        font-size: 16px;
        color: white;
        padding: 6px 0; }
    .home-league-group .cooperate-wrap .h-c-name {
      font-size: 18px;
      color: white;
      margin-top: 6px;
      padding-left: 16px; }
    .home-league-group .cooperate-wrap span {
      display: block;
      font-size: 18px;
      text-align: left;
      padding: 5px 0; }

.mx-footer {
  padding: 50px 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.6;
  background: #ca2831;
  vertical-align: middle; }
  .mx-footer .f-main {
    width: 1060px;
    margin: 0 auto; }
  .mx-footer .f-link {
    color: #fff; }
    .mx-footer .f-link:hover {
      color: #cccdd0; }
  .mx-footer .f-c-box {
    padding-top: 20px;
    min-height: 100px;
    line-height: 1.8;
    text-align: center; }
  .mx-footer .f-r-box,
  .mx-footer .f-l-box {
    position: absolute;
    display: inline-block;
    width: 275px; }
  .mx-footer .f-l-box {
    top: 0;
    left: 0; }
  .mx-footer .f-l-email {
    margin-top: 25px; }
  .mx-footer .f-r-box {
    top: 0;
    right: 0;
    text-align: right; }
  .mx-footer .f-r-qrc {
    position: relative;
    height: 110px;
    width: 110px; }
  .mx-footer .f-r-tips {
    position: relative;
    float: left;
    display: inline-block;
    padding: 30px 0;
    width: 145px;
    background: white;
    color: #333333;
    font-size: 16px;
    text-align: center;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
    .mx-footer .f-r-tips::before {
      content: "";
      position: absolute;
      right: -12px;
      top: 50%;
      margin-top: -8px;
      display: inline-block;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 14px solid white;
      cursor: pointer; }
  .mx-footer .f-c-link-group {
    padding-bottom: 20px; }
  .mx-footer .f-public-icon {
    height: 18px;
    width: 18px;
    margin-top: -2px; }
  .mx-footer .f-company {
    margin-top: 2px;
    font-size: 12px; }

.product-banner {
  position: relative;
  display: block;
  max-width: 1920px;
  height: 399px;
  background: url(../images/products/1_01.jpg) no-repeat center center; }
  .product-banner .pb-title {
    position: absolute;
    left: 143px;
    top: 235px;
    color: #fff;
    font-size: 24px; }

.module-info-title {
  font-size: 36px;
  font-weight: 600; }

.module-info-sub-title {
  padding-top: 15px;
  font-size: 30px;
  color: #305bff; }

.module-info-box {
  position: relative;
  margin-top: -100px;
  display: inline-block;
  max-width: 1520px;
  height: 852px; }
  .module-info-box .mib-img {
    display: block;
    margin: 0 auto;
    width: 1056px;
    height: 852px; }
  .module-info-box .mib-item {
    position: absolute;
    width: 385px;
    min-height: 160px;
    border-bottom: 2px solid #305bff; }
    .module-info-box .mib-item::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      display: block;
      width: 200px;
      height: 2px;
      background: #305bff;
      transform-origin: 100% 100%;
      transform: rotate(-135deg); }
    .module-info-box .mib-item.b {
      width: 420px; }
    .module-info-box .mib-item.d {
      width: 420px; }
    .module-info-box .mib-item.a .mib-i-num, .module-info-box .mib-item.b .mib-i-num {
      left: 0;
      border-radius: 8px 0 0 0; }
    .module-info-box .mib-item.a .mib-i-box, .module-info-box .mib-item.b .mib-i-box {
      padding-left: 80px; }
    .module-info-box .mib-item.c .mib-i-num, .module-info-box .mib-item.d .mib-i-num {
      right: 0;
      border-radius: 0 8px 0 0; }
    .module-info-box .mib-item.c .mib-i-box, .module-info-box .mib-item.d .mib-i-box {
      padding-right: 80px; }
    .module-info-box .mib-item.a {
      top: 105px;
      left: -100px;
      text-align: left; }
    .module-info-box .mib-item.b {
      top: 367px;
      left: -238px;
      text-align: left; }
      .module-info-box .mib-item.b .mib-i-box {
        width: 120%; }
      .module-info-box .mib-item.b::after {
        width: 130px; }
    .module-info-box .mib-item.c {
      top: 105px;
      right: -100px;
      text-align: right;
      padding-left: 15px; }
      .module-info-box .mib-item.c::after {
        left: 0;
        right: auto;
        transform-origin: 0 100%;
        transform: rotate(135deg); }
    .module-info-box .mib-item.d {
      top: 367px;
      right: -238px;
      text-align: right;
      padding-left: 65px; }
      .module-info-box .mib-item.d::after {
        left: 0;
        right: auto;
        width: 130px;
        transform-origin: 0 100%;
        transform: rotate(135deg); }
  .module-info-box .mib-i-num {
    display: inline-block;
    width: 62px;
    text-align: center;
    line-height: 160px;
    color: #fff;
    background: #305bff;
    font-size: 72px; }
  .module-info-box .mib-i-box {
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    text-align: left; }
  .module-info-box .mib-i-title {
    color: #305bff;
    font-size: 30px; }
  .module-info-box .mib-i-txt {
    overflow: auto;
    margin-top: 10px;
    color: #666;
    line-height: 1.8;
    font-size: 18px;
    vertical-align: bottom; }
  .module-info-box .mib-i-sm {
    font-size: 14px;
    color: #305bff; }

/* 中屏幕（小于等于 768px） */
@media (max-width: 1520px) {
  .module-info-box {
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    /* .mib-item{
       min-height: 140px;
       &.b{
         width: 320px;
         left: -136px;
       }
       &.d{
         width: 320px;
         right: -136px;
         padding-left: 10px;
       }
     }
     .mib-i-num{
       line-height: 140px;
       width: 56px;
       bottom:0;
       font-size: 60px;
     }
     .mib-i-title{
       font-size: 26px;
     }
     .mib-i-txt{
       font-size: 16px;
     }*/ } }
.product-module-group {
  padding-top: 90px;
  text-align: center; }
  .product-module-group .module-list {
    /*width: 1100px;*/
    width: 1194px;
    padding: 0 20px;
    margin: 0 auto; }
  .product-module-group .module-item {
    float: left;
    display: inline-block;
    width: 25%;
    padding: 25px 25px;
    text-align: center; }
  .product-module-group .module-icon {
    width: 102px;
    height: 102px; }
  .product-module-group .module-i-title {
    padding: 35px 0 20px;
    color: #d80c18;
    font-size: 24px; }
  .product-module-group .module-i-txt {
    font-size: 12px;
    text-align: left;
    line-height: 1.6;
    min-height: 150px;
    font-size: 14px; }

.product-own-group {
  display: block;
  max-width: 1920px;
  height: 548px;
  background: url(../images/products/3_01.jpg) no-repeat center center; }
  .product-own-group .own-main {
    padding-top: 90px;
    padding-left: 25px; }
  .product-own-group .own-title {
    font-size: 36px;
    color: #d80c18; }
  .product-own-group .own-list {
    padding-top: 20px; }
  .product-own-group .own-li {
    position: relative;
    padding: 25px 0 25px 20px;
    font-size: 24px; }
    .product-own-group .own-li::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: 6px;
      height: 6px;
      background: #d80c18;
      border-radius: 50%;
      -webkit-border-radius: 50%; }

.product-card-group {
  position: relative;
  margin-top: 50px;
  display: block;
  max-width: 1920px;
  height: 702px;
  background: url(../images/products/4_01.jpg) no-repeat center center; }
  .product-card-group .card-title {
    padding-top: 122px;
    margin-left: 181px;
    font-size: 36px;
    color: #d80c18; }
  .product-card-group .card-item {
    position: absolute; }
  .product-card-group .ci-md .ci-title {
    height: 80px;
    width: 80px;
    line-height: 80px;
    margin-top: -40px; }
  .product-card-group .ci-md .ci-box {
    padding-left: 90px; }
  .product-card-group .ci-sm .ci-title {
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 24px;
    margin-top: -35px; }
  .product-card-group .ci-sm .ci-box {
    padding-left: 80px; }
  .product-card-group .ci-title {
    position: absolute;
    top: 50%;
    margin-top: -45px;
    height: 90px;
    width: 90px;
    line-height: 90px;
    font-size: 30px;
    color: #fff;
    background: #d80c18;
    text-align: center;
    border-radius: 45px;
    -webkit-border-radius: 45px; }
  .product-card-group .ci-box {
    padding-left: 100px;
    font-size: 18px; }
  .product-card-group .ci-arrows {
    float: left;
    margin-right: 5px;
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url(../images/products/4_02.png) no-repeat;
    vertical-align: middle; }
  .product-card-group .ci-li {
    margin: 10px 0;
    line-height: 20px;
    white-space: nowrap; }
  .product-card-group .c-a {
    left: 550px;
    top: 85px; }
    .product-card-group .c-a .ci-title {
      -webkit-box-shadow: 0 24px 38px rgba(48, 91, 255, 0.1);
      box-shadow: 0 24px 38px rgba(48, 91, 255, 0.1); }
  .product-card-group .c-b {
    left: 1005px;
    top: 33px; }
    .product-card-group .c-b .ci-title {
      background: #25c029;
      -webkit-box-shadow: 0 24px 38px rgba(37, 192, 41, 0.1);
      box-shadow: 0 24px 38px rgba(37, 192, 41, 0.1); }
  .product-card-group .c-c {
    left: 838px;
    top: 156px; }
    .product-card-group .c-c .ci-title {
      background: #a48e34;
      -webkit-box-shadow: 0 24px 38px rgba(164, 142, 52, 0.1);
      box-shadow: 0 24px 38px rgba(164, 142, 52, 0.1); }
  .product-card-group .c-d {
    left: 650px;
    top: 295px; }
    .product-card-group .c-d .ci-title {
      background: #ea8432;
      -webkit-box-shadow: 0 24px 38px rgba(234, 132, 50, 0.1);
      box-shadow: 0 24px 38px rgba(234, 132, 50, 0.1); }
  .product-card-group .c-e {
    left: 1052px;
    top: 304px; }
    .product-card-group .c-e .ci-title {
      background: #30c7ff;
      -webkit-box-shadow: 0 24px 38px rgba(48, 199, 255, 0.1);
      box-shadow: 0 24px 38px rgba(48, 199, 255, 0.1); }
  .product-card-group .c-f {
    left: 441px;
    top: 456px; }
    .product-card-group .c-f .ci-title {
      background: #51a6fe;
      -webkit-box-shadow: 0 24px 38px rgba(81, 166, 254, 0.1);
      box-shadow: 0 24px 38px rgba(81, 166, 254, 0.1); }
  .product-card-group .c-g {
    left: 776px;
    top: 475px; }
    .product-card-group .c-g .ci-title {
      background: #2575d9;
      -webkit-box-shadow: 0 24px 38px rgba(37, 117, 217, 0.1);
      box-shadow: 0 24px 38px rgba(37, 117, 217, 0.1); }
  .product-card-group .c-h {
    left: 1060px;
    top: 578px; }
    .product-card-group .c-h .ci-title {
      background: #de2222;
      -webkit-box-shadow: 0 24px 38px rgba(222, 34, 34, 0.1);
      box-shadow: 0 24px 38px rgba(222, 34, 34, 0.1); }

@media (max-width: 1300px) {
  .product-card-group .mx-container {
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
.scene-banner,
.solution-banner {
  display: block;
  max-width: 1920px;
  height: 378px;
  color: #fff; }
  .scene-banner .b-box,
  .solution-banner .b-box {
    display: inline-block;
    margin-top: 200px;
    margin-left: 35px;
    text-align: center; }
  .scene-banner .b-title,
  .solution-banner .b-title {
    font-size: 36px;
    color: #fff;
    text-align: left; }
  .scene-banner .b-txt,
  .solution-banner .b-txt {
    padding-top: 15px;
    font-size: 24px; }

.solution-banner {
  background: url(../images/solution/icon_bg_04.jpg) no-repeat center center; }
  .solution-banner.solution-banner-a {
    background: url(../images/solution/icon_bg_07.jpg) no-repeat center center; }
  .solution-banner.solution-banner-b {
    background: url(../images/solution/icon_bg_11.jpg) no-repeat center center; }
  .solution-banner.cooperation-banner {
    background: url(../images/cooperation/icon_bg_14.jpg) no-repeat center center; }
  .solution-banner.down-banner {
    background: url(../images/download/download-bg.jpg) no-repeat center center; }
  .solution-banner.bs-banner {
    background: url(../images/business/bannner.jpg) no-repeat center center; }
  .solution-banner.cashier-banner {
    background: url(../images/cashier/banner.jpg) no-repeat center center; }
  .solution-banner.face-banner {
    background: url(../images/face/1_08.jpg) no-repeat center center; }
  .solution-banner.facility-banner {
    background: url(../images/equipment/bannner.jpg) no-repeat center center; }
  .solution-banner.news-banner {
    background: url(../images/news/news-bannner.jpg) no-repeat center center; }

.scene-banner {
  background: url(../images/scene/1_01.jpg) no-repeat center center; }
  .scene-banner .b-box {
    margin-top: 165px;
    margin-left: 180px; }
  .scene-banner .b-txt {
    padding-top: 20px; }

.solution-sub-header {
  padding: 50px 0 40px;
  text-align: center; }
  .solution-sub-header .sh-title {
    font-size: 36px;
    color: #d80c18;
    font-weight: 600; }
  .solution-sub-header .sh-subtitle {
    margin-top: 15px;
    font-size: 30px; }
  .solution-sub-header .sh-txt {
    margin-top: 8px;
    color: #666;
    font-size: 18px; }

.solution-group {
  display: block;
  max-width: 1920px;
  height: 538px; }
  .solution-group.s-a {
    background: url(../images/solution/2_01.jpg) no-repeat center; }
  .solution-group.s-b {
    margin-bottom: 15px;
    background: url(../images/solution/3_01.jpg) no-repeat center; }
  .solution-group.s-c {
    margin-top: -110px;
    height: 591px;
    background: url(../images/solution/4_02.jpg) no-repeat center; }
  .solution-group.s-d {
    background: url(../images/solution/5_02.jpg) no-repeat center; }

.scene-sub-header {
  padding-top: 75px;
  padding-bottom: 30px;
  text-align: center; }
  .scene-sub-header .sh-title {
    font-size: 36px;
    color: #3079ff;
    font-weight: 600; }
  .scene-sub-header .sh-txt {
    font-size: 24px;
    margin-top: 15px; }

.scene-group {
  position: relative;
  display: block; }
  .scene-group .sg-sketch {
    position: relative;
    z-index: 1;
    width: 530px;
    display: inline-block;
    padding: 25px 65px;
    background: #cbdcfa;
    border-radius: 5px;
    -webkit-box-shadow: 0 24px 38px rgba(48, 91, 255, 0.14);
    -moz-box-shadow: 0 24px 38px rgba(48, 91, 255, 0.14);
    -ms-box-shadow: 0 24px 38px rgba(48, 91, 255, 0.14);
    box-shadow: 0 24px 38px rgba(48, 91, 255, 0.14); }
    .scene-group .sg-sketch::before, .scene-group .sg-sketch::after {
      content: "";
      display: block;
      position: absolute;
      height: 27px;
      width: 34px;
      background: url(../images/scene/double_quote_icon.png) no-repeat; }
    .scene-group .sg-sketch::before {
      top: 25px;
      left: 20px; }
    .scene-group .sg-sketch::after {
      bottom: 20px;
      right: 20px;
      background-position: 0 -27px; }
  .scene-group .sg-s-title {
    color: #3e74d8;
    font-size: 22px; }
  .scene-group .sg-s-txt {
    padding-left: 18px;
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.8; }
    .scene-group .sg-s-txt li {
      list-style-type: decimal; }
  .scene-group .sg-circle {
    position: absolute;
    z-index: 3;
    display: inline-block;
    height: 90px;
    line-height: 90px;
    text-align: center;
    width: 90px;
    color: #fff;
    font-size: 24px;
    background: #3079ff;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .scene-group .sg-img {
    position: absolute;
    z-index: 2; }

.scene-group-a {
  height: 480px;
  /*background: url(../images/scene/2_01.jpg) no-repeat center bottom;*/ }
  .scene-group-a .sg-sketch {
    margin-top: 66px;
    margin-left: 18px; }
  .scene-group-a .sg-img {
    bottom: 0;
    right: 20px; }
  .scene-group-a .a {
    top: -48px;
    right: 162px; }
  .scene-group-a .b {
    top: 27px;
    right: 388px; }
  .scene-group-a .c {
    top: 104px;
    right: 68px;
    background: #2a57ab; }
  .scene-group-a .d {
    top: 118px;
    right: 465px;
    height: 150px;
    width: 150px;
    line-height: 150px;
    background: #5591ff; }
  .scene-group-a .e {
    bottom: 145px;
    right: 200px; }
  .scene-group-a .f {
    bottom: 55px;
    right: 420px; }
  .scene-group-a .g {
    bottom: 50px;
    left: 374px;
    background: #3e74d8; }
  .scene-group-a .h {
    bottom: 30px;
    left: 50px; }
  .scene-group-a .i {
    bottom: 36px;
    right: 52px;
    background: #2767dd; }

.scene-group-b {
  height: 520px;
  margin-bottom: 15px; }
  .scene-group-b .sg-img {
    left: -50px;
    top: 0; }
  .scene-group-b .sg-sketch {
    position: absolute;
    right: 26px;
    bottom: 66px; }

.scene-group-c {
  height: 520px; }
  .scene-group-c .sg-img {
    right: -25px;
    bottom: 0; }
  .scene-group-c .sg-sketch {
    margin-top: 160px;
    margin-left: 20px; }

.scene-group-d {
  height: 516px; }
  .scene-group-d .sg-img {
    left: 10px;
    bottom: 0; }
  .scene-group-d .sg-sketch {
    position: absolute;
    right: 42px;
    bottom: 145px; }

.scene-group-e {
  height: 523px; }
  .scene-group-e .sg-img {
    right: 0;
    bottom: 0; }
  .scene-group-e .sg-sketch {
    position: absolute;
    left: 30px;
    bottom: 140px; }
  .scene-group-e .sg-sketch {
    padding-right: 55px;
    line-height: 2; }

.scene-group-f {
  height: 546px;
  margin-bottom: 40px; }
  .scene-group-f .sg-img {
    left: -45px;
    bottom: 0; }
  .scene-group-f .sg-sketch {
    position: absolute;
    right: 24px;
    top: 150px; }

.proxy-banner {
  display: block;
  padding-top: 160px;
  text-align: center;
  max-width: 1920px;
  height: 399px;
  background: url(../images/proxy/1_01.jpg) no-repeat center center;
  color: #fff; }
  .proxy-banner .pb-title {
    font-size: 46px;
    color: #fff; }
  .proxy-banner .pb-txt {
    padding-top: 18px;
    font-size: 24px; }
  .proxy-banner .pb-btn {
    margin-top: 35px; }

.benefit-sub-title {
  padding-top: 70px;
  padding-bottom: 80px;
  font-size: 36px;
  font-weight: 600;
  color: #d80c18;
  text-align: center; }

.proxy-benefit-group .bg-item {
  display: inline-block;
  float: left;
  width: 16.6%;
  text-align: center; }
.proxy-benefit-group .bg-title {
  margin-top: -16px;
  font-size: 22px; }

.proxy-group .pg-box {
  position: relative;
  z-index: 1; }
.proxy-group .pg-img {
  position: relative;
  z-index: 2; }
.proxy-group .pg-txt {
  position: absolute;
  z-index: 3;
  font-size: 18px; }

.proxy-group-a {
  margin-top: 50px; }
  .proxy-group-a .benefit-sub-title {
    padding-bottom: 50px; }
  .proxy-group-a .pg-box {
    height: 434px; }
  .proxy-group-a .pg-img {
    margin-left: 20px; }
  .proxy-group-a .pg-txt {
    top: 90px;
    left: 700px;
    line-height: 2; }
  .proxy-group-a .a-txt-b {
    padding-left: 60px;
    margin-top: 50px; }
  .proxy-group-a .a-txt-c {
    padding-left: 30px;
    margin-top: 50px; }

.proxy-group-b .pg-box {
  height: 374px; }
.proxy-group-b .pg-txt {
  top: 113px;
  left: 186px;
  line-height: 2; }

.proxy-group-c .benefit-sub-title {
  padding-top: 50px;
  padding-bottom: 50px; }
.proxy-group-c .pg-box {
  height: 400px; }
.proxy-group-c .c-item {
  position: absolute;
  z-index: 2;
  text-align: center; }
.proxy-group-c .c-i-title {
  display: inline-block;
  font-size: 24px;
  min-width: 130px;
  line-height: 60px;
  background: #eaeeff;
  color: #d80c18; }
.proxy-group-c .c-i-txt {
  margin-top: 10px;
  line-height: 2;
  font-size: 18px; }
.proxy-group-c .c-item-a {
  top: 0;
  left: 430px; }
.proxy-group-c .c-item-b {
  top: 190px;
  left: 710px; }
.proxy-group-c .c-item-c {
  top: 300px;
  left: 420px; }

.proxy-group-d {
  margin-top: 30px; }
  .proxy-group-d .benefit-sub-title {
    padding-bottom: 30px; }
  .proxy-group-d .pg-box {
    height: 404px; }
  .proxy-group-d .pg-txt {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    line-height: 2; }

.proxy-group-e .benefit-sub-title {
  padding-bottom: 50px; }
.proxy-group-e .e-img {
  display: block;
  height: 671px;
  background: url(../images/proxy/7_01.jpg) no-repeat center center; }

.proxy-group-f .benefit-sub-title {
  padding-bottom: 20px; }
.proxy-group-f .pg-box {
  height: 720px; }
.proxy-group-f .f-txt {
  position: absolute;
  z-index: 3;
  font-size: 16px;
  line-height: 2;
  text-align: center; }
.proxy-group-f .f-txt-a {
  top: 155px;
  left: 168px; }
.proxy-group-f .f-txt-b {
  top: 122px;
  left: 845px; }
.proxy-group-f .f-txt-c {
  top: 320px;
  left: 142px; }
.proxy-group-f .f-txt-d {
  top: 320px;
  left: 925px; }
.proxy-group-f .f-txt-e {
  top: 494px;
  left: 143px; }
.proxy-group-f .f-txt-f {
  top: 468px;
  left: 827px; }

.proxy-group-spark-rogram {
  margin-bottom: 40px; }
  .proxy-group-spark-rogram .benefit-sub-title {
    padding-bottom: 0; }
  .proxy-group-spark-rogram .sr-sub-title {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #14c429;
    font-size: 36px;
    text-align: center; }
  .proxy-group-spark-rogram .sr-ul {
    width: 860px;
    margin: 0 auto; }
  .proxy-group-spark-rogram .sr-item {
    float: left;
    display: inline-block; }
  .proxy-group-spark-rogram .sr-msg-box {
    margin-top: 0;
    margin-left: 230px; }
  .proxy-group-spark-rogram .sr-state {
    float: left;
    margin-top: 15px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    width: 160px;
    color: #fff;
    text-align: center;
    font-size: 24px;
    border-radius: 5px;
    background: #14c429; }
  .proxy-group-spark-rogram .sr-state-way {
    background: #fb9f1b; }
  .proxy-group-spark-rogram .sr-sale {
    padding: 30px 0; }
  .proxy-group-spark-rogram .sr-sale-msg {
    padding-left: 180px;
    font-size: 20px; }
  .proxy-group-spark-rogram .b-g {
    font-size: 32px;
    color: #14c429; }
  .proxy-group-spark-rogram .sr-way-msg {
    padding-left: 180px;
    font-size: 32px; }
  .proxy-group-spark-rogram .b-r {
    color: #e13922;
    font-size: 70px;
    font-weight: 600; }
  .proxy-group-spark-rogram .b-b {
    color: #305bff;
    font-weight: 600; }

.download-banner {
  display: block;
  max-width: 1920px;
  height: 399px;
  background: url(../images/download/1_01.jpg) no-repeat center center; }
  .download-banner .db-main {
    position: relative;
    height: 399px;
    color: #fff;
    font-size: 24px; }
  .download-banner .db-phone {
    position: absolute;
    left: 165px;
    bottom: 0; }
  .download-banner .db-title {
    padding-left: 450px;
    padding-top: 115px;
    font-size: 36px;
    color: #fff; }
  .download-banner .db-txt {
    padding-top: 20px;
    padding-left: 450px; }
  .download-banner .db-qrc-box {
    position: absolute;
    right: 170px;
    bottom: 15px;
    height: 128px;
    line-height: 128px; }
  .download-banner .db-q-txt {
    padding-right: 20px; }

.download-hint {
  margin-top: 50px;
  font-size: 36px;
  line-height: 108px;
  text-align: center; }

.download-group {
  width: 1080px;
  margin: 0 auto;
  font-size: 16px;
  padding-bottom: 100px;
  border-top: 1px solid #e6e7ee;
  position: relative; }
  .download-group .dg-title {
    padding-top: 35px;
    padding-bottom: 35px;
    color: #305bff;
    font-size: 34px;
    text-align: center; }
  .download-group .dg-android-box {
    padding-top: 70px;
    padding-left: 420px; }
  .download-group .dg-android-img {
    position: absolute;
    left: 140px;
    top: 130px; }
  .download-group .dg-tips {
    margin-top: 40px;
    color: #14c429; }
  .download-group .dg-txt {
    line-height: 1.8; }
  .download-group .dg-other {
    padding-top: 70px;
    padding-left: 30px; }
  .download-group .dg-o-title {
    margin-bottom: 20px; }
  .download-group .dg-mobile {
    display: inline-block;
    text-align: center;
    height: 160px; }
  .download-group .dg-pc {
    margin-left: 110px;
    display: inline-block;
    text-align: center;
    height: 160px; }
  .download-group .btn-apply {
    margin: 34px 0;
    font-size: 24px; }

.download-group-pc {
  padding-top: 40px; }
  .download-group-pc .dg-pc-box {
    padding-top: 45px;
    padding-left: 420px; }
  .download-group-pc .dg-pc-img {
    position: absolute;
    left: 10px;
    bottom: 100px; }

.product-group-title {
  font-size: 36px;
  color: #d80c18;
  font-weight: 600;
  text-align: center; }

.product-group-sub-title {
  margin-top: 10px;
  font-size: 22px;
  text-align: center;
  font-weight: 600; }

.product-group-txt {
  margin-top: 5px;
  color: #666;
  text-align: center; }

.product-member-group {
  padding: 30px 0;
  background: #f5f6fa;
  line-height: 1.6; }

.product-social-group {
  position: relative;
  padding-top: 50px;
  padding-bottom: 20px; }
  .product-social-group .social-box {
    position: absolute;
    top: 170px;
    left: 80px;
    width: 500px; }
  .product-social-group .social-txt {
    margin-top: 25px;
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    text-align: center; }
  .product-social-group .social-img {
    width: 462px;
    height: 452px;
    margin-left: 640px; }

.product-marketing-group {
  padding: 60px 0;
  background: #f5f6fa; }
  .product-marketing-group .marketing-box {
    position: relative;
    display: block;
    width: 566px;
    margin: 20px auto 0; }
  .product-marketing-group .marketing-img {
    display: block;
    width: 566px;
    height: 500px; }
  .product-marketing-group .marketing-item {
    position: absolute;
    font-size: 22px;
    width: 300px; }
  .product-marketing-group .mi-title {
    font-weight: 600; }
  .product-marketing-group .mi-txt {
    display: block;
    padding-top: 5px;
    color: #666; }
  .product-marketing-group .m-a {
    top: 14%;
    right: 104%;
    text-align: right; }
  .product-marketing-group .m-b {
    top: 47%;
    right: 88%;
    text-align: right; }
  .product-marketing-group .m-c {
    top: 14%;
    left: 104%;
    text-align: left; }
  .product-marketing-group .m-d {
    top: 47%;
    left: 88%;
    text-align: left; }

.product-standard-group {
  margin-top: 60px;
  /*padding-bottom: 5px;*/ }
  .product-standard-group .product-group-sub-title {
    padding-top: 10px;
    font-weight: 500; }
  .product-standard-group .standard-box {
    position: relative;
    text-align: center;
    margin: 70px 0 40px; }
  .product-standard-group .standard-img {
    height: 585px; }
  .product-standard-group .standard-absolute {
    position: absolute;
    top: -45px;
    left: 568px; }
  .product-standard-group .si-title {
    font-size: 16px;
    text-align: left; }
  .product-standard-group .si-txt {
    padding-top: 15px;
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    text-align: left; }
    .product-standard-group .si-txt span {
      color: #40b0ff; }
  .product-standard-group .s-b {
    margin-top: 35px; }
  .product-standard-group .s-c {
    margin-top: 35px; }
  .product-standard-group .s-d {
    margin-top: 35px; }

.product-preview-group {
  display: block;
  max-width: 1920px;
  height: 672px;
  background: url(../images/products/9_01.jpg) no-repeat center center; }

.product-preview-sub-title {
  padding: 55px 0;
  font-size: 36px;
  text-align: center;
  color: #fff; }

.product-preview-swiper {
  margin: 0 auto;
  width: 1040px; }
  .product-preview-swiper .swiper-slide {
    height: 480px;
    text-align: center;
    /*width: 240px;*/
    /*padding: 0 15px;*/
    /*margin: 0 20px;*/
    text-align: center; }
  .product-preview-swiper .pps-item {
    position: relative;
    padding-top: 10px;
    margin: 0 auto;
    width: 230px;
    height: 400px;
    background: none; }
    .product-preview-swiper .pps-item:hover {
      background: rgba(0, 0, 0, 0.2); }
      .product-preview-swiper .pps-item:hover::before {
        display: block; }
      .product-preview-swiper .pps-item:hover .pps-code-box {
        display: block; }
    .product-preview-swiper .pps-item::before {
      content: "";
      position: absolute;
      z-index: 1;
      display: none;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: -moz-linear-gradient(top, #305bff 0%, #28e8ff, 50%, #28e8ff 100%);
      /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305bff), color-stop(100%,#28e8ff));*/
      background: -webkit-linear-gradient(top, #305bff 0%, #28e8ff, 50%, #28e8ff 100%);
      background: -o-linear-gradient(top, #305bff 0%, #28e8ff, 50%, #28e8ff 100%);
      background: -ms-linear-gradient(top, #305bff 0%, #28e8ff, 50%, #28e8ff 100%);
      background: linear-gradient(to bottom, #305bff 0%, #28e8ff, 50%, #28e8ff 100%);
      border: 1px solid #fff;
      opacity: 0.2; }
  .product-preview-swiper .pps-code-box {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
    /*@include transition(all,0.5s,ease,0s);*/ }
    .product-preview-swiper .pps-code-box::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 5;
      background: -moz-linear-gradient(top, rgba(48, 91, 255, 0.1) 0%, #28e8ff, 50%, #28e8ff 75%, #305bff 100%);
      /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305bff), color-stop(100%,#28e8ff));*/
      background: -webkit-linear-gradient(top, rgba(48, 91, 255, 0.1) 0%, #28e8ff, 50%, #28e8ff 75%, #305bff 100%);
      background: -o-linear-gradient(top, rgba(48, 91, 255, 0.1) 0%, #28e8ff, 50%, #28e8ff 75%, #305bff 100%);
      background: -ms-linear-gradient(top, rgba(48, 91, 255, 0.1) 0%, #28e8ff, 50%, #28e8ff 75%, #305bff 100%);
      background: linear-gradient(to bottom, rgba(48, 91, 255, 0.1) 0%, #28e8ff, 50%, #28e8ff 75%, #305bff 100%);
      opacity: .7; }
  .product-preview-swiper .pps-code {
    display: inline-block;
    position: relative;
    z-index: 6;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 16px 12px 0 12px;
    background: rgba(0, 0, 0, 0.28); }
  .product-preview-swiper .pps-code-qrc {
    height: 108px;
    width: 108px; }
  .product-preview-swiper .pps-code-txt {
    padding: 6px 0 8px;
    font-size: 16px;
    color: #fff; }
  .product-preview-swiper .pps-img {
    position: relative;
    z-index: 2;
    height: 380px; }
  .product-preview-swiper .pps-qrc {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0; }
  .product-preview-swiper .pps-title {
    margin-top: 10px;
    color: #fff; }
  .product-preview-swiper .pps-txt {
    margin-top: 2px;
    color: #a6c0ff; }

.product-mini-group {
  margin-top: 70px;
  margin-bottom: 20px;
  display: block;
  max-width: 1920px;
  height: 764px;
  background: url(../images/products/10_01.jpg) no-repeat center center; }
  .product-mini-group .product-group-sub-title {
    padding-top: 15px;
    font-weight: 500; }
  .product-mini-group .mini-box {
    padding-top: 90px; }
  .product-mini-group .mini-item {
    margin-bottom: 35px;
    margin-left: 700px;
    padding-right: 30px; }
  .product-mini-group .si-title {
    font-size: 22px; }
  .product-mini-group .si-txt {
    padding-top: 10px;
    font-size: 16px;
    color: #666;
    line-height: 1.6; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }
  100% {
    opacity: 1;
    -moz-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(10px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-mos-keyframes fadeInUp {
  0% {
    opacity: 0;
    -mos-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -mos-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes rotateReturnAnimation {
  0%,100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }
@keyframes rotateReturnAnimation {
  0%,100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }
.opacity-hide,
.opacity0 {
  opacity: 0; }

.opacity-show {
  opacity: 1; }

.animate-left {
  opacity: 1;
  -webkit-animation: fadeInLeft 0.8s 0s;
  -moz-animation: fadeInLeft 0.8s 0s;
  -o-animation: fadeInLeft 0.8s 0s;
  animation: fadeInLeft 0.8s 0s; }

.animate-up {
  opacity: 1;
  -webkit-animation: fadeInUp 0.8s 0s;
  -moz-animation: fadeInUp 0.8s 0s;
  -o-animation: fadeInUp 0.8s 0s;
  animation: fadeInUp 0.8s 0s; }

.animate-right {
  opacity: 1;
  -webkit-animation: fadeInRight 0.8s 0s;
  -moz-animation: fadeInRight 0.8s 0s;
  -o-animation: fadeInRight 0.8s 0s;
  animation: fadeInRight 0.8s 0s; }

.animate-down {
  opacity: 1;
  -webkit-animation: fadeInDown 0.8s 0s;
  -moz-animation: fadeInDown 0.8s 0s;
  -o-animation: fadeInDown 0.8s 0s;
  animation: fadeInDown 0.8s 0s; }

.mx-back-top {
  position: fixed;
  right: 30px;
  /*bottom: 30px;*/
  top: 50%;
  margin-top: 70px;
  z-index: 800;
  height: 70px;
  width: 70px;
  display: block;
  cursor: pointer;
  background: url(../images/common/up.png) no-repeat; }

/*刷脸支付*/
.face-banner {
  display: block;
  max-width: 1920px;
  height: 380px;
  background: url(../images/face/face-banner.jpg) no-repeat center center; }

.face-group-a {
  width: 100%;
  background: #ffffff;
  margin-top: 30px; }

.bs-bg {
  height: 530px;
  background: url(../images/business/bannner.jpg) no-repeat center center; }

.brand-bg {
  height: 658px;
  background: url(../images/solution/icon_bg_12.jpg) no-repeat center center; }

.member-system-wrap {
  height: 634px;
  background: url(../images/solution/icon_bg_10.jpg) no-repeat center center;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%; }

.face-group-b {
  width: 100%;
  height: auto;
  background: #f7f7f9; }

.face-wrap {
  text-align: center;
  padding: 66px 0; }

.face-business {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  padding: 20px 0 64px; }
  .face-business li {
    flex: 1;
    text-align: center; }
  .face-business .face-icon {
    width: 211px;
    height: 211px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin: 0 auto; }
    .face-business .face-icon.face-icon-a {
      background: url(../images/home/icon_02.png) no-repeat; }
    .face-business .face-icon.face-icon-b {
      background: url(../images/home/icon_03.png) no-repeat; }
    .face-business .face-icon.face-icon-c {
      background: url(../images/home/icon_01.png) no-repeat; }
  .face-business .f-icon {
    width: 224px;
    height: 224px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin: 0 auto; }
    .face-business .f-icon.face-icon-e {
      background: url(../images/solution/icon_07_01.png) no-repeat; }
    .face-business .f-icon.face-icon-f {
      background: url(../images/solution/icon_07_02.png) no-repeat; }
    .face-business .f-icon.face-icon-g {
      background: url(../images/solution/icon_07_03.png) no-repeat; }
    .face-business .f-icon.face-icon-h {
      background: url(../images/solution/icon_07_04.png) no-repeat; }
  .face-business .f-c-tit {
    width: 117px;
    height: 24px;
    background-size: 100%;
    -webkit-background-size: 100% 100%;
    margin: 0 auto; }
    .face-business .f-c-tit.a {
      background: url(../images/home/icon_01_01.png) no-repeat; }
    .face-business .f-c-tit.b {
      width: 119px;
      background: url(../images/home/icon_01_02.png) no-repeat; }
    .face-business .f-c-tit.c {
      width: 143px;
      background: url(../images/home/icon_01_03.png) no-repeat; }
  .face-business .f-tit {
    width: 94px;
    height: 24px;
    background-size: 100%;
    -webkit-background-size: 100% 100%;
    margin: 10px auto 0; }
    .face-business .f-tit.e {
      background: url(../images/solution/icon_07_06.png) no-repeat; }
    .face-business .f-tit.f {
      background: url(../images/solution/icon_07_05.png) no-repeat; }
    .face-business .f-tit.g {
      background: url(../images/solution/icon_07_07.png) no-repeat; }
    .face-business .f-tit.h {
      background: url(../images/solution/icon_07_08.png) no-repeat; }
  .face-business .f-c-txt {
    color: #4d5577;
    font-size: 16px;
    text-align: center;
    padding: 0 40px;
    margin-top: 24px;
    line-height: 26px; }
  .face-business .f-txt {
    color: white;
    font-size: 16px;
    text-align: center;
    padding: 0 40px;
    margin-top: 14px;
    line-height: 26px; }

.face-choice {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center; }
  .face-choice li {
    flex: 1;
    border: 1px solid #dddddd;
    -moz-box-shadow: 1px 1px 2px #F5F5F5;
    -webkit-box-shadow: 1px 1px 2px #F5F5F5;
    box-shadow: 1px 1px 2px #F5F5F5;
    border-radius: 5px;
    text-align: center; }
  .face-choice .f-c-a {
    margin: 0 28px; }
  .face-choice .f-c-b {
    margin-right: 28px; }
  .face-choice .f-c-bg {
    width: 118px;
    height: 118px;
    background: #14c528;
    border-radius: 50%;
    line-height: 118px;
    text-align: center;
    color: white;
    margin: 38px auto;
    font-size: 60px; }
  .face-choice .f-c-title {
    padding: 3px 0 31px;
    font-size: 30px;
    color: #333333; }
  .face-choice .f-c-main {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    text-align: left;
    padding: 0 25px 20px; }

.face-way {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-top: 8px;
  padding-bottom: 40px; }
  .face-way li {
    flex: 1; }
    .face-way li .f-w-l-tit {
      font-size: 18px;
      color: #333333;
      text-align: right;
      margin-bottom: 10px; }
      .face-way li .f-w-l-tit.text-left {
        text-align: left; }
    .face-way li .f-w-lt-txt {
      font-size: 16px;
      text-align: right;
      color: #333333;
      line-height: 1.6; }
      .face-way li .f-w-lt-txt.text-left {
        text-align: left; }
    .face-way li .mt {
      margin-top: 106px; }
  .face-way .f-w-l {
    margin-right: 20px; }
  .face-way .f-w-r {
    margin-left: 20px; }

.f-w {
  width: 788px;
  height: 486px;
  margin: 0 auto; }

.f-w-icon {
  width: 380px;
  height: 318px;
  margin: 0 auto; }

.face-facility {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  padding-bottom: 60px; }
  .face-facility li {
    flex: 1; }
  .face-facility .f-f-wrap {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center; }
  .face-facility .f-f-tit {
    font-size: 24px;
    color: #d80c18;
    margin-bottom: 31px; }
  .face-facility .f-f-txt {
    font-size: 16px;
    color: #333333;
    line-height: 32px; }

/*微信公众号*/
.wx-tencent-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  justify-content: center;
  margin-bottom: 36px; }
  .wx-tencent-wrap li {
    width: 25%;
    cursor: pointer;
    transition: 500ms;
    -moz-transition: 500ms;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    border-radius: 20px; }
    .wx-tencent-wrap li.tencent {
      width: 25%;
      height: 308px; }
    .wx-tencent-wrap li:hover {
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
      background: #f8f9fb; }
  .wx-tencent-wrap .tencent-title {
    border: 1px solid #e6e6e6;
    font-size: 60px;
    color: #333333;
    line-height: 132px; }
  .wx-tencent-wrap .tencent-icon {
    width: 132px;
    height: 132px;
    background: white;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin: 38px auto 20px;
    position: relative; }
    .wx-tencent-wrap .tencent-icon.cashier-bg {
      background: transparent; }
    .wx-tencent-wrap .tencent-icon.t-bg {
      background: transparent;
      margin: 38px auto 0; }
    .wx-tencent-wrap .tencent-icon .f-a {
      width: 105px;
      height: 80px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .f-b {
      width: 84px;
      height: 84px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .f-c {
      width: 82px;
      height: 82px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .f-e {
      width: 90px;
      height: 88px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .f-f {
      width: 85px;
      height: 77px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .f-g {
      width: 76px;
      height: 76px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .f-h {
      width: 78px;
      height: 76px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .t-a {
      width: 98px;
      height: 60px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .t-b {
      width: 72px;
      height: 72px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .t-c {
      width: 80px;
      height: 92px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .t-d {
      width: 75px;
      height: 75px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .wx-tencent-wrap .tencent-icon .t-e {
      width: 76px;
      height: 76px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
  .wx-tencent-wrap .f-c-tit {
    font-size: 24px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px; }
  .wx-tencent-wrap .f-c-txt {
    font-size: 16px;
    text-align: center;
    color: #333333;
    padding: 0 46px;
    margin-bottom: 40px; }
    .wx-tencent-wrap .f-c-txt.txt-color {
      color: #898ea3; }
    .wx-tencent-wrap .f-c-txt.f-t-txt {
      padding: 0 24px; }
  .wx-tencent-wrap .text-left {
    text-align: left; }

/*公众号优势*/
.wx-tencent-main {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  .wx-tencent-main.mb70 {
    margin-bottom: 70px; }
  .wx-tencent-main .wx-item {
    width: 570px;
    height: 225px;
    border-radius: 10px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%; }
    .wx-tencent-main .wx-item.a {
      background: url(../images/solution/icon_bg_06.png) no-repeat; }
    .wx-tencent-main .wx-item.b {
      background: url(../images/solution/icon_bg_05.png) no-repeat; }
    .wx-tencent-main .wx-item.c {
      background: url(../images/solution/icon_bg_07.png) no-repeat; }
    .wx-tencent-main .wx-item.d {
      background: url(../images/solution/icon_bg_08.png) no-repeat; }
    .wx-tencent-main .wx-item.mr {
      margin-right: 16px; }
    .wx-tencent-main .wx-item.mb {
      margin-bottom: 20px; }
    .wx-tencent-main .wx-item .wx-title {
      font-size: 24px;
      color: white;
      text-align: center;
      padding: 46px 0 20px; }
    .wx-tencent-main .wx-item .wx-txt {
      font-size: 16px;
      color: white;
      text-align: left;
      line-height: 26px;
      padding: 0 80px; }

/*全功能会员体系*/
.member-system-main {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 140px;
  background: white;
  border-radius: 140px;
  margin-top: 30px;
  padding: 25px 6px; }
  .member-system-main .member-system-item {
    flex: 1;
    padding: 0 40px; }
    .member-system-main .member-system-item.br {
      border-right: 1px solid #ecedf1; }
  .member-system-main .m-s-wrap {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    margin-bottom: 18px; }
  .member-system-main .m-s-l {
    width: 28px;
    height: 28px;
    color: white;
    background: #ff5a6a;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    font-size: 18px; }
  .member-system-main .m-s-r {
    font-size: 24px;
    color: #333333;
    margin-left: 20px; }
  .member-system-main .m-txt {
    font-size: 16px;
    color: #4d5577;
    text-align: center; }

.m-wrap {
  position: relative;
  margin-bottom: 60px; }
  .m-wrap .m-wrap-txt {
    position: absolute;
    color: #333333;
    font-size: 16px; }
    .m-wrap .m-wrap-txt.a {
      top: 230px;
      left: 113px; }
    .m-wrap .m-wrap-txt.b {
      top: 230px;
      left: 385px; }
    .m-wrap .m-wrap-txt.c {
      top: 230px;
      left: 647px; }
    .m-wrap .m-wrap-txt.d {
      top: 230px;
      left: 950px; }
    .m-wrap .m-wrap-txt.e {
      top: 480px;
      left: 950px; }
    .m-wrap .m-wrap-txt.f {
      top: 480px;
      left: 666px; }
    .m-wrap .m-wrap-txt.g {
      top: 480px;
      left: 382px; }
    .m-wrap .m-wrap-txt.h {
      top: 480px;
      left: 110px; }

/*合作商家实例*/
.cooperation-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  justify-content: center;
  margin-bottom: 60px; }
  .cooperation-wrap li {
    width: 20%; }
  .cooperation-wrap .c-icon {
    width: 100%;
    height: 322px; }
  .cooperation-wrap .cooperation-item {
    width: 150px;
    height: 70px; }
  .cooperation-wrap .mr10 {
    margin-right: 10px; }

/*下载中心*/
.down-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  justify-content: center; }
  .down-wrap.a {
    margin-bottom: 28px; }
  .down-wrap.b {
    padding-top: 100px; }
  .down-wrap .down-title {
    font-size: 36px;
    color: #333333;
    margin-bottom: 20px; }
  .down-wrap .t-tisp {
    height: 1px;
    width: 46px;
    background: #14c429;
    margin-bottom: 24px; }
  .down-wrap .t-tit {
    font-size: 18px;
    color: #999999;
    margin-bottom: 12px; }
  .down-wrap .t-txt {
    font-size: 18px;
    color: #14c429;
    padding: 18px 0 44px; }
  .down-wrap .d-icon {
    width: 320px;
    height: 428px;
    margin-left: 228px; }
  .down-wrap .f-icon {
    width: 426px;
    height: 324px;
    margin-right: 80px; }

.bs-warp {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  padding: 40px 0; }
  .bs-warp .bs-l {
    flex: 1; }
    .bs-warp .bs-l .bs-title {
      font-size: 60px;
      color: white;
      margin-bottom: 54px; }
    .bs-warp .bs-l .bs-tisp {
      font-size: 24px;
      color: #abb0c2;
      margin-bottom: 48px; }
    .bs-warp .bs-l .bs-t {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-items: center; }
      .bs-warp .bs-l .bs-t .bs-item {
        width: 254px;
        padding: 12px;
        background: #17284d;
        border-radius: 10px;
        color: white;
        font-size: 16px;
        margin: 0 16px 16px 0; }
        .bs-warp .bs-l .bs-t .bs-item span {
          color: #27bfff; }
  .bs-warp .bs-r {
    width: 405px;
    height: 467px; }

/*客满城智慧商圈*/
.bs-main-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  margin: 42px 0; }
  .bs-main-wrap .bs-main-icon {
    margin: 0 55px; }
  .bs-main-wrap .plug-b-bg {
    padding-left: 126px;
    margin: 0; }
  .bs-main-wrap .bs-main-itme {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    margin: 50px 0; }
    .bs-main-wrap .bs-main-itme.a {
      margin: 20px 0; }
    .bs-main-wrap .bs-main-itme .bs-l {
      flex: 1; }
      .bs-main-wrap .bs-main-itme .bs-l .bs-l-t {
        font-size: 24px;
        color: #333333;
        margin-bottom: 6px; }
      .bs-main-wrap .bs-main-itme .bs-l .bs-l-b {
        font-size: 14px;
        color: #666666; }
    .bs-main-wrap .bs-main-itme .bs-r {
      width: 74px;
      height: 74px;
      border-radius: 50%;
      border: 1px solid #e5dde1;
      line-height: 74px;
      text-align: center;
      vertical-align: middle; }
      .bs-main-wrap .bs-main-itme .bs-r.b {
        border: 0; }
    .bs-main-wrap .bs-main-itme .f-border {
      border: 1px solid #333333; }
  .bs-main-wrap .text-left {
    text-align: left; }
  .bs-main-wrap .text-right {
    text-align: right; }
  .bs-main-wrap .pl {
    padding-left: 28px; }
  .bs-main-wrap .pr {
    padding-right: 28px; }

.sm-bg {
  padding: 38px 0; }

/*客服*/
.business-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  align-items: center;
  margin-bottom: 40px; }
  .business-wrap .business-m {
    padding: 0 50px; }

/*分销*/
.f-x-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center; }
  .f-x-wrap .f-x-r {
    flex: 1;
    margin: 43px 0 0 94px; }
  .f-x-wrap .f-x-iocn {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center; }
    .f-x-wrap .f-x-iocn .f-x-iocn-box {
      text-align: center;
      margin-right: 85px; }
    .f-x-wrap .f-x-iocn .f-x-iocn-wrap {
      width: 74px;
      height: 74px;
      background: white;
      border-radius: 50%;
      cursor: pointer;
      line-height: 74px;
      vertical-align: middle; }
      .f-x-wrap .f-x-iocn .f-x-iocn-wrap.f-x-current {
        background: #e92a35; }
        .f-x-wrap .f-x-iocn .f-x-iocn-wrap.f-x-current .f-x-a {
          display: none; }
        .f-x-wrap .f-x-iocn .f-x-iocn-wrap.f-x-current .f-x-b {
          display: block; }
      .f-x-wrap .f-x-iocn .f-x-iocn-wrap .f-x-b {
        display: none; }
    .f-x-wrap .f-x-iocn p {
      margin: 18px 0 40px; }
  .f-x-wrap .f-x-r-txt {
    font-size: 24px;
    color: #333333;
    padding: 18px 0; }

.yb-container {
  margin: 57px auto 0; }
  .yb-container .yb-tab-wrap {
    width: 388px;
    height: 54px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    padding: 3px;
    border: 1px solid #e4e8ee;
    margin: 0 auto; }
    .yb-container .yb-tab-wrap .yb-tab {
      flex: 1;
      height: 48px;
      line-height: 48px;
      text-align: center;
      font-size: 24px;
      color: #6c7e98;
      cursor: pointer; }
    .yb-container .yb-tab-wrap .yb-tab-current {
      background: #fec451;
      color: white; }

/*银豹收银系统*/
.yb-main {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-bottom: 18px; }
  .yb-main .yb-main-l {
    width: 518px;
    height: 148px;
    background: url(../images/cashier/icon_11_10.png) no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    padding: 28px 34px;
    color: white; }
  .yb-main .yb-t {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    margin-bottom: 20px; }
  .yb-main .yb-t-l {
    font-size: 24px;
    flex: 1; }
  .yb-main .yb-t-r {
    flex: 1;
    text-align: right;
    font-size: 16px; }
  .yb-main .yb-b {
    font-size: 16px; }
  .yb-main .yb-main-m {
    width: 232px;
    height: 148px;
    background: url(../images/cashier/icon_11_02.png) no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin: 0 18px;
    color: white;
    font-size: 24px;
    text-align: center;
    padding: 40px 0; }
  .yb-main .yb-main-r {
    width: 364px;
    height: 148px;
    background: #e92a35;
    border-radius: 20px;
    color: white;
    padding: 28px 46px; }
  .yb-main .yb-main-ll {
    width: 230px;
    height: 148px;
    background: url(../images/cashier/icon_11_03.png) no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    color: white;
    padding: 40px 0;
    text-align: center;
    font-size: 24px; }
  .yb-main .yb-main-mm {
    width: 364px;
    height: 148px;
    background: #e92a35;
    border-radius: 20px;
    margin: 0 18px;
    color: white;
    padding: 26px 28px; }
  .yb-main .yb-main-rr {
    width: 520px;
    height: 148px;
    background: url(../images/cashier/icon_11_04.png) no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    color: white;
    padding: 28px; }
  .yb-main .yb-r-t {
    font-size: 18px;
    margin-bottom: 12px; }
  .yb-main .yb-r-b {
    font-size: 16px; }

/*自强收银系统*/
.cashier-pos-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  margin-bottom: 66px; }
  .cashier-pos-wrap .cashier-pos-item {
    width: 274px;
    height: 282px;
    background: #e92a35;
    border-radius: 20px;
    margin-right: 18px;
    padding: 40px 20px 0;
    text-align: center; }
    .cashier-pos-wrap .cashier-pos-item.cashier-pos-a {
      background: url(../images/cashier/icon_11_08.png) no-repeat center center; }
    .cashier-pos-wrap .cashier-pos-item.cashier-pos-b {
      background: url(../images/cashier/icon_11_09.png) no-repeat center center; }
  .cashier-pos-wrap .cashier-pos-item:last-of-type {
    margin-right: 0; }
  .cashier-pos-wrap .cashier-item-title {
    font-size: 24px;
    color: white; }
  .cashier-pos-wrap .cashier-item-tisp {
    width: 70px;
    height: 1px;
    background: white;
    margin: 20px auto; }
  .cashier-pos-wrap .cashier-item-txt {
    font-size: 16px;
    color: white;
    text-align: left;
    line-height: 1.4; }

.zq-content {
  display: none; }

/*加盟合作*/
.league-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  margin: 48px 0 76px; }
  .league-container .league-item {
    width: 166px;
    height: 208px;
    border: 1px solid #bfbfc0;
    text-align: center;
    margin-right: 28px; }
  .league-container .l-icon {
    width: 72px;
    height: 72px;
    border: 50%;
    margin: 38px auto 34px; }
  .league-container .l-txt {
    font-size: 16px;
    color: #333333; }
  .league-container .league-item:last-of-type {
    margin-right: 0; }

.safeguard-wrap {
  width: 1200px;
  height: 300px;
  position: relative;
  overflow: hidden; }
  .safeguard-wrap ul {
    width: 9999px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0; }
    .safeguard-wrap ul li {
      float: left;
      width: 370px;
      margin-right: 20px;
      text-align: center;
      cursor: pointer; }

.big-img-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 999;
  display: none; }
  .big-img-wrap .big-img {
    height: 800px;
    margin: 100px auto;
    display: none; }
  .big-img-wrap .close-btn {
    position: fixed;
    right: 40px;
    top: 40px;
    z-index: 1000;
    cursor: pointer; }

.legal-bg {
  width: 100%;
  height: 450px;
  background: url(../images/proxy/4_01.jpg) no-repeat center center; }

.legal-title-top {
  font-size: 24px;
  color: white;
  padding: 50px 0;
  text-align: center; }

/*刷脸支付流程*/
.face-pay-content {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  align-items: center;
  padding-bottom: 58px; }
  .face-pay-content .face-pay-item {
    width: 176px;
    height: 176px;
    border-radius: 50%;
    border: 1px solid #dededf;
    background: white;
    z-index: 100;
    text-align: center;
    padding: 40px 0 36px; }
  .face-pay-content .face-pay-item:last-of-type {
    margin-right: 0; }
  .face-pay-content .face-pay-tisp {
    width: 56px;
    height: 1px;
    background: #ff5f6b; }
  .face-pay-content .face-current {
    background: #e92a35;
    color: white; }
  .face-pay-content .face-title {
    font-size: 16px;
    padding-top: 12px; }

.face-conent {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin: 0 0 78px; }
  .face-conent .f-c-itme {
    margin-right: 70px; }
  .face-conent .f-c-itme:last-of-type {
    margin-right: 0; }
  .face-conent .f-c-icon {
    width: 536px;
    height: 248px;
    border-radius: 5px;
    margin-bottom: 28px; }
  .face-conent .f-c-title {
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px; }
  .face-conent .f-c-tisp {
    font-size: 16px;
    color: #333333;
    margin-bottom: 12px; }
  .face-conent .f-c-txt {
    font-size: 16px;
    color: #999999;
    margin-bottom: 12px; }

.face-icon-bg {
  width: 430px;
  height: 38px;
  margin: 62px auto 10px;
  padding: 10px 0;
  background: url(../images/face/icon_bg.png) no-repeat center center; }

/*智慧收银*/
.cashier-main {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  padding-bottom: 74px; }
  .cashier-main .cashier-main-ll {
    margin-right: 28px; }
  .cashier-main .cashier-main-lr {
    margin-right: 28px; }
  .cashier-main .cashier-main-lr {
    margin-right: 28px; }
  .cashier-main .cashier-main-t {
    width: 170px;
    height: 134px;
    background: #f0f0f0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    border-radius: 10px; }
  .cashier-main .cashier-main-m {
    width: 366px;
    height: 400px;
    background: white;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    margin-right: 28px;
    border-radius: 10px; }
  .cashier-main .cashier-main-b {
    width: 170px;
    height: 234px;
    background: white;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px; }
    .cashier-main .cashier-main-b .cashier-icon {
      width: 62px;
      height: 50px;
      padding: 72px 0 74px;
      margin: 0 auto; }
    .cashier-main .cashier-main-b .cashier-tisp {
      font-size: 18px;
      text-align: center; }
  .cashier-main .cashier-main-tt {
    width: 170px;
    height: 134px;
    background: #f0f0f0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px; }
  .cashier-main .cashier-main-bb {
    width: 170px;
    height: 234px;
    background: white;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 30px; }
    .cashier-main .cashier-main-bb .cashier-icon {
      width: 62px;
      height: 50px;
      padding: 72px 0 74px;
      margin: 0 auto; }
    .cashier-main .cashier-main-bb .cashier-tisp {
      font-size: 18px;
      text-align: center; }
  .cashier-main .cashier-main-m-icon {
    width: 134px;
    height: 134px; }
  .cashier-main .cashier-main-m-title {
    font-size: 24px;
    color: #333333;
    text-align: center;
    padding: 44px 0 34px; }
  .cashier-main .cashier-main-m-icon {
    margin: 0 auto; }
  .cashier-main .cashier-main-m-tisp {
    text-align: center;
    font-size: 12px;
    color: #333333;
    padding: 20px 0 40px; }
  .cashier-main .cashier-main-m-txt {
    width: 184px;
    height: 40px;
    background: #e92a35;
    color: white;
    line-height: 40px;
    text-align: center;
    margin: 0 auto; }

/*快捷收款*/
.f-p-content {
  padding-bottom: 148px; }
  .f-p-content .f-p-item-l {
    width: 366px;
    height: 230px;
    position: relative;
    background: url(../images/face/icon_06.png) no-repeat center center; }
  .f-p-content .f-p-item-m {
    width: 366px;
    height: 230px;
    margin: 0 30px;
    position: relative;
    background: url(../images/face/icon_07.png) no-repeat center center; }
  .f-p-content .f-p-item-r {
    width: 366px;
    height: 230px;
    position: relative;
    background: url(../images/face/icon_08.png) no-repeat center center; }
  .f-p-content .f-p-main {
    width: 288px;
    height: 184px;
    background: white;
    padding: 0 30px;
    position: absolute;
    left: 50%;
    margin-left: -144px;
    top: 127px; }
  .f-p-content .f-p-tisp {
    width: 17px;
    height: 12px;
    margin: 20px auto; }
  .f-p-content .f-p-title {
    font-size: 18px;
    color: #898ea3;
    text-align: center; }
  .f-p-content span {
    color: #333333; }

/*插件*/
.f-contenet {
  position: relative;
  margin: 0px 0 674px; }

.plug-in {
  width: 733px;
  height: 604px;
  margin-right: 110px;
  position: absolute;
  left: -105px; }

.plug-in-txt {
  position: absolute;
  left: 720px;
  top: 220px;
  font-size: 18px;
  color: #333333; }
  .plug-in-txt span {
    font-size: 20px;
    color: red; }

.f-c-contenet {
  position: relative; }

.plug-in-wrap {
  width: 443px;
  height: 443px;
  border-radius: 50%;
  border: 1px dashed #e9eaec; }
  .plug-in-wrap .plug-in-bg {
    width: 300px;
    height: 300px;
    background: #f4fcff;
    border-radius: 50%;
    margin: 70px auto;
    position: relative; }
  .plug-in-wrap .plug-bg-icon {
    position: absolute;
    left: -230px;
    top: -140px; }

.plug-in-title {
  position: absolute;
  left: 676px;
  top: 136px; }
  .plug-in-title .plug-title {
    font-size: 30px;
    color: #333333;
    margin-bottom: 27px; }
  .plug-in-title .plug-txt {
    font-size: 18px;
    color: #666666;
    margin-bottom: 13px; }

/*刷脸设备*/
.title-content {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  align-items: center;
  margin-top: 10px; }
  .title-content .title-itme {
    padding: 12px;
    margin-right: 8px;
    border: 1px solid #f3f3f5;
    text-align: center;
    color: #abb0c2;
    font-size: 16px; }
    .title-content .title-itme.a {
      color: white;
      border: 1px solid white; }
    .title-content .title-itme.print-tisp {
      border: 1px solid #313131;
      color: #abb0c2; }
  .title-content .title-itme:last-of-type {
    margin-right: 0; }

.facility-container {
  position: relative; }

.facility-content {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  position: absolute;
  left: 50%;
  top: -176px;
  transform: translate(-50%, 0); }
  .facility-content .facility-item-l {
    width: 560px;
    height: 382px;
    margin-right: 28px;
    position: relative;
    background: url(../images/equipment/1_01.png) no-repeat center center; }
  .facility-content .facility-item-r {
    width: 560px;
    height: 382px;
    position: relative;
    background: url(../images/equipment/1_02.jpg) no-repeat center center; }

.facility-txt {
  padding: 310px 0 84px;
  text-align: center;
  font-size: 24px;
  color: #666666; }
  .facility-txt .facility-txt-l {
    width: 34px;
    height: 28px;
    margin-right: 47px;
    padding-bottom: 40px;
    background: url(../images/equipment/1_24.png) no-repeat center center;
    display: inline-block; }
  .facility-txt .facility-txt-r {
    width: 34px;
    height: 28px;
    margin-left: 47px;
    padding-top: 40px;
    background: url(../images/equipment/1_05.png) no-repeat center center;
    display: inline-block; }

.facility-item-t {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  padding: 18px 19px; }
  .facility-item-t .facility-icon {
    margin-right: 16px; }
  .facility-item-t .facility-title {
    font-size: 24px;
    color: white; }

.facility-item-b {
  color: white;
  font-size: 18px;
  width: 564px;
  height: 75px;
  line-height: 75px;
  text-indent: 2em;
  /*  background:url(../images/equipment/1_26.png) no-repeat center center;*/
  position: absolute;
  left: 0;
  bottom: 0; }

/*设备*/
.facility-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  justify-content: center;
  margin-top: 45px; }
  .facility-wrap .f-w-item-main {
    margin-right: 26px; }
  .facility-wrap .f-w-item {
    width: 366px;
    height: 444px;
    background: #f5f5f5;
    position: relative;
    cursor: pointer; }
  .facility-wrap .f-w-i-tisp-t {
    position: absolute;
    left: 16px;
    top: 18px;
    display: none; }
    .facility-wrap .f-w-i-tisp-t .f-w-a {
      width: 18px;
      height: 18px;
      background: #f3f3f5;
      border-radius: 50%;
      margin: 7px auto; }
    .facility-wrap .f-w-i-tisp-t .f-w-b {
      width: 10px;
      height: 10px;
      background: #f3f3f5;
      border-radius: 50%;
      margin: 0 auto; }
  .facility-wrap .f-w-i-icon {
    width: 216px;
    height: 300px;
    padding-top: 80px;
    margin: 0 auto; }
  .facility-wrap .f-a-i-icon {
    width: 199px;
    height: 314px;
    padding-top: 80px;
    margin: 0 auto; }
  .facility-wrap .f-b-i-icon {
    width: 132px;
    height: 347px;
    padding-top: 80px;
    margin: 0 auto; }
  .facility-wrap .f-c-i-icon {
    width: 170px;
    height: 306px;
    padding-top: 70px;
    margin: 0 auto; }
  .facility-wrap .f-d-i-icon {
    width: 154px;
    height: 339px;
    padding-top: 80px;
    margin: 0 auto; }
  .facility-wrap .f-e-i-icon {
    width: 184px;
    height: 323px;
    padding-top: 80px;
    margin: 0 auto; }
  .facility-wrap .f-w-i-tisp-b {
    width: 22px;
    height: 22px;
    background: #f3f3f5;
    border-radius: 50%;
    position: absolute;
    right: 22px;
    bottom: 24px;
    display: none; }
  .facility-wrap .f-w-title {
    font-size: 24px;
    color: #333333;
    text-align: center;
    padding: 30px 0 10px; }
  .facility-wrap .f-w-item-main:last-of-type {
    margin-right: 0; }
  .facility-wrap .facility-current {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    background: white; }

#facilityBottom {
  padding-bottom: 45px; }

.pos-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  padding: 42px 0 60px; }
  .pos-wrap .pos-item {
    margin-right: 20px; }
  .pos-wrap .pos-item-main {
    width: 274px;
    height: 274px;
    background: white;
    text-align: center;
    line-height: 274px; }
  .pos-wrap .pos-item:last-of-type {
    margin-right: 0; }
  .pos-wrap .pos-item-title {
    color: white;
    text-align: center;
    padding-top: 20px;
    font-size: 24px; }

/*云喇叭*/
.trumpet-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  align-items: center;
  margin: 40px 0 66px; }
  .trumpet-wrap .trumpet-item {
    margin-right: 80px; }
  .trumpet-wrap .trumpet-item-main {
    width: 305px;
    height: 305px;
    border-radius: 50%;
    border: 1px dashed #e9e9eb;
    position: relative; }
  .trumpet-wrap .trumpet-item-bg {
    width: 208px;
    height: 208px;
    border-radius: 50%;
    background: #ecf0f3;
    margin: 46px auto; }
  .trumpet-wrap .trumpet-item:last-of-type {
    margin-right: 0; }
  .trumpet-wrap .trumpet-icon-a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  .trumpet-wrap .trumpet-icon-b {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  .trumpet-wrap .trumpet-item-title {
    font-size: 18px;
    color: #333333;
    text-align: center;
    padding: 10px 70px;
    border: 1px solid #bfbfc0;
    margin-top: 38px; }

/*云打印*/
.print-bg {
  width: 100%;
  height: 512px;
  background: #1b1b1b;
  margin-top: 0;
  margin-bottom: 104px; }
  .print-bg .print-main-wrap {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    margin: 48px 0 50px; }
  .print-bg .print-main-item {
    width: 74px;
    height: 74px;
    background: white;
    line-height: 74px;
    text-align: center;
    margin-right: 68px; }
    .print-bg .print-main-item.a {
      background: #2a2a2a; }
  .print-bg .print-main-item:last-of-type {
    margin-right: 0; }
  .print-bg .print-main-content {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center; }
  .print-bg .print-main-l {
    flex: 1;
    text-align: right;
    margin-top: 72px;
    margin-right: 15px; }
  .print-bg .print-main-m {
    height: 264px; }
  .print-bg .print-main-r {
    flex: 1;
    text-align: left;
    margin-top: 72px;
    margin-left: 30px; }
  .print-bg .print-main-l-t {
    font-size: 16px;
    color: white;
    margin-bottom: 42px; }
  .print-bg .print-main-l-b {
    font-size: 16px;
    color: white; }
  .print-bg .p-m {
    width: 10px;
    height: 10px;
    background: white;
    margin: 0 14px;
    display: inline-block; }
  .print-bg .p-c {
    color: #328dfd; }

/*扫码设备*/
.scan-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  align-items: center;
  margin: 54px 0 116px; }
  .scan-wrap .scan-l {
    width: 436px;
    height: 522px;
    background: #f1f1f3;
    margin-right: 254px;
    position: relative; }
  .scan-wrap .scan-l-tisp {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%); }
  .scan-wrap .s-l-t {
    width: 14px;
    height: 14px;
    background: #dbdbdb;
    border-radius: 50%;
    margin-bottom: 14px; }
  .scan-wrap .s-l-t:last-of-type {
    margin-bottom: 0; }
  .scan-wrap .s-l-t-current {
    background: #328dfd; }
  .scan-wrap .scan-l-main {
    width: 554px;
    height: 456px;
    background: white;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 54px;
    bottom: 0; }
  .scan-wrap .scan-l-main-t {
    width: 100%;
    height: 394px;
    position: relative; }
  .scan-wrap .a {
    display: none; }
  .scan-wrap .scan-l-main-img-t {
    width: 100%;
    position: absolute;
    top: -130px; }
  .scan-wrap .scan-l-main-img-b {
    width: 100%;
    position: absolute;
    top: 0; }
  .scan-wrap .scan-tab {
    width: 100%;
    height: 64px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    background: #eef2f5; }
  .scan-wrap .s-title {
    flex: 1;
    text-align: center;
    color: #333333;
    font-size: 24px;
    line-height: 64px;
    cursor: pointer; }
  .scan-wrap .s-title-current {
    background: #328dfd;
    color: white; }
  .scan-wrap .scan-r {
    margin-left: 24px; }
  .scan-wrap .scan-txt-title {
    font-size: 38px;
    color: #333333;
    margin-bottom: 30px; }
  .scan-wrap .scan-txt-tit {
    font-size: 18px;
    color: #999999;
    line-height: 30px;
    margin-bottom: 20px; }
    .scan-wrap .scan-txt-tit span {
      color: #333333;
      display: block;
      font-size: 24px; }
  .scan-wrap .scan-txt-tit:last-of-type {
    margin-bottom: 0; }

.sm-title {
  text-align: center;
  font-size: 36px;
  color: #333333;
  padding-bottom: 60px; }

/*新闻动态*/
.news-list-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: space-between;
  height: 172px;
  border-bottom: 1px solid #f3f3f5;
  margin: 20px 0; }
  .news-list-wrap .news-list {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  .news-list-wrap .news-date {
    font-size: 24px;
    color: #333333;
    margin-right: 25px;
    min-width: 123px; }
  .news-list-wrap .news-title {
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px; }
  .news-list-wrap .news-txt {
    font-size: 14px;
    color: #999999;
    line-height: 26px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    -webkit-box-orient: vertical; }
  .news-list-wrap .new-main {
    flex: 1;
    margin-right: 42px;
    cursor: pointer; }
  .news-list-wrap .news-list-icon {
    width: 232px;
    height: 152px; }

.news-list-wrap:last-of-type {
  border-bottom: 0; }

.news-container {
  margin: 40px 0 60px; }

.dynamic-details {
  margin: 40px 0 60px; }
  .dynamic-details .dynamic-txt {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
    color: #333333;
    text-indent: 35px; }
  .dynamic-details .dynamic-bg {
    width: 100%;
    margin: 20px 0;
    text-align: center; }
    .dynamic-details .dynamic-bg img {
      width: 800px;
      margin: 0 auto; }

/*新闻动态*/
.news-tab-wrap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin: 30px 0 48px; }
  .news-tab-wrap .news-tab {
    font-size: 16px;
    color: #6c7e98;
    margin-right: 8px; }
  .news-tab-wrap .new-tab:last-of-type {
    margin-right: 0; }
  .news-tab-wrap a {
    color: #6c7e98; }

.news-details-content {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: space-between;
  padding-bottom: 60px; }
  .news-details-content .news-details-l {
    padding-right: 30px;
    border-right: 1px solid #f3f3f5; }
    .news-details-content .news-details-l .news-title {
      text-align: center;
      font-size: 30px;
      margin-bottom: 35px; }
    .news-details-content .news-details-l .news-txt {
      text-indent: 35px;
      font-size: 16px;
      color: #666666;
      line-height: 38px;
      margin-bottom: 12px; }
    .news-details-content .news-details-l .news-bg {
      width: 100%;
      text-align: center;
      margin: 20px 0; }
  .news-details-content .news-detalis-r {
    padding-left: 20px; }
    .news-details-content .news-detalis-r .n-d-bg {
      width: 232px;
      height: 152px;
      margin-bottom: 40px; }
      .news-details-content .news-detalis-r .n-d-bg img {
        width: 232px;
        height: 152px; }
    .news-details-content .news-detalis-r .n-d-title {
      font-size: 24px;
      color: #999999;
      margin-bottom: 26px; }
    .news-details-content .news-detalis-r .n-d-tisp {
      margin-bottom: 20px; }
      .news-details-content .news-detalis-r .n-d-tisp a {
        color: #333333;
        font-size: 16px; }

/*轮播图*/
.wx-tencent-content {
  height: 348px;
  margin: 50px 0; }