.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}
.speBoxTitle{text-align:center;font-weight:500;letter-spacing:0;position:relative;margin-top:0px;font-size:23px}
#articleInfo15{margin:45px 0}
#articleInfo15 .tit{position:relative;text-align:center;z-index:2;background-color:rgb(249 249 249)}
#articleInfo15 .tit h5{padding:10px 15px;border-bottom:1px #adadad solid;font-size:19px;color:#4c4c4c;font-weight:600}
#articleInfo15 .tit p{padding:10px 15px}
#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;z-index:1}
#articleInfo15 ul li{width:100%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo15 ul li:hover{background-color:#f7f7f7}
#articleInfo15 .circle{padding:10px 10px}
#articleInfo15 .circle h3{padding:10px 0;font-weight:300;font-size:18px;color:#6b6b6b}
#articleInfo15 ul li .item article{line-height:160%;width:90%;margin-left:0%;box-sizing:border-box;padding:5px 5px}
#articleInfo15 ul li .item article a{line-height:190%;width:100%;box-sizing:border-box;color:#22282b}
#articleInfo15 ul li .item article a b{font-weight:400}
#articleInfo15 ul li .item .btnPdf{padding:5px;width:110px;color:#dbdbdb}
#articleInfo15 ul li .item .btnPdf a i{font-size:30px;color:#c93737;padding:4px 6px}
#articleInfo15 ul li .item .btnPdf a.bbpdf i{}
#articleInfo15 ul li .item{vertical-align:top;color:#515151;display:-ms-flexbox;display:flex}
#articleInfo15 ul li .item span{padding:10px 5px;font-size:14px;border:1px solid #e8e8e8;background-color:#f3f3f34a;margin:5px;overflow:hidden;display:inline-block;vertical-align:initial;width:3%;text-align:center;font-weight:600;display:inline-block;height:30px;vertical-align:top;margin:10px 5px 0px;display:none}
#articleInfo15 ul li:nth-child(1n) .item{border-bottom:1px #e2e2e2 solid;padding:2px 0}
#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;display:none}
#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{font-size:14px;padding-left:10px;color:#8a8a8a;line-height:180%}
#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:hover img{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.classLink{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}
.classLink li{border:1px solid #dedede;margin-left:10px}
.classLink a{display:inline-block;line-height:40px;text-align:center;background-color:#FFF;color:#888888;padding-left:25px;padding-right:25px}
.classLink a:hover{color:#fff;background-color:#7f1084}


@media screen and (max-width:768px){
	#articleInfo15 ul li .item{padding:10px}
	#articleInfo15 ul li:nth-child(2) .item{border-left:1px #fff solid}
	#articleInfo15 ul li .item span{width:10%;padding:10px 5px;font-size:16px;margin:0px 0px}
	#articleInfo15 ul li .item article{width:80%;box-sizing:border-box;padding:0px 5px 0;line-height:140%;font-size:15px}
	#articleInfo15 .tit h5{font-size:15px}
}

@media screen and (max-width:640px){
	#articleInfo15 .circle{padding:10px 0px 20px 0px}
	#articleInfo15 ul li .item .btnPdf a i{font-size:24px;padding:2px 6px}
	#articleInfo15 ul li .item .btnPdf{width:100px}
}

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