/* @keyframes hand-up{
    from{
        opacity: 0;
        transform: translateY(-15px) scale(1)
    }
    to{
        opacity: 1;
        transform: translateY(0px) scale(1.2);
    }
}
.core_system_list ul li .one:hover img:first-child{
    animation: hand-up 1s linear forwards;
}
@keyframes hand-down{
    from{
        opacity: 0;
        transform: translateY(15px) scale(1)
    }
    to{
        opacity: 1;
        transform: translateY(0px) scale(1.2);
    }
}
.core_system_list ul li .one:hover img:last-child{
    animation: hand-down 1s linear forwards;
}
@keyframes car{
    from{
        opacity: 0;
        transform: scale(1)
    }
    to{
        opacity: 1;
        transform: scale(1.2);
    }
}
.core_system_list ul li .one:hover img:nth-child(2){
    animation: car 1s linear forwards;
}
@keyframes pig-up{
    from{
        opacity: 0;
        transform: translateY(-15px)
    }
    to{
        opacity: 1;
        transform: translateY(0px)
    }
}
.sy_main .core_system_list ul li .two:hover img:first-child{
    animation: pig-up 1s linear forwards;
}
.sy_main .core_system_list ul li .three:hover img:first-child{
    animation: pig-up 1s linear forwards;
}
@keyframes hand-left{
    from{
        opacity: 0;
        transform: translateX(-15px) translateY(15px)
    }
    to{
        opacity: 1;
        transform: translateX(0px) translateY(0px)
    }
}
@keyframes hand-right{
    from{
        opacity: 0;
        transform: translateX(15px) translateY(-15px)
    }
    to{
        opacity: 1;
        transform: translateX(0px) translateY(0px)
    }
}
.navigation_link .handlr:hover .pic img:first-child{
    animation: hand-left  1s linear forwards;
}
.navigation_link .handlr:hover .pic img:last-child{
    animation: hand-right  1s linear forwards;
} */
/* .wrapper .navigation_link .handlr .hand{
    position: relative;
}
.wrapper .navigation_link .handlr .hand img:first-child{
    position: absolute;
    top: -4px;
    left: 0px;
    bottom: 0;
    margin: auto;
}

.wrapper .navigation_link .handlr .hand img:last-child{
    position: absolute;
    top: 0;
    left: 6px;
    bottom: 0;
    margin: auto;
} */
/* .navigation_link ul li:hover .xuanz img{
    transform: rotate(180deg)
} */

/* .wrapper  .navigation_link ul li .book img:first-child{
    position: absolute;
    top: -4px;
    left: 0px;
    bottom: 0;
    margin: auto;
}
.wrapper  .navigation_link ul li .book img:last-child{
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 0;
    margin: auto;
}
@keyframes book-right{
    from{
        opacity: 0;
        transform: translateX(15px)
    }
    to{
        opacity: 1;
        transform: translateX(0px) 
    }
} */
/* .wrapper .navigation_link ul li:hover .book img:last-child{
    animation: book-right 1s linear forwards;
} */
/* .wrapper  .navigation_link ul li .cloud img:first-child{
    position: absolute;
    top: -4px;
    left: 0px;
    bottom: 0;
    margin: auto;
}
.wrapper  .navigation_link ul li .cloud img:last-child{
    position: absolute;
    top: 17px;
    left: 13px;
    bottom: 0;
    margin: auto;
}
@keyframes cloud{
    from{
        opacity: 0;
        transform: scale(0) translateY(10px)
    }
    to{
        opacity: 1;
        transform: scale(1) translateY(0px)
    }
} */
/* .wrapper  .navigation_link ul li:hover .cloud img:first-child{
    animation: cloud 1s linear;
} */
/* .wrapper  .navigation_link ul li .tower img{
    transition: all 1s linear;
} */
/* .wrapper  .navigation_link ul li:hover .tower img{
    transform: scale(1.2)
} */