@import url("https://fonts.googleapis.com/css?family=Philosopher");@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);*,*:active,*:focus,*:hover,*:link,*:visited{-o-transition:background-color 0.2s linear, border-color 0.1s linear;-webkit-transition:background-color 0.2s linear, border-color 0.1s linear;-moz-transition:background-color 0.2s linear, border-color 0.1s linear;transition:background-color 0.2s linear, border-color 0.1s linear}[class*=" fa-"],[class^="fa-"]{font-family:FontAwesome !important}html{font-size:15px}@media (min-width: 1366px){html{font-size:25px}}@media (max-width: 768px){html{font-size:14px}}body{letter-spacing:1px}::-moz-selection{color:#fff;background:#009FFD}::selection{color:#fff;background:#009FFD}.en-font{font-family:'Philosopher', sans-serif}.ch-font{font-family:'cwTeXHei', sans-serif}.wrapper>.wrap_inner{width:100vw;height:100vh;overflow:hidden}.wrapper>.wrap_inner ::-webkit-scrollbar{width:5px}.wrapper>.wrap_inner ::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px;margin:80px 0 5px 0}.wrapper>.wrap_inner ::-webkit-scrollbar-thumb{-webkit-border-radius:4px;border-radius:4px;background:#dbdbdb}.main-slider{position:relative;width:100%;height:calc(100vh - 130px);display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-align:end;-ms-flex-align:end;overflow:hidden}.project-information{position:relative;width:100%;height:100%}.project-information h3{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-o-flex-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;font-size:4.5rem;position:absolute;top:2rem;right:2rem;margin:0;padding:.4rem 2rem 1rem;mix-blend-mode:luminosity;z-index:5;color:#fff}.project-information h3 *{-ms-flex:0 1 auto}.project-information h3:after,.project-information h3:before{content:'';position:absolute;top:0;right:0;width:70%;height:0;-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1)}.project-information h3:after{background-color:rgba(255,255,255,0.5)}.project-information h3:before{background-color:#292929}.project-information h3 span{display:inline-block;white-space:nowrap;line-height:1.1;overflow:hidden}.project-information h3 span>span{-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1)}.project-information ol{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;font-size:1rem;margin:0;padding:0;z-index:5;color:#fff;list-style:none;text-align:right}.project-information ol *{-ms-flex:0 1 auto}.project-information ol li{width:100%;font-family:'cwTeXHei', sans-serif;letter-spacing:.1rem;color:rgba(255,255,255,0.7);overflow:hidden}.project-information ol li.projects-link-in{margin-top:1.5rem}.project-information ol li.projects-link-in a{display:inline-block;color:#fff;position:relative;padding:.4rem;line-height:1.6;-moz-transform:translateX(0.4rem);-webkit-transform:translateX(0.4rem);-o-transform:translateX(0.4rem);-ms-transform:translateX(0.4rem);transform:translateX(0.4rem)}.project-information ol li.projects-link-in a:hover{text-decoration:none}.project-information ol li.projects-link-in a:hover:after{width:100%;left:0;background-color:#444}.project-information ol li.projects-link-in a:hover:before{opacity:0;left:0}.project-information ol li.projects-link-in a:after,.project-information ol li.projects-link-in a:before{background-color:#fff;position:absolute;top:50%;left:-2rem;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1}.project-information ol li.projects-link-in a:before{content:'';width:.3rem;height:.3rem;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1)}.project-information ol li.projects-link-in a:after{content:'';width:0;height:.2rem;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1)}.project-information ol li>span{-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transform:translateY(calc(100% + .5rem));-webkit-transform:translateY(calc(100% + .5rem));-o-transform:translateY(calc(100% + .5rem));-ms-transform:translateY(calc(100% + .5rem));transform:translateY(calc(100% + .5rem));line-height:1;width:100%;display:block}.project-information ol li>span>span{position:relative;width:40%}.project-information ol li+li{margin-top:.5rem}.main-vision{position:absolute;background-position:center -20rem !important;background-size:cover !important;width:calc(100% - 4rem);height:calc(100% - 2rem);overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-o-flex-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:1}.main-vision:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.3)}.main-vision.out{-webkit-animation:slide-out 1s cubic-bezier(0.645, 0.045, 0.355, 1) both;-moz-animation:slide-out 1s cubic-bezier(0.645, 0.045, 0.355, 1) both;-o-animation:slide-out 1s cubic-bezier(0.645, 0.045, 0.355, 1) both;animation:slide-out 1s cubic-bezier(0.645, 0.045, 0.355, 1) both}@-webkit-keyframes slide-out{from{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(-110%);-webkit-transform:translateY(-110%);-o-transform:translateY(-110%);-ms-transform:translateY(-110%);transform:translateY(-110%)}}@-moz-keyframes slide-out{from{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(-110%);-webkit-transform:translateY(-110%);-o-transform:translateY(-110%);-ms-transform:translateY(-110%);transform:translateY(-110%)}}@keyframes slide-out{from{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(-110%);-webkit-transform:translateY(-110%);-o-transform:translateY(-110%);-ms-transform:translateY(-110%);transform:translateY(-110%)}}.main-vision.active{background-position:center 0 !important;background-size:cover !important;-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:2 !important;-webkit-animation:slide-in 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) both;-moz-animation:slide-in 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) both;-o-animation:slide-in 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) both;animation:slide-in 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) both}@-webkit-keyframes slide-in{from{-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes slide-in{from{-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{from{-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.main-vision.active .inner{opacity:0;transition-delay:2s}.main-vision.active .inner:before{background:inherit;background-position:center 0 !important}.main-vision.active .project-information ol li>span{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition-delay:2s}.main-vision.active .project-information ol li>span>span+span:before{width:40%;transition-delay:2.5s}.main-vision.active .project-information h3:after,.main-vision.active .project-information h3:before{height:100%}.main-vision.active .project-information h3:after{transition-delay:1s}.main-vision.active .project-information h3:before{transition-delay:.8s}.main-vision.active .project-information h3 span>span{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition-delay:1.5s}.main-vision .inner{background:inherit;position:absolute;width:100%;height:100%;z-index:5;font-size:1.4rem;-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);opacity:1}.main-vision .inner:before{content:'';position:absolute;width:100%;height:100%;background:inherit;background-position:center -20rem !important;-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);opacity:1;z-index:-2}.main-vision .inner svg{height:0;width:0;position:absolute}@media (max-width: 992px){.wrapper>.wrap_inner{height:auto;overflow:scroll}.main-vision.active,.main-vision{background-size:cover !important}}.slider__controls{position:absolute;left:2rem;bottom:0;background-color:#292929;padding:1rem;padding-bottom:3rem;z-index:5;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-align:end;-ms-flex-align:end}.slider-counter{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-o-flex-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;width:13rem;height:2.4rem;margin:0;color:#fff;font-size:2.5em;padding-left:0;margin-bottom:2rem;letter-spacing:.15em;line-height:1;overflow:hidden}.slider-counter__current-wrapper{padding-left:0;margin:0;color:#fff;width:100%;list-style:none}.slider-counter__current-wrapper li{-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);text-align:center}.slider-counter__current-wrapper+span{color:#fff;width:100%;text-align:center}.slider-arrows{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-o-flex-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;width:10.5rem;margin-right:1.5rem}.slider-arrows__arrow{width:3.5rem;height:3.5rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;cursor:pointer}.slider-arrows__arrow svg:not(.slider-arrows__timer-progress):not(.slider-arrows__hover-circle){width:1rem;margin:auto}.slider-arrows__arrow svg:not(.slider-arrows__timer-progress):not(.slider-arrows__hover-circle) polyline{stroke:#fff}.slider-arrows__hover-circle+svg{pointer-events:none}.slider-arrows__arrow--up svg:not(.slider-arrows__timer-progress):not(.slider-arrows__hover-circle){-ms-transform:rotate(180deg);transform:rotate(180deg)}.slider-arrows__hover-circle{position:absolute;width:100%;height:100%;-ms-transform:rotate(-90deg);transform:rotate(-90deg);-ms-transform-origin:center center;transform-origin:center center}.slider-arrows__hover-circle:hover circle{stroke-dashoffset:0}.slider-arrows__hover-circle.timer-progress circle{animation:c-default 6s linear both}.slider-arrows__hover-circle.on-hover circle{animation:c-progress-hover .6s linear both}.slider-arrows__hover-circle.on-pause circle{animation:unset}.slider-arrows__hover-circle.in-finish{animation:c-finish .6s linear both}.slider-arrows__hover-circle circle{fill:none;stroke:#fff;stroke-width:4;stroke-dasharray:290;stroke-dashoffset:290;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transform:all 0.6s ease-in-out;transition:all 0.6s ease-in-out}.circle-outline{fill:none;stroke-width:2;stroke-miterlimit:10}@keyframes c-default{from{stroke-dashoffset:290}to{stroke-dashoffset:0}}@keyframes c-progress-hover{from{stroke-dashoffset:290}to{stroke-dashoffset:0}}@keyframes c-finish{from{opacity:1}to{opacity:0}}@media (max-width: 768px){.main-slider{height:100vh}.slider__controls{padding-bottom:1rem}.slider-counter{display:none}.project-information h3{font-size:2.4rem;right:.5rem;top:.5rem;padding:.4rem 1rem;mix-blend-mode:initial}.project-information h3:after{display:none}.project-information ol{margin-top:1rem}}

/*# sourceMappingURL=index.css.map */