.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;margin:15px 0 30px;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo16 .item > div{float:left;width:45%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) > div{float:right}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item .photo{overflow:hidden;order:2}
#articleInfo16 .item .photo img{width:100%}
#articleInfo16 .item .info{width:50%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .p-item ul{display:flex;flex-wrap:wrap}
#articleInfo16 .p-item li{margin-right:20px;margin-bottom: 20px;}
#articleInfo16 .p-item li a{display:flex;flex-direction:column;align-items:center;background:#275b89;justify-content:center;width:120px;height:120px;color:#fff;font-size:14px;font-weight:200;border-radius:20px}
#articleInfo16 .item .info h5{font-size:30px;color:#2f2f2f;letter-spacing:3px}
#articleInfo16 .item .info h3{font-size:50px;color:#1d3a72;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:300;line-height:100%}
#articleInfo16 .item .info article{margin:40px 0;text-align:justify;line-height:200%;font-size: 17px;color: #535252;font-weight: 300;}

@media screen and (max-width:768px){
	#articleInfo16 .item .photo{width: 40%;order: 0;margin: 0 auto;}
	#articleInfo16 .item .info{margin:0;width:100%}
}
@media screen and (max-width:480px){
	#articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
	#articleInfo16 .item .photo{position:relative;margin:0 auto 10px;width:60%;display:block}
	#articleInfo16{margin:15px;}
	#articleInfo16 .item .info h3{font-size: 35px;}
	#articleInfo16 .p-item li:nth-child(3n){margin-right:0;}
	#articleInfo16 .p-item li a{width: 95px;height: 95px;border-radius: 10px;}
}