/**轮播**/

.banner-yd{

    display: none;

}

.banner{

    position: relative;
    overflow: hidden;

    /* margin-top: 105px; */

}
.new-ban{
    width: 100%;

    overflow: hidden;

    position: relative;
    padding-bottom: 50px;
}

.top-banner{

    width: 100%;

    overflow: hidden;

    position: relative;
    height: 100vh;

}

.swiper-button-next-pc.pc-con{

    position:absolute;

    top: 50%;

    right: 70px;

    z-index: 99;

    margin-top: -33px;

    cursor: pointer;

}

.swiper-button-prev-pc.pc-con{

    position:absolute;

    top: 50%;

    left: 70px;

    z-index: 99;

    margin-top: -33px;

    cursor: pointer;

}

/**新闻中心**/

.new{

    background: url(../images/index-bg.jpg);

    /* padding-top: 150px; */

    /* padding-bottom: 100px; */

    /* height: 100vh; */

}

.new .new-title{

    margin-bottom:35px;

    padding: 0 10.52%;

}

.new .new-title-left{

    width: 50%;

    float: left;

}

.new .new-title-left h4{

    font-size: 18px;

    color: #595959;

}

.new .new-title-left h3{

    font-size: 28px;

    color:#262626;

    margin-top: 15px;

}

.new .new-tab{

    width: 50%;

    float: right;

}

.new-tab{

    text-align: right;

    margin-top: 30px;

}

.new-tab ul li{

    display: inline-block;

    margin-left: 50px;

}

.new-tab ul li a{

    font-size: 16px;

    color:#595959;

}

.new-tab ul li a:hover{

    color: #bd2228;

}

.new-list{

    height: 500px;

}

.new-list ul li{

    width:35%;

    margin-right: 2%;

    float: left;

}
.new-list ul li a img{
    width: 100%;
    height:363px;
}

.new-list ul li h3{
    font-size: 24px;
    color:#262626;
    line-height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display:block;            /*内联对象需加*/
    word-break:keep-all;      /* 不换行 */
    white-space:nowrap;       /* 不换行 */
    overflow:hidden;          /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis; 

}

.new-list ul li h5{

    font-size: 16px;

    color:#595959;

    margin-top: 13px;

    margin-bottom: 13px;

}

.new-list ul li p{

    font-size: 14px;

    color:#8c8c8c;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;

}

.new-list{

    position: relative;

}

.new .new-list .products-swiper{

    position: absolute;

    left:10.5%;

    width:89.5%;

}

.new .new-list .zz{

    position: absolute;

    top:0px;

    right: 0px;

    width:25.5%;

    height:100%;

    background-color: rgba(255, 255, 255, 0.8);

    z-index: 1;

}

.new-next{
    position: absolute;
    top: 60%;
    right: 0px;
    width: 25.5%;
    height: 240px;
    background: url(../images/index-bg.jpg) no-repeat;
    z-index: 9;
    text-align: center;
    padding-top: 100px;

}

.new-next .next-icon{

    display: inline-block;

    width:65px;

    height: 64px;

    background: url(../images/new-right.png) no-repeat;

}



/**案例中心**/

.index-cj{

    /* padding-top: 110px; */

    /* height: 100vh; */

}

.index-cj ul{

    padding-top: 105px;

}

.index-cj ul li{

    width: 33.33%;

    float: left;

}

.index-cj ul li a{

    display: block;

    position: relative;

}

.index-cj ul li a img{

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

}

.index-cj ul li a .index-cj-text{

    position: absolute;

    top:75px;

    left:80px;

    right:80px;

    bottom: 75px;

    padding: 78px 70px;

    text-align: center;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

}

.index-cj ul li a .index-cj-text h3{

    font-size: 36px;

    font-weight: bold;

    color:#ffffff;

    margin-bottom: 20px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

}

.index-cj ul li a .index-cj-text p{

    font-size: 16px;

    color:#ffffff;

    line-height: 35px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

}

.index-cj ul li a .index-cj-text span{

    margin-top: 10px;

    display: inline-block;

    background-color: #c82327;

    padding: 13px 43px;

    color: #FFF;

    border-radius: 20px;

    opacity: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

}

.index-cj ul li a:hover .index-cj-text{

    background-color:rgba(255, 255, 255, 0.8);

}

.index-cj ul li a:hover img{

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%);

}

.index-cj ul li a:hover .index-cj-text img{

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

}

.index-cj ul li a:hover h3{

    font-size: 36px;

    color: #424242;

}

.index-cj ul li a:hover p{

    color:#424242;

}

.index-cj ul li a:hover .index-cj-text span{

    opacity: 1;

}

.index-cj ul li a .index-cj-text i.index-cj-icon1{

    display: inline-block;

    width: 97px;

    height: 100px;

    background: url(../images/index-case-icon1.png) no-repeat;

}

.index-cj ul li a .index-cj-text i.index-cj-icon2{

    display: inline-block;

    width: 97px;

    height: 100px;

    background: url(../images/index-case-icon2.png) no-repeat;

}

.index-cj ul li a .index-cj-text i.index-cj-icon3{

    display: inline-block;

    width: 97px;

    height: 100px;

    background: url(../images/index-case-icon3-1.png) no-repeat;

}





/**大数据风控平台**/

.index-pt{

    background: url(../images/index-pt-bg.jpg) no-repeat center;

    height: 100vh;

    padding-top: 100px;

    background-size: cover;

}

.index-pt-main{

    position: relative;

}

.index-pt-main .pt-icon{

    position: absolute;

    width: 244px;

    height: 241px;

    background: url(../images/index-pt-icon1.png) no-repeat;

}

.index-pt .index-pt-main .index-pt-img{
    display: block;
}

.index-pt .index-pt-main .index-pt-img .index-pt-btn{
    position:absolute;
    width:216px;
    height: 61px;
    top:452px;
    left: 50%;
    margin-left: -107px;
    cursor: pointer;
}

.index-pt-main .pt-xt{

    top: 50px;

    left: 130px;

    padding-top: 68px;

}

.index-pt-main .pt-icon a h3{

    font-size:34px;

    color: #ffffff;

    text-align: center;

}

.index-pt-main .pt-cj{

    bottom: 70px;

    left: 50px;

    padding-top: 68px;

}

.index-pt-main .pt-yt{

    top: 70px;

    right: 135px;

    padding-top: 68px;

}

.index-pt-main .pt-sc{

    bottom: 70px;

    right: 50px;

    padding-top: 55px;

}

.index-pt-main .pt-sc h3{

    font-size: 28px;

}





/**视频中心**/

.index-video{

    /* padding-top: 115px; */

    height: 100vh;

}

.index-video-left{

    padding-top: 115px;

    padding-left: 10.52%;

    width:68.5%;

    float: left;

    padding-right: 90px;

}

.index-video-left .index-video-title{

    margin-bottom: 33px;

}

.index-video-left .index-video-title h4{

    font-size: 18px;

    color:#8c8c8c;

}

.index-video-left .index-video-title h2{

    font-size: 28px;

    color:#262626;

    margin-top: 10px;

}

.index-video-text dl dt{

    width: 50%;

    float: left;

}

.index-video-text dl dt h3{

    font-size:24px;

    color:#262626;

}

.index-video-text dl dt p{

    font-size:14px;

    color:#8c8c8c;

    font-weight: normal;

}

.index-video-text dl dd{

    width:50%;

    float: left;

    margin-top: 20px;

}

.index-video-text dl dd p{

    font-size:14px;

    color:#8c8c8c;

}

.index-video-right{

    padding-right: 10.52%;

    padding-top: 115px;

    width: 31.5%;

    float: left;

    background: url(../images/index-bg.jpg) no-repeat;

    height: 100vh;

    padding-left: 73px;

}

.index-video-right ul li{

    margin-bottom: 40px;

    height: auto;

}

.index-video-right ul li h4{

    font-size: 18px;

    color: #262626;

}

.index-video-right ul li p{

    font-size: 14px;

    color: #8c8c8c;

    margin-bottom: 20px;

}

.video-swiper{

    overflow: hidden;

}

.video-swiper-container{

    height: 580px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.video-next{

    margin-top: 20px;

    text-align: center;

}

@media(max-width: 1700px){
    .index-cj ul li a .index-cj-text {
        position: absolute;
        top: 40px;
        left: 40px;
        right: 40px;
        bottom: 35px;
        padding: 38px 30px;
        text-align: center;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }
    .new-list ul li a img{
        height: 330px;
    }

}
@media(max-width: 1650px){
    .index-cj ul li a .index-cj-text {
        position: absolute;
        top: 30px;
        left: 40px;
        right: 40px;
        bottom: 35px;
        padding: 20px 30px;
        text-align: center;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }
}

@media(max-width: 1500px){
    .new-list ul li a img {
        height: 320px;
    }
}
@media(max-width: 1400px){
    .new-list ul li a img {
        height: 310px;
    }
}
@media(max-width: 1350px){
    .index-cj ul li a .index-cj-text {
        position: absolute;
        top: 10px;
        left: 20px;
        right: 20px;
        bottom: 10px;
        padding: 10px 20px;
        text-align: center;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }
}
@media(max-width: 1300px){
    .new-list ul li a img {
        height: 290px;
    }
}