.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}
#articleInfo12{overflow:hidden}
#articleInfo12 .row{}
#articleInfo12 .row h3{font-size:40px;color:#001e61;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%}
#articleInfo12 .row h3:after{margin-bottom:30px;width:100px;height:5px;background:#fa1e37;display:block;content:"";-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
#articleInfo12 .row h3:hover:after{width:95%}
#articleInfo12 .row article{font-size:17px;margin:20px 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo12 .row h4{margin:30px 0 0;font-size:25px;color: #413f3f;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;font-weight: 500;}
#articleInfo12 .row:nth-child(2){display:flex;flex-wrap:wrap;margin-top:50px;align-items: flex-end;}
#articleInfo12 .row .topBox{overflow:hidden}
#articleInfo12 .row .downBox{width: calc((100%/3) - 30px);margin:0 40px 40px 0}
#articleInfo12 .row .downBox p{text-align:center;font-weight:600;font-size:22px;margin-bottom:10px;margin: 15px 0 20px;}
#articleInfo12 .row .downBox a{background: #432a76;display:block;text-align:center;padding:12px 0;border-radius:5px;color: #fff;}
#articleInfo12 .row .downBox:nth-child(3n){margin-right:0}

@media screen and (max-width:480px){
    #articleInfo12 .row .downBox{margin: 0 0 30px;width: 100%;}
}