.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: 30px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
#articleInfo20 ul li{width: calc((100%/3) - 20px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;margin: 15px 0;}
#articleInfo20 ul.two li{width: calc((100%/2) - 20px);}
#articleInfo20 ul li h3{font-size:20px}
#articleInfo20 ul li h5{font-size:16px;color:#caa34b}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{}
#articleInfo20 .bottomBox h3{margin:15px 0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight:400;font-size:23px;color:#886d5c}
#articleInfo20 .bottomBox p{margin:10px 0 20px;font-size: 16px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

#articleInfo15 .tit{position:relative;text-align:center;z-index:2;}
#articleInfo15 .tit h3{font-weight:400;font-size:23px;color:#886d5c}
#articleInfo15 .tit font{display:block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:30px;font-weight:400;font-size:23px;color:#886d5c}
#articleInfo15 ul{overflow:hidden;position:relative;margin:-10px 0 30px;padding:50px 0 35px;border:3px #606d5a solid;z-index:1}
#articleInfo15 ul li{float:left;width:33%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo15 ul li .item{padding:20px 30px}
#articleInfo15 ul li:nth-child(2) .item{border-left:1px #e2e2e2 solid;border-right:1px #e2e2e2 solid}
#articleInfo15 ul li .item .circle{position:relative;margin:0 auto 15px;width:114px;height:114px;border:1px rgba(60,75,53,0.5) solid;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;text-align:center;font-size:55px;line-height:114px}
#articleInfo15 ul li .item:hover .circle{animation:flipInX 1.5s both;-webkit-animation:flipInX 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px)}}
#articleInfo15 ul li .item .circle:before{position:absolute;width:124px;height:124px;border:2px rgba(60,75,53,0.8) solid;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;left:-6px;top:-6px;z-index:-1;content:""}
#articleInfo15 ul li .item p{text-align:center;font-size:18px}
#articleInfo15 p img{width: 100%;}
#articleInfo15 .imgBox{overflow:hidden;margin-bottom: 20px;}
#articleInfo15 .imgBox p{margin:0 1% 0 0;overflow:hidden;float:left;width:49%;animation-name:fadeInLeft;-webkit-animation-name:fadeInUp}
#articleInfo15 .imgBox p:nth-child(2){margin:0 0 0 1%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}

@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
	#articleInfo20 ul li, #articleInfo20 ul.two li{margin-bottom:10px;width: 100%;}
	#articleInfo15 .imgBox p{margin: 0 0 10px;width: 100%;}
}