.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: 32px;color: #25a2b8;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%;text-align:center;border-bottom: 1px #eee dashed;padding-bottom:20px;margin-bottom:50px;letter-spacing: 5px;}
#articleInfo12 .row article{margin:20px 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;font-weight:400;font-size:17px;text-align:justify;line-height:200%}
#articleInfo12 .row h4{margin:20px 0;font-size:25px;color:#327daf;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 .row:nth-child(2){}
#articleInfo12 .row .topBox{overflow:hidden;display: flex;flex-wrap: wrap;justify-content: center;}
#articleInfo12 .row p{margin: 15px;width: calc((100%/4) - 30px);border-radius: 15px;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;overflow: hidden;}
#articleInfo12 .row .downBox  img{margin:20px 0}
#articleInfo12 .row .downBox{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:768px){
	#articleInfo12 .row p{margin: 10px;width: calc(50% - 20px);}
	#articleInfo12 .row,#articleInfo12 .row:nth-child(2){margin: 0;}
}
@media screen and (max-width:480px){
	#articleInfo12 .row h3{font-size: 30px;letter-spacing: 0;}
}