@charset "UTF-8";
.header .search-box .search-text, .header .nav-list, .home-case .case-list .desc, .customer-case .case-list .desc, .customer-case1 .case-list .desc, .big-data .desc-box .more:before, .full-nav > li > a:after, .case .case-list .desc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/*header*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .header .logo {
    position: relative;
    z-index: 1;
    display: block;
    margin: 25px 0 0 36px; }
  .header .search-box {
    position: relative;
    z-index: 1;
    width: 120px;
    height: 99px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.1); }
    .header .search-box .search-btn {
      font-size: 20px;
      color: #fff;
      line-height: 99px;
      cursor: pointer; }
    .header .search-box .search-text {
      right: 100%;
      left: auto;
      width: 0;
      /*height: 20px;*/
      height: 30px;
      margin: auto;
      padding: 0;
      font-size: 16px;
      /*color: $color-f;*/
      color: #333;
      /*background-color: transparent;*/
      background-color: #fff;
      /*border-bottom: 1px solid $color1;*/
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .header .search-box:hover .search-text {
      /*width: 120px;*/
      width: 150px;
      padding: 0 10px; }
  .header .nav-list {
    bottom: auto;
    margin: 40px auto 0;
    text-align: center;
    font-size: 0; }
    .header .nav-list > li {
      position: relative;
      display: inline-block;
      margin-right: 30px; }
      .header .nav-list > li:last-child {
        margin-right: 0; }
      .header .nav-list > li > a {
        display: block;
        padding: 0 10px 35px 10px;
        font-size: 16px;
        color: #fff;
        border-bottom: 4px solid transparent;
        -webkit-transition: border-color 0.3s ease;
        -moz-transition: border-color 0.3s ease;
        -ms-transition: border-color 0.3s ease;
        -o-transition: border-color 0.3s ease;
        transition: border-color 0.3s ease; }
      .header .nav-list > li:hover > a {
        border-color: #0099ff; }
      .header .nav-list > li:hover .nav-item {
        display: block; }
    .header .nav-list .on > a {
      border-color: #0099ff; }
  .header .nav-item {
    position: absolute;
    top: 100%;
    left: 50%;
    display: none;
    width: 130px;
    text-align: center;
    background-color: #212229;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .header .nav-item > dd > a {
      display: block;
      padding: 15px 10px 15px;
      font-size: 14px;
      color: #fff; }
      .header .nav-item > dd > a:hover {
        background-color: #0099ff; }

.headerfix {
  top: -10px;
  background-color: #212229; }

.title, .title-f, .title1, .title-f1 {
  color: #212229; }
  .title .t-h3, .title-f .t-h3, .title1 .t-h3, .title-f1 .t-h3 {
    font-size: 30px; }
  .title .t-line, .title-f .t-line, .title1 .t-line, .title-f1 .t-line {
    width: 60px;
    height: 3px;
    margin: 22px auto 0;
    background-color: #0099ff; }

.title-f {
  color: #fff; }
  .title-f .t-line {
    background-color: #fff; }

.home-product {
  padding: 55px 0 60px;
  overflow: hidden; }
  .home-product .list {
    width: 132%;
    margin-top: 22px; }
    .home-product .list > li {
      float: left;
      background-color: #1985ea; }
      .home-product .list > li:hover .desc-box .p1 {
        height: auto; }
    .home-product .list .desc-box {
      position: relative;
      float: left; }
      .home-product .list .desc-box .txt {
        position: absolute;
        bottom: 28px;
        left: 30px;
        width: 184px;
        text-align: right;
        color: #fff; }
      .home-product .list .desc-box .h5 {
        font-size: 22px;
        font-weight: bold; }
      .home-product .list .desc-box .p1 {
        position: relative;
        height: 48px;
        margin: 10px -13px 0 0;
        padding-right: 13px;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        overflow-y: hidden; }
        .home-product .list .desc-box .p1:after {
          content: '';
          position: absolute;
          right: 0;
          top: 6px;
          width: 3px;
          height: 38px;
          background-color: #ff8200; }
      .home-product .list .desc-box .go {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-top: 16px;
        font-size: 14px;
        color: #fff;
        line-height: 28px;
        text-align: center;
        box-sizing: border-box;
        border: 1px solid #fff;
        border-radius: 50%; }
        .home-product .list .desc-box .go:hover {
          color: #0099ff;
          border-color: #0099ff; }
    .home-product .list .item {
      float: left;
      display: none;
      width: 200px;
      padding: 14px 0; }
      .home-product .list .item > dd > a {
        position: relative;
        display: block;
        padding: 0 15px 0 30px;
        font-size: 14px;
        color: #fff;
        line-height: 38px;
        white-space: nowrap; }
        .home-product .list .item > dd > a:hover {
          background-color: #2b90ee; }
          .home-product .list .item > dd > a:hover:after {
            content: '\e634';
            position: absolute;
            right: 15px;
            top: 0;
            font-family: "iconfont";
            font-size: 12px; }

.home-advantage {
  padding: 75px 0;
  background: url("../images/home_bg1.jpg");
  background-size: cover; }
  .home-advantage .desc {
    width: 238px; }
    .home-advantage .desc .h4 {
      font-size: 22px;
      color: #333; }
      .home-advantage .desc .h4 .em {
        font-size: 30px; }
    .home-advantage .desc .p1 {
      margin-top: 10px;
      font-size: 15px;
      color: #666;
      line-height: 24px; }
    .home-advantage .desc:nth-child(2) {
      margin-top: 128px; }
    .home-advantage .desc:hover .h4 {
      color: #0099ff; }
  .home-advantage .adv-img {
    width: 673px;
    height: 340px;
    margin: 13px 0 0 26px;
    background-image: url("../images/home5.png");
    background-size: cover; }

.home-solution {
  padding: 70px 0 50px; }
  .home-solution .desc-box {
    margin-top: 50px; }
  .home-solution .solu-desc {
    display: none;
    width: 100%;
    /*height: 570px;*/
    height: 586px;
    padding: 55px 0;
    box-sizing: border-box;
    background-size: cover;
    background-position: center; }
    .home-solution .solu-desc .txt-box {
      display: table;
      height: 100%; }
    .home-solution .solu-desc .txt {
      display: table-cell;
      vertical-align: middle; }
    .home-solution .solu-desc .son {
      width: 500px; }
    .home-solution .solu-desc .h3 {
      font-size: 36px;
      color: #fff; }
    .home-solution .solu-desc .p1 {
      margin-top: 26px;
      font-size: 16px;
      color: #fff;
      line-height: 30px; }
    .home-solution .solu-desc .more {
      display: block;
      width: 120px;
      height: 40px;
      margin-top: 40px;
      font-size: 14px;
      color: #fff;
      line-height: 40px;
      text-align: center;
      border-radius: 20px;
      background-image: url("../images/bg1.png");
      background-size: cover;
      overflow: hidden;
      box-shadow: 0px 5px 12px 0px rgba(44, 106, 228, 0.3); }
      .home-solution .solu-desc .more:hover {
        background-image: none;
        background-color: #0099ff; }
  .home-solution .solu-list {
    margin-top: 54px;
    font-size: 0; }
    .home-solution .solu-list > li {
      position: relative;
      display: inline-block;
      /*margin: 0 36px;*/
      margin: 0 38px;
      cursor: pointer; }
      .home-solution .solu-list > li:hover .p1 {
        color: #ff4600; }
    .home-solution .solu-list .img {
      display: inline-block;
      width: 52px;
      height: 40px; }
      .home-solution .solu-list .img:after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
    .home-solution .solu-list .p1 {
      margin-top: 16px;
      font-size: 16px;
      color: #333; }
    .home-solution .solu-list .active .p1 {
      color: #ff4600; }

.home-case {
  padding: 60px 0 70px;
  background: url("../images/home_bg2.jpg");
  background-size: cover; }
  .home-case .case-tapbox {
    margin-top: 44px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .home-case .case-tapbox .tap-dl {
      margin-bottom: -1px;
      font-size: 0; }
      .home-case .case-tapbox .tap-dl .txt {
        display: inline-block;
        margin: 0 26px;
        padding: 0 8px 12px 8px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.5);
        border-bottom: 4px solid transparent;
        cursor: pointer; }
        .home-case .case-tapbox .tap-dl .txt:hover {
          color: #fff; }
      .home-case .case-tapbox .tap-dl .on {
        border-color: #fff; }
  .home-case .case-list {
    /*display: none;*/
    margin-top: 14px; }
    .home-case .case-list > li {
      position: relative;
      float: left;
      width: 389px;
      height: 278px;
      margin: 20px 15px 0 0;
      overflow: hidden; }
      .home-case .case-list > li:nth-child(3n) {
        margin-right: 0; }
      .home-case .case-list > li:hover .img {
        margin-top: -20px; }
      .home-case .case-list > li:hover .desc {
        bottom: 0; }
    .home-case .case-list .img {
      -webkit-transition: margin 0.6s ease;
      -moz-transition: margin 0.6s ease;
      -ms-transition: margin 0.6s ease;
      -o-transition: margin 0.6s ease;
      transition: margin 0.6s ease; }
    .home-case .case-list .desc {
      top: auto;
      bottom: -68px;
      height: 68px;
      padding: 16.5px 25px;
      background-color: #fff;
      box-sizing: border-box;
      -webkit-transition: bottom 0.4s ease;
      -moz-transition: bottom 0.4s ease;
      -ms-transition: bottom 0.4s ease;
      -o-transition: bottom 0.4s ease;
      transition: bottom 0.4s ease; }
      .home-case .case-list .desc .p1 {
        font-size: 15px;
        color: #60646a;
        line-height: 35px; }
      .home-case .case-list .desc .i {
        display: inline-block;
        width: 35px;
        height: 35px;
        font-size: 12px;
        color: #fff;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        background-color: #0099ff; }
  .home-case .item {
    display: none; }
  .home-case .more {
    display: block;
    width: 120px;
    height: 40px;
    margin: 40px auto 0;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    background-color: #0099ff; }

.home-partner {
  padding: 55px 0 60px; }
  .home-partner .partner-list {
    margin-top: 15px; }
    .home-partner .partner-list > li {
      float: left;
      width: 200px;
      margin-top: 30px;
      text-align: center;
      overflow: hidden; }
      .home-partner .partner-list > li > a {
        display: block;
        height: 90px; }
        .home-partner .partner-list > li > a:after {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
      .home-partner .partner-list > li:hover img {
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        -o-transform: scale(1.08);
        transform: scale(1.08); }

.home-new {
  padding: 55px 0 70px;
  background-color: #f4f6fa; }
  .home-new .i_news_list .box {
    width: 380px;
    float: left;
    margin-left: 30px; }
  .home-new .i_news_list .box:first-child {
    margin-left: 0; }
  .home-new .i_news_list .i_news_top {
    margin-bottom: 16px;
    width: 100%;
    height: 180px;
    position: relative; }
  .home-new .i_news_list .i_news_top .shadow {
    padding: 0 20px;
    box-sizing: border-box;
    background-image: url(../images/sbg5.png);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px; }
  .home-new .i_news_list .i_news_top:hover .shadow {
    background: #0099ff; }
  .home-new .i_news_list ul a {
    color: #555;
    line-height: 40px; }
  .home-new .i_news_list ul li a {
    display: block;
    padding-left: 30px;
    box-sizing: border-box;
    background-image: url(../images/tit1.png);
    background-position: 10px center;
    background-repeat: no-repeat; }
  .home-new .i_news_list ul li a:hover {
    color: #0099ff;
    background-image: url(../images/tit1on.png); }
  .home-new .i_ap2_nav {
    margin: 20px auto 40px;
    width: 1200px;
    text-align: center;
    font-size: 0; }
  .home-new .i_ap2_nav a {
    text-align: center;
    background: #fff;
    margin-right: 10px;
    width: 140px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #666; }
  .home-new .i_ap2_nav a.on {
    background-image: url("../images/bg2.png");
    color: #fff !important;
    background-size: cover; }
  .home-new .i_ap2_nav a:hover {
    color: #0099ff; }
  .home-new .i_ap2_nav a.more {
    color: #666;
    background: #fff;
    box-sizing: border-box; }
  .home-new .i_ap2_wrap .i_ap2_box {
    display: none;
    opacity: .6; }
  .home-new .i_ap2_wrap .i_ap2_box:first-child {
    display: block;
    opacity: 1; }

.title1 .t-h3, .title-f1 .t-h3 {
  font-size: 38px;
  font-weight: bold; }

.title-f1 {
  color: #fff; }
  .title-f1 .t-line {
    background-color: #fff; }

.social-marketing {
  padding: 55px 0; }
  .social-marketing .desc-box {
    margin-top: 52px; }
    .social-marketing .desc-box .desc {
      display: table;
      width: 550px;
      height: 502px; }
      .social-marketing .desc-box .desc .txt {
        display: table-cell;
        vertical-align: middle;
        color: #333; }
      .social-marketing .desc-box .desc .h5 {
        font-size: 26px;
        font-weight: bold; }
      .social-marketing .desc-box .desc .p1 {
        margin-top: 25px;
        font-size: 20px;
        line-height: 36px; }
    .social-marketing .desc-box .img {
      width: 507px; }

.social-pain {
  padding: 55px 0 52px;
  background: url("../images/social_bg1.jpg");
  background-size: cover; }
  .social-pain .desc-box {
    margin-top: 37px; }
    .social-pain .desc-box .img {
      width: 515px; }
    .social-pain .desc-box .desc {
      display: table;
      width: 430px;
      height: 480px; }
      .social-pain .desc-box .desc .txt {
        display: table-cell;
        vertical-align: middle;
        color: #fff; }
      .social-pain .desc-box .desc .item {
        margin: 40px 0;
        padding-left: 65px;
        background-position: top left;
        background-repeat: no-repeat; }
      .social-pain .desc-box .desc .h5 {
        font-size: 24px;
        font-weight: bold; }
      .social-pain .desc-box .desc .p1 {
        margin-top: 5px;
        font-size: 18px;
        line-height: 30px; }

.core-function, .core-function1, .core-function3 {
  padding: 45px 0 60px; }
  .core-function .fun-list, .core-function1 .fun-list, .core-function3 .fun-list {
    margin-top: 64px; }
    .core-function .fun-list > li, .core-function1 .fun-list > li, .core-function3 .fun-list > li {
      position: relative;
      top: 0;
      float: left;
      display: table;
      width: 300px;
      height: 260px;
      margin: -1px -1px 0 0;
      padding: 20px;
      box-sizing: border-box;
      border: 1px solid rgba(204, 204, 204, 0.41);
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .core-function .fun-list > li:hover, .core-function1 .fun-list > li:hover, .core-function3 .fun-list > li:hover {
        top: -20px;
        background: url("../images/social_bg2.jpg");
        background-size: cover; }
        .core-function .fun-list > li:hover .img1, .core-function1 .fun-list > li:hover .img1, .core-function3 .fun-list > li:hover .img1 {
          display: none; }
        .core-function .fun-list > li:hover .img2, .core-function1 .fun-list > li:hover .img2, .core-function3 .fun-list > li:hover .img2 {
          display: block; }
        .core-function .fun-list > li:hover .p1, .core-function1 .fun-list > li:hover .p1, .core-function3 .fun-list > li:hover .p1 {
          margin-top: 40px;
          color: #fff; }
        .core-function .fun-list > li:hover .more, .core-function1 .fun-list > li:hover .more, .core-function3 .fun-list > li:hover .more {
          color: #fff; }
    .core-function .fun-list .desc, .core-function1 .fun-list .desc, .core-function3 .fun-list .desc {
      display: table-cell;
      vertical-align: middle; }
      .core-function .fun-list .desc .img, .core-function1 .fun-list .desc .img, .core-function3 .fun-list .desc .img {
        width: 65px;
        height: 65px;
        margin: 0 auto; }
        .core-function .fun-list .desc .img:after, .core-function1 .fun-list .desc .img:after, .core-function3 .fun-list .desc .img:after {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
      .core-function .fun-list .desc .img2, .core-function1 .fun-list .desc .img2, .core-function3 .fun-list .desc .img2 {
        display: none; }
      .core-function .fun-list .desc .p1, .core-function1 .fun-list .desc .p1, .core-function3 .fun-list .desc .p1 {
        margin-top: 66px;
        font-size: 18px;
        color: #666;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
      .core-function .fun-list .desc .more, .core-function1 .fun-list .desc .more, .core-function3 .fun-list .desc .more {
        font-size: 12px;
        color: #ccc; }

.superiority, .superiority1, .channeling-superiority {
  padding-bottom: 50px; }
  .superiority .desc-box, .superiority1 .desc-box, .channeling-superiority .desc-box {
    margin-top: 42px; }
    .superiority .desc-box .desc, .superiority1 .desc-box .desc, .channeling-superiority .desc-box .desc {
      position: relative;
      float: left; }
      .superiority .desc-box .desc .h3, .superiority1 .desc-box .desc .h3, .channeling-superiority .desc-box .desc .h3 {
        font-size: 30px;
        color: #fff;
        text-align: center;
        background-size: cover;
        overflow: hidden; }
      .superiority .desc-box .desc .sup-dl > dd, .superiority1 .desc-box .desc .sup-dl > dd, .channeling-superiority .desc-box .desc .sup-dl > dd {
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        font-size: 18px;
        color: #333;
        line-height: 80px; }
        .superiority .desc-box .desc .sup-dl > dd:nth-child(odd), .superiority1 .desc-box .desc .sup-dl > dd:nth-child(odd), .channeling-superiority .desc-box .desc .sup-dl > dd:nth-child(odd) {
          background-color: #f7f7f7; }
        .superiority .desc-box .desc .sup-dl > dd:nth-child(even), .superiority1 .desc-box .desc .sup-dl > dd:nth-child(even), .channeling-superiority .desc-box .desc .sup-dl > dd:nth-child(even) {
          background-color: #eee; }
    .superiority .desc-box .desc1, .superiority1 .desc-box .desc1, .channeling-superiority .desc-box .desc1 {
      width: 200px;
      margin-top: 50px; }
      .superiority .desc-box .desc1 .h3, .superiority1 .desc-box .desc1 .h3, .channeling-superiority .desc-box .desc1 .h3 {
        line-height: 100px;
        background: url("../images/social_bg3.png");
        border-radius: 10px 0 0 0;
        background-size: cover; }
      .superiority .desc-box .desc1 .sup-dl > dd, .superiority1 .desc-box .desc1 .sup-dl > dd, .channeling-superiority .desc-box .desc1 .sup-dl > dd {
        padding: 0 20px;
        font-size: 22px;
        text-align: center; }
    .superiority .desc-box .desc2, .superiority1 .desc-box .desc2, .channeling-superiority .desc-box .desc2 {
      width: 500px; }
      .superiority .desc-box .desc2 .h3, .superiority1 .desc-box .desc2 .h3, .channeling-superiority .desc-box .desc2 .h3 {
        line-height: 150px;
        font-weight: bold;
        background: url("../images/social_bg4.png");
        border-radius: 10px 10px 0 0;
        background-size: cover; }
      .superiority .desc-box .desc2 .sup-dl > dd, .superiority1 .desc-box .desc2 .sup-dl > dd, .channeling-superiority .desc-box .desc2 .sup-dl > dd {
        display: table;
        padding: 0 24px;
        line-height: normal; }
        .superiority .desc-box .desc2 .sup-dl > dd .p1, .superiority1 .desc-box .desc2 .sup-dl > dd .p1, .channeling-superiority .desc-box .desc2 .sup-dl > dd .p1 {
          display: table-cell;
          vertical-align: middle;
          line-height: 24px; }
        .superiority .desc-box .desc2 .sup-dl > dd:nth-child(odd), .superiority1 .desc-box .desc2 .sup-dl > dd:nth-child(odd), .channeling-superiority .desc-box .desc2 .sup-dl > dd:nth-child(odd) {
          background-color: #edf8ff; }
        .superiority .desc-box .desc2 .sup-dl > dd:nth-child(even), .superiority1 .desc-box .desc2 .sup-dl > dd:nth-child(even), .channeling-superiority .desc-box .desc2 .sup-dl > dd:nth-child(even) {
          background-color: #c7e9ff; }
    .superiority .desc-box .desc3, .superiority1 .desc-box .desc3, .channeling-superiority .desc-box .desc3 {
      width: 500px;
      margin-top: 30px; }
      .superiority .desc-box .desc3:after, .superiority1 .desc-box .desc3:after, .channeling-superiority .desc-box .desc3:after {
        content: '';
        position: absolute;
        top: 0;
        left: -60px;
        display: block;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: url("../images/social3.png");
        background-size: cover;
        overflow: hidden; }
      .superiority .desc-box .desc3 .h3, .superiority1 .desc-box .desc3 .h3, .channeling-superiority .desc-box .desc3 .h3 {
        line-height: 120px;
        background: url("../images/social_bg5.png");
        border-radius: 0 10px 0 0;
        background-size: cover; }
      .superiority .desc-box .desc3 .sup-dl > dd, .superiority1 .desc-box .desc3 .sup-dl > dd, .channeling-superiority .desc-box .desc3 .sup-dl > dd {
        padding: 0 24px; }

.integral-content {
  padding: 55px 0 60px; }
  .integral-content .integral-layout {
    max-width: 1400px;
    min-width: 1200px;
    margin: 0 auto; }
  .integral-content .img {
    margin-top: 50px; }

.integral-pain {
  padding: 55px 0 22px;
  background: url("../images/integral_bg1.jpg");
  background-size: cover; }
  .integral-pain .desc-box {
    position: relative;
    margin-top: 38px; }
    .integral-pain .desc-box .img {
      width: 670px;
      height: 539px;
      margin: 0 auto; }
    .integral-pain .desc-box .desc {
      position: absolute;
      color: #fff; }
      .integral-pain .desc-box .desc .h5 {
        font-size: 24px; }
      .integral-pain .desc-box .desc .p1 {
        margin-top: 4px;
        font-size: 18px;
        line-height: 35px; }
    .integral-pain .desc-box .desc1 {
      top: 26px;
      left: 0;
      width: 252px;
      text-align: right; }
    .integral-pain .desc-box .desc2 {
      top: 33px;
      right: 12px;
      width: 240px; }
    .integral-pain .desc-box .desc3 {
      top: 219px;
      left: 0;
      width: 270px;
      text-align: right; }
    .integral-pain .desc-box .desc4 {
      top: 250px;
      right: 16px;
      width: 240px; }
    .integral-pain .desc-box .desc5 {
      bottom: 58px;
      left: 104px;
      width: 235px;
      text-align: right; }
    .integral-pain .desc-box .desc6 {
      bottom: 26px;
      right: 40px;
      width: 310px; }

.core-function1 {
  padding: 55px 0 60px; }
  .core-function1 .fun-list > li {
    width: 400px; }

.integral-suggest {
  padding: 52px 0 47px;
  background: url("../images/integral_bg2.jpg");
  background-size: cover; }
  .integral-suggest .desc-box {
    margin-top: 32px; }
    .integral-suggest .desc-box .img {
      width: 542px; }
    .integral-suggest .desc-box .desc {
      display: table;
      width: 542px;
      height: 452px; }
      .integral-suggest .desc-box .desc .item {
        display: table-cell;
        vertical-align: middle; }
      .integral-suggest .desc-box .desc .txt {
        float: left;
        margin: 60px 110px 0 0;
        color: #fff; }
        .integral-suggest .desc-box .desc .txt:nth-child(even) {
          margin-right: 0; }
      .integral-suggest .desc-box .desc .h5 {
        font-size: 30px; }
      .integral-suggest .desc-box .desc .p1 {
        height: 90px;
        margin-top: 10px;
        font-size: 18px;
        line-height: 30px; }

.integral-value {
  padding: 56px 0 65px; }
  .integral-value .desc-box {
    margin-top: 25px; }
    .integral-value .desc-box .img {
      width: 615px; }
    .integral-value .desc-box .desc {
      width: 565px; }
      .integral-value .desc-box .desc .txt {
        margin-top: 28px;
        font-size: 18px; }
        .integral-value .desc-box .desc .txt:first-child {
          margin-top: 20px; }
      .integral-value .desc-box .desc .h5 {
        color: #000; }
      .integral-value .desc-box .desc .p1 {
        margin-top: 5px;
        color: #666;
        line-height: 30px; }

.brand-promotion {
  padding: 55px 0 66px; }
  .brand-promotion .desc-box {
    width: 860px;
    margin: 58px auto 0; }
    .brand-promotion .desc-box .desc {
      display: table;
      width: 180px;
      height: 180px;
      margin-top: 110px;
      text-align: center;
      border-radius: 50%;
      overflow: hidden;
      background: url("../images/brand_bg1.png");
      background-size: cover; }
      .brand-promotion .desc-box .desc .txt {
        display: table-cell;
        font-size: 20px;
        color: #fff;
        line-height: 30px;
        vertical-align: middle; }
    .brand-promotion .desc-box .desc2 {
      background: url("../images/brand_bg2.png"); }
    .brand-promotion .desc-box .desc3 {
      display: table;
      width: 400px;
      height: 400px;
      margin-left: 50px;
      padding: 0 26px;
      font-size: 0;
      box-sizing: border-box;
      background: url("../images/brand_bg3.png");
      background-size: cover; }
      .brand-promotion .desc-box .desc3 .txt {
        display: table-cell;
        vertical-align: middle; }
      .brand-promotion .desc-box .desc3 .p1 {
        padding: 0 11px 30px 11px;
        font-size: 20px;
        color: #fff;
        background: url("../images/brand1.png") no-repeat left bottom; }
      .brand-promotion .desc-box .desc3 .p2 {
        margin: 0 45px 0 50px;
        font-size: 32px;
        color: #333; }

.core-function2 {
  padding: 56px 0 60px;
  background-color: #edf2f9; }
  .core-function2 .fun-list {
    margin-top: 90px; }
    .core-function2 .fun-list > li {
      float: left;
      width: 285px;
      height: 440px;
      margin-right: 20px;
      padding: 70px 20px 30px;
      box-sizing: border-box;
      background-color: #fff;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .core-function2 .fun-list > li:last-child {
        margin-right: 0; }
      .core-function2 .fun-list > li:hover {
        margin-top: -20px;
        background: url("../images/brand_bg4.jpg");
        background-size: cover; }
        .core-function2 .fun-list > li:hover .img1 {
          display: none; }
        .core-function2 .fun-list > li:hover .img2 {
          display: block; }
        .core-function2 .fun-list > li:hover .dl * {
          color: #fff; }
      .core-function2 .fun-list > li .img {
        width: 65px;
        height: 65px;
        margin: 0 auto; }
        .core-function2 .fun-list > li .img:after {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
      .core-function2 .fun-list > li .img2 {
        display: none; }
    .core-function2 .fun-list .dl {
      margin-top: 35px; }
      .core-function2 .fun-list .dl > dt {
        margin-bottom: 22px;
        font-size: 24px;
        color: #333; }
      .core-function2 .fun-list .dl > dd {
        margin-top: 8px; }
        .core-function2 .fun-list .dl > dd > a {
          font-size: 18px;
          color: #666; }
          .core-function2 .fun-list .dl > dd > a:hover {
            text-decoration: underline; }

.micro-mall {
  padding: 55px 0 60px; }
  .micro-mall .img {
    width: 1000px;
    margin: 60px auto 0; }

.micro-pain {
  padding: 70px 0 46px;
  background: url("../images/integral_bg1.jpg");
  background-size: cover; }
  .micro-pain .desc-box {
    position: relative; }
    .micro-pain .desc-box .img {
      width: 734px;
      margin: 0 auto; }
    .micro-pain .desc-box .desc {
      position: absolute;
      color: #fff; }
      .micro-pain .desc-box .desc .h5 {
        margin-bottom: 4px;
        font-size: 24px; }
      .micro-pain .desc-box .desc .p1 {
        font-size: 18px;
        line-height: 30px; }
    .micro-pain .desc-box .desc1 {
      top: 39px;
      left: 12px;
      width: 380px; }
    .micro-pain .desc-box .desc2 {
      top: 38px;
      right: 0;
      width: 216px; }
    .micro-pain .desc-box .desc3 {
      top: 202px;
      left: 24px;
      width: 270px; }
    .micro-pain .desc-box .desc4 {
      top: 193px;
      right: 0;
      width: 280px; }
    .micro-pain .desc-box .desc5 {
      bottom: 60px;
      left: 53px;
      width: 163px; }
    .micro-pain .desc-box .desc6 {
      bottom: 33px;
      right: 0;
      width: 344px; }

.sales-management {
  padding: 55px 0; }
  .sales-management .img {
    margin-top: 42px; }

.sales-product {
  padding-top: 56px;
  background: url("../images/sales_bg1.jpg");
  background-size: cover;
  overflow: hidden; }
  .sales-product .title-f1 .t-p1 {
    margin-top: 18px;
    font-size: 20px; }
  .sales-product .desc-box {
    position: relative;
    margin-top: 55px;
    padding-bottom: 170px; }
    .sales-product .desc-box .desc {
      float: left;
      display: table;
      width: 190px;
      height: 190px;
      margin-right: 62px;
      box-shadow: 0px 5px 20px 0px rgba(9, 112, 251, 0.9);
      background-color: #fff;
      border-radius: 50%;
      overflow: hidden; }
      .sales-product .desc-box .desc:last-child {
        margin-right: 0; }
      .sales-product .desc-box .desc .txt {
        display: table-cell;
        vertical-align: middle;
        color: #096ffb; }
      .sales-product .desc-box .desc .h5 {
        font-size: 26px;
        font-weight: bold; }
      .sales-product .desc-box .desc .p1 {
        margin-top: 6px;
        font-size: 16px;
        line-height: 25px; }
    .sales-product .desc-box .desc1, .sales-product .desc-box .desc5 {
      margin-top: 140px; }
    .sales-product .desc-box .desc2, .sales-product .desc-box .desc4 {
      margin-top: 46px; }
    .sales-product .desc-box .img {
      position: absolute;
      bottom: 0;
      width: 280px; }
    .sales-product .desc-box .img1 {
      left: -170px; }
    .sales-product .desc-box .img2 {
      right: -170px; }

.sales-function {
  padding: 55px 0 82px; }
  .sales-function .desc-box {
    margin-top: 42px; }
    .sales-function .desc-box .desc1 {
      width: 440px; }
      .sales-function .desc-box .desc1 .item {
        width: 100%;
        height: 221px;
        margin-top: 19px;
        padding: 16px 20px 20px 34px;
        border: solid 1px rgba(204, 204, 204, 0.41);
        box-sizing: border-box; }
        .sales-function .desc-box .desc1 .item:first-child {
          margin-top: 0; }
      .sales-function .desc-box .desc1 .h4 {
        padding-left: 44px;
        font-size: 22px;
        font-weight: bold;
        color: #333;
        line-height: 34px;
        background-repeat: no-repeat;
        background-position: top left; }
      .sales-function .desc-box .desc1 .p1 {
        margin-top: 5px;
        font-size: 18px;
        color: #666; }
    .sales-function .desc-box .desc2 {
      width: 280px;
      height: 460px;
      margin-left: 20px;
      padding: 95px 15px 40px;
      background: url("../images/sales_bg2.png");
      background-size: cover;
      box-sizing: border-box;
      border-radius: 10px;
      overflow: hidden; }
      .sales-function .desc-box .desc2 .p2 {
        margin-top: 90px;
        font-size: 46px;
        color: #fff; }
      .sales-function .desc-box .desc2 .p3 {
        margin-top: 28px;
        font-size: 30px;
        color: #fff; }

.differential-quotient {
  padding: 55px 0 48px; }
  .differential-quotient .img {
    width: 1009px;
    margin: 54px auto 0; }

.differential-flow {
  padding: 56px 0 92px;
  background: url("../images/integral_bg1.jpg");
  background-size: cover; }
  .differential-flow .desc-box {
    width: 1018px;
    margin: 0 auto; }
    .differential-flow .desc-box .desc {
      width: 203px; }
      .differential-flow .desc-box .desc .txt-box {
        display: table;
        width: 122px;
        height: 122px;
        margin-top: 21px;
        background-color: rgba(255, 255, 255, 0.32);
        border-radius: 50%;
        overflow: hidden; }
        .differential-flow .desc-box .desc .txt-box:first-child {
          margin-top: 0; }
        .differential-flow .desc-box .desc .txt-box .txt {
          display: table-cell;
          vertical-align: middle; }
        .differential-flow .desc-box .desc .txt-box .img {
          width: 40px;
          height: 40px; }
          .differential-flow .desc-box .desc .txt-box .img:after {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle; }
        .differential-flow .desc-box .desc .txt-box .p1 {
          margin-top: 5px;
          font-size: 20px;
          color: #fff; }
    .differential-flow .desc-box .desc1 .txt-box1, .differential-flow .desc-box .desc1 .txt-box4 {
      margin-left: 80px; }
    .differential-flow .desc-box .desc2 .txt-box2, .differential-flow .desc-box .desc2 .txt-box3 {
      margin-left: 80px; }
    .differential-flow .desc-box .item {
      display: table;
      width: 581px;
      height: 469px;
      margin-top: 45px;
      text-align: center;
      background: url("../images/differential_bg1.png");
      background-size: cover; }
      .differential-flow .desc-box .item .p2 {
        display: table-cell;
        vertical-align: middle;
        font-size: 36px;
        color: #723eed; }
        .differential-flow .desc-box .item .p2 span {
          width: 145px; }

.differential-pain {
  padding-top: 56px;
  background: url("../images/differential_bg2.jpg") no-repeat;
  background-size: 100%; }
  .differential-pain .title-f1 .t-p1 {
    margin-top: 26px;
    font-size: 20px; }
  .differential-pain .desc-box {
    position: relative;
    max-width: 1460px;
    min-width: 1200px;
    margin: 148px auto -161px; }
    .differential-pain .desc-box .img {
      width: 72%;
      height: 589px;
      margin: 0 auto; }
    .differential-pain .desc-box .desc {
      position: absolute;
      color: #fff; }
      .differential-pain .desc-box .desc .h5 {
        font-size: 22px; }
      .differential-pain .desc-box .desc .p1 {
        margin-top: 5px;
        font-size: 18px; }
    .differential-pain .desc-box .desc1 {
      top: 280px;
      left: 20px;
      width: 200px;
      text-align: right; }
    .differential-pain .desc-box .desc2 {
      top: 142px;
      left: 142px;
      width: 165px;
      text-align: right; }
    .differential-pain .desc-box .desc3 {
      top: 4px;
      left: 284px;
      width: 200px;
      text-align: right; }
    .differential-pain .desc-box .desc4 {
      top: -75px;
      left: 0;
      right: 0;
      width: 220px;
      margin: 0 auto;
      text-align: center; }
    .differential-pain .desc-box .desc5 {
      top: -13px;
      right: 243px;
      width: 255px; }
    .differential-pain .desc-box .desc6 {
      top: 121px;
      right: 60px;
      width: 255px; }
    .differential-pain .desc-box .desc7 {
      top: 280px;
      right: 0;
      width: 236px; }

.differential-system {
  padding: 200px 0 72px; }
  .differential-system .desc-box {
    margin-top: 68px; }
    .differential-system .desc-box .img {
      width: 542px; }
    .differential-system .desc-box .desc {
      width: 575px; }
      .differential-system .desc-box .desc .txt {
        float: left;
        width: 270px;
        margin: 40px 35px 0 0; }
        .differential-system .desc-box .desc .txt:nth-child(even) {
          margin-right: 0; }
      .differential-system .desc-box .desc .p1 {
        font-size: 20px;
        color: #000; }
      .differential-system .desc-box .desc .p2 {
        margin-top: 8px;
        font-size: 18px;
        color: #333; }

.superiority1 {
  padding-bottom: 65px; }
  .superiority1 .desc-box .desc2, .superiority1 .desc-box .desc3 {
    width: 50%; }

.channeling-content {
  padding: 56px 0 70px; }
  .channeling-content .img {
    margin-top: 50px; }
  .channeling-content .p1 {
    width: 790px;
    margin: 30px auto 0;
    font-size: 20px;
    color: #212229;
    line-height: 30px;
    text-align: center; }

.channeling-pain {
  padding: 47px 0 70px;
  background: url("../images/integral_bg1.jpg");
  background-size: cover; }
  .channeling-pain .desc-box {
    position: relative;
    margin-top: 75px; }
    .channeling-pain .desc-box:before {
      content: '';
      position: absolute;
      top: 173px;
      left: 316px;
      width: 48px;
      height: 48px;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 50%;
      -webkit-animation: bounceIn 1.6s;
      -o-animation: bounceIn 1.6s;
      animation: bounceIn 1.6s; }
    .channeling-pain .desc-box:after {
      content: '';
      position: absolute;
      top: 154px;
      right: 323px;
      width: 34px;
      height: 34px;
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      -webkit-animation: bounceIn 1.7s;
      -o-animation: bounceIn 1.7s;
      animation: bounceIn 1.7s; }
    .channeling-pain .desc-box .item {
      width: 462px;
      height: 462px;
      margin: 0 auto;
      padding-top: 125px;
      box-sizing: border-box;
      background: url("../images/channeling_bg1.png");
      background-size: cover; }
      .channeling-pain .desc-box .item .p1 {
        margin-top: 17px;
        font-size: 30px;
        color: #fff;
        line-height: 48px; }
    .channeling-pain .desc-box .desc {
      position: absolute;
      display: table;
      padding: 0 22px;
      color: #fff;
      border-radius: 50%;
      box-sizing: border-box;
      overflow: hidden; }
      .channeling-pain .desc-box .desc .p2 {
        display: table-cell;
        vertical-align: middle;
        font-size: 22px; }
    .channeling-pain .desc-box .desc1 {
      top: -31px;
      left: 150px;
      width: 140px;
      height: 140px;
      background-color: rgba(255, 255, 255, 0.2); }
    .channeling-pain .desc-box .desc2 {
      top: 81px;
      left: 38px;
      width: 153px;
      height: 153px;
      background-color: rgba(255, 255, 255, 0.1); }
    .channeling-pain .desc-box .desc3 {
      top: 180px;
      left: 166px;
      width: 153px;
      height: 153px;
      background-color: rgba(255, 255, 255, 0.4); }
    .channeling-pain .desc-box .desc4 {
      bottom: 9px;
      left: 96px;
      width: 140px;
      height: 140px;
      background-color: rgba(255, 255, 255, 0.2); }
    .channeling-pain .desc-box .desc5 {
      top: -25px;
      right: 148px;
      width: 128px;
      height: 128px;
      padding: 0 16px;
      background-color: #fff;
      box-shadow: 0px 5px 20px 0px rgba(41, 106, 204, 0.78);
      color: #337eea; }
    .channeling-pain .desc-box .desc6 {
      top: 91px;
      right: 18px;
      width: 153px;
      height: 153px;
      background-color: rgba(255, 255, 255, 0.2); }
    .channeling-pain .desc-box .desc7 {
      top: 161px;
      right: 163px;
      width: 153px;
      height: 153px;
      background-color: rgba(255, 255, 255, 0.3); }
    .channeling-pain .desc-box .desc8 {
      bottom: 10px;
      right: 77px;
      width: 153px;
      height: 153px;
      background-color: rgba(255, 255, 255, 0.2); }

.value-embodiment, .value-embodiment1 {
  padding: 52px 0 70px;
  background-color: #edf2f9; }
  .value-embodiment .desc-box, .value-embodiment1 .desc-box {
    margin-top: 60px; }
    .value-embodiment .desc-box .desc, .value-embodiment1 .desc-box .desc {
      float: left;
      width: 386px;
      height: 400px;
      margin-right: 21px;
      padding: 54px 49px 50px;
      box-sizing: border-box;
      background-color: #fff;
      text-align: center;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .value-embodiment .desc-box .desc:last-child, .value-embodiment1 .desc-box .desc:last-child {
        margin-right: 0; }
      .value-embodiment .desc-box .desc:hover, .value-embodiment1 .desc-box .desc:hover {
        margin-top: -20px;
        background-image: url("../images/value_bg1.jpg");
        background-size: cover; }
        .value-embodiment .desc-box .desc:hover .h3, .value-embodiment1 .desc-box .desc:hover .h3, .value-embodiment .desc-box .desc:hover .p1, .value-embodiment1 .desc-box .desc:hover .p1 {
          color: #fff; }
        .value-embodiment .desc-box .desc:hover .line, .value-embodiment1 .desc-box .desc:hover .line {
          background-color: #fff; }
        .value-embodiment .desc-box .desc:hover .img1, .value-embodiment1 .desc-box .desc:hover .img1 {
          display: none; }
        .value-embodiment .desc-box .desc:hover .img2, .value-embodiment1 .desc-box .desc:hover .img2 {
          display: inline-block; }
      .value-embodiment .desc-box .desc .img, .value-embodiment1 .desc-box .desc .img {
        width: 65px;
        height: 65px; }
        .value-embodiment .desc-box .desc .img:after, .value-embodiment1 .desc-box .desc .img:after {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
      .value-embodiment .desc-box .desc .img2, .value-embodiment1 .desc-box .desc .img2 {
        display: none; }
      .value-embodiment .desc-box .desc .h3, .value-embodiment1 .desc-box .desc .h3 {
        margin-top: 54px;
        font-size: 24px;
        color: #000; }
      .value-embodiment .desc-box .desc .line, .value-embodiment1 .desc-box .desc .line {
        width: 40px;
        height: 3px;
        margin: 26px auto 0;
        background-color: #0099ff; }
      .value-embodiment .desc-box .desc .p1, .value-embodiment1 .desc-box .desc .p1 {
        margin-top: 24px;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        text-align: left; }

.channeling-superiority {
  padding: 58px 0 67px; }

.customer-case, .customer-case1 {
  padding: 47px 0 65px;
  background-image: url("../images/channeling_bg2.jpg");
  background-size: cover; }
  .customer-case .case-list, .customer-case1 .case-list {
    padding-top: 10px; }
    .customer-case .case-list > li, .customer-case1 .case-list > li {
      position: relative;
      float: left;
      width: 389px;
      height: 278px;
      margin: 20px 15px 0 0;
      overflow: hidden; }
      .customer-case .case-list > li:nth-child(3n), .customer-case1 .case-list > li:nth-child(3n) {
        margin-right: 0; }
      .customer-case .case-list > li:hover .img, .customer-case1 .case-list > li:hover .img {
        margin-top: -20px; }
      .customer-case .case-list > li:hover .desc, .customer-case1 .case-list > li:hover .desc {
        bottom: 0; }
    .customer-case .case-list .img, .customer-case1 .case-list .img {
      -webkit-transition: margin 0.6s ease;
      -moz-transition: margin 0.6s ease;
      -ms-transition: margin 0.6s ease;
      -o-transition: margin 0.6s ease;
      transition: margin 0.6s ease; }
    .customer-case .case-list .desc, .customer-case1 .case-list .desc {
      top: auto;
      bottom: -68px;
      height: 68px;
      padding: 16.5px 25px;
      background-color: #fff;
      box-sizing: border-box;
      -webkit-transition: bottom 0.4s ease;
      -moz-transition: bottom 0.4s ease;
      -ms-transition: bottom 0.4s ease;
      -o-transition: bottom 0.4s ease;
      transition: bottom 0.4s ease; }
      .customer-case .case-list .desc .p1, .customer-case1 .case-list .desc .p1 {
        font-size: 15px;
        color: #60646a;
        line-height: 35px; }
      .customer-case .case-list .desc .i, .customer-case1 .case-list .desc .i {
        display: inline-block;
        width: 35px;
        height: 35px;
        font-size: 12px;
        color: #fff;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        background-color: #0099ff; }

.anti-fake {
  padding: 56px 0 52px; }
  .anti-fake .img {
    margin-top: 34px; }

.anti-pain {
  padding: 57px 0 68px;
  background-color: #edf2f9; }
  .anti-pain .desc-box {
    margin-top: 70px; }
    .anti-pain .desc-box .img1 {
      width: 770px;
      margin-left: -182px; }
    .anti-pain .desc-box .desc {
      width: 540px;
      margin-top: 62px; }
      .anti-pain .desc-box .desc .txt {
        float: left;
        width: 166px;
        margin: 0 20px 80px 0; }
        .anti-pain .desc-box .desc .txt:nth-child(3n) {
          margin-right: 0; }
      .anti-pain .desc-box .desc .img {
        width: 42px;
        height: 44px; }
        .anti-pain .desc-box .desc .img:after {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
      .anti-pain .desc-box .desc .p1 {
        margin-top: 12px;
        font-size: 24px;
        color: #333; }
      .anti-pain .desc-box .desc .p2 {
        margin-top: 5px;
        font-size: 16px;
        color: #666; }

.core-function3 {
  padding: 57px 0 60px; }
  .core-function3 .fun-list > li {
    width: 20%; }
    .core-function3 .fun-list > li:hover {
      box-shadow: 0px 5px 25px 0px rgba(44, 106, 228, 0.3); }

.value-embodiment1 {
  padding: 53px 0 60px; }
  .value-embodiment1 .desc-box .desc {
    width: 224px;
    height: 240px;
    margin-right: 20px;
    padding: 50px 15px 45px; }
    .value-embodiment1 .desc-box .desc .h3 {
      margin-top: 50px;
      font-size: 18px;
      color: #333; }

.customer-case1 {
  padding: 57px 0 65px;
  background-image: url("../images/anti_bg1.jpg"); }

.trace-source {
  padding: 56px 0 42px; }
  .trace-source .img {
    margin-top: 48px; }

.source-pain {
  padding: 58px 0 110px;
  background: url("../images/integral_bg1.jpg");
  background-size: cover; }
  .source-pain .desc-box {
    margin-top: 105px; }
    .source-pain .desc-box .desc {
      float: left;
      width: 380px;
      height: 380px;
      margin-right: 30px;
      padding: 84px 20px 0;
      text-align: center;
      border-radius: 50%;
      background-size: cover;
      overflow: hidden;
      box-sizing: border-box; }
      .source-pain .desc-box .desc:last-child {
        margin-right: 0; }
      .source-pain .desc-box .desc .p1 {
        margin-top: 15px;
        font-size: 30px;
        color: #fff;
        line-height: 45px; }
    .source-pain .desc-box .desc1 {
      background-image: url("../images/source_bg1.png"); }
    .source-pain .desc-box .desc2 {
      background-image: url("../images/source_bg2.png"); }
    .source-pain .desc-box .desc3 {
      background-image: url("../images/source_bg3.png"); }

.source-value {
  padding: 53px 0 72px;
  background: url("../images/source_bg4.jpg");
  background-size: cover; }
  .source-value .desc-box {
    margin-top: 27px; }
    .source-value .desc-box .desc {
      display: table;
      width: 470px;
      height: 432px; }
      .source-value .desc-box .desc .txt {
        display: table-cell;
        vertical-align: middle;
        color: #fff; }
      .source-value .desc-box .desc .h4 {
        font-size: 48px; }
      .source-value .desc-box .desc .line {
        width: 40px;
        height: 3px;
        margin-top: 35px;
        background-color: #fff; }
      .source-value .desc-box .desc .p1 {
        margin-top: 24px;
        font-size: 18px;
        line-height: 30px; }
    .source-value .desc-box .img {
      width: 502px; }

.marketing-app {
  padding-top: 50px;
  background: url("../images/marketing_bg3.jpg");
  background-size: cover; }
  .marketing-app .title1 .t-h3, .marketing-app .title-f1 .t-h3 {
    font-weight: normal; }

.marketing-pain {
  padding: 66px 0 80px;
  background-color: #f4f7fe; }
  .marketing-pain .title1 .t-h3, .marketing-pain .title-f1 .t-h3 {
    font-weight: normal; }
  .marketing-pain .list {
    margin-top: 39px; }
    .marketing-pain .list > li {
      float: left;
      display: table;
      width: 390px;
      height: 289px;
      margin: 19px 15px 0 0;
      border-radius: 10px;
      background-color: #fff;
      overflow: hidden;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .marketing-pain .list > li:hover {
        background-image: url("../images/marketing_bg2.png");
        background-size: cover;
        box-shadow: 0px 2px 35px 3px rgba(0, 78, 130, 0.15); }
        .marketing-pain .list > li:hover .img1 {
          display: none; }
        .marketing-pain .list > li:hover .img2 {
          display: inline-block; }
        .marketing-pain .list > li:hover .p1, .marketing-pain .list > li:hover .p2 {
          color: #fff; }
      .marketing-pain .list > li:nth-child(3n) {
        margin-right: 0; }
      .marketing-pain .list > li .desc {
        display: table-cell;
        vertical-align: middle; }
      .marketing-pain .list > li .img {
        width: 68px;
        height: 55px; }
        .marketing-pain .list > li .img:after {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
      .marketing-pain .list > li .img2 {
        display: none; }
      .marketing-pain .list > li .p1 {
        margin-top: 48px;
        font-size: 22px;
        color: #212229; }
      .marketing-pain .list > li .p2 {
        margin-top: 18px;
        font-size: 12px;
        color: #666; }

.marketing-function {
  padding: 34px 0 54px;
  background: url("../images/marketing_bg1.jpg");
  background-size: cover; }
  .marketing-function .desc-box .image {
    width: 714px;
    margin-left: -176px; }
  .marketing-function .desc-box .desc {
    display: table;
    width: 542px;
    height: 716px; }
    .marketing-function .desc-box .desc .txt {
      display: table-cell;
      vertical-align: middle; }
    .marketing-function .desc-box .desc .list {
      margin-top: 68px; }
      .marketing-function .desc-box .desc .list > li {
        float: left;
        width: 131px;
        height: 93px;
        margin: 6px 6px 0 0;
        padding: 5px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        box-sizing: border-box;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        .marketing-function .desc-box .desc .list > li:hover {
          background-color: #fff;
          box-shadow: 0px 8px 8px 0px rgba(0, 37, 62, 0.2); }
          .marketing-function .desc-box .desc .list > li:hover .img1 {
            display: none; }
          .marketing-function .desc-box .desc .list > li:hover .img2 {
            display: inline-block; }
          .marketing-function .desc-box .desc .list > li:hover .p1 {
            color: #2a6de5; }
        .marketing-function .desc-box .desc .list > li:nth-child(4n) {
          margin-right: 0; }
      .marketing-function .desc-box .desc .list .img {
        width: 45px;
        height: 45px; }
        .marketing-function .desc-box .desc .list .img:after {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
      .marketing-function .desc-box .desc .list .img2 {
        display: none; }
      .marketing-function .desc-box .desc .list .p1 {
        margin-top: 6px;
        font-size: 18px;
        color: #fff; }

.marketing-value {
  padding: 54px 0 44px;
  background-color: #f5fbff; }
  .marketing-value .title1 .t-h3, .marketing-value .title-f1 .t-h3 {
    font-weight: normal; }
  .marketing-value .desc-box .image {
    width: 494px; }
  .marketing-value .desc-box .desc {
    width: 480px;
    margin: 130px 0 0 140px; }
    .marketing-value .desc-box .desc .txt {
      margin-bottom: 40px;
      padding: 7px 0 6px 85px;
      background-position: top left;
      background-repeat: no-repeat; }
    .marketing-value .desc-box .desc .p1 {
      font-size: 20px; }
    .marketing-value .desc-box .desc .p2 {
      margin-top: 10px;
      font-size: 16px;
      color: #666; }
    .marketing-value .desc-box .desc .txt1 {
      margin-left: 130px; }
      .marketing-value .desc-box .desc .txt1 .p1 {
        color: #4a9cff; }
    .marketing-value .desc-box .desc .txt2 {
      margin-left: 90px; }
      .marketing-value .desc-box .desc .txt2 .p1 {
        color: #ffaa3f; }
    .marketing-value .desc-box .desc .txt3 {
      margin-left: 50px; }
      .marketing-value .desc-box .desc .txt3 .p1 {
        color: #2ac484; }
    .marketing-value .desc-box .desc .txt4 .p1 {
      color: #ff6462; }

.marketing-advantage {
  padding: 58px 0 82px; }
  .marketing-advantage .title1 .t-h3, .marketing-advantage .title-f1 .t-h3 {
    font-weight: normal; }
  .marketing-advantage .desc-box {
    width: 1050px;
    margin: 66px auto 0;
    background: url("../images/marketing5.png") no-repeat center center; }
    .marketing-advantage .desc-box .desc {
      width: 360px; }
      .marketing-advantage .desc-box .desc .txt {
        float: left;
        clear: both;
        margin-bottom: 36px; }
      .marketing-advantage .desc-box .desc .p1 {
        margin-top: 18px;
        font-size: 18px;
        color: #1b83e9; }
      .marketing-advantage .desc-box .desc .p2 {
        margin-top: 10px;
        font-size: 16px;
        color: #666;
        line-height: 24px; }
      .marketing-advantage .desc-box .desc .txt1, .marketing-advantage .desc-box .desc .txt3, .marketing-advantage .desc-box .desc .txt5 {
        float: right; }

.solution .section {
  background-size: cover; }
.solution .active .desc-l .img {
  -webkit-animation: fadeInLeft 1.3s;
  -o-animation: fadeInLeft 1.3s;
  animation: fadeInLeft 1.3s; }
.solution .active .desc-l .h4 {
  -webkit-animation: fadeInLeft 1.5s;
  -o-animation: fadeInLeft 1.5s;
  animation: fadeInLeft 1.5s; }
.solution .active .desc-l .p1 {
  -webkit-animation: fadeInLeft 1.7s;
  -o-animation: fadeInLeft 1.7s;
  animation: fadeInLeft 1.7s; }
.solution .active .desc-r .img {
  -webkit-animation: fadeInRight 1.3s;
  -o-animation: fadeInRight 1.3s;
  animation: fadeInRight 1.3s; }
.solution .active .desc-r .h4 {
  -webkit-animation: fadeInRight 1.5s;
  -o-animation: fadeInRight 1.5s;
  animation: fadeInRight 1.5s; }
.solution .active .desc-r .p1 {
  -webkit-animation: fadeInRight 1.7s;
  -o-animation: fadeInRight 1.7s;
  animation: fadeInRight 1.7s; }
.solution .desc-box {
  width: 530px;
  color: #fff; }
  .solution .desc-box .h4 {
    margin-top: 32px;
    font-size: 40px; }
  .solution .desc-box .p1 {
    margin-top: 26px;
    font-size: 20px;
    line-height: 36px; }

.big-data .section {
  background-size: cover; }
.big-data .image {
  width: 615px;
  height: 585px; }
  .big-data .image:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
.big-data .desc-box {
  display: table;
  width: 490px;
  height: 585px; }
  .big-data .desc-box .desc {
    display: table-cell;
    vertical-align: middle;
    color: #fff; }
  .big-data .desc-box .h4 {
    font-size: 32px; }
  .big-data .desc-box .p1 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px; }
  .big-data .desc-box .h5 {
    margin-top: 40px;
    font-size: 24px; }
  .big-data .desc-box .p2 {
    margin-top: 8px;
    font-size: 14px; }
  .big-data .desc-box .img {
    width: 50px;
    height: 38px; }
    .big-data .desc-box .img:after {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
  .big-data .desc-box .fun {
    margin-top: 27px; }
    .big-data .desc-box .fun > dd {
      float: left;
      margin-right: 30px; }
  .big-data .desc-box .more {
    position: relative;
    z-index: 1;
    display: block;
    width: 150px;
    height: 45px;
    margin-top: 52px;
    font-size: 14px;
    color: #fff;
    line-height: 43px;
    text-align: center;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease; }
    .big-data .desc-box .more:before {
      content: '';
      z-index: -1;
      width: 0;
      display: block;
      background-color: #fff;
      -webkit-transition: width 0.3s ease;
      -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
      -o-transition: width 0.3s ease;
      transition: width 0.3s ease; }
    .big-data .desc-box .more:hover {
      color: #0099ff; }
      .big-data .desc-box .more:hover:before {
        width: 100%; }
.big-data .active .image {
  -webkit-animation: zoomIn 1.5s;
  -o-animation: zoomIn 1.5s;
  animation: zoomIn 1.5s; }
.big-data .active .desc-r .h4 {
  -webkit-animation: fadeInRightBig 1.2s;
  -o-animation: fadeInRightBig 1.2s;
  animation: fadeInRightBig 1.2s; }
.big-data .active .desc-r .p1 {
  -webkit-animation: fadeInRightBig 1.3s;
  -o-animation: fadeInRightBig 1.3s;
  animation: fadeInRightBig 1.3s; }
.big-data .active .desc-r .text {
  -webkit-animation: fadeInRightBig 1.4s;
  -o-animation: fadeInRightBig 1.4s;
  animation: fadeInRightBig 1.4s; }
.big-data .active .desc-r .more {
  -webkit-animation: fadeInRightBig 1.5s;
  -o-animation: fadeInRightBig 1.5s;
  animation: fadeInRightBig 1.5s; }
.big-data .active .desc-l .h4 {
  -webkit-animation: fadeInLeftBig 1.2s;
  -o-animation: fadeInLeftBig 1.2s;
  animation: fadeInLeftBig 1.2s; }
.big-data .active .desc-l .p1 {
  -webkit-animation: fadeInLeftBig 1.3s;
  -o-animation: fadeInLeftBig 1.3s;
  animation: fadeInLeftBig 1.3s; }
.big-data .active .desc-l .text {
  -webkit-animation: fadeInLeftBig 1.4s;
  -o-animation: fadeInLeftBig 1.4s;
  animation: fadeInLeftBig 1.4s; }
.big-data .active .desc-l .more {
  -webkit-animation: fadeInLeftBig 1.5s;
  -o-animation: fadeInLeftBig 1.5s;
  animation: fadeInLeftBig 1.5s; }

.full-nav {
  position: fixed;
  top: 50%;
  right: 30px;
  z-index: 50;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .full-nav > li {
    margin: 10px 0; }
    .full-nav > li > a {
      position: relative;
      display: block;
      padding-right: 55px;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.5); }
      .full-nav > li > a:hover {
        color: #fff; }
      .full-nav > li > a:after {
        content: '';
        left: auto;
        width: 20px;
        height: 2px;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.5);
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease; }
  .full-nav .active > a {
    color: #fff; }
    .full-nav .active > a:after {
      width: 40px;
      background-color: #fff; }

.about {
  padding-top: 30px; }
  .about .content {
    padding: 40px 50px 120px;
    box-sizing: border-box;
    color: #393943;
    line-height: 36px; }
  .about img {
    max-width: 100%;
    height: auto; }

.page {
  font-size: 0;
  margin: 0 auto; }
  .page a, .page span {
    border-radius: 2px;
    text-align: center;
    border: 1px solid #eee;
    color: #555;
    height: 40px;
    display: inline-block;
    margin: 0 5px 5px;
    font-size: 16px;
    min-width: 40px;
    box-sizing: border-box;
    line-height: 38px;
    padding: 0 5px; }
  .page .current {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    border-color: #0099ff !important;
    background-color: #0099ff !important;
    color: #fff; }
  .page .prev {
    background-color: #fff !important;
    background-image: url(../images/icon40.png);
    font-size: 0;
    vertical-align: top;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: center; }
    .page .prev:hover {
      border-color: #393943;
      background-image: url(../images/icon40on.png); }
  .page .next {
    background-color: #fff !important;
    background-image: url(../images/icon41.png);
    font-size: 0;
    vertical-align: top;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: center; }
    .page .next:hover {
      border-color: #393943;
      background-image: url(../images/icon41on.png); }
  .page a:hover {
    border-color: #0099ff;
    color: #fff;
    background-color: #0099ff; }

.news {
  padding: 50px 0 25px; }
  .news .news_nav {
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    height: 65px;
    font-size: 0;
    margin-bottom: 30px; }
    .news .news_nav > ul {
      max-width: 1200px;
      margin: 0 auto; }
    .news .news_nav li {
      position: relative;
      height: 66px;
      line-height: 66px;
      padding: 0 18px;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      vertical-align: top; }
      .news .news_nav li:first-child:before {
        display: none; }
      .news .news_nav li:before {
        content: '';
        position: absolute;
        top: 25px;
        left: -1px;
        width: 1px;
        height: 16px;
        background: #e3e3e3; }
      .news .news_nav li:hover a {
        color: #0099ff;
        border-color: #0099ff; }
      .news .news_nav li a {
        height: 65px;
        font-size: 16px;
        color: #666;
        min-width: 100px;
        padding: 0 9px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        border-bottom: 1px solid transparent; }
    .news .news_nav .on a {
      color: #0099ff;
      border-color: #0099ff; }
  .news .news_list {
    width: 1230px; }
    .news .news_list > li {
      margin-bottom: 30px;
      float: left;
      width: 380px;
      margin-right: 30px; }
      .news .news_list > li:hover .zoom:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1; }
      .news .news_list > li:hover .zoom:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/icon39.png) center no-repeat;
        z-index: 1; }
      .news .news_list > li:hover .text {
        background-color: #0099ff; }
        .news .news_list > li:hover .text h2, .news .news_list > li:hover .text span, .news .news_list > li:hover .text p {
          color: #fff; }
    .news .news_list .zoom {
      position: relative;
      width: 100%;
      height: 225px;
      background-size: 60px; }
    .news .news_list .text {
      line-height: 24px;
      padding: 26px 30px 34px;
      box-sizing: border-box;
      background: #fcfcfc; }
      .news .news_list .text h2 {
        font-size: 18px;
        height: 48px;
        overflow: hidden;
        color: #393943;
        margin-bottom: 4px; }
      .news .news_list .text span {
        color: #999;
        font-size: 12px;
        display: block;
        margin-bottom: 6px; }
      .news .news_list .text p {
        color: #999;
        font-size: 12px;
        height: 96px;
        overflow: hidden; }

.path {
  padding: 15px 0;
  line-height: 30px; }
  .path i {
    margin: 0 10px; }
  .path a {
    color: #999; }
    .path a:hover {
      color: #0099ff; }

.news-detail img {
  max-width: 100%;
  height: auto; }
.news-detail .info h2 {
  font-size: 24px;
  text-align: center;
  padding: 42px 0 34px;
  border-bottom: 1px solid #eee;
  line-height: 32px; }
.news-detail .info .time {
  color: #999;
  text-align: center;
  display: block;
  padding: 26px 0 28px; }
.news-detail .content {
  padding: 0 50px 70px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  line-height: 36px;
  font-size: 16px; }
.news-detail .forum_link {
  padding: 10px 50px 80px;
  line-height: 40px; }
  .news-detail .forum_link a {
    max-width: 100%;
    box-sizing: border-box;
    display: block; }
    .news-detail .forum_link a:hover {
      color: #0099ff; }
  .news-detail .forum_link .fl {
    width: 60%; }
  .news-detail .forum_link .forim_p {
    padding-left: 18px;
    background: url(../images/icon42.png) left center no-repeat; }
  .news-detail .forum_link .forim_n {
    padding-left: 18px;
    background: url(../images/icon43.png) left center no-repeat; }
  .news-detail .forum_link .link_more {
    margin-top: 20px;
    width: 40px;
    height: 40px;
    background-image: url(../images/icon44.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    .news-detail .forum_link .link_more:hover {
      background-image: url(../images/icon44on.png); }

.case_nav {
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
  height: 65px;
  font-size: 0;
  margin-bottom: 40px; }
  .case_nav > ul {
    max-width: 1200px;
    margin: 0 auto; }
  .case_nav li {
    position: relative;
    height: 66px;
    line-height: 66px;
    padding: 0 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top; }
    .case_nav li:first-child:before {
      display: none; }
    .case_nav li:before {
      content: '';
      position: absolute;
      top: 25px;
      left: -1px;
      width: 1px;
      height: 16px;
      background: #e3e3e3; }
    .case_nav li:hover a {
      color: #0099ff;
      border-color: #0099ff; }
    .case_nav li a {
      height: 65px;
      font-size: 16px;
      color: #666;
      min-width: 100px;
      padding: 0 9px;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      border-bottom: 1px solid transparent; }
  .case_nav .on a {
    color: #0099ff;
    border-color: #0099ff; }

.case {
  padding: 50px 0 35px; }
  .case .nc_bar {
    height: 100px;
    line-height: 100px;
    background: #f6f6f6; }
    .case .nc_bar li {
      float: left;
      width: 20%;
      text-align: center;
      font-size: 18px; }
      .case .nc_bar li:hover {
        background: #fff; }
        .case .nc_bar li:hover a {
          color: #0099ff; }
      .case .nc_bar li a {
        display: block;
        color: #333; }
      .case .nc_bar li img {
        margin-right: 20px; }
    .case .nc_bar .on {
      background: #fff; }
      .case .nc_bar .on a {
        color: #0099ff; }
  .case .nc_choose {
    margin: 20px auto 40px; }
    .case .nc_choose .content {
      background: #f6f6f6;
      padding: 15px 30px; }
    .case .nc_choose .left {
      width: 800px;
      font-size: 12px;
      line-height: 30px;
      color: #333; }
      .case .nc_choose .left li {
        float: left;
        margin-right: 28px; }
        .case .nc_choose .left li:hover a {
          color: #0099ff;
          border-bottom: 1px solid #0099ff; }
        .case .nc_choose .left li a {
          display: block;
          border-bottom: 1px solid transparent; }
      .case .nc_choose .left .on a {
        color: #0099ff;
        border-bottom: 1px solid #0099ff; }
    .case .nc_choose .right {
      margin-top: 20px; }
    .case .nc_choose .search_form {
      font-size: 0;
      width: 300px;
      height: 50px;
      border: 1px solid #ddd;
      box-sizing: border-box;
      background: #fff; }
      .case .nc_choose .search_form .search_input {
        width: 210px;
        padding: 0 20px;
        border: none;
        height: 48px;
        line-height: 48px;
        _line-height: 48px;
        *line-height: 48px; }
      .case .nc_choose .search_form .search_btn {
        border: none;
        width: 48px;
        height: 48px;
        background: url(../images/icon125.png) center no-repeat;
        cursor: pointer; }
  .case .case-list {
    padding-bottom: 20px; }
    .case .case-list > li {
      position: relative;
      float: left;
      width: 389px;
      height: 278px;
      margin: 0 15px 20px 0;
      overflow: hidden; }
      .case .case-list > li:nth-child(3n) {
        margin-right: 0; }
      .case .case-list > li:hover .img {
        margin-top: -20px; }
      .case .case-list > li:hover .desc {
        bottom: 0; }
    .case .case-list .img {
      -webkit-transition: margin 0.6s ease;
      -moz-transition: margin 0.6s ease;
      -ms-transition: margin 0.6s ease;
      -o-transition: margin 0.6s ease;
      transition: margin 0.6s ease; }
    .case .case-list .desc {
      top: auto;
      bottom: -68px;
      height: 68px;
      padding: 16.5px 25px;
      background-color: #fff;
      box-sizing: border-box;
      -webkit-transition: bottom 0.4s ease;
      -moz-transition: bottom 0.4s ease;
      -ms-transition: bottom 0.4s ease;
      -o-transition: bottom 0.4s ease;
      transition: bottom 0.4s ease; }
      .case .case-list .desc .p1 {
        font-size: 15px;
        color: #60646a;
        line-height: 35px; }
      .case .case-list .desc .i {
        display: inline-block;
        width: 35px;
        height: 35px;
        font-size: 12px;
        color: #fff;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        background-color: #0099ff; }

.label-case {
  padding: 50px 0 35px; }
  .label-case .label-list {
    margin-bottom: 10px; }
    .label-case .label-list > li {
      float: left;
      width: 285px;
      margin: 30px 20px 0 0;
      background-color: #fff; }
      .label-case .label-list > li:nth-child(4n) {
        margin-right: 0; }
      .label-case .label-list > li:hover .desc {
        /*
         .p1:before{
          background-color: $color1;
        }
        */ }
        .label-case .label-list > li:hover .desc .h3 {
          color: #0099ff; }
        .label-case .label-list > li:hover .desc .p1 .circle {
          background-color: #0099ff; }
    .label-case .label-list .img {
      width: 100%;
      height: 160px;
      background-color: #edf2f9;
      text-align: center; }
      .label-case .label-list .img:after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
    .label-case .label-list .desc {
      padding: 20px 15px 25px;
      text-align: center; }
      .label-case .label-list .desc .h3 {
        margin-bottom: 12px;
        font-weight: bold;
        font-size: 20px;
        color: #333;
        text-align: center; }
      .label-case .label-list .desc .p1 {
        /*position: relative;*/
        display: block;
        /*margin: 10px 46px 0 0;*/
        margin-top: 10px;
        /*padding-left: 12px;*/
        font-size: 16px;
        color: #212229;
        /*
          &:before{
           content: '';
           @extend %absolute;
           right: auto;
           width: 5px;
           height: 5px;
           margin: auto;
           border-radius: 50%;
           background-color: #eee;
         }
        */ }
        .label-case .label-list .desc .p1 .circle {
          display: inline-block;
          width: 5px;
          height: 5px;
          margin-right: 7px;
          border-radius: 50%;
          background-color: #eee;
          vertical-align: middle; }

.case-detail {
  position: relative;
  padding-bottom: 150px; }
  .case-detail .blue {
    position: absolute;
    width: 100%;
    background: #0081cd;
    height: 760px; }
  .case-detail .case_dtop {
    padding: 50px 0 54px;
    position: relative;
    color: #fff; }
    .case-detail .case_dtop .left .pic {
      display: inline-block;
      vertical-align: top;
      margin-right: 30px;
      width: 100px;
      height: 100px;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #fff;
      border-radius: 50%; }
    .case-detail .case_dtop .left .text {
      display: inline-block;
      vertical-align: top;
      width: 700px; }
    .case-detail .case_dtop .left h2 {
      margin-top: 28px;
      font-size: 36px;
      font-weight: 100; }
    .case-detail .case_dtop .left .info {
      margin: 24px 0;
      line-height: 20px; }
      .case-detail .case_dtop .left .info span {
        margin-right: 38px; }
      .case-detail .case_dtop .left .info .time {
        background: url(../images/icon98.png) left center no-repeat;
        padding-left: 26px; }
      .case-detail .case_dtop .left .info .date {
        background: url(../images/icon99.png) left center no-repeat;
        padding-left: 26px; }
      .case-detail .case_dtop .left .info .txt {
        font-size: 12px;
        line-height: 24px; }
    .case-detail .case_dtop .right {
      font-size: 0; }
      .case-detail .case_dtop .right a {
        margin-left: 10px;
        width: 50px;
        height: 50px;
        display: inline-block;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; }
      .case-detail .case_dtop .right .prev {
        background-image: url(../images/icon94.png); }
      .case-detail .case_dtop .right .menu {
        background-image: url(../images/icon95.png); }
      .case-detail .case_dtop .right .next {
        background-image: url(../images/icon96.png); }
      .case-detail .case_dtop .right .link {
        margin-left: 20px;
        background-image: url(../images/icon97.png); }
  .case-detail .case_dbot {
    overflow: hidden;
    border-radius: 7px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
    position: relative;
    line-height: 30px; }
    .case-detail .case_dbot img {
      max-width: 100%;
      height: auto; }

.contact {
  padding-top: 30px; }
  .contact .cont_top {
    border: 1px solid #eee;
    box-sizing: border-box;
    margin: 50px auto; }
  .contact .cont_list {
    border-bottom: 1px solid #eee; }
    .contact .cont_list li {
      color: #393943;
      font-size: 18px;
      width: 25%;
      height: 78px;
      line-height: 78px;
      position: relative;
      float: left;
      padding: 0 30px;
      box-sizing: border-box; }
      .contact .cont_list li:after {
        content: '';
        position: absolute;
        right: -1px;
        top: 0;
        height: 100%;
        width: 1px;
        background: #eee;
        z-index: 1; }
      .contact .cont_list li:hover {
        background: #0099ff;
        color: #fff;
        cursor: pointer; }
      .contact .cont_list li img {
        margin-right: 20px; }
    .contact .cont_list .on {
      background: #0099ff;
      color: #fff;
      cursor: pointer; }
  .contact .cont_box .text {
    padding: 56px 50px;
    box-sizing: border-box;
    width: 50%; }
    .contact .cont_box .text h2 {
      margin-bottom: 30px;
      font-size: 24px; }
    .contact .cont_box .text p {
      font-size: 12px;
      line-height: 40px; }
    .contact .cont_box .text span {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      color: #999;
      margin: 0 18px; }
    .contact .cont_box .text font {
      vertical-align: top;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      width: 360px; }
  .contact .cont_box .allmap {
    width: 50%;
    height: 420px;
    overflow: hidden; }
  .contact .cont_bot {
    background: #fcfcfc;
    margin-bottom: 60px;
    padding: 50px;
    box-sizing: border-box; }
    .contact .cont_bot h2 {
      line-height: 1;
      margin-bottom: 40px;
      font-size: 30px;
      color: #000;
      font-weight: 100; }
  .contact .cont_form .item {
    margin-bottom: 42px; }
  .contact .cont_form .item .ibox {
    position: relative; }
  .contact .cont_form .item input {
    padding: 0 70px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 530px;
    height: 60px;
    line-height: 58px;
    _line-height: 58px;
    *line-height: 58px; }
  .contact .cont_form .item textarea {
    display: block;
    width: 100%;
    height: 120px;
    line-height: 25px;
    padding: 24px 10px 24px 70px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box; }
  .contact .cont_form .item .in_state {
    width: 20px;
    height: 60px;
    position: absolute;
    right: 30px;
    top: 0; }
  .contact .cont_form .item .in_tips {
    position: absolute;
    bottom: -30px;
    line-height: 20px;
    color: #e11137;
    font-size: 12px;
    padding-left: 71px; }
  .contact .cont_form .in_company {
    background: url(../images/icon84.png) 30px center no-repeat; }
  .contact .cont_form .in_phone {
    background: url(../images/icon85.png) 30px center no-repeat; }
  .contact .cont_form .in_name {
    background: url(../images/icon86.png) 30px center no-repeat; }
  .contact .cont_form .in_qq {
    background: url(../images/icon87.png) 30px center no-repeat; }
  .contact .cont_form .in_textarea {
    background: url(../images/icon88.png) 30px 29px no-repeat; }
  .contact .cont_form .in_code {
    background: url(../images/icon89.png) 30px center no-repeat; }
  .contact .cont_form .code_box input {
    padding-right: 162px; }
  .contact .cont_form .code_box .code_img {
    overflow: hidden;
    position: absolute;
    right: 18px;
    top: 10px;
    width: 84px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    text-align: center; }
  .contact .cont_form .code_box .code_img img {
    max-width: 100%;
    max-height: 100%; }
  .contact .cont_form .code_box .in_state {
    right: 122px; }
  .contact .cont_form .item input.in_sub {
    padding: 0;
    background-color: #a80b28;
    color: #fff;
    font-size: 16px;
    border: none; }
  .contact .cont_form .ibox.wrong .in_state {
    background-image: url(../images/wrong.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .contact .cont_form .ibox.wrong input, .contact .cont_form .ibox.wrong textarea {
    border-color: #e11137; }
  .contact .cont_form .ibox.right .in_state {
    background-image: url(../images/right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

/*footer*/
.footer {
  background: #393943; }
  .footer .ftop {
    padding: 54px 0 58px; }
  .footer .local li {
    padding-right: 1.3%;
    float: left;
    width: 25%;
    box-sizing: border-box; }
  .footer .local li i {
    float: left;
    padding-top: 64px;
    font-size: 12px;
    width: 70px;
    text-align: center;
    color: #fff;
    background-position: top center;
    background-repeat: no-repeat;
    line-height: 20px; }
  .footer .local li .i4 {
    background-size: 28px; }
  .footer .local li.last {
    padding-right: 0; }
  .footer .local li h5 {
    line-height: 36px;
    color: #fff;
    font-size: 24px;
    font-family: '微软雅黑';
    font-weight: 100;
    margin-bottom: 2px; }
  .footer .local li p {
    width: 90%;
    font-size: 12px;
    color: #777;
    line-height: 24px; }
  .footer .fline {
    height: 1px;
    width: 100%;
    background: #fff;
    opacity: .05;
    filter: alpha(opacity=5); }
  .footer .fmid {
    padding: 20px 0 24px; }
  .footer .fmid h2 {
    margin-bottom: 16px;
    font-size: 16px;
    color: #fff;
    line-height: 30px; }
  .footer .flink_more {
    cursor: pointer;
    float: right;
    width: 30px;
    height: 30px;
    background-image: url("../images/icon38.png");
    background-position: right center;
    background-repeat: no-repeat; }
  .footer .flink_more:hover {
    background-image: url("../images/icon38_w.png"); }
  .footer .flink_more.active {
    background-image: url("../images/icon38on.png"); }
  .footer .flink_more.active:hover {
    background-image: url("../images/icon38on_w.png"); }
  .footer .flink {
    overflow: hidden;
    font-size: 12px;
    color: #777;
    line-height: 26px; }
  .footer .flink a {
    color: #777;
    float: left; }
  .footer .flink span {
    margin: 0 18px;
    float: left; }
  .footer .flink a:hover {
    color: #fff; }
  .footer .fmid .right {
    width: 110px;
    height: 110px;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box; }
  .footer .fmid .right img {
    max-width: 100%; }
  .footer .fbot {
    font-size: 12px;
    color: #999;
    padding: 24px 0;
    line-height: 30px; }

@media screen and (max-width: 1620px) {
  .header {
    min-width: 1200px;
    /*
    .search-box{
      position: absolute;
      top: 10px;
      right: 20px;
      width: auto;
      height: auto;
      @include transition(top,.4s);

      .search-btn{
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
      }
    }
    */ }
    .header .nav-list {
      /*position: relative;*/
      /*float: right;*/
      /*margin: 55px 20px 0 0;*/ }
      .header .nav-list > li {
        margin-right: 12px; }
        .header .nav-list > li > a {
          padding: 0 8px 34px 8px; }

  .headerfix .search-box {
    /*top: 15px;*/ } }
@media screen and (max-width: 1420px) {
  .header .search-box {
    display: none; }
  .header .nav-list {
    position: relative;
    float: right; } }

/*# sourceMappingURL=project.css.map */

.banner{
  display: block;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
}