.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;border:0;z-index:1;margin: 40px 0;}
#articleInfo15 ul li{float:none;width:100%;margin:20px 0}
#articleInfo15 ul li:first-child{margin-top:0}
#articleInfo15 ul li .item{padding:0;display:flex;align-items:center;background:#eee;flex-wrap: wrap;}
#articleInfo15 ul li:last-child .item{border-right:0}
#articleInfo15 ul li .item .circle{position:relative;margin:0 auto 15px;width:114px;height:114px;background:#cad0d7;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:flex;justify-content:center;align-items:center}
#articleInfo15 ul li .item .circle img{width:60px}
#articleInfo15 ul li .item:hover .circle{animation:flipInX 1.5s both;-webkit-animation:flipInX 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo15 ul li .item p{text-align:center;font-size: 16px;background:#333e51;color:#fff;padding:13px 20px;width: 100px;margin-right:30px;position: relative;}
#articleInfo15 ul li .item p:after{content:'';position:absolute;right: -7px;top: 19px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left: 7px solid #333e51;}
#articleInfo15 ul li .item article{color:#2e2e2e;margin-top:0;font-size: 16px;width: calc(100% - 170px);}
#articleInfo15 .imgBox{overflow:hidden}
#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}
#articleInfo15 .imgBox p:hover img{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}

@media screen and (max-width:768px){
	#articleInfo15 ul li .item{flex-wrap: wrap;background: none;}
	#articleInfo15 ul li .item article{background:#eee;padding: 13px 20px;width: calc(100% - 40px);text-align: center;}
	#articleInfo15 ul li .item p{width:100%;margin: 0;}
}
@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;border-top:1px #e2e2e2 solid;border-bottom:1px #e2e2e2 solid}
	#articleInfo15 .imgBox p{margin:10px 0;width:100%}
}