.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 .col-inner h3, #articleInfo5 .col-inner h3{text-align:center;font-size:26px;margin-bottom: 35px;color:#333e51;margin-top: 30px;}
#articleInfo15 .col-inner h3:after, #articleInfo5 .col-inner h3:after{content:'';width:50px;background:#d2ac2c;height:4px;display:block;border-radius:50px;margin:10px auto}
#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;padding:50px 0 35px;border: 2px #229cdd solid;z-index:1;border-radius:15px;margin-bottom: 70px;}
#articleInfo15 ul li{float:left;width:calc(100%/4);}
#articleInfo15 ul li .item{padding:20px 30px;border-right:1px #e2e2e2 solid}
#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: #3ba6de;-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.features{overflow:hidden;position:relative;padding: 0 69px;border: 0;z-index:1;border-radius:15px;margin-bottom: 20px;}
#articleInfo15 ul.features li{float: none;width: 100%;margin: 20px 0;}
#articleInfo15 ul.features li:first-child{margin-top:0;}
#articleInfo15 ul.features li .item{padding: 0;border-right: 0;display: flex;align-items: center;background: #eee;border-radius: 50px;}
#articleInfo15 ul.features li:last-child .item{border-right:0}
#articleInfo15 ul.features 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.features li .item .circle img{width:60px}
#articleInfo15 ul.features li .item:hover .circle{animation:flipInX 1.5s both;-webkit-animation:flipInX 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}

#articleInfo15 ul.process li{width: calc(100%/4);}
#articleInfo15 ul.process li .item article{color:#494949;font-size: 13px;line-height: 150%;}
#articleInfo15 ul.process li .item{border-right:0;}

@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 article{text-align:center;color:#d2ac2c;margin-top:5px}
#articleInfo15 ul li .item p{text-align:center;font-size:18px}
#articleInfo15 ul.features li .item p{text-align:center;font-size:18px;background: #333e51;color: #fff;padding: 13px 20px;border-radius: 50px;width: 130px;margin-right: 30px;}
#articleInfo15 ul.features li .item article{text-align:center;color: #2e2e2e;margin-top: 0;font-size: 18px;}
#articleInfo15 .imgBox{overflow:hidden}
#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:1024px){
    #articleInfo15 ul.features{padding:0}
    #articleInfo15 ul.process li{width: calc(100%/3);}
}
@media screen and (max-width:768px){
    #articleInfo15 ul li .item{padding:15px}
}
@media screen and (max-width:640px){
    #articleInfo15 ul.process li{width: 50%;}
    #articleInfo15 ul.process li:last-child{/* width:100%; */}
    #articleInfo15 ul li{width:50%}
}
@media screen and (max-width:480px){
    #articleInfo15 ul{
    border: none;
}
    #articleInfo15 ul li{width:100%}
    #articleInfo15 .imgBox p{margin:10px 0;width:100%}
    #articleInfo15 ul.features li .item p{width:100%;margin: 0;}
    #articleInfo15 ul.features li .item{flex-wrap: wrap;background: none;border-radius: 0;}
    #articleInfo15 ul.features li .item article{width:100%;margin-top: 20px;}
}