@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 h2{border-bottom: 1px dashed #d6d6d6;color: #1a91ff;padding: 30px 0 0px 0;margin-bottom: 1.2em;font-weight: 600;line-height: 170%;position: relative;font-size: 22px;letter-spacing: 1px;}
#articleInfo8 ul {position: relative}
#articleInfo8 ul li {overflow: hidden;margin: 10px 0 20px}
#articleInfo8 ul li > div {background: #ffffff;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);margin-bottom: 10px}
#articleInfo8 ul li .titBox h3 a {color: #000;background: #e2e2e2;font-size: 15px;font-weight: 400;padding: 10px 40px}
#articleInfo8 ul li .titBox h3 a:hover {background: #1a91ff;color: #fff}
#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%}
    #articleInfo8 h2{padding-bottom:10px;margin-bottom:20px;font-size:21px;letter-spacing:0.5px}
}
@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 h3 a {display: block}
	#articleInfo8 ul li .titBox h3 {display: flex;flex-direction: row;flex-wrap: wrap}
	#articleInfo8 ul li .titBox h3 a {padding: 10px 10px;margin: 10px 10px 10px 0}
}