.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;justify-content:space-between;flex-wrap:wrap}
#articleInfo20 ul li{width:calc((100%/3) - 20px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s}
#articleInfo20 ul li.focus{}
#articleInfo20 ul li h3{font-size:20px;background:#607d8b;color:#fff;padding:10px 0;text-align:center;margin-bottom:10px}
#articleInfo20 ul li h5{font-size:16px;background:url(/images/36/arrow.png) no-repeat;background-position:left top;margin:0px;padding:7px 30px;color:#333;border-bottom:1px solid #e0e0e0;font-weight:400}
#articleInfo20 ul li.focus h5{}
#articleInfo20 ul li p.photo{margin:40px 0 15px}
#articleInfo20 ul li article{text-align:center}
#articleInfo20 ul li p.photo img{border:10px solid #eee;width:calc(100% - 20px)}
#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%/2) - 20px);margin-bottom: 40px;}
}
@media screen and (max-width:480px){
	#articleInfo20 ul li{margin-bottom: 30px;width: 100%;}
}