.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}
#articleInfo15 .tit{position:relative;text-align:center;z-index:2}
#articleInfo15 .tit h3{text-align:center;font-size:33px}
#articleInfo15 .tit font{padding:0 20px;background:#fff;display:inline-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}
#articleInfo15:hover .tit h3,#articleInfo15:hover .tit font{letter-spacing:5px}
#articleInfo15 ul{overflow:hidden;position:relative;margin:30px 0;padding:50px 0 35px;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{}
#articleInfo15 ul li .item .circle{position:relative;margin:0 auto 15px;width:114px;height:114px;border:1px rgb(2 2 2 / 10%) 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;color: #aa8d89;}
#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 rgb(170 141 137 / 70%) 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;color: #aa8d89;}
#articleInfo15 .imgBox{overflow:hidden}
#articleInfo15 article{color: #a2938e;border: 1px solid #a2938e;border-radius:10px;padding:25px;font-size:14px;letter-spacing:2px;font-weight:200;}
#articleInfo15 .imgBox p{margin:0 0 30px;overflow:hidden;width:100%;animation-name:fadeInLeft;-webkit-animation-name:fadeInUp}
@media screen and (max-width:768px){#articleInfo15 ul li .item{padding:15px}
}@media screen and (max-width:640px){#articleInfo15 ul li{width:50%}
#articleInfo15 ul li:nth-child(3){width:100%}
#articleInfo15 ul li:nth-child(2) .item{border-left:0}
}@media screen and (max-width:480px){#articleInfo15 ul li{width:100%}
#articleInfo15 ul li:nth-child(2) .item{border-right:0;}
#articleInfo15 .imgBox p{margin:10px 0;width:100%}
#articleInfo15 article{font-size:12px;padding: 13px;text-align: justify;}
}