@charset "UTF-8";
.fl {
  float: left !important; }

.fr {
  float: right !important; }

.highlight {
  color: #E30B20 !important;
  margin: 0 !important; }

.swiper-lazy-preloader {
  border-color: #1A52EE; }

.phoneShow {
  display: none !important; }

.wrap {
  height: auto;
  overflow: hidden; }

.cover {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  display: none; }

.shareWx-box {
  text-align: center; }
  .shareWx-box .url_img {
    margin: 15px auto 5px; }
  .shareWx-box p {
    font-size: 13px; }

#content {
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #fff; }

.bigTitle {
  font-size: 48px;
  color: #333;
  text-align: center; }

.bigTitleEn {
  font-size: 20px;
  color: #CFCFCF;
  text-align: center;
  margin-top: 5px;
  text-transform: capitalize;
  font-family: "PingFang SC Light"; }

.commonBtn {
  width: 220px;
  height: 60px;
  line-height: 60px;
  background: #1A52EE;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 3px 12px rgba(26, 82, 238, 0.2);
  border-radius: 50px;
  display: block;
  text-align: center;
  margin: 50px auto 0; }
  .commonBtn i {
    font-size: 20px;
    vertical-align: -2px; }
  .commonBtn:hover i {
    margin-left: 5px; }

.bsBox {
  box-sizing: content-box; }

.noMore {
  font-size: 14px;
  color: #888;
  text-align: center;
  margin-top: 20px; }

/*!
 *  1501-1920px
 */
.contai{
  margin: 0 auto;
  position: relative;
  transition: all .4s ease; }


.Index .business {
  height: auto;
  overflow: hidden;
  padding: 0px 0 90px;
  position: relative; }
  .Index .business .slide {
    height: auto;
    overflow: hidden;
    margin-top: 0px; }
    .Index .business .slide .swiper-slide {
      height: auto;
      overflow: hidden;
      position: relative; }
      .Index .business .slide .swiper-slide img {
        width: 100%;
        min-height: 700px; }
      .Index .business .slide .swiper-slide .text {
        width: 100%;
        color: #fff;
        position: absolute;
        right: 0;
        top: 25%;
        text-align: right; }
        .Index .business .slide .swiper-slide .text h2 {
          font-size: 36px;
          line-height: 40px;
          font-family: "PingFang SC Light"; }
        .Index .business .slide .swiper-slide .text h3 {
          font-size: 24px;
          opacity: .38;
          text-transform: uppercase;
          font-family: "PingFang SC Light"; }
        .Index .business .slide .swiper-slide .text .btn {
          float: right;
          display: block;
          border: 1px solid #fff;
          width: 40px;
          height: 40px;
          line-height: 40px;
          text-align: center;
          border-radius: 50%;
          margin-top: 20px;
          transition: background 0.3s ease;
          position: relative;
          overflow: hidden; }
          .Index .business .slide .swiper-slide .text .btn .bg {
            display: block;
            width: 0;
            height: 0;
            left: 50%;
            top: 50%;
            transition: all 0.3s ease;
            position: absolute;
            border-radius: 50%;
            overflow: hidden; }
          .Index .business .slide .swiper-slide .text .btn i {
            color: #fff;
            font-size: 22px;
            position: absolute;
            z-index: 1;
            left: -16px;
            animation: mymove 1.5s infinite; }
          .Index .business .slide .swiper-slide .text .btn:hover {
            border: 1px solid #fff;
            background-color: #fff;
            overflow: hidden; }
            .Index .business .slide .swiper-slide .text .btn:hover .bg {
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              background-color: #fff; }
            .Index .business .slide .swiper-slide .text .btn:hover i {
              color: #333; }
  .Index .business .tabs {
    height: auto;
    position: relative;
    z-index: 1;
    margin-top: -240px; }
    .Index .business .tabs .item {
      width: 20%;
      height: 240px;
      overflow: hidden;
      float: left;
      text-align: center;
      padding: 35px 25px 0;
      transition: all .4s ease;
      position: relative; }
      .Index .business .tabs .item .text {
        position: relative;
        z-index: 1; }
        .Index .business .tabs .item .text i {
          font-size: 58px;
          color: #333; }
        .Index .business .tabs .item .text h2 {
          font-size: 24px;
          color: #333;
          margin: 15px 0;
          font-family: "PingFang SC Semibold"; }
        .Index .business .tabs .item .text p {
          font-size: 14px;
          color: #333;
          line-height: 24px; }
      .Index .business .tabs .item .grid-shade {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0; }
      .Index .business .tabs .item.item1, .Index .business .tabs .item.item3 {
        background: rgba(255, 255, 255, 0.9); }
      .Index .business .tabs .item.item2, .Index .business .tabs .item.item4 {
        background: rgba(255, 255, 255, 0.8); }
      .Index .business .tabs .item.item1 .grid-shade {
        background: linear-gradient(31deg, #F99917 0%, #F9B918 100%); }
      .Index .business .tabs .item.item2 .grid-shade {
        background: linear-gradient(205deg, #ECE640 0%, #95BE16 100%); }
      .Index .business .tabs .item.item3 .grid-shade {
        background: linear-gradient(216deg, #D6EF84 0%, #8EA513 100%); }
      .Index .business .tabs .item.item4 .grid-shade {
        background: linear-gradient(346deg, #59AE37 0%, #7ED044 100%); }
      .Index .business .tabs .item.item5, .Index .business .tabs .item.item7, .Index .business .tabs .item.item9 {
        background: #f7f7f8; }
      .Index .business .tabs .item.item6, .Index .business .tabs .item.item8, .Index .business .tabs .item.item10 {
        background: #fff; }
      .Index .business .tabs .item.item5 .grid-shade {
        background: linear-gradient(210deg, #3F8CFC 0%, #0066D1 100%); }
      .Index .business .tabs .item.item6 .grid-shade {
        background: linear-gradient(204deg, #F6C35C 0%, #F8AF41 100%); }
      .Index .business .tabs .item.item7 .grid-shade {
        background: linear-gradient(39deg, #1A52EE 0%, #4273FC 100%); }
      .Index .business .tabs .item.item8 .grid-shade {
        background: linear-gradient(31deg, #EB6054 0%, #FF876D 100%); }
      .Index .business .tabs .item.item9 .grid-shade {
        background: linear-gradient(31deg, #5A48B9 0%, #9168DF 100%); }
      .Index .business .tabs .item.item10 .grid-shade {
        background: linear-gradient(31deg, #0E64BB 0%, #0B82F6 100%); }
      .Index .business .tabs .item.item.active i, .Index .business .tabs .item.item.active h2, .Index .business .tabs .item.item.active p, .Index .business .tabs .item.item:hover i, .Index .business .tabs .item.item:hover h2, .Index .business .tabs .item.item:hover p {
        color: #fff; }
      .Index .business .tabs .item.item.active .grid-shade, .Index .business .tabs .item.item:hover .grid-shade {
        opacity: 1; }
  .Index .business:after {
    content: "";
    width: 100%;
    height: 50%;
    background: #f8f8f8;
    position: absolute;
    left: 0;
    bottom: 0; }
/*业务*/
.business {
  height: auto;
  overflow: hidden;
  padding: 0px 0 90px;
  position: relative; 
background: #f5f5f5; z-index: 99}
  .business .slide {
    height: auto;
    overflow: hidden; }
    .business .slide .swiper-slide {
      height: auto;
      overflow: hidden;
      position: relative; }
      .business .slide .swiper-slide img {
        width: 100%;
        min-height: 700px; }
      .business .slide .swiper-slide .text {
        width: 100%;
        color: #fff;
        position: absolute;
        right: 0;
        top: 25%;
        text-align: right; }
        .business .slide .swiper-slide .text h2 {
          font-size: 36px;
          line-height: 40px;
          font-family: "PingFang SC Light"; }
        .business .slide .swiper-slide .text h3 {
          font-size: 24px;
          opacity: .38;
          text-transform: uppercase;
          font-family: "PingFang SC Light"; }
        .business .slide .swiper-slide .text .btn {
          float: right;
          display: block;
          border: 1px solid #fff;
          width: 40px;
          height: 40px;
          line-height: 40px;
          text-align: center;
          border-radius: 50%;
          margin-top: 20px;
          transition: background 0.3s ease;
          position: relative;
          overflow: hidden; }
          .business .slide .swiper-slide .text .btn .bg {
            display: block;
            width: 0;
            height: 0;
            left: 50%;
            top: 50%;
            transition: all 0.3s ease;
            position: absolute;
            border-radius: 50%;
            overflow: hidden; }
          .business .slide .swiper-slide .text .btn i {
            color: #fff;
            font-size: 22px;
            position: absolute;
            z-index: 1;
			  top:0;
            left: -16px;
            animation: mymove 1.5s infinite; }
          .business .slide .swiper-slide .text .btn:hover {
            border: 1px solid #fff;
            background-color: #fff;
            overflow: hidden; }
            .business .slide .swiper-slide .text .btn:hover .bg {
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              background-color: #fff; }
            .business .slide .swiper-slide .text .btn:hover i {
              color: #333; }
  .business .tabs {
    height: auto;
    position: relative;
    z-index: 1;
    margin-top: -90px; }
    .business .tabs .item {
      width: 20%;
      height: 180px;
      overflow: hidden;
      float: left;
      text-align: center;
      padding: 35px 25px 0;
      transition: all .4s ease;
      position: relative; }
      .business .tabs .item .text {
        position: relative;
        z-index: 1;
        overflow: hidden;}
        .business .tabs .item .text img{display: block; margin: 0 auto; width:20%}
.business .tabs .item .text:hover img,.active .text img{filter: brightness(3000%);}
        .business .tabs .item .text h2 {
          font-size: 24px;
          color: #333;
          margin: 15px 0;
          font-family: "PingFang SC Semibold"; }
        .business .tabs .item .text p {
          font-size: 14px;
          color: #333;
          line-height: 24px; }
      .business .tabs .item .grid-shade {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0; }
.business .tabs .item:first-child{ border-left: 0}
.business .tabs .item{ border-left: 1px solid #f1f1f1}
      .business .tabs .item.item1, .business .tabs .item.item3 {
        background: #fff; }
      .business .tabs .item.item2, .business .tabs .item.item4 {
        background:  #fff; }
      .business .tabs .item.item1 .grid-shade {
        background: linear-gradient(31deg, #3F8CFC 0%, #0066D1 100%); }
      .business .tabs .item.item2 .grid-shade {
        background: linear-gradient(205deg, #3F8CFC 0%, #0066D1 100%); }
      .business .tabs .item.item3 .grid-shade {
        background: linear-gradient(216deg, #3F8CFC 0%, #0066D1 100%); }
      .business .tabs .item.item4 .grid-shade {
        background: linear-gradient(346deg, #3F8CFC 0%, #0066D1 100%); }
      .business .tabs .item.item5, .business .tabs .item.item7, .business .tabs .item.item9 {
        background: #fff; }
      .business .tabs .item.item6, .business .tabs .item.item8, .business .tabs .item.item10 {
        background: #fff; }
      .business .tabs .item.item5 .grid-shade {
        background: linear-gradient(210deg, #3F8CFC 0%, #0066D1 100%); }
      .business .tabs .item.item6 .grid-shade {
        background: linear-gradient(204deg, #F6C35C 0%, #F8AF41 100%); }
      .business .tabs .item.item7 .grid-shade {
        background: linear-gradient(39deg, #1A52EE 0%, #4273FC 100%); }
      .business .tabs .item.item8 .grid-shade {
        background: linear-gradient(31deg, #EB6054 0%, #FF876D 100%); }
      .business .tabs .item.item9 .grid-shade {
        background: linear-gradient(31deg, #5A48B9 0%, #9168DF 100%); }
      .business .tabs .item.item10 .grid-shade {
        background: linear-gradient(31deg, #0E64BB 0%, #0B82F6 100%); }
      .business .tabs .item.item.active i, .business .tabs .item.item.active h2, .business .tabs .item.item.active p, .business .tabs .item.item:hover i, .business .tabs .item.item:hover h2, .business .tabs .item.item:hover p {
        color: #fff; }
      .business .tabs .item.item.active .grid-shade, .business .tabs .item.item:hover .grid-shade {
        opacity: 1; }
  .business:after {
    content: "";
    width: 100%;
    height: 50%;
    background: #efeff0;
    position: absolute;
    left: 0;
    bottom: 0; }