.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}
#articleInfo12{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo12 .row{width:45%}
#articleInfo12 .row h3{font-size:55px;color:#c75a22;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%;font-family:'Cormorant Garamond',serif;font-weight:900;letter-spacing:1px;padding:0 0 30px}
#articleInfo12 .row article{margin-bottom:50px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;font-size:20px;font-weight:400;letter-spacing:2px;line-height:200%;color:#545353}
#articleInfo12 .row .more{}
#articleInfo12 .row .more a{background:#c75a22;padding:15px 45px;margin-right: 20px;}
#articleInfo12 .row .more font{color:#fff;font-size:15px;letter-spacing:2px}
#articleInfo12 .row:nth-child(2){width:55%}
#articleInfo12 .row .topBox{overflow:hidden}
#articleInfo12 .row p{margin:0 2% 0 0;float:left;width:48%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 .row p:nth-child(2){margin:0 0 0 2%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo12 .row img{width: 100%;height: 100%;object-fit: cover;}
#articleInfo12 .row .downBox{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;height: 100%;}
#articleInfo12 ul{width:100%;margin-top:50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#articleInfo12 ul li{padding: 60px;width: calc((100%/3) - 121px);display:inline-block;background: #fff;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s}
#articleInfo12 ul li:nth-child(2){margin:0 1px;}
#articleInfo12 ul li h3{font-size:20px;color: #c75a22;margin-bottom: 30px;}
#articleInfo12 ul li article{font-size: 15px;color: #8b8b8b;}
#articleInfo12 ul li p.photo{width: 70px;margin-bottom: 10px;}

@media screen and (max-width:768px){
	#articleInfo12 ul li, #articleInfo12 ul li:nth-child(2){padding:40px;margin: 10px 0;width: 100%;}
	#articleInfo12 ul{margin-top:0;}
	#articleInfo12 .row,#articleInfo12 .row:nth-child(2){margin-bottom: 45px;width:100%}
	#articleInfo12 ul li h3{margin-bottom: 10px;}
}
@media screen and (max-width:480px){
	#articleInfo12 .row{margin-bottom: 35px;}
	#articleInfo12 .row:nth-child(2){margin-bottom: 25px;}
	#articleInfo12 .row h3{font-size:35px}
	#articleInfo12 .row .more a{padding: 10px 30px;}
	#articleInfo12 .row article{font-size: 15px;}
}