.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{margin-top:30px}
#articleInfo20 ul{margin:15px 0;display:flex;flex-wrap:wrap}
#articleInfo20 ul li{width:calc((100%/3) - 20px);display:inline-block;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s}
#articleInfo20 ul li:nth-child(2){margin:0 30px}
#articleInfo20 ul.oneBox li{width: 100%;}
#articleInfo20 ul.oneBox li:nth-child(2){margin: 0}
#articleInfo20 ul.twoBox li{width: calc(50% - 15px);margin-right: 15px;}
#articleInfo20 ul.twoBox li:nth-child(2){margin-left: 15px;margin-right: 0;}
#articleInfo20 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo20 ul li h3{font-size:20px}
#articleInfo20 ul li h5{font-size:15px;color:#666666;font-weight:400}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 ul li p.photo img{width:100%;}
#articleInfo20 .bottomBox h3{font-size: 26px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin:15px 0;font-weight: 400;color: #317ec4;line-height: 150%;}
#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align:center;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox p img{width:100%;}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin:15px 0;text-align:justify}
@media screen and (max-width:768px){
}@media screen and (max-width:480px){
#articleInfo20 .bottomBox h3{font-size:20px}
#articleInfo20 .bottomBox article{font-size: 15px;}
#articleInfo20 ul li, #articleInfo20 ul li:nth-child(2), #articleInfo20 ul.twoBox li, #articleInfo20 ul.twoBox li:nth-child(2){margin: 0 0 10px;width: 100%;}
#articleInfo20 ul li h5{font-size:13px;}
}