html,body{margin:0;padding:0}body{font-family:'Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei',Arial,Verdana,sans-serif;-webkit-font-smoothing:antialiased}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}a,img{border:none;outline:none}.wrap{}.wrap>.container{padding-bottom:36px}.wrap>.container>*>.container{max-width:1140px;width:100%;margin:auto}.wrap-header{background-image:url("img/topbg.jpg");background-size:100% 100%;background-repeat:no-repeat;position:relative;z-index:1;overflow:hidden}.wrap-header>.container>.header{padding-top:26px;font-size:0px;z-index:100}.wrap-header>.container>.header::after,.list::after{clear:both;width:100%;content:'';display:block}.wrap-header>.container>.header>.banner{float:left;display:block;font-size:0px;background-image:url('img/logov2.svg');height:64px;background-size:100% 100%;width:246px;margin:auto;background-repeat:no-repeat}.wrap-header>.article{margin:auto;max-width:1320px;text-align:center;position:relative;width:100%}.wrap-header>.article img{width:100%}.navigation{float:right;margin-top:4px;z-index:101}.navigation ul{list-style:none;margin:auto;padding:0;height:40px;background-image:url("img/nav.png");background-size:100% 100%;background-repeat:no-repeat;width:348px}.navigation ul li{text-align:center;float:left}.navigation ul li a{display:block;font-size:0px;overflow:hidden;height:40px}.navigation ul li a.index{width:110px}.navigation ul li a.projects{width:126px}.navigation ul li a.about{width:112px}.wrap-header>.container>.article{background-color:transparent;position:relative}.wrap-header>.container>.article>img{width:100%;z-index:50}.wrap-article .list>.article,.wrap-footer .list>.article{display:inline-block;width:30%;padding:1.5%}.wrap-article .list,.wrap-footer .list{padding-left:1%;text-align:center}.wrap-article{margin-bottom:50px}.list-projects>.article .project-thumb{margin-bottom:30px;font-size:0px;position:relative;overflow:hidden}.list-projects>.article img{width:100%}.list-projects>.article h3,.list-projects>.article p{padding:0px 10px;font-weight:normal}.list-projects>.article h3{font-size:22px;line-height:100%;color:#333;margin:15px auto}.list-projects>.article p{font-size:16px;line-height:24px;color:#999;height:48px;overflow:hidden;text-overflow:ellipsis;margin:0px}.list-about>.article h3{text-align:center;font-size:20px;font-weight:normal}.list-about>.article{}.list-about>.article div{font-size:16px;color:#555;line-height:28px;text-align:center;border-left:1px solid #f2f2f2;min-height:180px;position:relative;display:table;width:100%;height:180px}.list-about>.article:first-child div{text-align:left;border-left:0px}.list-about>.article div a{line-height:0px;display:inline-block;margin:auto}.list-about>.article div>*{display:table-cell;vertical-align:middle}.list-about>.article.team div p{padding:0 40px}.wrap-footer .footer p{font-size:16px;color:#999;text-align:center;margin:30px auto;line-height:100%}.wrap-article .header>h2,.wrap-footer .list h3{background-image:url("img/title.png");background-size:100%;background-repeat:no-repeat;display:block;font-size:0px;width:242px;height:40px;padding:0px;margin:auto;color:transparent;line-height:0px}.wrap-article>.container>.header{padding:33px 0}.wrap-article>.container>.header h2{background-position:0px 100%}.wrap-footer .team h3{background-position:0px 66%}.wrap-footer .jobs h3{background-position:0px 33%}.wrap-footer .contact h3{background-position:0px -2%}.background-header{position:absolute;z-index:-2;margin:auto;width:100%;height:100%;bottom:0px;left:0px;right:0px;top:0px}.background-header>div{background-size:100% 100%;position:absolute;display:block;width:100%;height:100%;left:0px;bottom:0px;top:0px;margin-top:10px}.background-header>.background-1{z-index:3;margin-top:-24px;background-image:url("img/pic2.svg")}.background-header>.background-2{z-index:2;background-image:url("img/pic3.png")}.background-header>.background-3{z-index:1;background-image:url("img/pic4.png")}.list-projects .article:hover .project-download{visibility:visible;opacity:1}.list-projects .project-download.active{visibility:visible!important;opacity:1!important}.project-download{visibility:hidden;opacity:0;transition:visibility,opacity 1s ease;-webkit-transition:visibility,opacity 1s ease;-moz-transition:visibility,opacity 1s ease;position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:100;background-color:#000;background-color:rgba(0,0,0,.6);text-align:center}.project-download .download-box{width:200px;display:table;width:100%;height:100%}.download-icon{display:table-cell;vertical-align:middle}.download-icon span{color:#fff;font-size:16px}.download-icon .icon-ios,.download-icon .icon-android{width:90px;height:90px;display:inline-block;background-size:100% 100%;background-repeat:no-repeat;margin:auto 5px}.download-icon .icon-ios{background-image:url("img/icon-ios.png")}.download-icon .icon-android{background-image:url("img/icon-android.png")}@media (max-width:640px){.project{text-align:center;padding:0 3.5%;margin-top:30px}.wrap-header>.container>.header>.banner{text-align:center}.wrap-header>.container>.header>.banner{height:30px;width:30%}.wrap-header>.article>img{width:130%;margin:-5% -25%}.wrap-header>.container>.header>.navigation,.wrap-header .background-header{display:none}.wrap-article{margin-bottom:70px}.wrap-article>.container>.header{padding:12px 0}.wrap-article .list>.article,.wrap-footer .list>.article{width:100%;float:none;margin-bottom:30px}.wrap-article .list,.wrap-footer .list{margin:auto 12px;padding:0px}.list-about>.article div{border-left:0px;min-height:120px;margin-bottom:40px}.list-about>.article.team div p{padding:0 10px}.wrap-footer .footer p{margin-bottom:10px}.wrap-footer .footer p span{display:block;margin-top:8px}.wrap-article .header>h2,.wrap-footer .list h3{width:160px;height:30px}.list-projects>.article .project-thumb{margin-bottom:15px}.list-projects>.article h3{margin-bottom:8px}.list-projects .article:hover .project-download{visibility:hidden;opacity:0}}