@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{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;overflow:hidden;flex-wrap:wrap;flex-direction:column}
#article9-video-container{position:relative;z-index:1;padding:0px 0px 40px 120px;margin:0 0;transition:all ease-in-out 0.3s;flex-wrap:wrap;aspect-ratio:16/9;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#article9-video-container iframe{width:100%;aspect-ratio:16/9}
#articleInfo9 .article9-item p{font-size:15px;line-height:200%;color:#515151;font-weight:400}
#articleInfo9 .article9-item .article9-cotent{position:relative;z-index:1;padding:0px 0px 0px 120px;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}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{width:100%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;overflow:hidden}
#articleInfo9 .article9-item .article9-cotent .article9-second-box img{transition:all ease-in-out 0.5s;width:100%;object-fit:contain;height:100%}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img img{transition:all ease-in-out 0.5s;width:100%;object-fit:contain;height:340px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt{display:flex;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;flex-direction:column;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:14px;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 80px 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:#b28964;left:-1px;top:10%}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .left-txt h6{margin:10px 0 2px;font-size:20px;color:#b28964}
#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 .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:25px;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;margin:0 10px}
@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:120%;height:50%;bottom:0;position:absolute;left:0;z-index:-1}
#articleInfo9 .titleJ9{display:flex;flex-direction:column;align-items:center;width:100%;padding:40px 0 60px 50px}
#articleInfo9 .titleJ9 h2{font-weight:400;letter-spacing:0.45em}
#articleInfo9 .titleJ9 h3{color:#888888;font-weight:300;font-size:16px}
#articleInfo9 .infobox{padding:0 0 0 120px}
#articleInfo9 .infobox .boxn{margin-bottom:20px;border-bottom:#e2e2e26b 1px solid;padding-bottom:20px;margin-top:10px}
#articleInfo9 .infobox .boxn p{font-size:15px;font-weight:400;letter-spacing:1.2px;line-height:33px !important;color:#1f1f1f}
#articleInfo9 .infobox .boxn .textJ2{margin-left:15px}
#articleInfo9 .infobox .mlist{padding:10px 0}
#articleInfo9 .infobox .mlist h5{color:#4f4f4f;font-size:22px;margin:0px 0 10px}
#articleInfo9 .infobox .mlist h4{font-size:20px}
#articleInfo9 .infobox .titleJ{position:relative}
#articleInfo9 .infobox .imgJ{margin:20px 0}
#articleInfo9 .infobox .imgJ img{height:360px;width:100%;object-fit:contain}
#articleInfo9 .infobox .titleJ h4{font-weight:700;line-height:180%;padding-left:20px;display:flex;align-items:center;color:#323232;font-size:30px;margin:0px 0 25px}
#articleInfo9 .infobox .titleJ h4:before{content:"";position:absolute;width:3px;height:60%;background:#696969;left:0;top:11px}
#articleInfo9 .loader{-webkit-perspective:700px;perspective:700px}
#articleInfo9 .loader>span{font-size:80px;font-family:"franklin gothic medium",sans-serif;display:inline-block;color:#464646}
@keyframes flip{35%{transform:rotateX(360deg)}
100%{transform:rotatex(360deg)}
}
#articleInfo9 .loader>span:nth-child(even){color:#c39a75}
#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: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-cotent,#article9-video-container{padding:0px 0px 0px 70px}
    #articleInfo9 .article9-item .article9-outside p{font-size:14px;line-height:100%}
    #articleInfo9 .article9-item h4.subtitle{margin-left:5px}
    #articleInfo9 .infobox{padding:0 0 0 70px}
}
@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{padding:0px 0px 0px 70px}
    #articleInfo9 .article9-item .article9-outside p{}
    #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:75px}
    #articleInfo9 .titleJ9 h3{font-size:12px;margin-top:-10px}
    #articleInfo9 .titleJ9{padding:0}
}
@media screen and (max-width:640px){
    #articleInfo9 .infobox .imgJ img{height:200px;object-fit:cover;object-position:50%}
    #articleInfo9 .article9-item .article9-cotent .article9-first-box .img img{height:200px;object-fit:cover;object-position:50%}
}
@media screen and (max-width:480px){
    #articleInfo9 .littlexe{padding:20px 3px}
    #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-cotent{margin:0;padding:0px 0px 0px 50px}
    #article9-video-container{margin:0;padding:0 0px 0px 50px}
    #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}
    #articleInfo9 .article9-item .article9-cotent .article9-second-box{margin-bottom:23px}
    #articleInfo9 .article9-item .article9-outside{left:53px}
    #articleInfo9 .infobox{padding:0 0 0 50px}
    #articleInfo9 .infobox .titleJ h4{font-size:24px}
    #articleInfo9 .loader>span{font-size:30px}
}