@import url('/css/animate.css'); 
.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}
.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}
#articleInfo13 .topBox{overflow:hidden;position:relative;padding:48px 0;position:relative;border-radius:20px}
#articleInfo13 .topBox .articleInfo13bg{position:absolute;top:0;left:0;width:100%;height:100%}
#articleInfo13 .topBox .articleInfo13bg img{width:100%;height:100%;object-fit:cover;filter:blur(4px)}
#articleInfo13 .topBox:before{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.25);top:0;left:0;content:"";z-index:1}
#articleInfo13 .topBox p,#articleInfo13 .topBox h3{position:relative;text-align:center;font-size:20px;color:#fff;z-index:2;animation-name:fadeInDown;-webkit-animation-name:fadeInDown}
#articleInfo13 .topBox p{display:flex;flex-direction:column;align-items:center}
#articleInfo13 .topBox p i{width:80px;height:80px;display:inline-block;border:2px #fff solid;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;font-size:40px;line-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#articleInfo13 .topBox p i img{-webkit-filter:contrast(0) brightness(200%);filter:contrast(0) brightness(200%);width:80%}
#articleInfo13 .topBox h3{margin:15px 0;font-size:25px}
#articleInfo13 .item{position:relative;margin-top:-40px;z-index:3;display:flex;justify-content:space-between}
#articleInfo13 .item .row{padding:60px 0 0;display:flex;width:40%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;margin-left:0;margin-right:15px}
#articleInfo13 .item .left article{padding:30px 0 10px 20px;font-size:16px;line-height:200%}
#articleInfo13 .item .left article h4{font-size:28px;font-weight:600;border-bottom:#dcdcdc78 1px solid;margin-bottom:10px;padding-bottom:5px;color:#5b743b}
#articleInfo13 .item p{font-size:15px;color:#7e7e7e;font-weight:400}
#articleInfo13 .item .right{display:flex;padding:30px 20px;width:50%;background:#fdfdfd;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;flex-direction:column;margin-left:0;margin-right:15px;-webkit-box-shadow:-2px 2px 8px 1px rgb(210 210 210 / 48%);box-shadow:-2px 2px 8px 1px rgb(210 210 210 / 48%);justify-content:center}

@media screen and (max-width: 768px) {
	#articleInfo13 .topBox {
		padding: 40px 20px;
	}
	#articleInfo13 .topBox p {
		font-size: 18px;
	}
	#articleInfo13 .topBox p i {
		width: 60px;
		height: 60px;
		font-size: 30px;
		line-height: 60px;
	}
	#articleInfo13 .item .row ,
	#articleInfo13 .item .right {
		float: none;
		width: 100%;
	}
	#articleInfo13 .item .row {
		padding: 50px 0 0;
	}
	#articleInfo13 .item .left article {
		padding: 30px 20px;
		text-align: center;
	}
	#articleInfo13 .item .right {
		padding: 30px 0;
	}
	#articleInfo13 .item .right article {
		margin: 0 20px;
	}
}
@media screen and (max-width: 640px) {
	#articleInfo13 .item{
    	display: flex;
    	flex-direction: column;
	}	
}