.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}
#articleInfo9{border-top:10px solid var(--primary);background:var(--white);box-shadow:0 0 10px rgb(0 0 0 / 10%);border-radius:5px;margin-top: 80px;}
#articleInfo9 >div{padding:50px}
#articleInfo9 .article9-item >h4{font-size:24px;text-align:center;margin-bottom:70px;color:var(--primary);font-weight:400}
#articleInfo9 .article9-item >h4 b{display:block;text-align:center;font-size:24px;font-weight:400}
#articleInfo9 .article9-item .article9-cotent{}
#articleInfo9 .article9-item .article9-cotent .article9-first-box{display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{width: 43%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;overflow:hidden}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img img,#articleInfo9 .article9-item .article9-cotent .article9-second-box img{transition:all ease-in-out 0.5s;width: 100%;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .text{width:55%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .text p{font-weight:300;margin: 15px 0;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .text p.en{font-size:13px;color:#888888;margin:20px 0}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{font-size:36px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt .article9-first-txt-art{font-size:14px;line-height:200%}
#articleInfo9 .article9-item .article9-cotent .article9-second-box{font-size:16px;overflow:hidden;margin-bottom:50px}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .left-txt{float:left;width:47%}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .right-txt{float:right;width:47%}
#articleInfo9 .article9-item .article9-outside{position:relative;margin-top:-90px;z-index:2}
#articleInfo9 .article9-item .article9-outside p{text-align:right;font-size:90px;line-height:90px;color:#dadada;position:relative;z-index:1;letter-spacing:0.1em;transition:all ease-in-out 1s}
#articleInfo9 .article9-item .article9-outside p:after{content:'';background:#fff;width:100%;height:50%;bottom:0;position:absolute;left:0;z-index:-1}

@media screen and (max-width:768px){
	#articleInfo9 .article9-item .article9-cotent .article9-first-box{display:block;}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{width:100%;}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box .text{width:100%;margin-top: 30px;}
}
@media screen and (max-width:480px){
	#articleInfo9 >div{padding:30px;}
}