.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{color:#000}
#articleInfo9 .article9-item >h4{font-size:22px;color:#000;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;background:#fff;width:37px;position:relative;z-index:2;margin-left:40px;padding:15px 5px;letter-spacing:0.5em}
#articleInfo9 .article9-item .article9-cotent{position:relative;z-index:1;transition:all ease-in-out 0.3s}
#articleInfo9 .article9-item .article9-cotent .article9-first-box{overflow:hidden;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{float:left;width:49%;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}
#articleInfo9 .article9-item .article9-cotent .article9-first-box:hover .img img,#articleInfo9 .article9-item .article9-cotent .article9-second-box img:hover{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt{float:right;width:47%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{font-size: 30px;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h3{margin: 20px 0 50px;font-weight: 400;font-size: 18px;letter-spacing: 2px;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt .article9-first-txt-art{font-size: 16px;line-height: 220%;text-align: justify;}
#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;z-index:2;margin-top: 20px;}
#articleInfo9 .article9-item .article9-outside p{font-size: 30px;line-height: 120%;color: var(--secondary);position:relative;z-index:1;letter-spacing:0.1em;transition:all ease-in-out 1s}
#articleInfo9 .article9-item:hover .article9-outside p{letter-spacing:0em;color: var(--primary);}

@media screen and (max-width: 1024px){
	#articleInfo9 .article9-item >h4{margin-left:20px}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{width:100%}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt,#articleInfo9 .article9-item .article9-cotent .article9-second-box .left-txt,#articleInfo9 .article9-item .article9-cotent .article9-second-box .right-txt{width:100%;margin-top:20px}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{font-size:30px}
}
@media screen and (max-width: 480px){
	.article9-item{position:relative;margin-bottom:10px}
	#articleInfo9 .article9-item >h4{font-size:20px;width:34px;margin-left:0px;position:absolute;left:0;top:0;letter-spacing:0.2em;background:none;text-shadow:5px 5px 5px #fff,-5px 5px 5px #fff,5px -5px 5px #fff}
	#articleInfo9 .article9-item .article9-cotent{margin:0;}
	#articleInfo9 .article9-item .article9-outside p{letter-spacing: 0;}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{font-size:24px}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box{margin-bottom:20px}
	#articleInfo9 .article9-item .article9-cotent .article9-second-box{margin-bottom:80px}
}