#projectTitle{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);font-size:100px;font-weight:700;text-align:center;display:flex;flex-wrap:nowrap;overflow:hidden;width:500px;max-width:100%;color:#333;z-index:-1}#projectTitle:before{left:0;background:linear-gradient(90deg,rgb(255,255,255),rgba(255,255,255,0))}#projectTitle:after,#projectTitle:before{content:"";position:absolute;top:0;width:30%;height:100%;z-index:2}#projectTitle:after{right:0;background:linear-gradient(270deg,rgb(255,255,255),rgba(255,255,255,0))}#projectTitle span{width:500px;white-space:nowrap}#projectTitle #years,#projectTitle span{display:flex;align-items:center;justify-content:center}#projectTitle #years{font-family:Anton}#project-left{left:10%}#project-left,#project-right{position:absolute;top:130px;height:100%;opacity:0;width:400px}#project-right{right:10%}@media screen and (max-width:768px){#years span{transform:scale(.7)}}.section{width:100vw;height:100vh;min-height:100svh}.Oswald{font-family:Oswald}.home-section{width:100%;height:100vh;background-color:#000;position:relative;overflow:hidden}.home-section .left-section{position:absolute;width:45%;bottom:50px;z-index:1;left:5%;color:#fff}.home-section .right-section{position:absolute;bottom:50px;z-index:1;right:5%;color:#fff}.home-section .contact{background:linear-gradient(90deg,#F35B04,#F7B801)}@keyframes down{0%{transform:translate3d(-50%,5px,0)}to{transform:translate3d(-50%,0,0)}}.scroll-tips{animation:down 1s linear infinite alternate;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:1;color:#fff;background-color:#101010;width:150px;justify-content:space-between;height:46px;padding:0 15px;font-size:14px;color:#5c5c5c;font-weight:700}.scroll-tips,.scroll-tips .down-icon{display:flex;align-items:center;border-radius:30px}.scroll-tips .down-icon{background-color:var(--color-4);height:60px;width:40px;justify-content:center}.split-text{opacity:0}.split-text .chars{opacity:0;transform:translate3d(0,100px,0)}.split-text2{opacity:0}.split-text2 .chars{opacity:0;transform:translate3d(0,-100px,0)}.paragraph{opacity:0;transform:translate3d(0,30px,0)}.tools-container .tools-animation{position:absolute;top:0;left:-10%;width:120%;height:100%;display:flex;white-space:nowrap}.tools-container .tools-animation .tools-icon{transform:scale(.8)}.tools-container .tools-animation .tools-title{margin-left:-5px}.tools-container .h1{font-size:20px;color:#3c3c3c;font-weight:700}.tools-container .h2{color:#9c9c9c;font-size:14px}.tools-container .section-design{background-image:url(/bg/design.png);background-position:100% 100%;background-repeat:no-repeat}.tools-container .section-backend{background-image:url(/bg/backend.png);background-position:100% 100%;background-repeat:no-repeat}.tools-container .section-ai{background-image:url(/bg/ai.png);background-position:100% 100%;background-repeat:no-repeat}.tools-container .section-ide{background-image:url(/bg/ide.png);background-position:100% 0;background-repeat:no-repeat}.tools-container .section-frontend{background-image:url(/bg/frontend.png);background-position:100% 100%;background-repeat:no-repeat}.tools-container .section-data{background-image:url(/bg/data.png);background-position:100% 100%;background-repeat:no-repeat}.tools-container .tools-icon{flex-shrink:0;background-color:#fff;border-radius:50%;grid-column:span 1;grid-row:span 1;cursor:pointer;width:50px;height:50px;background-image:url(/logo/logo_bg.png)}@keyframes animation{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.tools-container .animation-dom{animation:animation 60s linear infinite}.tools-icon:hover{z-index:99!important}.tools-icon:hover .icon-title{opacity:1}.icon-title{opacity:0;transition:all .3s ease-in-out}@media screen and (max-width:1536px){.tools-container>div>div{background-size:20%!important;background-position:100% 100%!important}}@media screen and (max-width:1280px){.tools-container>div>div{background-size:30%!important;background-position:100% 100%!important}}@media screen and (max-width:768px){.tools-container>div>div{background-size:40%!important;background-position:100% 100%!important}}.rightAnimation{animation:rightAnimation 1s linear infinite alternate}@keyframes rightAnimation{0%{transform:translateX(0)}to{transform:translateX(3px)}}