.hline,
.vline {
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.vline {
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -webkit-transition-delay: 1s; }

header nav {
  padding-right: 51px; }

.btn-down,
.btn-right {
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.banner {
  width: 1366px;
  height: 705px; }
  .banner .swiper-container {
    float: left;
    width: 1269px;
    height: 705px;
    margin: 0; }
  .banner .swiper-slide {
    width: 1269px;
    height: 705px; }
    .banner .swiper-slide img {
      display: block;
      width: 1269px;
      height: 705px; }
  .banner ul.banner-page {
    margin-top: 276px;
    padding-right: 48px;
    float: right; }
    .banner ul.banner-page li {
      position: relative;
      cursor: pointer;
      font-size: 16px;
      line-height: 16px;
      margin-bottom: 28px;
      color: black; }
    .banner ul.banner-page li.current {
      font-weight: bold;
      color: #3157db; }
    .banner ul.banner-page li.current:after {
      content: "";
      position: absolute;
      width: 6px;
      height: 1px;
      left: 21px;
      top: 7px;
      background-color: black; }

.content {
  padding-top: 46px;
  background: #FFFFFF; }
  .content .custom {
    width: 1366px;
    height: 514px;
    position: relative; }
    .content .custom .left {
      padding-left: 29px;
      padding-top: 141px;
      float: left; }
      .content .custom .left .num {
        color: #ff9900;
        font-size: 48px;
        line-height: 48px;
        display: none;
        position: relative;
        right: 0; }
      .content .custom .left h2 {
        color: black;
        font-size: 36px;
        line-height: 76px;
        background-color: #FFFFFF;
        margin-top: 10px;
        position: absolute;
        z-index: 99;
        padding-right: 30px;
        padding-bottom: 15px;
        display: none;
        left: 32px; }
      .content .custom .left .custom-hline {
        content: "";
        position: absolute;
        top: 46px;
        left: 32px;
        width: 2px;
        height: 0px;
        background-color: black; }
      .content .custom .left .custom-vline {
        content: "";
        position: absolute;
        top: 277px;
        left: 32px;
        width: 0px;
        height: 2px;
        background-color: black;
        z-index: 100; }
    .content .custom .right {
      float: right;
      width: 1272px;
      height: 514px;
      background-color: #F5F5F5;
      position: relative; }
      .content .custom .right ul {
        padding-left: 192px;
        padding-top: 183px; }
        .content .custom .right ul li {
          float: left;
          margin-left: 82px; }
          .content .custom .right ul li a {
            display: block;
            text-align: center; }
            .content .custom .right ul li a img {
              margin: 0 auto;
              display: block;
              width: 70px;
              height: 70px;
              position: relative; }
            .content .custom .right ul li a .text {
              margin-top: 40px; }
              .content .custom .right ul li a .text .name {
                font-size: 18px;
                line-height: 18px;
                color: #3c3c3c;
                font-weight: bold; }
              .content .custom .right ul li a .text .description {
                font-size: 14px;
                line-height: 14px;
                color: black;
                margin-top: 20px; }
    .content .custom .btn-down {
      position: absolute;
      width: 14px;
      height: 24px;
      bottom: 50px;
      left: 30px;
      display: none; }
  .content .solution {
    margin-top: 84px;
    height: 700px;
    position: relative; }
    .content .solution .thumb {
      float: left;
      margin-top: 58px;
      position: relative;
      z-index: 9; }
      .content .solution .thumb img {
        display: block;
        width: 100%;
        height: 100%;
        -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .content .solution .thumb img:hover {
        transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1); }
    .content .solution .right {
      position: absolute;
      width: 954px;
      height: 604px;
      right: 0;
      top: 0;
      background: #F5F5F5; }
      .content .solution .right .num {
        color: #ff9900;
        font-size: 48px;
        line-height: 48px;
        display: none;
        position: relative;
        left: 424px;
        top: 158px; }
      .content .solution .right h2 {
        color: black;
        font-size: 36px;
        line-height: 36px;
        position: absolute;
        display: none;
        left: 424px;
        top: 225px; }
      .content .solution .right .solution-hline {
        content: "";
        position: absolute;
        top: 67px;
        width: 2px;
        height: 0px;
        left: 427px;
        background-color: black; }
      .content .solution .right .solution-vline {
        content: "";
        position: absolute;
        top: 282px;
        left: 427px;
        width: 0px;
        height: 2px;
        background-color: black;
        z-index: 100; }
      .content .solution .right p {
        font-size: 18px;
        color: #5e5e5e;
        line-height: 18px;
        position: absolute;
        top: 318px;
        left: 424px;
        display: none; }
      .content .solution .right a.btn-right {
        width: 24px;
        height: 14px;
        position: absolute;
        right: 97px;
        top: 167px;
        display: none; }
        .content .solution .right a.btn-right img {
          display: block;
          width: 100%;
          height: 100%; }
    .content .solution .cover {
      position: absolute;
      width: 716px;
      height: 280px;
      background: #FFFFFF;
      top: 437px;
      right: 97px;
      z-index: 10;
      box-shadow: 0 0px 24px 2px #eaeaea;
      -webkit-box-shadow: 0 0px 24px 2px #eaeaea; }
      .content .solution .cover ul {
        padding: 60px 40px 0 40px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: space-between; }
        .content .solution .cover ul li {
          flex: 1;
          -webkit-flex: 1; }
          .content .solution .cover ul li a {
            display: block;
            text-align: center; }
            .content .solution .cover ul li a img {
              display: block;
              width: 70px;
              height: 70px;
              margin: 0 auto;
              position: relative; }
            .content .solution .cover ul li a p {
              font-size: 18px;
              color: black; }
  .content .advantage {
    margin-top: 90px;
    background: #F5F5F5;
    width: 1366px;
    padding-top: 348px;
    padding-bottom: 102px;
    position: relative; }
    .content .advantage .num {
      color: #ff9900;
      font-size: 48px;
      line-height: 48px;
      position: absolute;
      left: 243px;
      top: 117px;
      z-index: 20;
      display: none; }
    .content .advantage h2 {
      color: black;
      font-size: 36px;
      line-height: 36px;
      position: absolute;
      left: 243px;
      top: 172px;
      display: none; }
    .content .advantage .adv-hline {
      content: "";
      position: absolute;
      top: 26px;
      width: 2px;
      height: 0px;
      left: 246px;
      background-color: black; }
    .content .advantage .adv-vline {
      content: "";
      position: absolute;
      top: 228px;
      left: 246px;
      width: 0px;
      height: 2px;
      background-color: black;
      z-index: 100; }
    .content .advantage p.advp {
      font-size: 18px;
      color: #5e5e5e;
      line-height: 18px;
      position: absolute;
      top: 263px;
      left: 243px;
      display: none; }
    .content .advantage a.btn-right {
      display: none;
      width: 24px;
      height: 14px;
      top: 258px;
      right: 188px;
      position: absolute; }
      .content .advantage a.btn-right img {
        display: block;
        width: 100%;
        height: 100%; }
    .content .advantage ul {
      width: 1064px;
      background: #FFFFFF;
      height: 284px;
      margin: 0 auto;
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 60px;
      box-sizing: border-box;
      box-shadow: 0 0px 24px 2px #eaeaea;
      -webkit-box-shadow: 0 0px 24px 2px #eaeaea; }
      .content .advantage ul li {
        flex: 1;
        -webkit-flex: 1; }
        .content .advantage ul li a {
          display: block;
          text-align: center; }
          .content .advantage ul li a img {
            display: block;
            width: 70px;
            height: 70px;
            margin: 0 auto;
            position: relative; }
          .content .advantage ul li a p {
            color: black;
            font-size: 18px;
            margin-top: 20px; }
          .content .advantage ul li a p + p {
            font-size: 14px;
            color: #5E5E5E; }
  .content .case {
    width: 1366px;
    height: 700px;
    position: relative; }
    .content .case .case-top {
      background: #FFFFFF;
      position: absolute;
      width: 1366px;
      height: 360px; }
      .content .case .case-top .num {
        color: #ff9900;
        font-size: 48px;
        line-height: 48px;
        position: absolute;
        left: 805px;
        top: 183px;
        z-index: 20;
        display: none; }
      .content .case .case-top h2 {
        color: black;
        font-size: 36px;
        line-height: 36px;
        position: absolute;
        left: 805px;
        top: 242px;
        display: none; }
      .content .case .case-top .case-hline {
        content: "";
        position: absolute;
        top: 93px;
        width: 2px;
        height: 0;
        left: 805px;
        background-color: black; }
      .content .case .case-top .case-vline {
        content: "";
        position: absolute;
        top: 299px;
        left: 805px;
        width: 0;
        height: 2px;
        background-color: black; }
    .content .case .case-bottom {
      background: #F5F5F5;
      position: absolute;
      width: 1366px;
      height: 340px;
      top: 360px;
      left: 0; }
      .content .case .case-bottom .text {
        position: absolute;
        top: 104px;
        left: 805px; }
        .content .case .case-bottom .text p {
          color: black;
          font-size: 24px;
          line-height: 24px; }
        .content .case .case-bottom .text p + p {
          font-size: 18px;
          line-height: 18px;
          margin-top: 24px; }
      .content .case .case-bottom .btn-down {
        position: absolute;
        display: none;
        width: 14px;
        height: 24px;
        left: 158px;
        bottom: 52px; }
        .content .case .case-bottom .btn-down img {
          display: block;
          width: 14px;
          height: 24px; }
      .content .case .case-bottom .casepage {
        position: absolute;
        bottom: 70px;
        left: 805px;
        width: 52px;
        height: 6px;
        z-index: 99; }
        .content .case .case-bottom .casepage ul {
          width: 52px;
          height: 6px;
          overflow: hidden; }
          .content .case .case-bottom .casepage ul li {
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            float: left;
            width: 6px;
            height: 6px;
            background: #5d5d5d;
            margin: 0 2px;
            -moz-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
          .content .case .case-bottom .casepage ul li.current {
            width: 18px;
            background: #FF9900; }
    .content .case ul.smpic {
      background: #FFFFFF;
      position: absolute;
      overflow: hidden;
      z-index: 200;
      top: 504px;
      left: 240px; }
      .content .case ul.smpic li {
        float: left;
        cursor: pointer; }
        .content .case ul.smpic li img {
          display: block;
          width: 106px;
          height: 160px;
          -moz-transition: width 0.01s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -webkit-transition: width 0.01s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: width 0.01s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .content .case ul.smpic li.current img {
        width: 160px; }
    .content .case .bigpic {
      background: #FFFFFF;
      position: absolute;
      top: 60px;
      left: 150px;
      width: 568px;
      height: 568px; }
      .content .case .bigpic img {
        width: 568px;
        height: 568px; }
  .content .scrollbar {
    height: 100px; }
    .content .scrollbar a {
      display: block;
      width: 31px;
      height: 18px;
      float: right;
      margin-top: 38px;
      margin-right: 41px;
      -webkit-animation: down 0.6s ease-out alternate infinite both;
      animation: down 0.6s ease-out alternate infinite both; }
      .content .scrollbar a img {
        display: block;
        width: 100%;
        height: 100%; }

@keyframes down {
  from {
    margin-top: 38px;
    opacity: 1; }
  to {
    margin-top: 28px;
    opacity: 0.6; } }
@-webkit-keyframes down {
  from {
    margin-top: 38px;
    opacity: 1; }
  to {
    margin-top: 28px;
    opacity: 0.6; } }

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