@import url('/css/animate.css');
.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}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}
.delay4{animation-delay:2.0s;-webkit-animation-delay:2.0s}
.delay5{animation-delay:2.5s;-webkit-animation-delay:2.5s}
#articleInfo8 .btn{padding:0 0 20px;display:flex;flex-wrap:wrap;width:36%;justify-content:flex-end}
#articleInfo8 .btn a{border:1px solid #6e6e6e;padding:15px 30px;margin:0 5px}
#articleInfo8 .btn a:hover{background:#6e6e6e;color:#fff}
#articleInfo8 .info{display:flex;align-items:flex-end;justify-content:space-between}
#articleInfo8 .info h3{border-bottom:1px solid #eee;padding:10px 0;font-size:25px;margin-bottom:30px;font-weight:500;width:70%}
#articleInfo8 >h6{font-weight:400;margin:20px 0;font-size:20px}
#articleInfo8 ul{position:relative}
#articleInfo8 ul li{overflow:hidden;margin:10px 0 20px}
#articleInfo8 ul li > div{background:#f3f3f3;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px}
#articleInfo8 ul li .titBox p{color:#414141;font-size:18px;width:calc(100% - 200px)}
#articleInfo8 ul li .titBox .vaJmtitle a{color:#fff;background: #0c387c;font-size:15px;font-weight:400;padding:10px 40px}
#articleInfo8 ul li .titBox .vaJmtitle a:hover{background:#c93030}
#articleInfo8 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}
#articleInfo8 ul li .info{position:relative;margin:0 0 20px 3%;width:65%;-webkit-box-shadow:0 3px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 3px 0 rgba(0,0,0,0.1);-ms-box-shadow:0 3px 0 rgba(0,0,0,0.1);box-shadow:0 3px 0 rgba(0,0,0,0.1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
#articleInfo8 ul li .info:before{position:absolute;left:-7px;top:18px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #46a4da;content:""}
#articleInfo8 ul li .info h3{padding:10px;background:#46a4da;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;font-size:18px;color:#fff}
#articleInfo8 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}
#articleInfo8 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){
	#articleInfo8 .btn{width:40%}
}
@media screen and (max-width:1024px){
	#articleInfo8 .btn{width:60%}
}
@media screen and (max-width:768px){
	#articleInfo8 .info{flex-wrap:wrap}
	#articleInfo8 .btn{width:100%}
	#articleInfo8 .info h3{width:100%}
}
@media screen and (max-width:640px){
	#articleInfo8 .btn a{padding:10px 15px;margin:3px 0;width:calc(100% - 30px);text-align:center}
	#articleInfo8 ul li .titBox p{width:100%;margin-bottom:20px}
	#articleInfo8 ul li .titBox h3,#articleInfo8 ul li .titBox .vaJmtitle a{display:block}
}