.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
#articleInfo20 ul{margin-bottom:20px;min-height:500px;text-align:center}
#articleInfo20 ul li{transition:all linear 0.3s;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:20px 0}
#articleInfo20 ul li .photo{color:#242425;width:50%;height:100%}
#articleInfo20 ul li:nth-child(2n) .photo{order:1}
#articleInfo20 ul li .photo iframe{height:400px}
#articleInfo20 ul li h3{font-size:20px;margin-bottom:20px;letter-spacing:2px}
#articleInfo20 ul li h3 img{width: 80%;}
#articleInfo20 ul li article{font-size:15px;color:#3e3e3e;line-height:340%}
#articleInfo20 ul li article i{display:inline-block;padding:10px;background:#eee;border-radius:50px;width:20px;height:20px;text-align:center;font-size:16px;line-height:20px;margin-right:15px}
#articleInfo20 ul li .left{width:45%}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align:center;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox article{font-size: 16px;text-align: justify;font-weight: bold;}

@media screen and (max-width:768px){
	#articleInfo20 ul li.focus{padding:25px}
	#articleInfo20 ul li .photo{width:100%;}
	#articleInfo20 ul li .left{width:100%;margin-top:15px;}
	#articleInfo20 ul li:nth-child(2n) .photo{order:0;}
}
@media screen and (max-width:480px){
	#articleInfo20 ul li article i{width: 10px;height: 10px;font-size: 14px;line-height: 10px;margin-right: 8px;}
}