body{background:#000;color:#fff}#footer{position:fixed;top:100%;left:0;width:100%}#main{position:relative;overflow:hidden;background:none}#navmenu{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}.bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.bg-canvas canvas{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-o-object-fit:cover;object-fit:cover}.progress{position:fixed;left:0;bottom:0;height:1px;background:#f44;z-index:4;width:0}.progress.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);width:100%;transition:width 3s linear}.progress.hide{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);transition:-webkit-transform 3s linear;transition:transform 3s linear;transition:transform 3s linear, -webkit-transform 3s linear}.pagination{position:fixed;top:50%;right:15px;z-index:10;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.pagination li{position:relative;margin:20px 0}.pagination li:hover p{opacity:1;-webkit-transform:translate3d(0%, -50%, 0);transform:translate3d(0%, -50%, 0)}.pagination li.active span{background:#f44 !important}.pagination span{display:block;width:15px;height:15px;border-radius:50%;overflow:hidden;transition:all 2s}body.black .pagination span{background:#333}body.white .pagination span{background:#fff}.pagination p{position:absolute;right:100%;margin-right:30px;top:50%;opacity:0;-webkit-transform:translate3d(50%, -50%, 0);transform:translate3d(50%, -50%, 0);background:#f44;padding:5px 10px;white-space:nowrap;border-radius:4px;color:#fff;transition:all 0.3s linear;pointer-events:none}.pagination p:before{content:'';position:absolute;left:100%;top:50%;border-style:solid;border-color:transparent transparent transparent #f44;border-width:5px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.section{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 1s linear}.section.active{opacity:1;pointer-events:auto}.section.active .slogan{opacity:1;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);transition:all 0.6s ease-in 2s}.section:not(.nopadding){padding:100px 0}.section .section-title{display:none}.section .slogan{position:absolute;top:17%;left:80px;width:30%;line-height:2em;opacity:0;-webkit-transform:translate3d(0, 0%, 0);transform:translate3d(0, 0%, 0);transition:all 0.3s ease-in;pointer-events:none}.section .aside{position:absolute;left:80px;top:55%;-webkit-transform:translate3d(0, -55%, 0);transform:translate3d(0, -55%, 0)}.section-title{position:fixed;bottom:30px;left:15px;z-index:4;color:#da0502;pointer-events:none}.section-title h2,.section-title p{overflow:hidden;letter-spacing:0.3em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0}.section-title h2 span,.section-title p span{display:inline-block;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.section-title h2{font-size:40px}.section-title p{font-size:20px}.services{color:#333}.services .images-slide{display:none}.services-slider-btns{padding-top:80px;font-family:"GothamLight","Helvetica","PingFangSC-Regular","Microsoft Yahei","arial",sans-serif}.services-slider-btns li{position:relative;font-size:18px;line-height:1.4em;padding-left:120px;margin:40px 0}.services-slider-btns li:before{content:'';position:absolute;left:70px;top:50%;width:30px;height:1px;background:#928b8b;transition:width 0.5s}.services-slider-btns li:hover:before,.services-slider-btns li.active:before{background:#da0502}.services-slider-btns li:hover .icon path,.services-slider-btns li.active .icon path{stroke:#da0502}.services-slider-btns li:hover span,.services-slider-btns li.active span{color:#da0502}.services-slider-btns svg path{stroke:#333;stroke-width:20px;fill:none}.services-slider-btns span{display:inline-block;color:#333}.services-slider-btns h3{font-weight:normal;font-size:inherit}.services-slider-btns p{font-size:80%}.services-slider-btns .icon{position:absolute;left:0;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);width:60px;height:60px}.services-slider-text{position:absolute;bottom:100px;left:45%;height:1px}.services-slider-text li{position:absolute;left:0;bottom:0;opacity:0;pointer-events:auto;overflow:hidden}.services-slider-text li.current{opacity:1}.services-slider-text li .box{width:800px;padding:30px;background:#fff}.services-slider-text li h4{font-size:24px;line-height:1em;margin-bottom:15px}.services-slider-text li p{color:#999;font-size:15px}.services-slider-text li p span{display:block}.services-slider-text li p span:nth-child(1){font-weight:bold;margin-bottom:5px}.services-slider-text li p span:nth-child(2){line-height:1.4em;height:2.8em}.fxFerris .navOutNext{-webkit-transform-origin:400% 50%;transform-origin:400% 50%;-webkit-animation:RotateTranslatedToRight 1s forwards ease-out;animation:RotateTranslatedToRight 1s forwards ease-out}.fxFerris .navInNext{-webkit-transform-origin:200% 50%;transform-origin:200% 50%;-webkit-animation:RotateTranslatedFromRight 1s forwards ease-out;animation:RotateTranslatedFromRight 1s forwards ease-out}.fxFerris .navOutPrev{-webkit-transform-origin:-300% 50%;transform-origin:-300% 50%;-webkit-animation:RotateTranslatedToLeft 1s forwards ease-out;animation:RotateTranslatedToLeft 1s forwards ease-out}.fxFerris .navInPrev{-webkit-transform-origin:-100% 50%;transform-origin:-100% 50%;-webkit-animation:RotateTranslatedFromLeft 1s forwards ease-out;animation:RotateTranslatedFromLeft 1s forwards ease-out}@-webkit-keyframes RotateTranslatedToRight{from{}to{-webkit-transform:rotateZ(20deg);opacity:0}}@keyframes RotateTranslatedToRight{from{}to{-webkit-transform:rotateZ(20deg);transform:rotateZ(20deg);opacity:0}}@-webkit-keyframes RotateTranslatedFromRight{from{-webkit-transform:rotateZ(-45deg);opacity:.5}to{-webkit-transform:rotateZ(0deg);opacity:1}}@keyframes RotateTranslatedFromRight{from{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);opacity:.5}to{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);opacity:1}}@-webkit-keyframes RotateTranslatedToLeft{from{}to{-webkit-transform:rotateZ(-20deg);opacity:0}}@keyframes RotateTranslatedToLeft{from{}to{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg);opacity:0}}@-webkit-keyframes RotateTranslatedFromLeft{from{-webkit-transform:rotateZ(45deg);opacity:.5}to{-webkit-transform:rotateZ(0deg);opacity:1}}@keyframes RotateTranslatedFromLeft{from{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);opacity:.5}to{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);opacity:1}}.works .more{position:relative;border:1px solid #6f6f6f;color:#fff;display:inline-block;overflow:hidden;margin-top:40px;min-width:180px;text-align:center}.works .more div{position:relative;height:40px;line-height:40px;padding:0 20px;z-index:2}.works .more div:nth-child(2){position:absolute;top:0;left:0;width:100%;opacity:0}.works .more div span{position:relative;z-index:3;display:inline-block}.works .more:after{content:'';position:absolute;top:0;left:0;width:100%;height:0%;background:#fff;transition:height 0.1s ease-in-out;z-index:1}.works .more:hover{color:#da0502;border-color:#fff}.works .more:hover:after{height:100%}.works-list{position:relative;float:right;height:100%;width:70%;z-index:3;overflow:hidden}.works-list-parent{width:100%;height:100%;display:flex;flex-direction:row;flex-flow:wrap;justify-content:flex-start;align-items:center;align-content:stretch;overflow:hidden}.works-list-item{float:left;width:25%;padding:15px;align-self:auto;flex-basis:auto;flex-grow:0;flex-shrink:1;height:33.333333333333%}.works-list-item:nth-child(1) .box a{transition:all 0.15s linear 0.4s}.works-list-item:nth-child(2) .box a{transition:all 0.15s linear 0.35s}.works-list-item:nth-child(3) .box a{transition:all 0.15s linear 0.3s}.works-list-item:nth-child(4) .box a{transition:all 0.15s linear 0.25s}.works-list-item:nth-child(5) .box a{transition:all 0.15s linear 0.2s}.works-list-item:nth-child(6) .box a{transition:all 0.15s linear 0.15s}.works-list-item:nth-child(7) .box a{transition:all 0.15s linear 0.1s}.works-list-item:nth-child(8) .box a{transition:all 0.15s linear 0.05s}.works-list-item:nth-child(9) .box a{transition:all 0.15s linear 0s}.works-list .works-item{top:50%;left:50%;visibility:hidden;position:absolute}.works-list .works-item-hide{z-index:-1;visibility:hidden}.works-list .works-item-hide .works-list-item:nth-child(1) .box a{height:0% !important;transition:all 0.15s linear .9s !important}.works-list .works-item-hide .works-list-item:nth-child(2) .box a{height:0% !important;transition:all 0.15s linear .8s !important}.works-list .works-item-hide .works-list-item:nth-child(3) .box a{height:0% !important;transition:all 0.15s linear .7s !important}.works-list .works-item-hide .works-list-item:nth-child(4) .box a{height:0% !important;transition:all 0.15s linear .6s !important}.works-list .works-item-hide .works-list-item:nth-child(5) .box a{height:0% !important;transition:all 0.15s linear .5s !important}.works-list .works-item-hide .works-list-item:nth-child(6) .box a{height:0% !important;transition:all 0.15s linear .4s !important}.works-list .works-item-hide .works-list-item:nth-child(7) .box a{height:0% !important;transition:all 0.15s linear .3s !important}.works-list .works-item-hide .works-list-item:nth-child(8) .box a{height:0% !important;transition:all 0.15s linear .2s !important}.works-list .works-item-hide .works-list-item:nth-child(9) .box a{height:0% !important;transition:all 0.15s linear .1s !important}.works-list .works-item-visible{z-index:1;visibility:visible}.works-list .works-item-visible .works-list-item:nth-child(1) .box a{height:100% !important;transition:all 0.15s linear .1s !important}.works-list .works-item-visible .works-list-item:nth-child(2) .box a{height:100% !important;transition:all 0.15s linear .2s !important}.works-list .works-item-visible .works-list-item:nth-child(3) .box a{height:100% !important;transition:all 0.15s linear .3s !important}.works-list .works-item-visible .works-list-item:nth-child(4) .box a{height:100% !important;transition:all 0.15s linear .4s !important}.works-list .works-item-visible .works-list-item:nth-child(5) .box a{height:100% !important;transition:all 0.15s linear .5s !important}.works-list .works-item-visible .works-list-item:nth-child(6) .box a{height:100% !important;transition:all 0.15s linear .6s !important}.works-list .works-item-visible .works-list-item:nth-child(7) .box a{height:100% !important;transition:all 0.15s linear .7s !important}.works-list .works-item-visible .works-list-item:nth-child(8) .box a{height:100% !important;transition:all 0.15s linear .8s !important}.works-list .works-item-visible .works-list-item:nth-child(9) .box a{height:100% !important;transition:all 0.15s linear .9s !important}.works-list .box{position:relative;margin:0 auto;width:100%;height:100%}.works-list .box a{position:absolute;top:0;left:0;width:100%;height:0;display:block;overflow:hidden;text-align:center;border-radius:5px}.works-list .box:hover .image:after{opacity:.4}.works-list .box:hover .image img{-webkit-transform:translate3d(0, -50%, 0) scale3d(1.2, 1.2, 1);transform:translate3d(0, -50%, 0) scale3d(1.2, 1.2, 1)}.works-list .box:hover .logo{opacity:1;-webkit-transform:translate3d(0, -50%, 0) scale3d(1, 1, 1);transform:translate3d(0, -50%, 0) scale3d(1, 1, 1)}.works-list .box:hover .title{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}.works-list .box:hover .title:after{left:0;right:auto;width:100%}.works-list .image{position:relative;width:100%;padding-top:84.84848484848485%;overflow:hidden}.works-list .image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0;transition:opacity .3s}.works-list .image img{position:absolute;top:50%;left:0;width:100%;height:100%;transition:all 0.3s linear;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.works-list .logo{position:absolute;top:50%;left:0;width:100%;height:53.57142857142857%;max-height:150px;-webkit-transform:translate3d(0, -50%, 0) scale3d(1.2, 1.2, 1);transform:translate3d(0, -50%, 0) scale3d(1.2, 1.2, 1);opacity:0;transition:all 0.3s linear}.works-list .title{position:absolute;top:100%;left:0;width:100%;height:40px;line-height:40px;color:#fff;font-size:15px;letter-spacing:5px;transition:all 0.3s linear}.works-list .title span{position:relative;z-index:2}.works-list .title:after{content:'';position:absolute;left:auto;right:0;top:0;bottom:0;width:0;z-index:1;background:#da0502;transition:all 0.3s linear}.works-list .works-more{display:none}@media screen and (max-width: 1920px){.works-list-item{width:33.333333333333%}}.section-nav li{position:relative;height:40px;line-height:40px;margin:30px 0;letter-spacing:3px;margin-left:-15px}.section-nav li span{position:relative;z-index:2;display:inline-block;padding-left:15px;padding-right:15px}.section-nav li:after{content:'';position:absolute;bottom:0;right:0;width:0;height:1px;background:#da0502;transition:width 0.3s ease-in}.section-nav li:before{height:1px}.section-nav li:after{height:100%}.section-nav li.active,.section-nav li:hover{color:#fff}.section-nav li.active:before,.section-nav li.active:after,.section-nav li:hover:before,.section-nav li:hover:after{left:0%;right:auto;width:100%}.about .slogan{color:#333}.about .more{position:relative;display:inline-block;background:#da0502;color:#fff;height:50px;line-height:50px;padding:0 40px;font-size:15px;font-family:"GothamBlack","Helvetica","PingFangSC-Regular","Microsoft Yahei","arial",sans-serif}.about .more:hover{padding-right:120px;padding-left:20px;transition:padding 0.3s linear}.about .more:hover span{width:70px}.about .more span{position:absolute;right:15px;top:50%;width:0%;text-align:right;overflow:hidden;transition:all 0.3s linear;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.about .more span:before{content:'';position:absolute;top:50%;left:0;right:20px;height:1px;background:#fff}.statistics{margin-bottom:30px}.statistics-item{float:left;width:180px;color:#333}.statistics-item h4{font-size:34px}.statistics-item h4>div{position:relative;display:inline}.statistics-item h4>div em{position:absolute;left:90%;top:5px;font-size:28.333333%;position:absolute;margin-left:10px;margin-top:-10px}.statistics-item p{font-size:12px;opacity:0.8}.advantage{background:#fff;color:#333}.advantage p{font-size:15px}.advantage p span{display:inline-block}.advantage-item{float:left;width:270px;padding:30px 15px;text-align:center}.advantage .icon{width:60px;height:60px;display:block;margin:0 auto 20px}.advantage svg path{stroke:#da0502;stroke-width:20px;fill:none}@-webkit-keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes fly2{0%{}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}@keyframes fly2{0%{}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}.technical{display:flex;align-items:center}.technical-wrap{width:90%;max-width:1440px;margin:0 auto;-webkit-perspective:800px;perspective:800px}.technical-item{float:left;width:33.33333333%;height:200px;background:#fff}.technical-item:nth-child(6n) .img,.technical-item:nth-child(6n-1) .img,.technical-item:nth-child(6n-2) .img{float:right}.technical-item:nth-child(6n) .txt,.technical-item:nth-child(6n-1) .txt,.technical-item:nth-child(6n-2) .txt{float:left}.technical-item:nth-child(6n) .txt:before,.technical-item:nth-child(6n-1) .txt:before,.technical-item:nth-child(6n-2) .txt:before{right:0;left:auto;margin-left:auto;margin-right:-7px}.technical-item:hover .img:before{opacity:0}.technical-item:hover .img .bg{-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}.technical-item .img,.technical-item .txt{float:left;width:50%;height:100%}.technical-item .img{position:relative;overflow:hidden}.technical-item .img:before{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:1;transition:opacity 0.4s linear}.technical-item .img .bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:-webkit-transform 0.4s linear;transition:transform 0.4s linear;transition:transform 0.4s linear, -webkit-transform 0.4s linear}.technical-item .txt{position:relative;z-index:2;padding:20px 30px 0}.technical-item .txt:before{content:'';position:absolute;top:50px;left:0;height:3px;width:15px;background:#da0502;margin-left:-7px}.technical-item .txt h4{font-size:18px;color:#333;margin-bottom:10px}.technical-item .txt p{font-size:15px;color:#999}.contact-wrap{position:relative;width:90%;max-width:1440px;margin:0 auto;height:490px}.contact-wrap .box{height:490px}.contact-form{position:absolute;left:0;top:0;bottom:auto;height:0;width:30%;overflow:hidden;transition:all 0.3s linear}.contact-form .box{position:absolute;top:0;left:0;width:100%;padding:40px 40px 0;background:#da0502}.contact-form h3{font-size:30px;line-height:1.4em;margin-bottom:5px}.contact-form p{font-size:16px}.contact-form .choose-ul{display:none;position:absolute;top:100%;left:0;z-index:3;width:100%;background:#fff;color:#333;font-size:12px;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}.contact-form .choose-ul li{padding:5px 10px;border-bottom:1px solid #efefef}.contact-form .choose-ul li:hover,.contact-form .choose-ul li.active{background:#eee}.contact-form form{padding-top:20px}.contact-form form .row{position:relative;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.5)}.contact-form form .row-submit{margin-top:30px}.contact-form form input{width:100%;height:30px;line-height:30px;color:#fff;border:none;background:none}.contact-form form input::-moz-placeholder{color:rgba(255,255,255,0.5)}.contact-form form input::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}.contact-form form input:-ms-input-placeholder{color:rgba(255,255,255,0.5)}.contact-form form textarea{width:100%;height:60px;line-height:20px;color:#fff;border:none;background:none}.contact-form form textarea::-moz-placeholder{color:rgba(255,255,255,0.5)}.contact-form form textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}.contact-form form textarea:-ms-input-placeholder{color:rgba(255,255,255,0.5)}.contact-form form button{width:100%;height:40px;line-height:40px;background:#fff;border:none;color:#da0502;display:block;text-align:center}.contact-style{position:absolute;bottom:0;right:0;top:auto;height:0;width:70%;overflow:hidden;transition:all 0.3s linear}.contact-style .box{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:60px 40px;background:#fff}.contact-style h4{font-size:20px;color:#da0502;margin-bottom:10px}.contact-style p{color:#333;font-size:16px;line-height:1.6em}.contact-style p.p2{font-size:12px;margin-top:20px}.contact-style-item{float:left;width:33.33333333%;padding:30px;color:#333}.contact-style-item .icon{margin-bottom:10px;margin:0 auto}.contact-style-item .icon path{stroke-width:4px;stroke:#da0502}@media screen and (max-width: 1440px){.pagination{right:10px}.pagination span{width:10px;height:10px}.pagination p{margin-right:20px;padding:5px 10px;font-size:15px}.section:not(.nopadding){padding:0}.section .slogan{top:17%;left:30px;width:40%;line-height:1.6em}.section .aside{left:30px}.section-title{bottom:10px;left:10px}.section-title h2,.section-title p{letter-spacing:0.2em}.section-title h2{font-size:30px}.section-title p{font-size:16px}.services .services-slider-btns li{-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}.services.active .services-slider-text li{width:500px}.services-slider-btns{padding-top:40px}.services-slider-btns li{font-size:16px;padding-left:80px;margin:20px 0}.services-slider-btns li:before{left:45px;width:20px}.services-slider-btns .icon{width:40px;height:40px}.services-slider-text{bottom:50px;left:45%}.services-slider-text li .box{width:500px;padding:20px}.services-slider-text li h4{font-size:20px;margin-bottom:10px}.services-slider-text li p{font-size:15px}.works .more{margin-top:30px;min-width:180px}.works .more div{height:30px;line-height:30px;padding:0 10px}.works-list{width:70%;z-index:3;padding:30px 50px}.works-list-item{padding:15px}.works-list .logo{position:absolute;top:50%;left:0;width:100%;height:53.57142857142857%;max-height:80px}.works-list .title{height:32px;line-height:32px;font-size:15px;letter-spacing:2px}.section-nav li{height:34px;line-height:34px;margin:20px 0;letter-spacing:1px;margin-left:-8px}.section-nav li span{padding-left:8px;padding-right:8px}.about .more{height:42px;line-height:42px;padding:0 20px}.about .more:hover{padding-right:100px;padding-left:20px}.about .more:hover span{width:70px}.statistics-item{width:120px}.statistics-item h4{font-size:22px}.advantage-item{width:150px;padding:15px}.advantage .icon{width:35px;height:35px;margin:0 auto 10px}.technical-item{width:33.33333333%;height:160px}.technical-item .txt{padding:15px 15px 0}.technical-item .txt:before{top:27px;height:2px;width:15px;margin-left:-7px}.technical-item .txt h4{font-size:18px}}@media screen and (max-width: 1280px){.services-slider-btns{padding-top:30px}.section .slogan{top:15%}}@media screen and (min-width: 960px){.contact{display:flex;align-items:center}.contact.active .contact-form{height:100%;top:auto;bottom:0;transition:all 0.6s linear 1.5s}.contact.active .contact-form .box{top:auto;bottom:0}.contact.active .contact-style{height:100%;bottom:auto;top:0;transition:all 0.6s linear 1.5s}.contact.active .contact-style .box{top:0;bottom:auto}.services .services-slider-btns li{opacity:0;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}.services .services-slider-btns li:nth-child(1){transition:all 0.6s ease-in-out .1s}.services .services-slider-btns li:nth-child(2){transition:all 0.6s ease-in-out .2s}.services .services-slider-btns li:nth-child(3){transition:all 0.6s ease-in-out .3s}.services .services-slider-btns li:nth-child(4){transition:all 0.6s ease-in-out .4s}.services .services-slider-btns li:nth-child(5){transition:all 0.6s ease-in-out .5s}.services .services-slider-btns li:nth-child(6){transition:all 0.6s ease-in-out .6s}.services .services-slider-text li{width:0%;transition:width 0.3s linear}.services.active .services-slider-btns li{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.services.active .services-slider-btns li:nth-child(1){transition:all 0.6s ease-in-out 3.1s}.services.active .services-slider-btns li:nth-child(2){transition:all 0.6s ease-in-out 3.2s}.services.active .services-slider-btns li:nth-child(3){transition:all 0.6s ease-in-out 3.3s}.services.active .services-slider-btns li:nth-child(4){transition:all 0.6s ease-in-out 3.4s}.services.active .services-slider-btns li:nth-child(5){transition:all 0.6s ease-in-out 3.5s}.services.active .services-slider-btns li:nth-child(6){transition:all 0.6s ease-in-out 3.6s}.services.active .services-slider-text li{width:800px;transition:width 0.6s linear 4s}.technical.active .technical-item:nth-child(1){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:2.1s;animation-delay:2.1s}.technical.active .technical-item:nth-child(2){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:2.2s;animation-delay:2.2s}.technical.active .technical-item:nth-child(3){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:2.3s;animation-delay:2.3s}.technical.active .technical-item:nth-child(4){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:2.4s;animation-delay:2.4s}.technical.active .technical-item:nth-child(5){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s}.technical.active .technical-item:nth-child(6){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:2.6s;animation-delay:2.6s}.technical.active .technical-item:nth-child(7){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:2.7s;animation-delay:2.7s}.technical.active .technical-item:nth-child(8){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:2.8s;animation-delay:2.8s}.technical.active .technical-item:nth-child(9){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:2.9s;animation-delay:2.9s}.technical.active .technical-item:nth-child(10){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:3s;animation-delay:3s}.technical.active .technical-item:nth-child(11){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:3.1s;animation-delay:3.1s}.technical.active .technical-item:nth-child(12){opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-animation-delay:3.2s;animation-delay:3.2s}.technical-item{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;opacity:0}.technical-item:nth-child(1){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.technical-item:nth-child(2){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.technical-item:nth-child(3){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.technical-item:nth-child(4){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:.4s;animation-delay:.4s}.technical-item:nth-child(5){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.technical-item:nth-child(6){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:.6s;animation-delay:.6s}.technical-item:nth-child(7){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:.7s;animation-delay:.7s}.technical-item:nth-child(8){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:.8s;animation-delay:.8s}.technical-item:nth-child(9){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:.9s;animation-delay:.9s}.technical-item:nth-child(10){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:1s;animation-delay:1s}.technical-item:nth-child(11){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:1.1s;animation-delay:1.1s}.technical-item:nth-child(12){opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:fly2 .4s ease-in-out forwards;animation:fly2 .4s ease-in-out forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.works .section-nav{-webkit-perspective:800px;perspective:800px}.works .section-nav li{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;opacity:0;-webkit-transform:scale3d(0.8, 0.8, 1) translate3d(0, 50%, 0) rotateZ(-30deg) rotateY(-10deg);transform:scale3d(0.8, 0.8, 1) translate3d(0, 50%, 0) rotateZ(-30deg) rotateY(-10deg)}.works .section-nav li:nth-child(1){transition:all 0.3s ease-in-out .1s}.works .section-nav li:nth-child(2){transition:all 0.3s ease-in-out .2s}.works .section-nav li:nth-child(3){transition:all 0.3s ease-in-out .3s}.works .section-nav li:nth-child(4){transition:all 0.3s ease-in-out .4s}.works .section-nav li:nth-child(5){transition:all 0.3s ease-in-out .5s}.works .section-nav li:nth-child(6){transition:all 0.3s ease-in-out .6s}.works.active .works-list-item:nth-child(1) .box a{height:100%;transition:all 0.3s linear 2.6s}.works.active .works-list-item:nth-child(2) .box a{height:100%;transition:all 0.3s linear 2.7s}.works.active .works-list-item:nth-child(3) .box a{height:100%;transition:all 0.3s linear 2.8s}.works.active .works-list-item:nth-child(4) .box a{height:100%;transition:all 0.3s linear 2.9s}.works.active .works-list-item:nth-child(5) .box a{height:100%;transition:all 0.3s linear 3s}.works.active .works-list-item:nth-child(6) .box a{height:100%;transition:all 0.3s linear 3.1s}.works.active .works-list-item:nth-child(7) .box a{height:100%;transition:all 0.3s linear 3.2s}.works.active .works-list-item:nth-child(8) .box a{height:100%;transition:all 0.3s linear 3.3s}.works.active .works-list-item:nth-child(9) .box a{height:100%;transition:all 0.3s linear 3.4s}.works.active .section-nav li{opacity:1;-webkit-transform:scale3d(1, 1, 1) translate3d(0, 0, 0) rotateZ(0deg) rotate(0deg);transform:scale3d(1, 1, 1) translate3d(0, 0, 0) rotateZ(0deg) rotate(0deg)}.works.active .section-nav li:nth-child(1){transition:opacity 0.6s ease-in-out 1.1s,-webkit-transform 0.6s ease-in-out 1.1s;transition:transform 0.6s ease-in-out 1.1s,opacity 0.6s ease-in-out 1.1s;transition:transform 0.6s ease-in-out 1.1s,opacity 0.6s ease-in-out 1.1s,-webkit-transform 0.6s ease-in-out 1.1s}.works.active .section-nav li:nth-child(2){transition:opacity 0.6s ease-in-out 1.2s,-webkit-transform 0.6s ease-in-out 1.2s;transition:transform 0.6s ease-in-out 1.2s,opacity 0.6s ease-in-out 1.2s;transition:transform 0.6s ease-in-out 1.2s,opacity 0.6s ease-in-out 1.2s,-webkit-transform 0.6s ease-in-out 1.2s}.works.active .section-nav li:nth-child(3){transition:opacity 0.6s ease-in-out 1.3s,-webkit-transform 0.6s ease-in-out 1.3s;transition:transform 0.6s ease-in-out 1.3s,opacity 0.6s ease-in-out 1.3s;transition:transform 0.6s ease-in-out 1.3s,opacity 0.6s ease-in-out 1.3s,-webkit-transform 0.6s ease-in-out 1.3s}.works.active .section-nav li:nth-child(4){transition:opacity 0.6s ease-in-out 1.4s,-webkit-transform 0.6s ease-in-out 1.4s;transition:transform 0.6s ease-in-out 1.4s,opacity 0.6s ease-in-out 1.4s;transition:transform 0.6s ease-in-out 1.4s,opacity 0.6s ease-in-out 1.4s,-webkit-transform 0.6s ease-in-out 1.4s}.works.active .section-nav li:nth-child(5){transition:opacity 0.6s ease-in-out 1.5s,-webkit-transform 0.6s ease-in-out 1.5s;transition:transform 0.6s ease-in-out 1.5s,opacity 0.6s ease-in-out 1.5s;transition:transform 0.6s ease-in-out 1.5s,opacity 0.6s ease-in-out 1.5s,-webkit-transform 0.6s ease-in-out 1.5s}.works.active .section-nav li:nth-child(6){transition:opacity 0.6s ease-in-out 1.6s,-webkit-transform 0.6s ease-in-out 1.6s;transition:transform 0.6s ease-in-out 1.6s,opacity 0.6s ease-in-out 1.6s;transition:transform 0.6s ease-in-out 1.6s,opacity 0.6s ease-in-out 1.6s,-webkit-transform 0.6s ease-in-out 1.6s}.works.active .more{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:opacity 0.6s ease-in-out 3s,-webkit-transform 0.6s ease-in-out 3s;transition:transform 0.6s ease-in-out 3s,opacity 0.6s ease-in-out 3s;transition:transform 0.6s ease-in-out 3s,opacity 0.6s ease-in-out 3s,-webkit-transform 0.6s ease-in-out 3s}.works .more{opacity:0;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0);transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}.about.active .statistics{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:all 0.6s linear 2s}.about.active .advantage{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:all 0.6s linear 2.5s}.about.active .more{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:padding 0.3s linear, opacity 0.6s linear 3s, -webkit-transform 0.6s linear 3s;transition:padding 0.3s linear, transform 0.6s linear 3s, opacity 0.6s linear 3s;transition:padding 0.3s linear, transform 0.6s linear 3s, opacity 0.6s linear 3s, -webkit-transform 0.6s linear 3s}.about .statistics{opacity:0;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0);transition:all 0.3s linear 0.1s}.about .advantage{opacity:0;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0);transition:all 0.3s linear}.about .more{opacity:0;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0);transition:all 0.3s linear}}@media screen and (max-width: 960px){.bg-canvas{position:absolute;height:100vh}.pagination{display:none}.section{position:static;height:auto;min-height:60vh;opacity:1;pointer-events:visible}.section.active{opacity:1}.section.active .aside,.section.active .slogan{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section:not(.banner){padding:20vh 20px}.section.services{background:#fff}.section .slogan{position:static;width:100%;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);margin-bottom:40px}.section .aside{position:static;width:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.services .images-slide{display:block}.services .images-slide .img{padding:0 10px;text-align:center}.services .images-slide .img img{margin-bottom:10px}.services .images-slide .img p{font-size:15px;color:#333}.services .services-slider-text{display:none}.services .services-slider-btns{display:none}.services .services-slider-btns li{float:left;width:20%;padding-left:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.services .services-slider-btns li:before{content:none}.services .services-slider-btns .icon{position:static;margin:0 auto;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.services .services-slider-btns h3,.services .services-slider-btns p{display:none;visibility:hidden}.works .aside{display:none}.works .works-list{display:none}.works .works-list-mobile{display:block}.works .works-list-mobile .works-list-item .box a{position:static}.works .works-list-mobile .works-list-item .box .title{position:static}.works-list{width:100%;padding:0;display:block;float:none;text-align:center}.works-list-item{padding:10px}.works-list-item:nth-child(9){display:none}.works-list .works-more{display:block;margin-left:auto;margin-right:auto}.about{background:#f0f0f0}.technical{background:#fff}.technical-item{width:50%;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}.technical-item:nth-child(4n) .img,.technical-item:nth-child(4n-1) .img{float:left}.technical-item:nth-child(4n) .txt,.technical-item:nth-child(4n-1) .txt{float:right}.technical-item:nth-child(4n) .txt:before,.technical-item:nth-child(4n-1) .txt:before{left:0;right:auto;margin-left:-7px;margin-right:auto}.technical-item:nth-child(4n-2) .img,.technical-item:nth-child(4n-3) .img{float:right}.technical-item:nth-child(4n-2) .txt,.technical-item:nth-child(4n-3) .txt{float:left}.technical-item:nth-child(4n-2) .txt:before,.technical-item:nth-child(4n-3) .txt:before{right:0;left:auto;margin-left:auto;margin-right:-7px}.works-list .box a{height:100%}.contact{background-image:url(../images/contact.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.contact-wrap{width:100%;height:auto}.contact-style,.contact-form{position:relative;width:100%;height:auto}.contact-style .box,.contact-form .box{position:static;padding:15px;height:auto}.contact-style-item{padding:15px}}@media screen and (max-width: 640px){.technical-wrap{width:100%}.technical-item{width:100%}.technical-item:nth-child(2n) .img{float:left}.technical-item:nth-child(2n) .txt{float:right}.technical-item:nth-child(2n) .txt:before{left:0;right:auto;margin-left:-7px;margin-right:auto}.technical-item:nth-child(2n-1) .img{float:right}.technical-item:nth-child(2n-1) .txt{float:left}.technical-item:nth-child(2n-1) .txt:before{right:0;left:auto;margin-left:auto;margin-right:-7px}.contact-style-item{float:none;width:100%}.contact-style-item .icon{width:40px;height:40px}.section-title h2{font-size:24px}.section-title p{font-size:12px}.slick-slide{float:none}.works-list-item{width:50%}.statistics-item{width:50%;text-align:center}.advantage-item{width:50%}}