/* bas-banner */
.bas-banner{background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #030f2d;}
/* .bas-banner .img{width: 800px; right: 8%; top: 60px;} */
.bas-banner .img{width: 822px; right: 7%;}
.bas-banner img{ animation: animationBanner 4s infinite linear;/*匀速 循环*/ }
/* .bas-banner .txt h5, .energy-banner .txt h5{opacity: 0;} */




.data-banner .img{width: 750px; position: absolute; right: 9%; bottom: -38px;}
.data-banner img{ animation: animationBanner 4s infinite linear;/*匀速 循环*/ }

.goods-banner .img{width: 600px; position: absolute; right: 17%;}
.electronic-banner .img{width: 950px; right: 7%; top: auto; transform: translateY(0); bottom: 0;}
.goods-banner img{ animation: animationBanner 4s infinite linear;/*匀速 循环*/ }

.enterprise-banner .img{width: 660px; right: 11%;}
.modal-banner .img{width: 700px; right: 9%;}
.storage-banner .img{width: 600px; right: 17%;}



/* 平台特性 */
.bas-mainBox{

}
/* 初始隐藏 */


.bas-mainBox .row{
    margin: 0px;
    justify-content: space-between;
}
.bas-mainBox .col-xl-3{
    max-width: 280px;
    padding: 0px;
}
.bas-mainBox .featureItem{
    width: 280px;
}
.bas-mainBox .itemHeader{
    width: 280px;
    height: 100px;
    position: relative;
}
.bas-mainBox .headerText{
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
}
.bas-mainBox .textList{
    width: 280px;
    height: 490px;
    padding: 24px 0px;
    box-sizing: border-box;
    border: 1px solid #EAEEF6;
    border-top: none;
}
.bas-mainBox .textItem{
    width: 232px;
    margin: 0px auto 24px;
}
.bas-mainBox .textItem:last-child{
    margin-bottom: 0px;
}
.itemTitle{
    line-height: 19px;
    color: #12152D;
    font-size: 14px;
    padding-left: 16px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 8px;
}
.itemTitle::before{
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('../image/circleIcon.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.itemContent{
    font-size: 14px;
    color: #697B8C;
}


/* YG-BaS总体架构 */
.baspic-mainBox .conBox{
    overflow: visible;
}
.baspic-mainBox .basProgramImg{
    box-shadow: 0px 0px 5px #d7dfef;
}
.platformImageKeyFrames {
    opacity: 0;
    animation-duration: 1.5s;
    animation-name: platform-left-in;
    animation-delay: .5s;
    animation-fill-mode: forwards;
}
@keyframes platform-left-in{
    0% {
        opacity: 0;
        transform: translate3d(-200px,0,0) rotateY(30deg) scale(.6);
    }
    33% {
        opacity: 0;
        transform: translate3d(-100px,0,0) rotateY(23deg) scale(.69);
    }
    50% {
        opacity: 0;
        transform: translate3d(-50px,0,0) scale(.8) rotateY(15deg);
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}
.basProgramImg{
    background: #fff; 
    padding: 64px 0px; 
    box-sizing: border-box; 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

/* service-mainBox 服务实践*/
.service-mainBox .picBox{
    position: relative;
    margin-top: 56px;
    height: 616px;
    display: flex;
    overflow: hidden;
    /* align-items: center; */
}
.energy-service-mainBox .picBox{
    height: 672px;
}
.service-mainBox .imgBgWrap{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 800px;
    height: 576px;
    background-color: #fff;
    z-index: 3;
    box-shadow: 0px 0px 5px #d7dfef;
}
.imgBgWrap .sliderIndexWrap{
    position: absolute;
    left: 50%;
    bottom: 64px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}
.imgBgWrap  .sliderItem{
    width: 48px;
    height: 4px;
    background-color: #DFE5EB;
    margin-right: 24px;
    cursor: pointer;
}
.imgBgWrap  .sliderItem:last-child{
    margin-right: 0px;
}
.imgBgWrap .sliderItem_active{
    background-color: #2468F2;
}
.service-mainBox .picContent{
    width: 100%;
    /* height: 576px; */
    z-index: 3;
    color: #fff;
    transition: all .2s;
    position: absolute;
}
.service-mainBox .picContent .pic-con{
    position: inherit;
    width: 100%;
    height: 350px;
    transform: translate(0,0);
    transition: all .4s;
    margin-top: 126px;
}
.service-mainBox .picContent .pic-con-active-pre{
    transform: translate(-100%,0);
    transition: all .4s;
}
.service-mainBox .picContent .pic-con-active-next{
    transform: translate(100%,0);
    transition: all .4s;
}
.service-mainBox .picContent .img{
    width: 720px;
    height: 325px;
    float: left;
    background: #fff;
    display: flex;
    align-items: center;
    opacity: 0;
    overflow: hidden;
    margin-left: 40px;
    position: relative;
}
.service-mainBox .picContent .img ul{
    display: flex;
    position: absolute;
}

.service-mainBox .picContent .img img{
    width: 720px;
}
.service-mainBox .picContent .bgShadow{
    width: 260px;
    height: 480px;
    box-shadow: 0px 0px 8px #e3e8f1;
    position: absolute;
    top: 0;
    left: 0px;
    opacity: 0;
}
.service-mainBox .picContent .picCon{
    float: left;
    width: 288px;
    margin-left: 88px;
    margin-top: 90px;
}
.service-mainBox .picContent .picCon .title, .service-mainBox .picContent .picCon .textTitle{
    font-size: 22px;
    font-weight: bold;
    opacity: 0;
}
.service-mainBox .picContent .picCon .title{
    margin-bottom: 40px;
    color: #fff;
    opacity: 0;
}
.service-mainBox .picContent .picCon .textTitle{
    margin-bottom: 16px;
    height: 29px;
    line-height: 29px;
}
.service-mainBox .picContent .picCon .textContent{
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 25px;
    text-align: justify;
    opacity: 0;
}
.service-mainBox .picContent .picCon .textContentTwo{
    margin-bottom: 0px;
}

.service-mainBox .picBg{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: inherit;
}
.service-mainBox .picBox .pic-list{
    width: 940px;
    height: 463px;
    background: #2468F2;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    opacity: 0;
}
.service-mainBox .picBox .pic-list .arrowGroup{
    position: absolute;
    right: 48px;
    bottom: 40px;
    text-align: center;
}
.service-mainBox .picBox .pic-list .num{
    position: absolute;
    left: 588px;
    bottom: 40px;
    color: #fff;
}
.service-mainBox .picBox .pic-list .leftNum{
    font-size: 38px;
}
.service-mainBox .picBox .pic-list .rightNum{
    font-size: 16px;
}
.service-mainBox .arrowGroup img{
    /* width: 36px;
    height: 36px;
    border-radius: 50%; */

}
.service-mainBox .arrowGroup .arrowLeft{
    margin-bottom: 8px;
}
.service-mainBox .arrowGroup .arrowLeft:hover, .service-mainBox .arrowGroup .arrowRight:hover{
    cursor: pointer;
}



 #sliderIndexWrap1{
    display: none;
}