.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}
@keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@-moz-keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@-ms-keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@-o-keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@-webkit-keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
#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: flex-end;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{width: 50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;overflow:hidden;position: absolute;left: 0;height: 100%;top: 0;}
#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%;height: 100%;object-fit: cover;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt{float:right;width: 45%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;margin: 40px 0;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{font-size: 25px;font-weight: 500;letter-spacing: 2px;margin-bottom: 10px;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt .article9-first-txt-art{font-size:14px;line-height:200%;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;}
#articleInfo9 .article9-item .article9-outside p{text-align:right;font-size:90px;line-height:90px;color:#dadada;position:relative;z-index:1;transition:all ease-in-out 1s;font-family: 'Playfair Display',serif;font-weight: 600;}
#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 >h4{margin-left:20px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{width:100%;position: relative;}
#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-outside p{font-size:50px;line-height:50px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{font-size:30px}
#articleInfo9 .article9-item .article9-outside{margin-top:-40px}
}
@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-outside p{font-size:40px;line-height:40px;letter-spacing:0em;color:#91b5bd}
#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}
}