.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;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo12 .row{width:50%;margin: 50px 0;}
#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{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;text-align:justify;line-height:200%}
#articleInfo12 .row h4{margin:0 0 30px;font-size:25px;color:#f27b50;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 .row:nth-child(2){width: 40%;margin: 0;}
#articleInfo12 .row .topBox{overflow:hidden}
#articleInfo12 .row p{margin:0 2% 0 0;float:left;width:48%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 .row p:nth-child(2){margin:0 0 0 2%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo12 .row img{height:100%;object-fit:cover}
#articleInfo12 .row .downBox{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;height:100%}

@media screen and (max-width:768px){
	#articleInfo12 .row,#articleInfo12 .row:nth-child(2){margin-bottom: 25px;width:100%;margin-top: 0;}
}
@media screen and (max-width:480px){
	#articleInfo12 .row h3{font-size:35px}
	#articleInfo12 .row h4{font-size: 20px;}
	#articleInfo12 .row img{height:auto;}
}