.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{display:flex;flex-wrap:wrap}
#articleInfo20 ul li{padding:25px;width:calc((100%/3) - 100px);display:inline-block;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;border:10px solid #eee;margin:15px}
#articleInfo20 ul li.focus{border-color:#e83828;color:#242425}
#articleInfo20 ul li h3{font-size: 18px;text-align:center;background:#eee;padding:5px 0;margin-bottom:20px}
#articleInfo20 ul li:hover h3{background:#e83828;color:#fff}
#articleInfo20 ul li h5{font-size:16px;color:#e83828;display:flex;align-items:center;justify-content:center}
#articleInfo20 ul li h5 a{color:#e83828;display: flex;align-items: center;}
#articleInfo20 ul li h5 svg{width:20px;margin-left:5px;transition:all linear 0.3s}
#articleInfo20 ul li:hover h5 svg{margin-left:15px}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 ul li p.photo img{width:100%}
#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{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:1280px){
	#articleInfo20 ul li{width:calc(50% - 100px);}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
	#articleInfo20 ul li{width:calc(100% - 100px);}
	#articleInfo20 ul li{margin-bottom:10px;width:calc(100% - 55px)}
}