@font-face{font-family:Didot;src:url(../fonts/Didot.eot);src:url(../fonts/Didot.eot?#font-spider) format('embedded-opentype'),url(../fonts/Didot.woff) format('woff'),url(../fonts/Didot.ttf) format('truetype'),url(../fonts/Didot.svg) format('svg');font-weight:400;font-style:normal}body{min-width:320px}.project-logo{position:absolute;left:60px;top:45px;z-index:1000;width:10.3%;min-width:130px}.project-logo img{width:100%;height:auto}.header{position:absolute;left:0;top:0;width:100%;z-index:999}.nav-icon{cursor:pointer;position:absolute;right:60px;top:45px;z-index:999}.nav-close{position:absolute;right:60px;top:45px;z-index:998;width:37px;height:37px;background:url(../images/close1.png) no-repeat;transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;cursor:pointer;opacity:0;visibility:hidden}.nav-close:hover{background:url(../images/close2.png) no-repeat}.hamburger-box{width:41px;height:22px;position:relative}.hamburger-box .lcitem{display:block;height:2px;transition:.36s ease;-ms-transition:.36s ease;-o-transition:.36s ease;-webkit-transition:.36s ease;-moz-transition:.36s ease;position:absolute;right:0}.hamburger-box .lcitem>div{position:absolute;width:100%;height:100%;top:0;left:auto;right:0;background:#fff}.hamburger-box .lcitem.top{top:0;width:100%}.hamburger-box .lcitem.center{top:50%;margin-top:-1px;width:70%}.hamburger-box .lcitem.bottom{bottom:0;width:50%}.nav-txt{font-family:Arial;font-size:14px;color:#fff;line-height:1;margin-top:14px;text-transform:uppercase}.hamburger-box:hover .lcitem.top div{animation:movell .6s ease both;-webkit-animation:movell .6s ease both;-moz-animation:movell .6s ease both;-o-animation:movell .6s ease both}.hamburger-box:hover .lcitem.center div{animation:movell .6s .1s ease both;-webkit-animation:movell .6s .1s ease both;-moz-animation:movell .6s .1s ease both;-o-animation:movell .6s .1s ease both}.hamburger-box:hover .lcitem.bottom div{animation:movell .6s .2s ease both;-webkit-animation:movell .6s .2s ease both;-moz-animation:movell .6s .2s ease both;-o-animation:movell .6s .2s ease both}@keyframes movell{0%{left:auto;right:0}40%{width:0;left:auto;right:0}60%{left:0;right:auto;width:0%}100%{left:0;right:auto;width:100%}}.nav{position:fixed;top:-100%;bottom:0;left:0;right:0;background:url(../images/nav-bg.jpg) no-repeat center/cover;display:block;height:100%;z-index:100000;transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease}.nav.show{top:0;transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease}.nav.show .nav-close{visibility:visible;opacity:1}.menu{position:absolute;left:60px;z-index:11;top:0;font-family:Arial;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.menu a{color:#fff}.menu ul li{font-size:24px;line-height:1;margin-bottom:40px;text-transform:uppercase;transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);opacity:0;transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease}.menu ul li a{padding-left:350px;position:relative;transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;font-family:Arial;font-style:normal;font-weight:700}.menu ul li>a:before{content:"";position:absolute;background:#e60012;width:0;height:1px;display:block;top:50%;margin-top:-.5px;left:0;transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease}.menu ul li:last-child{margin-bottom:0}.menu ul li dl{display:none}.menu ul li dl dd{position:relative;font-size:16px;line-height:1;margin-top:20px}.menu ul li dl dd a{transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;font-family:'Microsoft YaHei';font-weight:400}.menu ul li dl dd span{display:block;position:absolute;width:0;height:1px;background:#fff;left:280px;top:50%;margin-top:-1px;transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}.menu ul li dl dd span:after{content:"";width:12px;height:12px;background:rgba(255,255,255,.32);border-radius:50%;right:-6px;top:50%;margin-top:-6px;display:block;position:absolute;opacity:0;transition:all .4s .25s ease;-ms-transition:all .4s .25s ease;-o-transition:all .4s .25s ease;-webkit-transition:all .4s .25s ease;-moz-transition:all .4s .25s ease}.menu ul li dl dd span:before{content:"";width:6px;height:6px;position:absolute;background:#fff;border-radius:50%;right:-3px;top:50%;margin-top:-3px;display:block;opacity:0;transition:all .4s .25s ease;-ms-transition:all .4s .25s ease;-o-transition:all .4s .25s ease;-webkit-transition:all .4s .25s ease;-moz-transition:all .4s .25s ease}.nav.show .menu ul li:nth-child(1){transition-delay:.2s;-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s}.nav.show .menu ul li:nth-child(2){transition-delay:.4s;-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s}.nav.show .menu ul li:nth-child(3){transition-delay:.6s;-moz-transition-delay:.6s;-webkit-transition-delay:.6s;-o-transition-delay:.6s}.nav.show .menu ul li:nth-child(4){transition-delay:.8s;-moz-transition-delay:.8s;-webkit-transition-delay:.8s;-o-transition-delay:.8s}.nav.show .menu ul li:nth-child(5){transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s}.nav.show .menu ul li:nth-child(6){transition-delay:1.2s;-moz-transition-delay:1.2s;-webkit-transition-delay:1.2s;-o-transition-delay:1.2s}.nav.show .menu ul li{opacity:1;transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;-moz-transform:none}.menu>ul li:hover>a{color:#e60012}.menu>ul li:hover>a:before{width:330px}.menu>ul li dd:hover>a{color:#e60012}.menu>ul li dd:hover span{width:50px}.menu>ul li dd:hover span:before{opacity:1}.menu>ul li dd:hover span:after{opacity:1;animation:wave 3s ease infinite;-webkit-animation:wave 3s ease infinite;-moz-animation:wave 3s ease infinite;-o-animation:wave 3s ease infinite}@-moz-keyframes wave{0%{-moz-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);border-radius:12px}60%{-moz-transform:scale(1.8);transform:scale(1.8);-webkit-transform:scale(1.8);border-radius:12px}100%{-moz-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);border-radius:12px}}@-o-keyframes wave{0%{-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);border-radius:12px}60%{-o-transform:scale(1.8);transform:scale(1.8);-webkit-transform:scale(1.8);border-radius:12px}100%{-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);border-radius:12px}}@keyframes wave{0%{-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);border-radius:12px}60%{-moz-transform:scale(1.8);-o-transform:scale(1.8);transform:scale(1.8);-webkit-transform:scale(1.8);border-radius:12px}100%{-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);border-radius:12px}}@-webkit-keyframes wave{0%{transform:scale(1);-webkit-transform:scale(1);border-radius:12px}60%{transform:scale(1.8);-webkit-transform:scale(1.8);border-radius:12px}100%{transform:scale(1);-webkit-transform:scale(1);border-radius:12px}}.wave{-webkit-animation-name:wave;animation-name:wave}.footer{color:#636363;line-height:40px;text-align:center;width:100%;bottom:0;left:0;position:fixed;font-size:12px;z-index:9}.footer a{color:#636363;transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}.footer a:hover a{color:#e60012}.pagecover{position:fixed;top:0;left:100%;right:0;bottom:0;background:#222428;z-index:10005;overflow:hidden;transition:transform .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease}.pagecover.show{left:0}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#222428;z-index:10005;overflow:hidden;transition:transform .8s ease .5s;-moz-transition:all .8s ease .5s;-ms-transition:all .8s ease .5s;-o-transition:all .8s ease .5s;-webkit-transition:all .8s ease .5s}.preloader.hid{left:100%}.scene.hid{opacity:0;filter:alpha(opacity=0)}.scene{width:100%;height:100%;-webkit-perspective:600;perspective:600;display:flex;align-items:center;justify-content:center;transition:transform .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease}.scene svg{width:160px;height:160px}.dc-logo{position:fixed;right:10px;bottom:10px}.dc-logo:hover svg{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;animation:arrow-spin 2.5s 0s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation:arrow-spin 2.5s 0s cubic-bezier(.165,.84,.44,1) infinite;-moz-animation:arrow-spin 2.5s 0s cubic-bezier(.165,.84,.44,1) infinite;-o-animation:arrow-spin 2.5s 0s cubic-bezier(.165,.84,.44,1) infinite}.dc-logo:hover:hover:before{content:'\2764';padding:6px;font:10px/1 Monaco,sans-serif;font-size:10px;color:#00fffe;text-transform:uppercase;position:absolute;left:-70px;top:-30px;white-space:nowrap;z-index:20px;box-shadow:0 0 4px #222;background:rgba(0,0,0,.4)}.dc-logo:hover:hover:after{content:'Digital Craft';padding:6px;font:10px/1 Monaco,sans-serif;font-size:10px;color:#6E6F71;text-transform:uppercase;position:absolute;right:0;top:-30px;white-space:nowrap;z-index:20px;box-shadow:0 0 4px #222;background:rgba(0,0,0,.4);background-image:none}@-webkit-keyframes arrow-spin{50%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes arrow-spin{50%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}.mouse{width:22px;height:33px;position:absolute;left:50%;margin-left:-11px;bottom:30px;background:url(../images/mouse.png) no-repeat;z-index:999;animation:nudgeMouse 5s ease-out infinite;-webkit-animation:nudgeMouse 5s ease-out infinite;-moz-animation:nudgeMouse 5s ease-out infinite;-o-animation:nudgeMouse 5s ease-out infinite}.mouse:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:#fff;opacity:.61;filter:alpha(opacity=61);width:2px;height:5px;border-radius:40%;animation:trackBallSlide 5s linear infinite;-webkit-animation:trackBallSlide 5s linear infinite;-moz-animation:trackBallSlide 5s linear infinite;-o-animation:trackBallSlide 5s linear infinite;transition:all .3s cubic-bezier(.455,.03,.515,.955);-ms-transition:all .3s cubic-bezier(.455,.03,.515,.955);-o-transition:all .3s cubic-bezier(.455,.03,.515,.955);-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955);-moz-transition:all .3s cubic-bezier(.455,.03,.515,.955)}@media (max-width:1280px){.nav-icon{right:45px}.header{line-height:100px;height:100px}.header .project-logo{left:45px;top:0}.header .nav-icon{top:30px}}@media (max-width:1200px){.footer{position:relative;padding:0;background:#10100d;padding:0 5%}}@media (max-width:992px){.header .project-logo{left:5%}.nav-icon{right:5%;top:35px}.nav-txt{display:none}.menu{position:static;transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;-moz-transform:none;text-align:center;margin-top:100px}.menu ul li a{padding-left:0}.menu ul li a:before{display:none}.menu ul li dl dd{font-size:14px;margin-top:15px}}@media (max-width:768px){.menu ul li dl dd{font-size:14px;margin-top:15px}.preloader{display:none}.footer{line-height:20px;padding-top:10px;padding-bottom:10px}.header{height:50px;line-height:50px}.header .nav-icon{top:16px}.menu ul li{font-size:18px;margin-bottom:20px}.nav-close{right:15px;top:20px}.hamburger-box{width:26px;height:18px}.hamburger-box .lcitem.bottom,.hamburger-box .lcitem.center{width:100%}}@media (max-width:480px){.menu ul li{font-size:16px;margin-bottom:5px}.menu ul li a{line-height:40px}.menu ul li dl dd{font-size:14px;margin-top:0}.menu ul li dl dd a{line-height:30px}}#code{display:none;position:fixed;z-index:99999;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background-color:#fff;font-size:20px;padding:30px 20px 20px 20px;font-family:"Microsoft YaHei";color:#1A8BD6}#code .code-close{position:absolute;color:#cd0e18;font-size:32px;width:24px;height:20px;line-height:20px;text-align:center;top:5px;right:5px;cursor:pointer;transition:all .5s ease;z-index:999}#code canvas{display:block;vertical-align:top;margin:15px auto 10px}