@charset "UTF-8";
.jiji-main-body{
    margin-top:67px;background:#fff
}
.jiji-main-body .title{
    margin-bottom:70px
}
.jiji-main-body .title>P:first-of-type
{font-size:42px;font-weight:300;color:#333;line-height:120px
}
.jiji-main-body .title>P:last-of-type{
    font-size:28px;font-weight:300;color:rgba(102,102,102,.8);line-height:40px
}
    .jiji-main-body .experience{
        text-align:center
    }
    .jiji-main-body .experience .experience-img{
        width:100%;height:562px;background:url(../images/index/freeExperience.png) no-repeat center/100% 100%
    }
    .jiji-main-body .experience .experience-img .btn-plain{
        margin-top:50px;display:inline-block;font-size:20px;
        font-weight:300;color:#fff;width:248px;height:46px;
        line-height:46px;background:linear-gradient(87deg,#4480fb 0,#3daffc 100%);
        border-radius:28px
    }
    .jiji-main-body .experience .experience-img .btn-plain:hover{
        background:#fff;width:246px;height:44px;
        line-height:44px;border:1px solid #1887fb;
        color:#1887fb
    }
    /* 八大痛点 */
    .jiji-main-body .six-points{
        width:1205px;
        text-align:center;
        padding:80px 0;
        text-align: center;
    }
    .six-points-box{
        width:1196px;
        flex-wrap: wrap;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #e8ebf2;
        border-radius: 12px;
        box-shadow: 0px 2px 34px 0px rgba(232,235,242,0.50); 
    }
    .six-points-box-li{
        box-sizing: border-box;
        width:299px;
        height:172px;
        padding:40px 25px;
        box-sizing: border-box;
        position: relative;
    }
    .six-points-box-licon{
        width:100%;
        height:92px;
        overflow: hidden;
        
    }
    .six-points-box-licon_activetop{
        width:299px;
        padding:40px 25px;
        width:100%;
        height:346px;
        position: absolute;
        top:0;
        left:0;
        background: linear-gradient(180deg,#ffffff, #f1f8ff 100%);
        z-index:999;
    }
    .six-points-box-licon_activebottom{
        width:299px;
        padding:40px 25px;
        width:100%;
        height:346px;
        position: absolute;
        bottom:0;
        left:0;
        background: linear-gradient(180deg,#ffffff, #f1f8ff 100%);
        z-index:999;
    }
    .six-points-box-li:nth-child(1),.six-points-box-li:nth-child(2),.six-points-box-li:nth-child(3),
    .six-points-box-li:nth-child(5),.six-points-box-li:nth-child(6),.six-points-box-li:nth-child(7){
        border-right:1px solid #e8ebf2;
    }
  
    .six-points-box-li:nth-child(1),.six-points-box-li:nth-child(2),
    .six-points-box-li:nth-child(3),.six-points-box-li:nth-child(4){
        border-bottom:1px solid #e8ebf2;
    }
   
    .six-points img{
        width:30px;
        height:30px;
        margin-right:11px;
    }
    .six-points .point-title{
        font-size: 20px;
        color: #333333;
    }
    .list-box{
        padding:10px 0;
    }
    .list-box-li {
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        color: #666666;
        line-height: 22px;
        padding:10px 0;
    }
   .list-box-li .scrcle{
       /* display: inline-block; */
        width: 12px;
        height: 12px;
        background: #c4deff;
        border-radius: 50%;
        margin-right:13px;
   }

    .progress-bar{
        margin-top:80px;
        position:relative;margin-bottom:50px
    }
    .progress-bar:before{
        content:'';
        height:14px;width:100%;
        background-color:#1887fb;
        position:absolute;right:0;
        bottom:-47px
    }
    .progress-bar:after{
        content:'';
        height:10px;
        background:#b7d8fe;
        position:absolute;
        left:-1500px;
        bottom:-45px;z-index:3;
        transition:right .3s ease
    }
    .progress-list{
        width:1000px;
        margin:0 auto;
        display:flex;
        justify-content:space-around
    }
    .progress-item{
        text-align:center;
        border:1px solid #fff
    }
    .progress-item>div{
        position:relative;
        display:inline-block;
        margin:0 auto;
        padding:0 10px
    }
    .progress-item>div>img{
        width:18px;
        height:16px;
        vertical-align:middle
    }
    .progress-item>div>.txt{
        cursor:pointer;
        border:1px solid transparent;
        color:#1887fb;
        display:inline-block;
        box-sizing:border-box;height:32px;
        text-align:center;line-height:32px
    }
    .progress-item>div:after,.progress-item>div:before{
        content:'';
        position:absolute;
        border-radius:50%;left:50%;z-index:2;
        cursor:pointer
    }
    .progress-item>div:after{
        width:18px;
        height:18px;border:4px solid #1887fb;background-color:#b7d8fe;
        margin-left:-14px;bottom:-53px;transition:border .3s ease;
    }
    .progress-item>div:before{
        height:26px;width:26px;
        border:2px solid #1887fb;
        background-color:#1887fb;
        margin-left:-16px;bottom:-55px
    }
    .active{
        border:1px solid #1887fb;
        border-radius:20px
    }
    .active>div:after{
        border-color:#b7d8fe;
        background-color:#fff;
        z-index:4
    }
    .active>div:before{
        border-color:#1887fb;
        background-color:#1887fb
    }
    .progress-item:after:hover{
        border-color:#b7d8fe;
        background-color:#b7d8fe
    }
    .progress-item:before:hover{
        border-color:#fff;
        background-color:#fff
    }
    .jiji-main-body .intelligent-working{
        text-align:center;
        padding-top:80px;
        background: #f8f9fd;
    }
    .intelligentimg{

    }
    .jiji-main-body .intelligent-working ul{
        display:flex;
        justify-content:space-between;
        margin:5px 16px 17px 16px
    }
    
    .jiji-main-body .create-value{
        text-align:center;
        margin:120px 0 120px 0;
    }
    .valueimg{
        width:1200px;
        height:698px;
    }
 
.jiji-main-body .solution{
    text-align:center;position:relative;
    padding:80px 0;
}
.jiji-main-body .solution .swiper-container{
    width:90%;height:420px
}
.jiji-main-body .solution .swiper-slide{
    text-align:center;font-size:18px;background:#fff;
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;
    -ms-flex-pack:center;-webkit-justify-content:center;
    justify-content:center;-webkit-box-align:center;-ms-flex-align:center;
    -webkit-align-items:center;align-items:center
}
    .jiji-main-body .solution .swiper-slide a{
        transition:all .3s ease
    }
    .jiji-main-body .solution .swiper-slide a:hover{
        transform:translate(0,-10px)
    }
    .jiji-main-body .solution .swiper-button-next,.swiper-button-prev{
        top:65%;color:#e1e3e5;outline:0;z-index:1
    }
    .jiji-main-body .solution .solution-content{
        height:206px;background:#f2f5fb;
        border-radius:0 0 10px 10px
    }
    .jiji-main-body .solution .solution-content p:first-of-type{
        font-size:16px;width:180px;color:#333;
        text-align:left;line-height:60px;margin-left:36px}
    .jiji-main-body .solution .solution-content p:last-of-type{
        width:190px;font-size:12px;
        color:#9499a3;margin-left:36px;
        margin-top:10px;text-align:justify;
        line-height:20px
    }
    .jiji-main-body .users{
        text-align:center;margin-top:88px;margin-bottom:90px
    }
    .jiji-main-body .users ul{
        display:flex;
        justify-content:flex-start;flex-wrap:wrap;
        margin:10px 10px 10px 24px
    }
    .jiji-main-body .users ul li{
        margin-bottom:30px;
        position:relative
    }
    .jiji-main-body .users ul li:not(:nth-of-type(3n)){
        margin-right:22px
    }
    .jiji-main-body .users ul li img{
        width:370px;height:240px;
        border-radius:10px;
        -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1);
        transition:all .3s ease
    }
    .jiji-main-body .users ul li img:hover{
        transform:scale(1.04)
    }
    .jiji-main-body .users ul li p{
        width:330px;
        position:absolute;bottom:18px;
        left:21px;text-align:left;
        color:#fff;overflow:hidden;
        text-overflow:ellipsis;white-space:nowrap
    }
    .jiji-main-body .news{
        background: #f8f9fd;
        text-align:center;
        padding:80px 0;
    }
    .jiji-main-body .news .container-layout .nav span{
        display:inline-block;
        color:#5b5f67;
        width:108px;
        line-height:38px;
        border:1px solid #1887fb;
        border-radius:19px;cursor:pointer
    }
    .jiji-main-body .news .container-layout .nav .active{
        background:linear-gradient(87deg,#4480fb 0,#3daffc 100%);
        color:#fff;border:none
    }
    .jiji-main-body .news .container-layout ul{
        display:flex;justify-content:space-between;
        flex-wrap:wrap;margin:60px 0 90px 0
    }
    .jiji-main-body .news .container-layout ul li{
        width:370px;height:140px;padding:30px 15px 30px 15px;
        background-color:#fff;margin-bottom:10px
    }
    .jiji-main-body .news .container-layout ul li a{
        color:#222;text-align:left
    }
    .jiji-main-body .news .container-layout ul li a .news-top{
        height:90px;border-bottom:1px solid #eee
    }
    .jiji-main-body .news .container-layout ul li a .news-bottom{
        display:flex;justify-content:space-between;padding-top:20px
    }
    .jiji-main-body .news .container-layout ul li a img{
        width:21px;height:21px;margin-top:10px
    }
    .jiji-main-body .news .container-layout ul li:last-of-type a{
        display:inline-block;margin-top:40px
    }
    .jiji-main-body .news .container-layout ul li:last-of-type a img{
        vertical-align:bottom;margin-left:3px
    }
    .jiji-main-body .news .container-layout ul li a .news-bottom span p:first-of-type{
        font-size:20px
    }
    .jiji-main-body .cooperative-client{
        text-align:center;
        padding: 80px 0;
    }
   
    .jiji-main-body .register{
        text-align:center;width:100%;height:254px;background:#f8f9fd
    }
    .jiji-main-body .register img{
        width:250px;height:50px;margin-top:-1px;margin-left:-28px
    }
    .jiji-main-body .register>p{
        font-size:26px;font-weight:400;color:#333;margin-top:20px;
        margin-bottom:43px
    }
    .jiji-main-body .register input{
        width:430px;height:43px;font-size:14px;
        background:#fff;box-shadow:0 0 12px 0 rgba(210,210,211,.38);
        border-radius:25px;padding-left:26px;margin-right:10px
    }
    .jiji-main-body .register span{display:inline-block;width:131px;height:43px;
        line-height:43px;color:#fff;
        background:linear-gradient(87deg,#4480fb 0,#3daffc 100%);
        box-shadow:0 0 12px 0 rgba(210,210,211,.38);border-radius:25px;
        border:1px solid transparent;cursor:pointer
    }
    .jiji-main-body .register span:hover{
        color:#1887fb;background:#fff;border:1px solid #1887fb
    }