body,html{font-family:Helvetica-Neue,Helvetica,Arial,sans-serif;line-height:1.5}article,aside,audio,body,canvas,caption,details,div,figure,footer,header,hgroup,html,iframe,img,mark,menu,nav,object,section,span,summary,table,tbody,td,tfoot,thead,tr,video{border:0;margin:0;padding:0}a,abbr,address,b,blockquote,cit,code,dd,del,dfn,dl,dt,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,ins,label,legend,li,ol,p,pre,q,samp,small,strong,sub,sup,ul{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{display:block}table{border-collapse:separate;border-spacing:0}table caption,table td,table th{text-align:left;vertical-align:middle}li{list-style:none}a{text-decoration:none}a:hover{text-decoration:none!important}a img{border:0}:focus{outline:0}*{-webkit-box-sizing:border-box}textarea{resize:none}input,select,textarea{-webkit-appearance:none}select{background-color:#fff}.pro_state{text-align:center;position:relative}.hardware-models{position:relative;height:1640px}.hardware-models [data-model]{position:absolute;left:50%;margin-left:-222px;width:445px;text-align:center;height:130px;z-index:1}.hardware-models [data-model="1"]{z-index:12}.hardware-models [data-model="2"]{z-index:9}.hardware-models [data-model="3"]{z-index:8}.hardware-models [data-model="4"]{z-index:7}.hardware-models [data-model="5"]{z-index:6}.hardware-models [data-model="6"]{z-index:5}.hardware-models [data-model="7"]{z-index:4}.hardware-desc{position:absolute;left:50%;top:40px;margin-left:-445px;width:890px;height:1540px}.hardware-desc p{color:#4a4a4a;font-size:18px}.hardware-desc i{font-style:normal;font-size:12px;color:rgba(0,0,0,.5);display:inline-block;margin-top:5px}.hardware-desc div{position:absolute;text-align:left;font-size:16px;width:220px;padding:0 10px}.hardware-desc div:first-child{left:-100px;top:90px}.hardware-desc div:nth-child(2){left:-30px;top:1050px}.hardware-desc div:nth-child(3){text-align:right;right:0;top:1380px}.hardware-desc div:nth-child(4){left:100px;top:675px}.hardware-desc div:nth-child(5){text-align:right;right:0;top:650px}.hardware-desc div:nth-child(6){left:160px;top:840px}.hardware-desc div:nth-child(7){text-align:right;right:0;top:900px}.hardware-desc div:nth-child(8){right:0;top:913px}.hardware-desc .playground{position:absolute;left:0;width:100%;height:100%;top:0}.section{height:100%;margin:0 auto;position:relative}body{padding-top:72px}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.section-header{position:absolute;left:0;top:0;right:0;height:72px;background-color:rgba(0,0,0,.9);overflow:hidden}.section-header .logo-wrap{float:left;padding:16px 0;position:relative}.section-header .logo-wrap a{display:block;width:140px;height:40px}.section-header .logo-wrap img{width:100%}.section-header .logo-wrap span{position:absolute;right:0;top:50%;margin-top:-12px;color:#fff}.section-header .link-wrap{float:right;line-height:72px}.section-header .link-wrap a{color:#fff;border-bottom:1px solid #009df7;padding-bottom:10px;font-size:14px}.section-header .link-wrap span{color:#f8b500}.section-header .nav-wrap{color:#fff;padding:16px;padding-left:180px}.section-header .nav-wrap ul{overflow:hidden}.section-header .nav-wrap li{float:left}.section-header .nav-wrap a{display:inline-block;height:40px;line-height:40px;color:#fff;padding:0 12px;font-size:16px;font-weight:300}#mobile-menu-trigger,.section-mobile-footer{display:none}.section-footer{height:380px;overflow:hidden}.section-footer .section{padding-top:50px}.section-footer .col-wrap{padding-right:570px}.section-footer .col{width:210px;float:left;text-align:left;padding-left:8px}.section-footer .col dt{font-size:16px;color:#231815;margin-bottom:10px}.section-footer .col dd{margin-bottom:6px}.section-footer .col a{font-size:12px;color:#898989}.section-footer .subscribe-wrap{margin-top:50px;width:690px;padding-left:8px}.section-footer .subscribe-wrap p{font-size:16px;margin-bottom:18px;color:#231815}.section-footer .subscribe-wrap .wrapper{overflow:hidden;position:relative}.section-footer .subscribe-wrap .input-wrap{border:1px solid #898989}.section-footer .subscribe-wrap input{background:#fff;width:578px;height:50px;font-size:18px;border:none;border-radius:20px;vertical-align:middle;padding:16px 8px;color:#5a5a5a}.section-footer .subscribe-wrap button{position:absolute;top:0;right:0;bottom:0;width:150px;font-size:16px;background-color:#009df7;border:none;color:#fff}.section-footer .subscribe-wrap button:hover{cursor:pointer}.section-footer .social-wrap{position:absolute;top:54px;right:0;width:250px}.section-footer .social-wrap img{width:30px;height:30px}.section-footer .social-wrap p{margin-top:40px;font-size:12px;color:#898989}.section-footer .social-wrap a{color:#898989}.section-fixed-header{position:relative;top:0;left:0;right:0;height:60px;background-color:rgba(0,0,0,.9);z-index:20;overflow:hidden}.section-fixed-header .logo-wrap{display:none;float:left;line-height:60px;font-size:24px;color:#fff;font-weight:300;z-index:30}.section-fixed-header .link-wrap{float:right;line-height:60px;z-index:300;display:none}.section-fixed-header .link-wrap a{color:#fff;border-bottom:1px solid #009df7;padding-bottom:10px;font-size:14px}.section-fixed-header .link-wrap span{color:#f8b500}@media (min-width:768px) and (max-width:1200px){.section{width:900px}.section-footer{height:420px}.section-footer .section{padding-top:50px}.section-footer .col-wrap{padding-right:390px}.section-footer .col{width:170px}.section-footer .subscribe-wrap{margin-top:50px;width:500px}.section-footer .subscribe-wrap input{width:380px}.section-footer .subscribe-wrap button{width:120px}.section-footer .social-wrap{top:54px;width:250px}.section-footer .social-wrap img{width:30px;height:30px}.section-footer .social-wrap p{margin-top:40px;font-size:12px}}@media (min-width:1200px){.section{width:1200px}}@media (max-width:768px){.section{max-width:768px}#mobile-menu-trigger{display:block;width:48px;height:48px;position:absolute;right:0;top:10px;transition:transform .5s ease;z-index:5;cursor:pointer}#mobile-menu-trigger:after,#mobile-menu-trigger:before,#mobile-menu-trigger span{display:block;height:1px;background:#fff;width:18px;position:absolute;top:16px;left:16px;content:"";transition:all .5s ease}#mobile-menu-trigger:before{top:22px}#mobile-menu-trigger:after{top:28px}#mobile-menu-trigger.open{z-index:15}#mobile-menu-trigger.open:before{transform:rotate(-45deg) translateY(-8.5px);background-color:#fff;top:28px}#mobile-menu-trigger.open span{transform:rotate(45deg) translateY(8.5px);background-color:#fff}#mobile-menu-trigger.open:after{transform:scaleX(0);background-color:#fff}.modal-open{overflow:hidden}*{font-weight:300}body,html{overflow-x:hidden}body{padding-top:60px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.section-header{background-color:rgba(0,0,0,.9);height:60px}.section-header .section{padding:10px 0}.section-header .link-wrap,.section-header .nav-wrap{display:none}.section-header .logo-wrap{width:100%;padding:0 10px;height:40px}.section-header .logo-wrap a{width:auto;display:inline-block}.section-header .logo-wrap span{display:none}.section-header .logo-wrap img{height:100%;width:auto}.fill-block{height:60px!important}.section-fixed-header{z-index:11;height:60px}.section-fixed-header .section{padding:0 10px}.section-fixed-header .logo-wrap{line-height:60px;font-size:20px}::-webkit-scrollbar{background-color:#000;width:0}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}.modal.fade .modal-dialog{transform:translateY(-25%);transition:transform .3s ease-out}.modal.in .modal-dialog{transform:translate(0)}.section-footer{height:auto;position:absolute;display:none;top:0;right:0;bottom:0;left:0;z-index:12;background-color:#000;color:#fff}.section-footer .section{padding:30px 0;height:auto}.section-footer .col-wrap{padding-right:0}.section-footer .col{width:100%;float:none;text-align:left;padding-left:8px;padding:20px}.section-footer .col dt{font-size:24px;color:#fff;margin-bottom:10px}.section-footer .col dd{margin-bottom:6px}.section-footer .col a{font-size:16px;color:#898989}.section-footer .subscribe-wrap{margin-top:100px;width:auto;padding-left:8px;padding:20px}.section-footer .subscribe-wrap p{font-size:14px;margin-bottom:18px;color:#fff}.section-footer .subscribe-wrap .wrapper{overflow:hidden;position:relative}.section-footer .subscribe-wrap .input-wrap{border:none}.section-footer .subscribe-wrap input{background:#fff;width:578px;height:40px;font-size:14px;border:none;border-radius:0;vertical-align:middle;padding:10px 8px;color:#5a5a5a}.section-footer .subscribe-wrap button{margin:0;position:absolute;top:0;right:0;bottom:0;width:100px;font-size:14px;background-color:#009df7;border:none;color:#fff}.section-footer .subscribe-wrap button:hover{cursor:pointer}.section-footer .social-wrap{position:absolute;bottom:180px;right:0;left:0;top:auto;width:auto;padding:0 60px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.section-footer .social-wrap img{width:44px;height:44px}.section-footer .social-wrap p{display:none}.section-footer .social-wrap a{color:#898989}.section-mobile-footer{display:block;height:100px;background-color:#f8f8f8}.section-mobile-footer .section{padding-top:32px}.section-mobile-footer p{font-size:14px;text-align:center;color:#898989}.section-mobile-footer a{color:#898989;font-size:14px;font-weight:300}}.d-none{display:none}