.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{padding:0 70px}
#articleInfo15 .tit{position:relative;z-index:2;margin:40px 0}
#articleInfo15 .tit h3{font-size:25px;font-weight: 700;color:#171819;margin-bottom:20px;text-align:center;text-transform: uppercase;}
#articleInfo15 .tit p{text-align:center;line-height:180%}
#articleInfo15 .tit ul{display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo15 .tit li{width:calc((100%/3) - 40px);display:flex;flex-direction:column;}
#articleInfo15 .tit li .photo{width:100px;border-radius:120px;overflow:hidden;border:5px solid #fff;margin: 0 auto;}
#articleInfo15 .tit li .share{background:#fff;border-radius:20px;margin-top:30px;padding-bottom: 20px;}
#articleInfo15 .tit li .share span{display:block;border-bottom:1px solid #ddd;color:gold;text-align:right;padding:10px 20px}
#articleInfo15 .tit li .share h4{font-size:18px;padding:13px 20px;font-weight:400;text-align:center}
#articleInfo15 .tit li .share >p{padding:0 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;font-weight:300;font-size:15px;}
#articleInfo15 .tit li .comparedphoto{margin: 20px 30px 0;}
#articleInfo15 .tit li .comparedphoto p{position: relative;border-radius: 10px;overflow: hidden;height: 200px;}
#articleInfo15 .tit li .comparedphoto p img{width: 100%;height: 100%;object-fit: cover;}
#articleInfo15 .tit li .comparedphoto p b{position:absolute;bottom: 0;left: 0;background: var(--info);font-weight: 400;color: #fff;padding: 5px 15px;font-size: 13px;}
#articleInfo15 .tit li .comparedphoto p:first-child{margin-bottom:20px;}
#articleInfo15 >ul{overflow:hidden;position:relative;z-index:1;margin-bottom:50px}
#articleInfo15 >ul li{float:left;width:33%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo15 >ul li .item{padding:20px 70px}
#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:110px;box-sizing:border-box;text-align:center;background:#4b9700;padding:30px;border-radius:80px}
#articleInfo15 >ul li .item .circle img{-webkit-filter:contrast(0) brightness(150%);filter:contrast(0) brightness(200%)}
#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:20px}
#articleInfo15 >ul li .item article{text-align:center;font-size:15px;font-weight:300;margin-top:10px}
#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:1280px){
	#articleInfo15{padding: 0;}
}
@media screen and (max-width:1024px){
	#articleInfo15 >ul li .item{padding: 20px 30px;}
	#articleInfo15 .tit li{width: calc((100%/3) - 20px);}
}
@media screen and (max-width:980px){
	#articleInfo15 .tit li{width:100%;margin: 20px 0;}
	#articleInfo15 .tit li .share >p{display:block;height: auto;}
}
@media screen and (max-width:480px){
	#articleInfo15 >ul li{width:100%}
	#articleInfo15 >ul li:nth-child(2) .item{border-right:0;border: 0;}
	#articleInfo15 .imgBox p{margin:10px 0;width:100%}
}