.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 >h4 i{animation-name:circle;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:1s;-moz-animation-name:circle;-ms-animation-name:circle;-o-animation-name:circle;-webkit-animation-name:circle;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;-webkit-animation-duration:1s}
#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;margin-bottom:40px}
#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 .txt h5{font-size:100px;font-family:'Roboto',sans-serif}
#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%;font-weight:300}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .right-txt{float:right;width:47%;font-weight:200}
#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:hover .article9-outside p{letter-spacing:0em;color:#91b5bd}
#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-second-box .left-txt{float:none;width:100%;margin-bottom:30px}
	#articleInfo9 .article9-item .article9-cotent .article9-second-box .right-txt{width:100%;float:none}
}
@media screen and (max-width:480px){
	#articleInfo9 .txt h5{font-size:40px}
}