.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .top p{margin-bottom: 30px;line-height: 220%;}
#articleInfo16 .item{overflow:hidden;position:relative;padding: 20px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;}
#articleInfo16 .item:after{content:'';position:absolute;width:1px;height:100%;top:0;left: 50%;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: 45%;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%}
#articleInfo16 .item .info{width: 45%;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 10px;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 h3 img{width:250px;}
#articleInfo16 .item .info article{line-height:220%;text-align:justify;margin-left: 25px;}
#articleInfo16 .item .info article a{vertical-align: baseline;}
#articleInfo16 .item .info article a:hover{opacity:.75}
#articleInfo16 .item .info article a.link{display: inline-flex;align-items: center;background: #3a6ab3;border-radius: 50px;padding: 15px 60px;margin-top: 20px;color: #fff;}
#articleInfo16 .item .info article a svg{width:18px;height: 18px;fill: #fff;margin-left: 20px;}

@media screen and (max-width:768px){
	#articleInfo16 .item .info h3{margin: 30px 0 0;}
	#articleInfo16 .item:after, #articleInfo16 .item .info h3:before{display:none;}
	#articleInfo16 .item .photo{width: 100%;}
	#articleInfo16 .item:nth-child(2n) .photo{right:0}
	#articleInfo16 .item .info{margin:0;width:100%}
	#articleInfo16 .item .info article{margin: 11px 0 0;}
}
@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: 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%}
}