.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;padding:20px 0 20px 30px;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo16 .item:after{content:'';position:absolute;width:1px;height:100%;top:0;left:40%;background:#e3e3e3}
#articleInfo16 .item h5{position:absolute;background:#fff;writing-mode:vertical-lr;left:5px;top:60px;padding:20px 10px;letter-spacing:3px;font-size:17px;box-shadow:0 0 5px rgb(0 0 0 / 10%);z-index:2}
#articleInfo16 .item > div{float:left;width:35%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item .photo{overflow:hidden;border-radius:35px;position:relative}
#articleInfo16 .item .photo img{width:100%;height: 100%;object-fit: cover;}
#articleInfo16 .item .info{width:55%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;margin:30px 0}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{padding:10px 15px;border-top:2px #000 solid;border-bottom:1px #000 solid;font-size:14px;color:#444}
#articleInfo16 .item .info h3{margin:0 0 30px;font-size:20px;color:#3b3938;font-weight:300;position:relative}
#articleInfo16 .item .info h3:before{content:'';width:150px;height:1px;position:absolute;top:18px;left:-180px;background:#d3d3d3}
#articleInfo16 .item .info article{line-height:220%;text-align:justify}

@media screen and (max-width:768px){
	#articleInfo16 .item > div, #articleInfo16 .item .info{width:100%;}
	#articleInfo16 .item:after{display:none;}
}
@media screen and (max-width:480px){
	#articleInfo16 .item h5{left: 10px;top: 0px;}
	#articleInfo16 .item{padding-left:0;}
	#articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
	#articleInfo16 .item .photo{position:relative;margin:0 auto 10px;width: 100%;display:block}
	#articleInfo16 .item .info h5,#articleInfo16 .item .info h3,#articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3{margin:0;padding:10px 2%;width:96%}
}