/* 导航 */
/*.nav_wrapper {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*z-index: 30;*/
/*}*/

/*.nav_inner .logo {*/
    /*cursor: pointer;*/
    /*margin-right: 60px;*/
/*}*/

/*.nav_inner .logo a {*/
    /*display: block;*/
    /*padding: 10px;*/
/*}*/

/*.nav_inner .logo img {*/
    /*width: 110px;*/
    /*height: 40px;*/
/*}*/

/*.nav_inner .nav_list .nav_link {*/
    /*padding: 19px 48px;*/
    /*display: block;*/
    /*cursor: pointer;*/
    /*color: #ffffff;*/
    /*font-size: 18px;*/
    /*font-weight: bold;*/
/*}*/

/*.nav_inner .nav_list .nav_link:hover {*/
    /*color: #ffffff;*/
    /*opacity: .4;*/
/*}*/

/*.nav_inner .nav_list .nav_link.nav_ac {*/
    /*color: #ffffff;*/
    /*opacity: .4;*/
/*}*/

/* banner */
/*.banner {*/
/*    height: 878px;*/
/*    background: #1853ff;*/
/*}*/

.banner {
    height: 878px;
    background: url('../images/case/banner.jpg') no-repeat top center / auto 100%;
}

.banner_inner {
    color: #fff;
    position: relative;
}
.banner_inner .bannerText{
    width: 500px;
    position: absolute;
    left: 0;
    top: 190px;
}
.banner_inner .bannerText h2{
    color:#ffffff;
    font-size: 42px;
    line-height: 64px;
}
.banner_inner .bannerText .bg{
    background: url(../images/case/bannerText.png) no-repeat left center;
}
.banner_inner .bannerText .bannerList{
    margin-top: 80px;
    color: #ffffff;
    font-size: 18px;
}
.banner_inner .bannerText .bannerList li{
    margin-bottom: 30px;
    position: relative;
    padding-left: 12px;
}
.banner_inner .bannerText .bannerList li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width:6px ;
    height: 6px;
    margin-top: -3px;
    background: #fff;
    border-radius: 50%;
}
.banner_inner .bannerImg{
    width: 869px;
    height: 681px;
    position: absolute;
    right: 0;
    top: 132px;
}



/* 通用标题 */
.caseLogoWrap .caseTitle {
    text-align: center;
    padding: 64px 0;
}

.caseLogoWrap .caseTitle h2 {
    color: #383838;
    font-size: 48px;
    margin-bottom: 20px;
}

.caseLogoWrap .caseTitle .t1 {
    color: #383838;
    font-size: 20px;
}

.caseLogoWrap .caseLogoInner {
    position: relative;
    /*height: 794px;*/
    overflow: hidden;
    margin: 0 auto;
    font-size: 0;
}

.caseLogoInner .mask {
    position: absolute;
    z-index: 10;
}

.caseLogoInner .left_mask {
    left: 0;
}

.caseLogoInner .right_mask {
    right: 0;
    transform: rotate(180deg);
}

.caseLogoInner .line_odd {
    width: 3976px;
    margin-bottom: 12px;
    animation: scrollToRight 36s linear infinite;
}

.caseLogoInner .line_even {
    width: 3976px;
    margin-bottom: 12px;
    animation: scrollToRight 30s linear infinite;
}

.caseLogoInner .line_odd .logo_img,
.caseLogoInner .line_even .logo_img {
    width: 50%;
    /*height: 88px;*/
    display: inline-block;
}
/*.caseLogoInner .line_odd .logo_img{*/
    /*height: 122px;*/
/*}*/
.caseLogoWrap .customerList{
    margin-bottom: 130px;
}
.caseLogoWrap .customerList li{
    width: 272px;
    height: 586px;
    margin-right: 90px;
}
.caseLogoWrap .customerList li:last-child{
    margin-right: 0px;
}
.caseLogoWrap .customerList li .img{
    width: 272px;
    height: 352px;
    display: block;
}
.caseLogoWrap .customerList li.mgt{
   margin-top: 100px;
}
.caseLogoWrap .customerList li .text{
    color:#666;
    font-size: 16px;
    line-height: 30px;
}
.caseLogoWrap .customerList li .text .textTitle{
    font-size: 18px;
    color: #4f4e4e;
    font-weight: bold;
    padding: 15px 0;
    line-height: 1;
}



.service{
    text-align: center;
    color: #fff;
    padding: 50px 0;
    background-color: #616cff;
}
.service h2{
    font-size: 36px;
    color: #ffffff;
    line-height: 54px;
    margin-bottom: 18px;
}
.service .t1{
    color:#dfe1ff ;
    font-size: 20px;
}
.service .serviceBtn{
    color: #616cff;
    font-size: 20px;
    width:334px ;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin: 48px auto 0;
    background-color: #ffffff;
    border-radius: 30px;
    cursor: pointer;
}
@keyframes scrollToRight {
    from {
        transform: translate3d(-50%, 0, 0);
    }

    to {
        transform: translate3d(0%, 0, 0);
    }
}