@import url('/css/animate.css');
.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}
#articleInfo9{color:#000}
#articleInfo9 .article9-item h4.subtitle{position:absolute;font-size:14px;color:#a0a0a0;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;background:#ffffff61;width:37px;z-index:2;margin-left:40px;padding:15px 5px;letter-spacing:0.5em;font-weight:400;text-transform:uppercase;display:flex;flex-direction:row;align-items:center;height:100%}
#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;margin-bottom:10px}
@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{position:relative;display:flex;flex-wrap:wrap;overflow:hidden}
#articleInfo9 .article9-item p{font-size: 16px;line-height:200%;color:#515151;font-weight:400}
#articleInfo9 .article9-item .article9-cotent{position:relative;display:flex;z-index:1;margin:0 0;transition:all ease-in-out 0.3s;flex-wrap:wrap}
#articleInfo9 .article9-item .article9-cotent .article9-first-box{overflow:hidden;margin-bottom:40px;display:flex;border: #e8e8e8 1px solid;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{display:flex;width:50%;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%;object-fit:cover}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt{display:flex;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;flex-direction:column;background:#fefefe;box-shadow:0px 3px 9px 3px #5151512b;margin-left:0;justify-content:center;padding:2px 40px;width:calc(50% - 80px);animation-delay:200ms}
#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: 17px;line-height:200%;margin:20px 0}
#articleInfo9 .article9-item .article9-cotent .article9-second-box{font-size:16px;overflow:hidden;margin-bottom:50px;display:flex;align-items:center;border-left:#c8c8c8c4 1px solid}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .left-txt{width:50%;display:flex;align-items:flex-start;flex-direction:column;padding:50px 30px 50px 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo9 .article9-item  .left-txt:before{position:absolute;content:"";width:2px;height:80%;background: #3b7aab;left:-1px;top:10%}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .left-txt h6{margin:10px 0 2px;font-size: 23px;color: #3b7aab;}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .right-txt{display:flex;width:50%;flex-direction:column;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;animation-delay:200ms}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .right-txt img, #articleInfo9 .article9-item .article9-cotent .article9-first-box .img img{aspect-ratio: 4 / 3;}
#articleInfo9 .littlexe{position:relative;display:flex;justify-content:flex-end;padding:6px 3px;align-items:center}
#articleInfo9 .littlexe:before{position:absolute;content:"";width:70px;height:1px;background:silver;margin-right:222px}
#articleInfo9 .article9-item .article9-outside{position:absolute;z-index:0;display:flex;flex-direction:row;width:200%;text-transform:uppercase;bottom:80px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;left:131px;animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-delay:500ms}
#articleInfo9 .article9-item .article9-outside p{text-align:center;font-size:33px;line-height:90px;color:#dadada;position:relative;z-index:1;letter-spacing:0.1em;transition:all ease-in-out 1s;letter-spacing:0.5em;animation:slideRightToLeft 10s linear infinite;/;display:flex}
@keyframes slideRightToLeft{0%{-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px)}
100%{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
}#articleInfo9 .article9-item .article9-outside p:after{content:'';background:#fff;width:100%;height:50%;bottom:0;position:absolute;left:0;z-index:-1}
#articleInfo9 .titleJ9{display:flex;flex-direction:column;align-items:center;width:100%;padding: 0 0 60px;}
#articleInfo9 .titleJ9 h2{font-weight:400;letter-spacing:0.45em}
#articleInfo9 .titleJ9 h3{color: #4a4a4a;font-weight: 500;font-size: 30px;text-transform: uppercase;}
#articleInfo9 .loader{-webkit-perspective:700px;perspective:700px}
#articleInfo9 .loader>span{font-size:130px;font-family:"franklin gothic medium",sans-serif;display:inline-block;animation:flip 3.8s infinite linear;transform-origin:0 70%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;color: #1b3f60;}
@keyframes flip{35%{transform:rotateX(360deg)}
100%{transform:rotatex(360deg)}
}#articleInfo9 .loader>span:nth-child(even){color: #3b7aab;}
#articleInfo9 .loader>span:nth-child(2){animation-delay:0.3s}
#articleInfo9 .loader>span:nth-child(3){animation-delay:0.6s}
#articleInfo9 .loader>span:nth-child(4){animation-delay:0.9s}
#articleInfo9 .loader>span:nth-child(5){animation-delay:1.2s}
#articleInfo9 .loader>span:nth-child(6){animation-delay:1.5s}
#articleInfo9.loader>span:nth-child(7){animation-delay:1.8s}
#articleInfo9 .loader>span:nth-child(8){animation-delay:2.1s}
#articleInfo9 .loader>span:nth-child(9){animation-delay:2.4s}

@media screen and (max-width:1440px){
	#articleInfo9 .article9-item .article9-outside{bottom:15px;}
}
@media screen and (max-width:980px){
	#articleInfo9 .article9-item .article9-cotent .article9-second-box{display:flex;flex-direction:column;margin-bottom:30px}
	#articleInfo9 .article9-item .article9-cotent .article9-second-box .left-txt{width:100%}
	#articleInfo9 .article9-item .article9-cotent .article9-second-box .right-txt{width:100%}
	#articleInfo9 .article9-item .article9-outside{bottom:0}
	#articleInfo9 .article9-item .article9-outside p{font-size:14px;line-height:100%}
	#articleInfo9 .article9-item h4.subtitle{margin-left:5px}
}
@media screen and (max-width:768px){
	#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%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:5px 20px}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box{display:flex;flex-direction:column}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{font-size:30px}
	#articleInfo9 .article9-item .article9-outside{left:72px}
	#articleInfo9 .loader>span{font-size: 85px;}
	#articleInfo9 .titleJ9 h3{font-size: 18px;margin-top:-10px}
}
@media screen and (max-width:480px){
	#articleInfo9 .titleJ9{padding-bottom: 10px;}
	#articleInfo9 .loader>span{font-size: 45px;}
	#articleInfo9 .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:12px;letter-spacing:0em}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{font-size:24px}
	#articleInfo9 .article9-item .article9-cotent .article9-first-box{margin-bottom:20px;border: 0;}
	#articleInfo9 .article9-item .article9-cotent .article9-second-box{margin-bottom:23px}
	#articleInfo9 .article9-item .article9-outside{left:53px}
}