






/*banner*/
.banner {
  overflow: hidden;
  position: relative; }
  .banner .ani-slide .slide-inner .banner1_1, .banner .ani-slide .slide-inner .banner1_2, .banner .ani-slide .slide-inner .banner1_3, .banner .ani-slide .slide-inner .banner1_4 {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1; }
  .banner .ani-slide .slide-inner .banner2_1 {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1; }
  .banner .ani-slide .slide-inner .banner3_2 {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1; }
  .banner .swiper-slide {
    cursor: url(../Image/banner_move.png), default;
    position: relative; }
    .banner .swiper-slide .banner1_1 {
      position: absolute;
      left: 7.8%;
      top: 21%;
      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.8);
      text-transform: uppercase;
      letter-spacing: 0.2px;
      font-weight: lighter;
      z-index: 5;
      transform: translateX(-60px);
      -ms-transform: translateX(-60px);
      -moz-transform: translateX(-60px);
      -webkit-transform: translateX(-60px);
      -o-transform: translateX(-60px);
      opacity: 0;
      transition: 1s;
      -moz-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      /* Firefox 4 */
      -webkit-transition-timing-function: ease;
      /* Safari 和 Chrome */
      -o-transition-timing-function: ease;
      /* Opera */ }
    .banner .swiper-slide .banner1_2 {
      position: absolute;
      left:10.8%;
      top: 21%;
      z-index: 5;
      transform: translateX(-60px);
      -ms-transform: translateX(-60px);
      -moz-transform: translateX(-60px);
      -webkit-transform: translateX(-60px);
      -o-transform: translateX(-60px);
      opacity: 0;
      transition: 1s;
      -moz-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      /* Firefox 4 */
      -webkit-transition-timing-function: ease;
      /* Safari 和 Chrome */
      -o-transition-timing-function: ease;
      /* Opera */
      transition-delay: 0.1s; }
    .banner .swiper-slide .banner1_3 {
      position: absolute;
      left: 7.8%;
      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
      font-size: 16px;
      color: rgba(255, 255, 255, 0.95);
      top: 38%;
      line-height: 32px;
      font-weight: lighter;
      transform: translateX(-60px);
      -ms-transform: translateX(-60px);
      -moz-transform: translateX(-60px);
      -webkit-transform: translateX(-60px);
      -o-transform: translateX(-60px);
      opacity: 0;
      transition: 1s;
      -moz-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      /* Firefox 4 */
      -webkit-transition-timing-function: ease;
      /* Safari 和 Chrome */
      -o-transition-timing-function: ease;
      /* Opera */
      transition-delay: 0.2s; }
    .banner .swiper-slide .banner1_4 {
      width: 217px;
      height: 53px;
      background: #1753b5;
      border-radius: 5px;
      position: absolute;
      left: 7.8%;
      top: 53%;
      text-align: center;
      overflow: hidden;
      transform: translateX(-60px);
      -ms-transform: translateX(-60px);
      -moz-transform: translateX(-60px);
      -webkit-transform: translateX(-60px);
      -o-transform: translateX(-60px);
      opacity: 0;
      transition: 1s;
      -moz-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      /* Firefox 4 */
      -webkit-transition-timing-function: ease;
      /* Safari 和 Chrome */
      -o-transition-timing-function: ease;
      /* Opera */
      transition-delay: 0.3s; }
      .banner .swiper-slide .banner1_4:before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: -100%;
        top: 0;
        background: #113e88;
        opacity: 0;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        /* Firefox 4 */
        -webkit-transition-timing-function: ease;
        /* Safari 和 Chrome */
        -o-transition-timing-function: ease;
        /* Opera */ }
      .banner .swiper-slide .banner1_4:hover i {
        transform: translateX(6px);
        -ms-transform: translateX(6px);
        -moz-transform: translateX(6px);
        -webkit-transform: translateX(6px);
        -o-transform: translateX(6px); }
      .banner .swiper-slide .banner1_4:hover:before {
        left: 0;
        opacity: 1; }
      .banner .swiper-slide .banner1_4 a {
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        line-height: 53px;
        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.95);
        font-weight: lighter;
        position: relative;
        z-index: 5; }
        .banner .swiper-slide .banner1_4 a i {
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 16px;
          color: rgba(255, 255, 255, 0.95);
          margin-left: 50px;
          display: inline-block;
          transition: 0.5s;
          -moz-transition: 0.5s;
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition-timing-function: ease;
          -moz-transition-timing-function: ease;
          /* Firefox 4 */
          -webkit-transition-timing-function: ease;
          /* Safari 和 Chrome */
          -o-transition-timing-function: ease;
          /* Opera */ }
    .banner .swiper-slide .banner2_1 {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 24%;
      z-index: 5;
      transform: translateY(-60px);
      -ms-transform: translateY(-60px);
      -moz-transform: translateY(-60px);
      -webkit-transform: translateY(-60px);
      -o-transform: translateY(-60px);
      opacity: 0;
      transition: 1s;
      -moz-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      /* Firefox 4 */
      -webkit-transition-timing-function: ease;
      /* Safari 和 Chrome */
      -o-transition-timing-function: ease;
      /* Opera */ }
    .banner .swiper-slide .banner3_2 {
      position: absolute;
      left: 9.8%;
      top: 10%;
      z-index: 5;
      transform: translateX(-60px);
      -ms-transform: translateX(-60px);
      -moz-transform: translateX(-60px);
      -webkit-transform: translateX(-60px);
      -o-transform: translateX(-60px);
      opacity: 0;
      transition: 1s;
      -moz-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      /* Firefox 4 */
      -webkit-transition-timing-function: ease;
      /* Safari 和 Chrome */
      -o-transition-timing-function: ease;
      /* Opera */ }
  .banner .banner_con {
    z-index: 20;
    width: 260px;
    height: 58px;
    background: #fff;
    position: absolute;
    left: 7.8%;
    bottom: 73px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari*/
    padding-left: 20px; }
    .banner .banner_con .a1 {
      float: left;
      height: 100%;
      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
      font-size: 18px;
      color: rgba(0, 0, 0, 0.35);
      line-height: 58px;
      font-family: thyFont2;
      letter-spacing: 0.5px; }
      .banner .banner_con .a1 span {
        color: rgba(0, 0, 0, 0.9); }
    .banner .banner_con .a2 {
      float: right;
      width: 111px;
      line-height: 58px; }
      .banner .banner_con .a2 .b0 {
        float: left; }
      .banner .banner_con .a2 .b1 {
        float: left;
        width: 55px;
        height: 100%;
        line-height: 58px;
        text-align: center;
        line-height: 58px;
        cursor: pointer;
        overflow: hidden;
        outline: none; }
        .banner .banner_con .a2 .b1 img {
          transition: 0.5s;
          -moz-transition: 0.5s;
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition-timing-function: ease;
          -moz-transition-timing-function: ease;
          /* Firefox 4 */
          -webkit-transition-timing-function: ease;
          /* Safari 和 Chrome */
          -o-transition-timing-function: ease;
          /* Opera */ }
      .banner .banner_con .a2 .left:hover img {
        transform: translateX(-4px);
        -ms-transform: translateX(-4px);
        -moz-transform: translateX(-4px);
        -webkit-transform: translateX(-4px);
        -o-transform: translateX(-4px); }
      .banner .banner_con .a2 .right:hover img {
        transform: translateX(4px);
        -ms-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -webkit-transform: translateX(4px);
        -o-transform: translateX(4px); }

@media (max-width: 998px){ 

.banner .banner_con{ bottom:0px; }
}






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