/**
 * 首页 style
 */
/*banner*/
.indexbanner {height:790px;margin-bottom: 45px;}
.indexbanner .swiper-slide {height:790px;background-size:cover;background-repeat:no-repeat;background-position:center 0;}
.indexbanner .swiper-button-next, .indexbanner .swiper-button-prev {width:40px;height: 40px;border-radius:50%;opacity: 0;transition: all .2s ease;border:1px solid #fff;top:55%;}
.indexbanner .swiper-button-next{background:url(../images/arrow.png) no-repeat -55px 12px;right:90px;}
.indexbanner .swiper-button-prev{background:url(../images/arrow.png) no-repeat 15px 12px;left:90px;}
.indexbanner .swiper-button-disabled {opacity: 0!important;}
.indexbanner:hover .swiper-button-next,.indexbanner:hover .swiper-button-prev {opacity: 1;background-color:rgba();}
.indexbanner:hover .swiper-button-disabled {opacity: .35!important;}


/*大标题*/
.m-title-1 {text-align:center;line-height:1.5;margin-bottom: 50px;}
.m-title-1 h2 {font-size:32px;font-weight:normal;display: inline-block;position: relative;}
.m-title-1 h2:before {content:"";width:100%;height:6px;background: #3b80fe;position: absolute;bottom:-5px;left:0;z-index:1;}
.m-title-1 h2:after {content:"";position: absolute;width:150%;height:0;border-bottom:1px solid #c9c9c9;bottom:-3px;left:-25%;}

/*sanger 描述*/
.sanger-desc {text-align:center;line-height: 2;font-size:18px;padding:0 100px;}

/*我们的服务*/
.server-list {padding:100px 0 15px;background: url(../images/index_bg1.png) repeat-x center top #f6f6fe;margin-top:-50px;}
.server-list .item {width:280px;height:360px;position: relative;background: #fff;border:1px solid #e8e8e8;overflow:hidden;transition: all .3s ease;margin-bottom: 44px;}
.server-list .item ul {height:100%;padding:15px;box-sizing: border-box;transition: all .5s cubic-bezier(.04,.68,.03,1.04);position: relative;}
.server-list .item:hover ul {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.server-list .item:hover {box-shadow:0 0 10px 5px rgba(179,210,255,.3);}
.server-list .item:hover ul:nth-child(1) {opacity: 0;}
.server-list .item ul li:nth-child(1) {font-size:24px;text-align:center;margin-bottom: 15px;}
.server-list .item ul li:nth-child(2) {color: #666;line-height:1.5;}
.server-list .item ul:nth-child(2) li:nth-child(1) {color: #3b80fe;}
.server-list .item ul:before {content:"";display: block;width:140px;height:140px;border-radius:140px;margin:35px auto 20px;}
.server-list .item ul:nth-child(2):before {background: #3b80fe;}
.server-list .item ul:after {content:"";display: block;width:140px;height:140px;background: url(../images/imgs.png) no-repeat;top:50px;left:70px;position: absolute;}
.server-list .item:nth-child(1) ul:nth-child(1):after {background-position:28px 32px;}
.server-list .item:nth-child(1) ul:nth-child(2):after {background-position:28px -85px;}
.server-list .item:nth-child(2) ul:nth-child(1):after {background-position:-108px 32px;}
.server-list .item:nth-child(2) ul:nth-child(2):after {background-position:-108px -88px;}
.server-list .item:nth-child(3) ul:nth-child(1):after {background-position:-245px 32px;}
.server-list .item:nth-child(3) ul:nth-child(2):after {background-position:-245px -88px;}
.server-list .item:nth-child(4) ul:nth-child(1):after {background-position:-381px 32px;}
.server-list .item:nth-child(4) ul:nth-child(2):after {background-position:-381px -88px;}
.server-list .item:nth-child(5) ul:nth-child(1):after {background-position:19px -630px;}
.server-list .item:nth-child(5) ul:nth-child(2):after {background-position:19px -742px;}
.server-list .item:nth-child(6) ul:nth-child(1):after {background-position:-113px -630px;}
.server-list .item:nth-child(6) ul:nth-child(2):after {background-position:-113px -742px;}
.server-list .item:nth-child(7) ul:nth-child(1):after {background-position:-240px -630px;}
.server-list .item:nth-child(7) ul:nth-child(2):after {background-position:-240px -742px;}
.server-list .item:nth-child(8) ul:nth-child(1):after {background-position:-381px -630px;}
.server-list .item:nth-child(8) ul:nth-child(2):after {background-position:-381px -742px;}

/*服务领域*/
.server-area-wrap {padding-top:55px;}
.server-area {height:600px;transition:.3s ease;animation:anim-fadein .3s ease both;}
.server-area[data-bg="0"] {background: url(../images/index_service_1.jpg) no-repeat center 0 #5692ef;}
.server-area[data-bg="1"] {background: url(../images/index_service_2.jpg) no-repeat center 0 #5692ef;}
.server-area[data-bg="2"] {background: url(../images/index_service_3.jpg) no-repeat center 0 #5692ef;}
.server-area[data-bg="3"] {background: url(../images/index_service_4.jpg) no-repeat center 0 #5692ef;}
.server-area-tab {width:280px;padding-top: 15px;}
.server-area-tab li {height: 135px;line-height:135px;background: #eaeaea;margin-bottom: 10px;cursor:pointer;font-size:20px;padding-left:70px;transition:all .3s ease;opacity: .7;}
.server-area-tab li.current {color:#fff;background:#185ede;opacity: 1;}
.server-area-tab li:before {content:"";display: inline-block;width:32px;height:32px;background:url(../images/imgs.png) no-repeat;vertical-align:middle;margin-right:15px;transition:all .3s ease;}
.server-area-tab li:nth-child(1):before {background-position:-11px -942px;}
.server-area-tab li:nth-child(1).current:before {background-position:-11px -898px;}
.server-area-tab li:nth-child(2):before {background-position:-57px -941px;}
.server-area-tab li:nth-child(2).current:before {background-position:-57px -897px;}
.server-area-tab li:nth-child(3):before {background-position:-105px -942px;}
.server-area-tab li:nth-child(3).current:before {background-position:-105px -898px;}
.server-area-tab li:nth-child(4):before {background-position:-151px -942px;}
.server-area-tab li:nth-child(4).current:before {background-position:-151px -898px;}
.server-area-content {color:#fff;}
.server-area-content .tab_item {padding: 145px 0 0 80px;}
.server-area-content h5 {font-size:32px;font-weight: normal;position: relative;margin-bottom: 50px;}
.server-area-content h5:after {content:"";position: absolute;width:57px;height:2px;background:#fff;bottom:-10px;left:0;}
.server-area-content ul li {font-size:20px;line-height: 2.3;padding-left: 20px;position: relative;}
.server-area-content ul li:before {content:"";display:block;position: absolute;width:6px;height: 6px;border-radius: 10px;background: #fff;left:0;top:20px;}
.server-area-content .tab_item:not([style*="none"]) {animation:anim-servierinfo .5s ease both;}
@keyframes anim-servierinfo {
  from {
    opacity: 0;
    transform:translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes anim-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*选择我们*/
.choose-us {background: url(../images/index_choose_us.png) no-repeat center 150px;height:700px;padding-top:55px;}
.choose-us .wrap {position: relative;}
.choose-us .txt {position: absolute;font-size:34px;font-weight:700;color:#3b80fe;width:96px;height:96px;border:1px solid #d8d8d8;text-align:center;line-height:96px;border-radius: 100px;top:280px;}
.choose-us .txt:after {content:"";position: absolute;display: block;width:112px;height:112px;border:2px dashed #3b80fe;border-radius:100%;top:-10px;left:-10px;-webkit-animation:anim-rotate 2s linear infinite;animation:anim-rotate 2s linear infinite;}
.choose-us .txt-1 {left:40px;}
.choose-us .txt-2 {left:220px;}
.choose-us .txt-3 {right:220px;}
.choose-us .txt-4 {right:40px;}

@-webkit-keyframes anim-rotate {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes anim-rotate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

/*服务流程*/
.service-process {background: url(../images/index_img_2.png) no-repeat center 342px;height:600px;background-size:100%;padding:55px 0 0 0;position: relative;}
.service-process .title {font-size:32px;text-align:center;}
.service-process .step {position: absolute;animation: Shake 3s linear 0s infinite alternate;}
.service-process .step-1 {left:70px;top:246px;animation: Shake 3s linear 0s infinite alternate;}
.service-process .step-2 {left:250px;top:184px;animation: Shake 4s linear 0.5s infinite alternate;}
.service-process .step-3 {left:412px;top:260px;animation: Shake 2s linear 1s infinite alternate;}
.service-process .step-4 {left:690px;top:260px;animation: Shake 3s linear 0s infinite alternate;}
.service-process .step-5 {left:840px;top:184px; animation: Shake 3s linear 1.5s infinite alternate;}
.service-process .step-6 {left:1010px;top:255px;animation: Shake 4s linear 1s infinite alternate;}
.service-process .step p {font-size:16px;color:#666;position: relative;padding-left:72px;cursor: pointer;}
.service-process .step p:before {content:"";display: inline-block;width:62px;height:62px;border-radius:100%;border:1px solid #5ea9ff;background:#fff;position: absolute;left:0;top:-30px;transition: .3s ease;}
.service-process .step p:after {content:"";display: inline-block;width:50px;height:50px;background: url(../images/imgs.png) no-repeat;left:7px;top:-23px;position: absolute;transition: .3s ease;}
.service-process .step-1 p:after {background-position: -3px -228px;}
.service-process .step-2 p:after {background-position: -85px -228px;}
.service-process .step-3 p:after {background-position: -166px -228px;}
.service-process .step-4 p:after {background-position: -249px -228px;}
.service-process .step-5 p:after {background-position: -331px -228px;}
.service-process .step-6 p:after {background-position: -411px -228px;}
.service-process .step:after {content:"";position: absolute;width:0;height:240px;border-right:1px dashed #5ea9ff;left:32px;top:33px;}
.service-process .step:before {content:"";position: absolute;width:5px;height:120px;background: linear-gradient(transparent, #fff);bottom:-256px;left:30px;z-index: 2;}
.service-process .step p:hover:before {background:#5ea9ff;}
.service-process .step-1 p:hover:after {background-position: -3px -297px;}
.service-process .step-2 p:hover:after {background-position: -85px -297px;}
.service-process .step-3 p:hover:after {background-position: -166px -297px;}
.service-process .step-4 p:hover:after {background-position: -249px -297px;}
.service-process .step-5 p:hover:after {background-position: -331px -297px;}
.service-process .step-6 p:hover:after {background-position: -411px -297px;}
.service-process .step-1:after,.service-process .step-3:after,.service-process .step-4:after,.service-process .step-6:after {height:220px;}
.service-process .step-1:before,.service-process .step-3:before,.service-process .step-4:before,.service-process .step-6:before {bottom:-235px;}
@keyframes Shake {
  0% {
    transform: translateX(0) translateY(0px);
  }
  100% {
    transform: translateX(10px) translateY(20px);
  }
}

/*合作伙伴*/
.partner {padding:55px 0 115px;background: #f6f6fe;}
.partner-list li {width:140px;height:140px;margin-right: 40px;text-align:center;}
.partner-list li .img {height:140px;border-radius: 100%;background: #fff;line-height: 140px;overflow:hidden;}
.partner-list li .img img {vertical-align: middle;max-width:100%;}
.partner-list li p {font-size:16px;margin-top: 15px;}

/*合作交流*/
.index-cooperation {background:url(../images/index_img_5.png) no-repeat center 0;padding:306px 0 50px;}
.index-cooperation .title {font-size:32px;text-align:center;margin-bottom: 30px;}
.index-cooperation form {padding:0 100px;}
.index-cooperation .form-input {height:60px;line-height: 60px;border:1px solid #e8e8e8;box-shadow: 0 0 6px rgba(0,0,0,.08);outline: none;width:100%;padding:0 15px;font-size:16px;transition:all .3s ease;border-radius: 2px;}
.index-cooperation .form-input:focus,.index-cooperation textarea:focus {border-color:#3b80fe;}
.index-cooperation textarea {width:100%;border:1px solid #e8e8e8;box-shadow: 0 0 6px rgba(0,0,0,.08);outline: none;padding:15px;height:100px;margin-bottom: 40px;transition:all .3s ease;border-radius: 2px;box-sizing: border-box;}
.index-cooperation form button[type="submit"] {height:60px;line-height: 60px;font-size: 18px;background: #f67e34;width:220px;text-align:center;color:#fff;transition:all .3s ease;outline: none;cursor: pointer;border:none;border-radius: 2px;margin:0 auto;display:block;}
.index-cooperation form button[type="submit"]:hover {opacity: .8;}
.index-cooperation .tips {margin-top: 35px;}