.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;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
#articleInfo16 .item > div {float: right;width: 55%;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 {background-position: 50%;background-repeat: no-repeat;background-size: cover;position: relative;}
#articleInfo16 .item .photo:before{content:'HONGJIN';position:absolute;font-family: 'Montserrat', sans-serif;font-weight: 700;color: #ffffff;bottom: -15px;font-size: 70px;line-height: 100%;left: -7px;}
#articleInfo16 .item .photo:after{content:'';position:absolute;width: 80%;height: 85%;background: #eee;bottom: 0;left: -40px;z-index: -1;}
#articleInfo16 .item .photo img {width: 100%;}
#articleInfo16 .item .info {margin: 0 7% 0 0%;width: 35%;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#articleInfo16 .item:nth-child(2n) .info {animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo16 .item .info h5 {font-size: 50px;color: #f7f7f7;line-height: 100%;position: absolute;left: 0;display: none;}
#articleInfo16 .item .info h3 {padding: 20px 0 10px;border-bottom: 1px #dcdcdc solid;text-transform: uppercase;line-height: 130%;letter-spacing: 2px;font-weight: 600;font-size: 28px;color: var(--primary);}
#articleInfo16 .item .info article {margin: 20px 0 30px 0;line-height: 180%;letter-spacing: 0.5px;font-size: 17px;}
#articleInfo16 .item .info p{font-size: 24px;font-weight: bold;}

@media screen and (max-width: 1440px) {
	#articleInfo16 .item .photo:before{font-size: 75px;}
}

@media screen and (max-width: 1280px) {
	#articleInfo16 .item .photo:before{font-size: 70px;}
}

@media screen and (max-width: 1024px) {
	#articleInfo16 .item > div, #articleInfo16 .item .info{float: none;width: 100%;margin: 0;}
	#articleInfo16 .item .photo{}
	#articleInfo16 .item .photo:after{display: none;}
	#articleInfo16 .item .info h5{font-size:70px;}
}

@media screen and (max-width: 768px) {
	#articleInfo16 .item .info {margin: 0;width: 100%;}
	#articleInfo16 .item:nth-child(2n) .info h5 ,
	#articleInfo16 .item:nth-child(2n) .info h3 {margin: 0 auto 0 0;}
	#articleInfo16 .item .info h3{
    font-size: 24px;
}
}
@media screen and (max-width: 480px) {
	#articleInfo16 .item > div ,#articleInfo16 .item:nth-child(2n) > div {float: none;}
	#articleInfo16 .item .photo:before{font-size: 45px;bottom: -7px;}
	#articleInfo16 .item .photo {position: relative;margin: 0 auto 20px;width: 100%;display: block;}
	#articleInfo16 .item .info h5{font-size: 45px;}
	#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: 0 0 10px;width: 100%;position: relative;}#articleInfo16 .item .info article{margin: 30px 0;}
}