.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}
#articleInfo18 .topBox{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
#articleInfo18 .topBox .photo{width:50%}
#articleInfo18 .topBox .photo img{width:100%}
#articleInfo18 .topBox .text{width:40%}
#articleInfo18 .topBox .text h3{margin-bottom:15px;font-weight:500;font-size:30px;color: var(--primary);animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo18 .topBox .text article{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;animation-delay:0.5s;-webkit-animation-delay:0.5s;line-height:200%}
#articleInfo18 .secBox{margin: 30px 0 0;padding: 15px 0 0;}
#articleInfo18 .secBox > div{overflow:hidden;margin-bottom:45px}
#articleInfo18 .secBox .item h5{margin-right:50px;float:left;width:200px;text-align:right;font-weight:normal;font-size:25px;color:var(--primary)}
#articleInfo18 .secBox .item article{float:left;width:calc(100% - 250px);line-height:200%}
#articleInfo18 .secBox .photoBox {display:flex;flex-wrap: wrap;justify-content: space-between;margin: 0;}
#articleInfo18 .secBox .photoBox > div{overflow:hidden;margin-bottom: 30px;width: calc((100%/3) - 20px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown}
#articleInfo18 .secBox .photoBox > div:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

@media screen and (max-width:768px){
	#articleInfo18 .topBox .photo{width:100%;}
	#articleInfo18 .topBox{position:relative;display: block;}
	#articleInfo18 .topBox .text{position:relative;width: 100%;z-index:2;margin-top: 20px;}
	#articleInfo18 .secBox .item h5{width: 100%;text-align: left;}
	#articleInfo18 .secBox .item article{width: 100%;}
}
@media screen and (max-width:640px){
	#articleInfo18 .topBox:before{background:rgba(255,255,255,0.6)}
	#articleInfo18 .secBox .item h5,#articleInfo18 .secBox .item article{width:100%}
	#articleInfo18 .secBox .item h5{margin-bottom:15px;text-align:left}
	#articleInfo18 .secBox .photoBox > div{width: calc((100%/2) - 10px);margin-bottom: 15px;}
}