.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{padding:20px;background: #fff;}
#articleInfo20 ul{display:flex;flex-wrap:wrap;justify-content:center}
#articleInfo20 ul li{width:calc((100%/4) - 12px);display:inline-block;border:1px #ccc solid;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;border-radius:5px;margin:5px}
#articleInfo20 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo20 ul li h3{font-size:20px;text-align:center}
#articleInfo20 ul li h5{font-size:15px;color:#886792;text-align:center;font-weight:400}
#articleInfo20 ul li article{background:#f7f7f7;border-top:1px #ccc solid;padding:10px;text-align:center;color:#8b679b;margin-top:20px;font-size:15px}
#articleInfo20 ul li p.photo{margin:15px}
#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:1024px){
#articleInfo20 ul li{width: calc((100%/3) - 12px);}
}
@media screen and (max-width:768px){#articleInfo20 ul li{width:calc((100%/2) - 12px)}
#articleInfo20 ul li.focus{padding:25px}
}@media screen and (max-width:480px){#articleInfo20 ul li{width: 100%;margin: 0 0 20px;}
}