.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 {margin-top: 3vw;}
#articleInfo12 .box .h3{font-size: 30px;color: var(--info);animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%;font-weight: 600;margin: 15px 0;}
#articleInfo12 .box h3:hover:after{width:95%}
#articleInfo12 .box article{margin: 15px 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;letter-spacing: 1px;line-height: 2.2;text-align: justify;}
#articleInfo12 .box ol{padding-left:30px}
#articleInfo12 .box li{list-style:square;margin: 5px 0;line-height: 2.2;}
#articleInfo12 .box li::marker{color:#b5b5b5}
#articleInfo12 .box .h4{margin: 15px 0;font-size: 22px;color: #6f7073;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;font-weight: 500;}
#articleInfo12 .box:nth-child(2){width:45%}
#articleInfo12 .box .topBox{overflow:hidden}
#articleInfo12 .box p{margin:0 2% 0 0;float:left;width:48%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 .box p:nth-child(2){margin:0 0 0 2%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo12 .box img{margin:20px 0;}
#articleInfo12 .box .downBox{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
@media screen and (max-width:768px){
	#articleInfo12 .box,#articleInfo12 .box:nth-child(2){margin-bottom:15px;width:100%}
}
@media screen and (max-width:480px){
	#articleInfo12 .box h3{font-size:35px}
}