.index{
    background-color: #0075a1;
    background-image: linear-gradient(to top,#0099cc,rgba(0,0,0,0) 70%);
    position: relative;
}

.index .images{
    width: 2.99rem;
    height: 1.42rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.index .images .logo{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.index .images .logo img{
    width: auto;
    height: 100%;
}

.index .images .logo2{
    width: 0;
    animation: logo2 1s linear forwards;
}


@keyframes logo2{
    0%{width: 0;}
    100%{width: 100%;}
}