style.css

.no-js body,html.no-js{overflow:auto}body{-webkit-perspective:500px;perspective:500px}em{font-style:normal}@font-face{font-family:sya;src:url(sya-font.eot);src:url(sya-font.eot?#iefix) format('embedded-opentype'),url(sya-font.woff2) format('woff2'),url(sya-font.woff) format('woff'),url(sya-font.ttf) format('truetype'),url(sya-font.svg#syaregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:syatitle;src:url(sya-title-font.eot);src:url(sya-title-font.eot?#iefix) format('embedded-opentype'),url(sya-title-font.woff2) format('woff2'),url(sya-title-font.woff) format('woff'),url(sya-title-font.ttf) format('truetype'),url(sya-title-font.svg#sya-titleregular) format('svg');font-weight:400;font-style:normal}body,h1,h2,h3,h4,h5,h6{font-family:sya,sans-serif!important}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#070809;-webkit-transition:opacity .5s .5s,visibility 0 1s;transition:opacity .5s .5s,visibility 0 1s}.no-js .splash,.splash.load{opacity:0;visibility:hidden}.splash-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:url(logo.png) no-repeat center;-webkit-transition:background-position ease-out .5s;transition:background-position ease-out .5s;-webkit-animation:splash-animation 1s infinite;animation:splash-animation 1s infinite}.load .splash-inner{-webkit-animation:none;animation:none;background-position:30px 24px}@-webkit-keyframes splash-animation{from{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes splash-animation{from{opacity:1}50%{opacity:0}to{opacity:1}}.popup-qr{position:absolute;top:121px;bottom:0;left:0;right:0;background-color:#000;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transition:all .5s ease;transition:all .5s ease}.popup-qr.active{opacity:1;visibility:visible}.popup-qr img{position:absolute;left:50%;top:50%;width:430px;height:430px;margin-left:-215px;margin-top:-215px}nav{position:fixed;z-index:10;height:121px;width:100%;background-color:#070809;background-color:rgba(7,8,9,.85);background-position:30px center;background-repeat:no-repeat;line-height:121px;vertical-align:middle}nav h1{-webkit-transition:all .2s;transition:all .2s;position:absolute;top:3px;left:30px;overflow:hidden;width:286px}nav h1 img{height:73px;-webkit-transition:all .2s;transition:all .2s}nav ul{-webkit-transition:all .2s;transition:all .2s;float:right;height:100%;line-height:121px;vertical-align:middle}nav a,nav li{display:inline-block;height:100%}.toggle-menu-button{color:#fff;float:right;margin-right:0;width:0;height:24px;opacity:0;-webkit-transition:all .2s;transition:all .2s;background:url(burger.png);background-size:100% 100%;margin-top:16px}.toggle-menu{position:fixed;top:60px;height:auto;width:100%;background:rgba(7,8,9,.65);color:#fff;max-height:0;overflow:hidden;display:none}.toggle-menu.show{max-height:100%}.toggle-menu li{width:auto;height:auto;display:block;line-height:3}.toggle-menu li a{padding:0;margin:0;height:100%;display:block}.menu,.toggle-menu{margin:0 10px 0 0;font-size:16px;max-width:100%;white-space:nowrap;overflow:hidden}.no-js .menu,.no-js .toggle-menu{display:none}.menu a,.toggle-menu a{padding:0 15px;text-decoration:none;color:#fff}.menu a.active,.menu a:active,.menu a:hover,.toggle-menu a.active,.toggle-menu a:active,.toggle-menu a:hover{color:#eb503b}.menu a.active,.toggle-menu a.active{font-weight:700}.menu-no-js{display:none}.no-js .menu-no-js{display:block}.lang{margin:0 10px 0 0;font-size:11px}.no-js .lang{display:none}.lang a{display:inline-block;width:44px;color:#fff;text-align:center;cursor:pointer}.lang span{display:inline-block;width:26px;height:26px;border-radius:13px;background-color:#1e1e1e;text-align:center;line-height:26px;vertical-align:middle;-webkit-transition:all .2s;transition:all .2s}.lang a.active span{background-color:transparent}@media (max-width:1023px){nav h1{width:73px}}@media (max-width:799px){nav{height:60px;line-height:60px}nav h1{top:10px;left:10px;margin:0;width:40px}nav h1 img{height:40px}nav .toggle-menu-button{margin-right:10px;width:24px;opacity:1}nav .toggle-menu{display:block}nav .menu{opacity:0;max-width:0}nav ul{line-height:60px}}section{width:100%;padding-top:121px;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden}section *{-webkit-box-sizing:border-box;box-sizing:border-box}article{z-index:0}.content{width:1000px;margin:0 auto;padding:0 20px}.middle-wrapper{display:table;height:100%}.middle{display:table-cell;vertical-align:middle}.animate{-webkit-transition:all 0 .7s;transition:all 0 .7s}.active .animate,.animate.active{-webkit-transition:all 1s ease-in-out .7s;transition:all 1s ease-in-out .7s}.subpage h2{font-size:40px;opacity:0;-webkit-transform:translateX(2em);transform:translateX(2em);-webkit-transition:all 0 .7s;transition:all 0 .7s}@media screen and (min-height:800px){.subpage h2{font-size:52px}}html.cssanimations .active .subpage h2,html.no-cssanimations .subpage h2,html.no-js .subpage h2{-webkit-transition:all .5s ease-in-out .7s;transition:all .5s ease-in-out .7s;opacity:1;-webkit-transform:none;transform:none}.subpage p{margin:30px 0;opacity:0;-webkit-transition:all 0 .7s;transition:all 0 .7s}html.cssanimations .active .subpage p,html.no-cssanimations .subpage p,html.no-js .subpage p{-webkit-transition:all .5s ease-in-out .7s;transition:all .5s ease-in-out .7s;opacity:1}.subpage strong{padding:7px 10px;background-color:#eb503b;color:#fff;font-size:24px}@media screen and (min-height:800px){.subpage strong{font-size:32px}}.subpage em{padding:7px 10px;background-color:#272929;color:#fff;font-size:18px}@media screen and (min-height:800px){.subpage em{font-size:24px}}.subpage ul{margin:0;list-style:none}.subpage li{display:inline-block;width:100px;height:100px;margin:0 20px;padding-top:100px;background-image:url(icons.png);opacity:0;font-size:14px;line-height:1.5;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50px 50px;transform-origin:50px 50px;-webkit-transition:all 0 .7s;transition:all 0 .7s}@media screen and (min-height:800px){.subpage li{font-size:18px}}.subpage li p{display:inline-block;width:500px;margin:1ex -250px 0}html.cssanimations .active .subpage li,html.no-cssanimations .subpage li,html.no-js .subpage li{opacity:1;-webkit-transform:none;transform:none;-webkit-transition:all .5s ease-in-out 1.2s;transition:all .5s ease-in-out 1.2s}#home-section{background-image:url(home.jpg);background-size:cover;background-position:center}#home-section h2{color:#fff}#home-en{font-family:syatitle,fantasy!important;font-size:33px}@media screen and (min-height:800px){#home-en{font-size:44px}}#home-en em{color:#eb503b}#home-zh{margin-top:70px;font-size:42px}@media screen and (min-height:800px){#home-zh{font-size:56px}}#home-zh em{display:inline-block;margin:0 .2em;padding:0 .2em;background-color:#eb503b;color:#272929}#home-details{margin-top:70px;font-size:19px;color:#666;color:rgba(255,255,255,.4)}#data-section{background-image:url(data.jpg);background-size:cover;background-position:bottom}#data-section h2{color:#fff}#data-section .foreground{position:absolute;top:0;bottom:0;left:0;width:0;background-image:url(data-foreground.png);background-repeat:repeat-x;background-position:bottom left}#data-section .middle{position:relative;z-index:1}html.cssanimations #data-section .middle{background-attachment:fixed}html.cssanimations #data-section.active .foreground,html.no-cssanimations #data-section .foreground,html.no-js #data-section .foreground{width:100%}#data-section ul{position:relative;top:-160px;float:right}#data-section li{color:#fff}#mining{background-position:left top}#visualization{background-position:center top}#consultation{background-position:right top}#cloud-section{padding-top:121px;background-image:-webkit-gradient(linear,left top,right bottom,from(#fff),to(#fbfbfb));background-image:linear-gradient(to right bottom,#fff,#fbfbfb)}#cloud-section .foreground{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(cloud.png);background-repeat:no-repeat;background-attachment:fixed;background-position:-10000px -10000px}#cloud-section .wrapper{position:relative;z-index:1;white-space:nowrap;text-align:right;margin-left:-10000px}#cloud-section .cloud-content,#cloud-section img{display:inline-block;vertical-align:middle}#cloud-section img{position:relative;margin-right:75px;opacity:0;-webkit-transition-delay:0;transition-delay:0}html.cssanimations #cloud-section.active img,html.no-cssanimations #cloud-section img,html.no-js #cloud-section img{opacity:1;-webkit-transition-delay:.7s;transition-delay:.7s}#cloud-section .cloud-content{text-align:left;margin-top:-150px}#cloud-section ul{margin-top:40px}#cloud-section li{color:#282828}#website{background-position:left}#forum{background-position:center}#erp{background-position:right}#mobile-section{background-color:#d7d7d7;background-image:url(mobile.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:-718px 530px}html.cssanimations #mobile-section.active,html.no-cssanimations #mobile-section,html.no-js #mobile-section{background-position:left 130px}#mobile-section .content{text-align:right}#mobile-section ul{margin-top:40px}#mobile-section li{color:#282828}#app{background-position:left bottom}#game{background-position:center bottom}#wechat{background-position:right bottom}#case-section h2{padding:0 48px 48px}#case-section h2 span{display:inline;position:static;margin-right:10px;font-size:20px;color:#eb503b}#case-section h2 small{color:#000;font-weight:400;font-size:14px}#case-section h2,#case-section ul{margin:auto;width:898px}#case-section ul{list-style:none;line-height:0}#case-section li{display:inline-block;width:240px}#case-section li a{text-align:center;display:block;color:#7c7c7c;text-decoration:none}#case-section li a .image{margin:10px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;display:inline-block;width:161px;height:161px;border-radius:161px;-webkit-box-shadow:0 0 0 3px #bbb;box-shadow:0 0 0 3px #bbb;font-size:0;line-height:0}#case-section li a .title{font-size:14px;line-height:2.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#case-section li a .title::after,#case-section li a .title::before{content:' - '}#case-section li a:hover .image{-webkit-box-shadow:0 0 10px 5px #eb4d38;box-shadow:0 0 10px 5px #eb4d38}#case-section li a:visited .image{-webkit-box-shadow:0 0 0 3px #eb4d38;box-shadow:0 0 0 3px #eb4d38}html.cssanimations #case-section.active li,html.no-cssanimations #case-section li,html.no-js #case-section li{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transform:none;transform:none;opacity:1}#case-section span{position:absolute;left:23px;right:23px;bottom:23px;display:block;font-size:19px;line-height:1.5}#anttest .image{background-image:url(cases/anttest.png)}#artdesign .image{background-image:url(cases/artdesign.png)}#cnwc .image{background-image:url(cases/cnwc.png)}#ebp .image{background-image:url(cases/ebp.png)}#mefun .image{background-image:url(cases/mefun.png)}#qradio .image{background-image:url(cases/qradio.png)}#bfability .image{background-image:url(cases/bfability.png)}#borrowday .image{background-image:url(cases/borrowday.png)}#crazytuning .image{background-image:url(cases/crazytuning.png)}#strongvr .image{background-image:url(cases/strongvr.png)}#kidscaress .image{background-image:url(cases/kidscaress.png)}#contact-section table{width:100%;height:100%;table-layout:fixed}#contact-section .info{height:100%}#contact-section .info td{text-align:center;vertical-align:middle}#contact-section .info-text{display:inline-block;text-align:justify}#contact-section h2{color:#eb503b}#contact-section address{margin:30px 0}#contact-section address p{margin:0}#contact-section .sns{list-style:none}#contact-section .sns li{display:inline-block;width:50px;height:50px;margin-right:20px}#contact-section .sns a{display:block;width:100%;height:100%;background-color:#c8c8c8;background-image:url(sns.png);cursor:pointer;-webkit-transition:background-color ease .2s;transition:background-color ease .2s}#contact-section .weibo{background-position-x:left}#contact-section .weibo:hover{background-color:#f29f38}#contact-section .qq{background-position-x:center}#contact-section .qq:hover{background-color:#3f96d6}#contact-section .wechat{background-position-x:right}#contact-section .wechat:hover{background-color:#5fc432}.memberinfo ul{margin:0;padding:0;display:block;white-space:nowrap;position:absolute;bottom:0}.memberinfo ul li{display:inline-block;vertical-align:bottom;line-height:0}#map{float:right;width:300px;height:300px}