a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}html{font-size:16px}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--background-color:#006aff;--gray:#888;--blue:#006aff;--dark:#356fc0;--black:#222}a{color:var(--black);text-decoration:none}a:hover{color:var(--blue)}body{color:var(--black);font-family:Microsoft YaHei,Gotham,Helvetica,Arial,PingFangSC-Regular,WenQuanYi Micro Hei,sans-serif}::-moz-selection{background:#ffd33c;color:#222;text-shadow:none}::selection{background:#ffd33c;color:#222;text-shadow:none}.color-primary{color:var(--blue)}.commom-width{margin:0 auto;width:1200px}.block-title{font-size:2.5em;font-weight:700;padding:80px 0 20px;text-align:center}.flex-center{justify-content:center}.flex-align-center,.flex-center{align-items:center;display:flex}.link-btn{cursor:pointer;position:relative;transition-duration:.4s;transition-property:color;transition-timing-function:cubic-bezier(.25,.8,.25,1)}.link-btn:hover:after{left:-25%;width:150%}.link-btn:after{background-color:var(--background-color);bottom:-10px;content:"";height:3px;left:50%;pointer-events:none;position:absolute;transition-duration:.4s;transition-property:width,left;transition-timing-function:cubic-bezier(.25,.8,.25,1);width:0}.text-btn{background:transparent;border:none;padding:1em 1.5em;position:relative;transition:.5s ease}.text-btn:before{background-color:var(--background-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:.5s ease;width:0}.text-btn:hover{color:#fff;transition-delay:.5s}.text-btn:hover:before{width:100%}.text-btn:after{background-color:var(--background-color);bottom:0;content:"";height:0;left:0;position:absolute;transition:.4s ease;width:100%;z-index:-1}.text-btn:hover:after{color:var(--background-color);height:100%;transition-delay:.4s}.primary-btn{background-color:var(--background-color);border:1px solid transparent;border-radius:8px;color:#fff;display:inline-block;overflow:hidden;position:relative;text-align:center;text-decoration:none;z-index:1}.primary-btn svg{fill:#fff}.primary-btn:before{background-color:#fff;border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:1s;width:0;z-index:-1}.primary-btn:hover:before{height:300px;opacity:.4;transition:all .5s ease-out;width:300px}.primary-btn:hover{background-color:#fff;border-color:var(--background-color);color:var(--blue);transition:all .5s ease-out}.primary-btn:hover svg{fill:var(--background-color)}.primary-btn:hover:after{animation:pulse 1s infinite;background-color:var(--background-color);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0;z-index:-2}@keyframes pulse{0%{height:0;opacity:.5;width:0}to{height:200px;opacity:0;width:200px}}.plain-btn{background-color:#fff;border-radius:8px;color:var(--blue);overflow:hidden;position:relative;transition:color .5s;z-index:1}.plain-btn:before{background:var(--blue);border-radius:50%;content:"";height:150px;left:100%;position:absolute;top:100%;transition:all .7s;width:500px;z-index:-1}.plain-btn:hover{color:#fff!important}.plain-btn:hover:before{left:-50px;top:-50px}.header-nav{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.05);height:100px;position:fixed;width:100%;z-index:9}.download-header-nav{position:relative}.logo a{display:block;height:40px;white-space:nowrap;width:270px}.nav-container{display:flex;flex:1;justify-content:flex-end}.nav-list{border-right:1px solid #eee;height:40px}.nav-list a{margin-right:40px}.sign{margin-left:20px}.sign a{line-height:40px}.sign-in{margin-right:20px}.sign-up{width:100px}.burger{display:none}.footer{background-color:#292d33;font-size:15px;padding:80px 0}.footer,.footer a{color:#888}.footer .main{align-items:start;display:flex;justify-content:space-between;padding:0 20px}.footer .left{line-height:1.5em;width:40%}.footer .left .logo img{filter:brightness(75%)}.footer .left p{margin-top:30px}.footer .left a{color:#888}.footer .right{align-items:end;display:flex;flex-direction:column;gap:15px;justify-content:space-between}.footer .right .nav{display:flex;flex-wrap:wrap;gap:20px;height:28px;justify-content:right;margin-bottom:25px;white-space:nowrap;width:100%}.footer .right .nav a{color:#fff}.footer .right .nav a:hover{border-bottom:3px solid #1677ff}.footer .right .icp a{align-items:center;color:#888;display:flex;gap:10px}.footer .links{align-items:normal;align-items:center;border-top:1px solid #41464e;display:flex;flex-wrap:wrap;gap:10px;margin-top:50px;padding-top:30px}.suspension{position:fixed;right:40px;top:50%;transform:translateY(-50%);transition:.25s ease-in-out;width:auto;z-index:10}.suspension .contract-btn img:first-child{display:none}.suspension .contract-btn img:last-child{display:block}.suspension.contract{right:-180px}.suspension.contract .contract-btn img:first-child{display:block}.suspension.contract .contract-btn img:last-child{display:none}.suspension>div{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;position:relative;width:180px}.contract-btn{cursor:pointer;left:-10px;margin-top:-22px;position:absolute;top:50%}.suspension>div:first-child{padding:30px 0}.suspension>div:last-child{padding:20px 0}.suspension .kf-title{background:url(../../static/img/kf.png) no-repeat 0 0;line-height:32px;padding-left:42px}.suspension .wx-title{background:url(../../static/img/wx.png) no-repeat 0 0;line-height:32px;padding-left:42px}.suspension .back-top{cursor:pointer;margin-top:20px;user-select:none}.suspension .back-top>span{background:url(../../static/img/top.png) no-repeat 0 0;line-height:20px;padding-left:30px}.suspension .back-top:hover span{background-image:url(../../static/img/top-hover.png);color:var(--blue)}.suspension .kf-tel{color:var(--blue);font-size:16px;font-weight:700;margin-bottom:30px;margin-top:20px}.suspension .qrcode{height:110px;margin-top:20px;width:110px}.suspension .qrcode img{width:100%}.burger{background:transparent;cursor:pointer;height:30px;margin-left:auto;position:relative;width:40px}.burger input{display:none}.burger span{background:#888;border-radius:9px;display:block;height:4px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.burger span:first-of-type{top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform:translateY(-100%);transform-origin:left center}.burger input:checked~span:first-of-type{left:5px;top:0;transform:rotate(45deg)}.burger input:checked~span:nth-of-type(2){opacity:0;width:0}.burger input:checked~span:nth-of-type(3){left:5px;top:28px;transform:rotate(-45deg)}@media screen and (max-width:1300px){.commom-width{box-sizing:border-box;padding:0 30px;width:100%}}@media (max-width:1000px){html{font-size:15px}body{background-color:#f5f7fa;font-size:1rem}.block-title{line-height:1.5;padding:60px 0 20px}.commom-width{box-sizing:border-box;padding:0 30px;width:100%}.home-head{height:auto;padding-bottom:40px}.nav-container{background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;height:0;left:0;overflow:hidden;padding:0 1rem;position:fixed;right:0;top:100px;transition:height 1.5s ease-in-out}.nav-container.active{height:auto}.nav-container>div{display:flex;flex-direction:column;height:auto;width:100%}.nav-container>div a{line-height:3rem;margin:0;width:100%}.nav-list{border-bottom:1px solid #eee;border-right:none}.sign{flex-direction:row!important;margin-left:0}.sign>a{text-align:center}.sign .text-btn{color:var(--background-color);padding:1em 0}.logo img{width:90%}.foot_banner{display:none}.footer{padding:2px 0 20px;text-align:center}.footer .main{display:block}.footer .left,.footer .logo{display:none}.footer .right{align-items:center;margin-top:20px;padding-bottom:20px}.footer .right .nav{border-bottom:1px solid #444;font-size:14px;height:auto;justify-content:center;padding:35px 0}.footer .links,.suspension{display:none}.burger{display:block}}@media only screen and (max-width:768px){html{font-size:1em}.commom-width{padding:0 1.5rem}}.block-title{margin-bottom:40px}.section-title{font-size:40px;font-weight:700;margin-bottom:60px;text-align:center}.us-banner{padding-top:100px}.us-banner .bg{background-image:url(../../static/img/us_banner.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.us-banner .bg h1{color:#fff;font-size:3.5em;font-weight:700;height:330px;line-height:330px;text-align:center}.intro{background-color:#fff}.intro .wrap{padding:60px 0}.intro span{border-bottom:3px solid #ffd33c;line-height:3.5em;padding-bottom:8px}.values{background-color:#fff;padding-bottom:60px}.values .wrap{display:grid;gap:50px;grid-template-columns:repeat(3,1fr)}.values .box{background-color:#006aff;background-position:center 30px;background-repeat:no-repeat;border-radius:10px;color:#fff;padding:140px 30px 40px;text-align:center}.values .code{background-image:url(../../static/img/code.svg)}.values .service{background-image:url(../../static/img/custom_service.svg)}.values .idea{background-image:url(../../static/img/idea.svg)}.values .box span{line-height:2em}.custom{background-color:#f5f7fa;background-image:radial-gradient(hsla(0,0%,100%,.3) 10%,transparent 0);background-size:50px 50px;padding-bottom:100px}.custom .wrap{display:flex;gap:100px;justify-content:center}.custom .wrap .box{align-items:center;background-color:#fff;border-left:10px solid #006aff;border-radius:30px;box-shadow:-10px 0 15px hsla(0,0%,63%,.1);display:flex;flex-direction:column;gap:20px;padding:60px 150px;text-align:center}.custom .wrap .box .title h3{font-size:22px;font-weight:700;margin-bottom:15px}.custom .wrap .box .title span{color:#888;font-size:14px}.custom .wrap .box img{height:auto;max-width:80%}.contact{background-color:#fff;padding-bottom:100px}.contact .main{border-radius:10px;box-shadow:0 -16px 20px hsla(0,0%,73%,.1);padding:30px}.contact .map img{border-radius:10px;height:auto;max-width:100%}.contact .info{display:flex;gap:50px;justify-content:space-between;margin-top:20px;padding-right:60px}.contact .info div{background-position:0;background-repeat:no-repeat;font-size:18px;padding:30px 50px}.contact .info .addr{background-image:url(../../static/img/contact_address.svg)}.contact .info .tel{background-image:url(../../static/img/contact_tel.svg);white-space:nowrap}.contact .info .email{background-image:url(../../static/img/contact_email.svg);white-space:nowrap}.services{background-color:#f5f7fa;padding-bottom:100px}.services .wrap{display:grid;gap:50px;grid-template-columns:repeat(3,1fr)}.services .box{background-color:#fff;background-position:center 55px;background-repeat:no-repeat;border-radius:10px;box-shadow:0 0 15px hsla(0,0%,81%,.1);padding:220px 40px 60px;text-align:center}.services .box h3{font-size:26px}.services .box p{color:#888;line-height:1.5em;margin-top:20px}.services .router{background-image:url(../../static/img/services_router.svg)}.services .pc{background-image:url(../../static/img/services_pc.svg)}.services .dev{background-image:url(../../static/img/services_browser.svg)}.stats{background-color:#006aff;background-image:url(../../static/img/bg_mark.png);background-repeat:no-repeat;color:#fff;height:200px}.stats .wrap{align-items:center;display:flex;gap:80px;height:100%;justify-content:space-between}.stats .num{font-size:3.5em;font-weight:700;margin-bottom:12px}.stats span{font-size:14px}@media (max-width:1300px){.custom .wrap .box{padding:60px 100px}}@media (max-width:1000px){.intro .wrap{padding:30px}.values .wrap{gap:30px;grid-template-columns:repeat(1,1fr)}.custom{padding-bottom:60px}.custom .wrap{flex-direction:column;gap:30px}.custom .wrap .box{padding:60px}.contact{padding-bottom:60px}.contact .info{flex-direction:column;gap:0;padding-right:0}.contact .info div{padding:15px 0 15px 50px}.services{padding-bottom:60px}.services .wrap{gap:30px;grid-template-columns:repeat(1,1fr)}.stats{display:none}}@media only screen and (max-width:768px){.intro span{border-bottom:none;display:block;line-height:2em;text-indent:2em}}