.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}
#articleInfo16 .tit .light {text-align: center;padding-bottom: 20px;}
#articleInfo16 .TTtit {display: flex;justify-content: center;margin: 40px;flex-direction: row;flex-wrap: wrap;}
#articleInfo16 .TTtit h2 {margin: 5px 5px;padding: 0px 0px;width: 29%;}
#articleInfo16 .TTtit h2 a {text-align: center;letter-spacing: 0.5px;color: #226f9a;border: 6px solid #ececec;padding: 9px 10px;display: block;}
#articleInfo16 .tit article {text-align: center;margin: 10px auto;width: 150px;background-color: #eee;padding: 10px;}
#articleInfo16 .item {overflow: hidden;position: relative;margin: 60px 0;}
#articleInfo16 .item>div {float: left;width: 35%;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;background-position: 50%;background-repeat: no-repeat;background-size: cover;}
#articleInfo16 .item .photo img {width: 100%;}
#articleInfo16 .item .info {margin: 0 0% 0 5%;width: 60%;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#articleInfo16 .item:nth-child(2n) .info {animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;margin: 0 4% 0 0%;}
#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 {padding: 14px;font-size: 24px;color: #000000;border-bottom: 1px solid #cecece;margin: 0 0 20px 0px;}
#articleInfo16 .item .info article {margin: 0 15px;}

@media screen and (max-width: 1024px) {
	#articleInfo16 .TTtit {margin: 40px 0	}
}

@media screen and (max-width: 768px) {
	#articleInfo16 .TTtit {display: flex;flex-direction: column;margin: 20px 0;}
	#articleInfo16 .TTtit h2 a {display: block;}
	#articleInfo16 .TTtit h2 {width: 100%;margin: 10px 5px;}
	#articleInfo16 .item:nth-child(2n) .photo,#articleInfo16 .item .photo {right: 0;float: none;width: 100%;}
	#articleInfo16 .item:nth-child(2n)>div {float: none;}
	#articleInfo16 .item .info {margin: 0;width: 100%;}
	#articleInfo16 .item .info h5,#articleInfo16 .item .info h3 {margin: 0 0 0 auto;padding: 10px 2%;width: 100%;}#articleInfo16 .item .info h3 {padding: 15px 0%;}
	#articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3,#articleInfo16 .item .info h3 {margin: 0 auto 20px 0;}
	#articleInfo16 .item .info article {margin: 0;}
	#articleInfo16 .item{margin: 30px 0;}
}

@media screen and (max-width: 480px) {
	#articleInfo16 .item>div,#articleInfo16 .item:nth-child(2n)>div {float: none;}
	#articleInfo16 .item .info h5,#articleInfo16 .item .info h3,#articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3 {padding: 10px 2%;width: 96%;}
	#articleInfo16 .item .info h3 {font-size: 18px;}
}