@keyframes myfirst {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0);
    }



    60% {
        opacity: 1;
    }



    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}



.HardWaredtitle {
    font-size: 39px;  
}

.HardWaredtitles {
    margin-top: 10px;
    font-size: 13px;
    color: #a0a0a0;
}

.HardWaredivTop {
    width: 100%;
    text-align: center;
    padding-top: 5%;
}


.HwJsbgDiv {
    background-image: linear-gradient(to right, #fefefe, #e9e9e9);
    box-shadow: 1px 1px 20px 2px #ffffff;
    border-radius: 15px;
   /* width: 816px;
    height: 545px; */
    margin: 0 auto;
    width:95%;
}

.hwtitle {
    font-size: 34px;
    margin-top: 50px;
    margin-left: 50px;
    height: 90px;
    line-height:35px;
}

.hwtitles {
    font-size: 18px;
    color: #adadad;
    height: 250px;
    margin-top: 50px;
    margin-left: 50px;
}

.hwimg {
    margin-top: 50px;
    height: 100%;
    width: 100%;
}