.border5 {
    border: 2px solid #96d3ef;
    width: 100%;
    height: 80px;
    border-radius: 5px;
}
.Outer-link li {
    margin-top: 12px;
}

.titleP{
    font-size: 30px;
    line-height: 120px;
    color: #444;
    text-align: center;
}
.current li{
    float: left;
    margin:0px 15px;
    cursor: pointer;
}
.titleli{
    margin: 40px 0 25px;
}
.activecolor{
   color: #00cacf;
}

.imgli{
    width:20%;
    float: left;
    text-align: center;
    margin-bottom: 3%;
    color:#777;
}
.imgli img{
    width:72px;
}
.imgheight{
    height:88px;
}
.forBottom {
    margin: 5% auto;
    width: 20px;
    height: 50px;
    display: block;
    position: relative;
}
.one1{
    animation-delay: .3s;
    cursor: pointer;
    width: 18px;
    height: 18px;
    border-right: 4px solid #00cacf;
    border-bottom: 4px solid #00cacf;

    -webkit-transform: translate3d(-50%, 0, 0) scaleX(0.7);
    transform: translate3d(-50%, 0, 0) scaleX(0.7);
    -webkit-animation: arrowAnimation 1s linear 0s infinite alternate;
    position: absolute;
    left: 0;
    top: 0;
}

@keyframes arrowAnimation {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: rotate(45deg);
    }

    100% {
        -webkit-transform: translate(0, 20px) rotate(0deg);
        transform: translate(0, 20px) rotate(45deg);
    }
}