.ui-banner-wrapper{position:relative;overflow:hidden;min-width:1250px;height:480px;top:0;z-index:1}.ui-banner-main{position:absolute;left:50%}.ui-pages-banner{position:relative;left:-50%;width:1920px;height:480px;display:block;overflow:hidden;box-sizing:border-box;padding:140px 0 0 460px}.ui-banner-about{background:url(/Assets/images/about/banner/banner_about.png) top no-repeat;background-size:100% 100%}.ui-banner-culture{background:url(/Assets/images/about/banner/banner_culture.png) top no-repeat;background-size:100% 100%}.ui-banner-course{background:url(/Assets/images/about/banner/banner_course.png) top no-repeat;background-size:100% 100%}.ui-pages-banner>h1{color:#222}.ui-banner-culture>h1,.ui-pages-banner>h1{font-size:58px;font-weight:700;line-height:1.2}.ui-banner-culture>h1{color:#fff}.ui-banner-about>p{font-size:32px;color:#5a2294}.ui-banner-culture>p{font-size:32px;color:#e60000}.ui-banner-course>p{font-size:32px;color:#ef4ead}.ui-about-menu{position:relative;width:100%;margin-top:-58px;z-index:10}.ui-about-nav{width:1230px;margin:0 auto;border-bottom:1px solid #d4d4d4}.ui-about-menu-title{font-size:24px;line-height:38px}.ui-about-menu-list{height:30px;margin-top:8px;position:relative}.ui-about-menu-list li:last-child a{margin:0}.ui-about-menu-list li{float:left}.ui-about-menu-list a{font-size:18px;line-height:29px;position:relative;display:block;margin-right:30px;transition:color .5s ease;color:#666}.ui-about-menu-list a.ui-about-active,.ui-about-menu-list a:hover{color:red;border-bottom:2px solid red}main{width:1200px;margin:0 auto}.ui-first-floor,.ui-second-floor{border-bottom:2px solid #dac6ae}.ui-first-floor>div,.ui-second-floor>div{display:inline-block;vertical-align:top;position:relative;width:600px;height:500px}.ui-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .25s linear;padding:20px 25px;background:url(/Assets/images/about/culture/top.png) no-repeat top,url(/Assets/images/about/culture/bottom.png) no-repeat bottom}.ui-title p{font-size:34px;font-weight:300;color:#bb9b76;text-align:center}.ui-title p+p{color:#666;font-size:26px}.ui-animate-box>img{position:absolute;opacity:0}.ui-desk{bottom:0;left:97px;z-index:1}.ui-animate-box.move .ui-desk{animation:up .75s ease-in-out .5s forwards}.ui-man{left:210px;bottom:0;z-index:6}.ui-animate-box.move .ui-man{animation:left .75s ease-in-out 1.8s forwards}.ui-book{left:465px;bottom:102px}.ui-animate-box.move .ui-book{animation:up .75s ease-in-out 1.5s forwards}.ui-laptop{bottom:102px;left:312px}.ui-animate-box.move .ui-laptop{animation:up .75s ease-in-out 1.75s forwards}.ui-pen{bottom:102px;left:450px}.ui-animate-box.move .ui-pen{animation:up .75s ease-in-out 1.25s forwards}.ui-pen-box{bottom:102px;left:110px}.ui-animate-box.move .ui-pen-box{animation:up .75s ease-in-out .75s forwards}.ui-diagram{bottom:102px;left:150px}.ui-animate-box.move .ui-diagram{animation:up .75s ease-in-out 1s forwards}.ui-drawer{left:37px;bottom:0}.ui-animate-box.move .ui-drawer{animation:up .75s ease-in-out 2.6s forwards}.ui-cup{bottom:102px;left:531px}.ui-animate-box.move .ui-cup{animation:up .75s ease-in-out 2s forwards}.ui-fox{left:368px;bottom:208px}.ui-animate-box.move .ui-fox{animation:up .75s ease-in-out 2.15s forwards}.ui-computer{bottom:0;left:494px}.ui-animate-box.move .ui-computer{animation:up .75s ease-in-out 2.4s forwards}.ui-second-floor .ui-animate-box{overflow:hidden}.ui-board-line{left:147px;top:0;transform-origin:top center}.ui-animate-box.move .ui-board-line{animation:down .35s linear forwards}.ui-board{left:121px;top:81px}.ui-animate-box.move .ui-board{animation:opacity .4s linear .35s forwards}.ui-boy{left:253px;top:50px}.ui-animate-box.move .ui-boy{animation:up .75s ease-in-out 1.7s forwards}.ui-chair{left:310px;bottom:0}.ui-animate-box.move .ui-chair{animation:up .75s ease-in-out .6s forwards}.ui-girl{left:38px;bottom:0}.ui-animate-box.move .ui-girl{animation:left .75s ease-in-out 1.3s forwards}.ui-helloworld{left:150px;top:120px}.ui-animate-box.move .ui-helloworld{animation:width .35s ease-in-out 2s forwards}.ui-cupboard{bottom:0;right:68px}.ui-animate-box.move .ui-cupboard{animation:up .75s ease-in-out .9s forwards}.ui-fox-2{bottom:80px;right:82px}.ui-animate-box.move .ui-fox-2{animation:up .75s ease-in-out 1.2s forwards}.ui-flower{right:18px;bottom:0}.ui-animate-box.move .ui-flower{animation:up .75s ease-in-out 1.5s forwards}.ui-third-floor{padding-top:20px}.ui-third-floor>div{position:relative;width:100%;height:310px}.ui-third-floor .ui-title{background:url(/Assets/images/about/culture/top-2.png) no-repeat top,url(/Assets/images/about/culture/bottom-2.png) no-repeat bottom}.ui-core-values{margin-bottom:125px;opacity:0}.ui-core-values.move{animation:opacity .75s linear .35s forwards}.ui-core-values li{float:left;width:300px;min-height:380px;box-sizing:border-box;padding:0 25px;border-right:1px dotted #d4d4d4}.ui-core-values li:last-child{border:none}.ui-core-values li>img{display:block;margin:0 auto}.ui-core-values li>h3{font-size:22px;color:#333;margin-bottom:20px;font-weight:300;margin-top:26px}.ui-core-values li>h3+p{margin-bottom:30px}.ui-core-values li>p{font-size:15px;color:#666}.ui-title.move{transform:translate(-50%,-50%) scale(1)}@keyframes up{0%{transform:translateY(102px);opacity:0}80%{transform:translateY(-10px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes left{0%{transform:translateX(-300px);opacity:0}80%{transform:translateX(30px);opacity:1}to{transform:translateX(0);opacity:1}}@keyframes down{0%{opacity:1;transform:translateY(-102px)}to{opacity:1;transform:translateY(0)}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes width{0%{transform:scale(0);opacity:1}to{opacity:1;transform:scale(1)}}