.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;display: flex;flex-wrap: wrap;justify-content: space-between;}
#articleInfo5 ul li{overflow:hidden;margin: 5px 0;width: calc(50% - 5px);}
#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 a{font-size: 16px;background: #eee;display: flex;justify-content: space-between;padding: 10px 20px;font-weight: 400;align-items: center;}
#articleInfo5 ul li:hover .info h3 a{background: var(--primary);color: var(--white);}
#articleInfo5 ul li .info h3 a svg{width: 20px;}
#articleInfo5 ul li:hover .info h3 a svg{fill:#fff;}
#articleInfo5 ul li .info article{padding:15px 20px;border-left:1px #ccc solid;border-right:1px #dedada solid;line-height:180%}

@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{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}
}