/*banner*/
.banner{
    width: 1600px;
    height: 750px;
    position: relative;
}
.banners{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -759px;
    margin-top: -375px;
}
.banners img{
    vertical-align: top;
}

/*Institute部分*/
.Institute{
    padding: 80px 0px;
    text-align: center;
}
.Institute .big-font{
    font-size: 50px;
    margin-bottom: 20px;
}
.Institute ul{
    margin-left: 70px;
    margin-bottom: 80px;
}
.Institute ul li{
    width: 172px;
    height: auto;
    margin-right: 10px;
    float: left;
}
.Institute ul li p{
    font-size: 16px;
    font-weight: 600;
    padding: 22px 0px;
}
.achieve{
    background-color: #f5f5f5;
    text-align: center;
    padding: 80px 0px;
}
.story ul{
    margin-right: -195px;
    height: auto;
    padding: 0px 100px;
    margin-bottom: 42px;
}
.story ul li{
    width: 270px;
    height: 435px;
    text-align: center;
    float: left;
    margin-right: 195px;
    margin-bottom: 40px;
}
.story ul li .story-a{
    
}
.story ul li a{
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background-color: #eeeeee;
    margin: 37px auto 0;
    border-left: 10px solid #981b45;
    box-sizing: border-box;
    transition: all 1s linear;
}

.story ul li a:hover{
    animation:myfirst 0.5s forwards;
}

@keyframes myfirst{
    from {
        color: #981b45;
        background: url("../images/index-red.png") no-repeat;
        background-size: 0 40px;
    }
    to {
        background: url("../images/index-red.png") no-repeat;
        background-size: 120px 40px;
        color: #ffffff;

    }
}