.cl_left{
    position: absolute;
    width: 50px;
    height: 50px;
    right: -21px;
    top: -22px;
}
.cl_right{
    position: absolute;
    width: 20px;
    height: 20px;
    left: -10px;
    top: -22px;
}

.cl_left2{
    position: absolute;
    width: 20px;
    height: 20px;
    right: -11px;
    top: -22px;
}
.cl_right2{
    position: absolute;
    width: 50px;
    height: 50px;
    left: -20px;
    top: -22px;
}

@keyframes rote360 {
    from{}
    to{
        transform: rotate(360deg);
    }
}
@keyframes rote-360 {
    from{}
    to{
        transform: rotate(-360deg);
    }
}

.rotate5{
    animation: rote360 3.5s linear infinite;
}
.rotate2{
    animation: rote360 2s linear infinite;
}
.rotate-5{
    animation: rote-360 3.5s linear infinite;
}
.rotate-2{
    animation: rote-360 2s linear infinite;
}
.service-menu-container li:hover span{
    animation: heartBeat;
    animation-duration: 2s;
}

.service-video-box .service-video-item .video-box video{
    height: inherit;
}

.service-video-item:hover{
    animation: pulse;
    animation-duration: 2s;
    border-radius: 8px;
    background: #ECECEC;
}
.service-second-item .padding16:hover{
    background: #ECECEC;
    border-radius: 8px;
}
.service-third-item .padding16:hover{
    background: #ECECEC;
    border-radius: 8px;
}

.contact-us-banner img{
    position: absolute;
    left: calc(50% - 454px);
    top:100px
}

.banner-expert-img .img1{
    position: absolute;
    left: calc(50% - 700px);
    top:180px;
}
.banner-expert-img .img2{
    position: absolute;
    left: calc(50% - 700px);
    top:230px;
}
.banner-expert-img .img3{
    position: absolute;
    left: calc(50% - 700px);
    top:450px;
}

.banner-demand-img .img1{
    position: absolute;
    left: calc(50% - 700px);
    top:180px;
}
.banner-demand-img .img2{
    position: absolute;
    left: calc(50% - 720px);
    top:230px;
}
.banner-demand-img .img3{
    position: absolute;
    left: calc(50% - 700px);
    top:450px;
}

.banner-technology-img img{
    position: absolute;
    left: calc(50% - 680px);
    top:150px;
}



.bounceInDown2{
    animation: bounceInDown;
    animation-duration: 1s;
}
.bounceInDown{
    animation: bounceInDown;
    animation-duration: 2s;
}
.bounceInLeft{
    animation: bounceInLeft;
    animation-duration: 4s;
}
.bounceInRight{
    animation: bounceInRight;
    animation-duration: 4s;
}
.bounceInRight2{
    animation: bounceInRight;
    animation-duration: 1s;
}
.fadeInLeft{
    animation: fadeInLeft;
    animation-duration: 2s;
}
.fadeInRight{
    animation: fadeInRight;
    animation-duration: 2s;
}
.fadeInLeft2{
    animation: fadeInLeft;
    animation-duration: 1s;
}
.fadeInRight2{
    animation: fadeInRight;
    animation-duration: 1s;
}
.fadeIn{
    animation: fadeIn;
    animation-duration: 4s;
}
.fadeInUp{
    animation: slideInUp;
    animation-duration: 2s;
}
.fadeInRight_fast{
    animation: fadeInRight;
    animation-duration: 1s;
}
.slideInLeft{
    animation: slideInLeft;
    animation-duration: 2s;
}
.slideInRight{
    animation: slideInRight;
    animation-duration: 1.5s;
}
.slideInUp{
    animation: slideInUp;
    animation-duration: 2s;
}
.slideInUp2{
    animation: slideInUp;
    animation-duration: 1s;
}
.bounce{
    animation: bounce;
    animation-duration: 1s;
}