.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item{overflow:hidden;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px}
#articleInfo16 .item > div{float:left;width:35%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) > div{}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;order:2}
#articleInfo16 .item .photo{overflow:hidden}
#articleInfo16 .item .photo img{width:100%;height:100%;object-fit:cover}
#articleInfo16 .item .info{margin:0;width:60%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{padding:10px 0;border-bottom:1px #ddd solid;font-size:22px;color:#444;font-weight:400;margin-bottom:15px}
#articleInfo16 .item .info h3{padding:0 0 20px;font-size:28px;color:#181818;font-weight:500;line-height: 130%;}
#articleInfo16 .item .info h3:first-letter{color:#0080bb}
#articleInfo16 .item .info article{text-align:justify;line-height:200%}

@media screen and (max-width:768px){
    #articleInfo16 .item .photo{width: 100%;}
    #articleInfo16 .item:nth-child(2n) .photo{right:0}
    #articleInfo16 .item .info{margin:0;width:100%}
    #articleInfo16 .item .info h3{padding: 15px 0;}
    #articleInfo16 .item{margin-bottom:0;}
    #articleInfo16 .item .info article{margin-bottom:30px;}
    #articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3{margin:0 auto 0 0}
}
@media screen and (max-width:480px){
    #articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
}