.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo5 ul{position:relative}
#articleInfo5 ul li{margin:20px 0}
#articleInfo5 ul li > div{}
#articleInfo5 ul li .titBox p,#articleInfo5 ul li .titBox h3{margin-right:10px;text-align:right;color:#84bcde}
#articleInfo5 ul li .titBox h3{font-size:25px;color:#206a94;transition:all 0.4s ease-in-out 0s}
#articleInfo5 ul li:hover .titBox h3{margin-top:5px}
#articleInfo5 ul li .icon{margin:8px 10px 0;width:40px;height:40px;background:#46a4da;-webkit-box-shadow:0 0 0 8px #afdcf8;-moz-box-shadow:0 0 0 8px #afdcf8;-ms-box-shadow:0 0 0 8px #afdcf8;box-shadow:0 0 0 8px #afdcf8;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;text-align:center;line-height:40px;font-size:20px;color:#fff}
#articleInfo5 ul li .info{position:relative}
#articleInfo5 ul li .info h3{padding:10px;background: #999;font-size:18px;color:#fff;text-align:center;font-weight:400;letter-spacing:3px;border-radius: 6px;}
#articleInfo5 ul li:hover .info h3{-webkit-animation:animatedIcon 1s infinite linear;-moz-animation:animatedIcon 1s infinite linear;-ms-animation:animatedIcon 1s infinite linear;-o-animation:animatedIcon 1s infinite linear}
#articleInfo5 ul li .info article{padding:30px;line-height:180%;text-align:justify}
#articleInfo5 ul li .info article a{color: #607d8b;}
#articleInfo5 ol{display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo5 ol li{margin: 0px 0px 5px 30px;list-style-type: decimal-leading-zero;list-style-position: inherit;color: #2c2c2c;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;width: calc(50% - 60px);}

@media screen and (max-width:1280px){
	#articleInfo5 ul:before{margin-left:-4px}
}
@media screen and (max-width:768px){
	#articleInfo5 ul:before{margin-left:3px}
	#articleInfo5 ul li .titBox h3{font-size:20px}
}
@media screen and (max-width: 640px){
	#articleInfo5 ul:before{display:none}
	#articleInfo5 ul li .titBox{width:auto}
	#articleInfo5 ul li:hover .titBox h3{margin-top:0}
	#articleInfo5 ul li .icon{-webkit-box-shadow:0 0 0 8px #fff;-moz-box-shadow:0 0 0 8px #fff;-ms-box-shadow:0 0 0 8px #fff;box-shadow:0 0 0 8px #fff}
	#articleInfo5 ul li:hover .icon{-webkit-box-shadow:0 0 0 8px #afdcf8;-moz-box-shadow:0 0 0 8px #afdcf8;-ms-box-shadow:0 0 0 8px #afdcf8;box-shadow:0 0 0 8px #afdcf8}
	#articleInfo5 ul li .info{margin:10px 0 20px 0;width:100%}
	#articleInfo5 ul li .info:before{left:40px;top:-7px;border-top:0;border-bottom:7px solid #46a4da;border-right:7px solid transparent;border-left:7px solid transparent}
	#articleInfo5 ol li{width: calc(100% - 30px);}
}