.header{background-color:#000;color:#fff;border-bottom:1px solid #ffffff30;position:fixed;top:0;z-index:10;width:100vw;font-size:16px;line-height:16px}.header .sm{display:none}.header .ctn{max-width:1920px;margin:0 auto;height:70px;justify-content:space-around}.header .ctn,.header .logo{display:flex;align-items:center}.header .logo{font-size:24px;gap:4px;cursor:pointer;color:#fff}.header .logo span:first-child{font-weight:700}.header .logo span:nth-child(2){font-size:20px}.header .item{color:#a3a3a3;display:flex;align-items:center;justify-content:center;position:relative;width:200px;height:100%;cursor:pointer}.header .item.active,.header .item.clickable:hover{color:#fff}.header .item.active:after{content:" ";position:absolute;height:3px;bottom:-1px;left:0;right:0;background-color:#3274ca}.header .contact{padding:0 18px;background-color:#3274ca;border-radius:18px;display:flex;justify-content:center;align-items:center;height:36px;color:#ddd}.header .contact:hover{color:#fff}.page-bottom.lg{width:100%;background-color:#000}.page-bottom.lg .c{width:100%;max-width:1420px;display:flex;justify-content:space-between;margin:0 auto;padding:120px 0 40px;color:#444;font-size:12px}.page-bottom.lg div div div:first-child{font-size:14px;color:#3274ca;margin-bottom:40px}.page-bottom.lg div div div:not(:first-child){margin-bottom:18px}.page-bottom.lg .copyright{width:100%;max-width:1420px;margin:0 auto;border-top:1px solid #222;padding:20px 0 80px;color:#444;font-size:12px}@media (max-width:1400px){.header{border-bottom-width:0;background-color:transparent;background-color:initial;left:0}.header .ctn{display:none}.header .sm{display:block}.header .sm .top{display:flex;justify-content:space-between;align-items:center;height:56px;background-color:#000}.header .sm .logo{margin-left:24px}.header .sm .logo span:first-child{font-size:18px}.header .sm .icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-right:12px}.header .sm .menu{padding:24px 36px;background-color:#000}.header .sm .sep{height:1px;background-color:#a3a3a3}.header .sm .line{padding:20px 0;display:flex;align-items:center;justify-content:space-between;color:#bcbcbc;font-size:18px;line-height:18px}.header .sm .line.active{color:#fff}.header .sm .overlay{width:100vw;height:100vh;background-color:#000000a0}.page-bottom{width:100vw;overflow-x:hidden;padding:24px;font-size:11px;color:#a3a3a3;line-height:20px;display:flex;flex-direction:column;gap:20px}.page-bottom .title{display:flex;align-items:center;color:#eee;margin-bottom:24px}.page-bottom .title div:first-child{font-size:12px}.page-bottom .title div:last-child{font-size:10px;margin-left:2px}.page-bottom .right{display:flex;align-items:flex-end}}.home .banner-bg{position:absolute;top:0;left:0;right:0;aspect-ratio:1.82;line-height:0}.home .banner{position:relative;z-index:2;max-width:1220px;margin:70px auto 0}.home .banner .first{font-size:46px;line-height:56px;margin-top:218px}.home .banner .first p:not(:first-child){margin-top:20px}.home .banner .second{font-size:30px;line-height:36px;margin-top:50px;opacity:.7}.home .banner .second p:not(:first-child){margin-top:14px}.home .banner .third{display:inline-block;font-size:20px;line-height:20px;padding:10px 128px;background-color:#3274ca;border-radius:20px;margin-top:60px;cursor:pointer;color:#ddd}.home .banner .third:hover{color:#fff}.home .service{position:relative;z-index:2;width:100%;max-width:1420px;margin:180px auto 0;padding:64px 108px;background-color:#1a1b22;border-radius:40px;display:flex;align-items:center;gap:64px}.home .service .sep{width:1px;height:320px;background-color:#fff;opacity:.4}.home .service .left .title{font-size:26px}.home .service .left .desc{margin-top:36px;max-width:380px;font-size:16px;line-height:36px}.home .service .left .btn{margin-top:48px;font-size:14px;line-height:14px;padding:12px 36px;background-color:#3274ca;display:inline-block;color:#ddd;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home .service .left .btn:hover{color:#fff}.home .service .right{display:grid;grid-template-columns:repeat(3,1fr);flex:1 1;grid-row-gap:80px;row-gap:80px;grid-column-gap:120px;-moz-column-gap:120px;column-gap:120px}.home .service .right img{width:38px;height:38px}.home .service .right .item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.home .co{width:100%;max-width:1420px;margin:50px auto 0;border-radius:40px;overflow:hidden;display:flex;background-color:#3274ca}.home .co .cards{display:flex;position:relative;padding:106px 0 106px 56px;border-top-right-radius:40px;border-bottom-right-radius:40px;background-color:#d8d8d8;flex:1 1;overflow-x:auto}.home .co .cards .arrows{position:absolute;bottom:30px;right:30px;display:flex;gap:12px}.home .co .cards .arrows .arrow{background-color:#fff;width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home .co .cards .arrows .arrow img{width:8px;height:16px}.home .co .cards .arrows .arrow.left img{transform:rotate(180deg)}.home .co .info{background-color:#3274ca;width:360px;padding:100px 0 0 44px}.home .co .info .title{font-size:46px}.home .co .info .subtitle{font-size:30px;margin-top:44px;line-height:44px}.home .co .info .desc{font-size:16px;line-height:30px;margin-top:44px}.home .co .card{width:100%;height:100%;background-color:#fff}.home .co .card .card-info{padding:30px 36px 56px}.home .co .card .img{width:100%;aspect-ratio:1.73;position:relative}.home .co .card .title{font-size:20px;color:#3274ca}.home .co .card .subtitle{margin-top:14px;font-size:14px;color:#333}.home .co .card .desc{margin-top:48px;font-size:16px;color:#000;text-decoration:underline;text-underline-offset:4px}.home .co .card .detail{margin-top:18px;font-size:14px;color:grey}.home .team{width:100%;max-width:1420px;background-color:#b1272d;border-radius:40px;margin:100px auto 0;padding:36px 82px 122px;position:relative}.home .team .prize{position:absolute;right:90px;top:-50px}.home .team .pc{position:absolute;right:90px;bottom:-50px}.home .team .title{font-size:32px;margin-bottom:30px}.home .team .tiles{display:flex;align-items:stretch;gap:24px}.home .team .tiles .vs{display:flex;flex-direction:column;gap:24px;flex:1 1}.home .team .tile.h{width:356px}.home .team .tile.h .top{width:100%}.home .team .tile.v{flex:1 1;overflow:hidden;display:flex}.home .team .tile.v.v2 .bottom{background-color:#008867}.home .team .tile.v .bottom{flex:1 1;padding:60px 0 44px 44px;background-color:#005e99}.home .team .tile.v .top{height:100%}.home .team .top{position:relative;line-height:0;aspect-ratio:1.8}.home .team .top .name{font-size:14px;position:absolute;bottom:4px;right:4px;color:#fff;background-color:#00000030;line-height:14px;padding:4px 12px}.home .team .bottom{background-color:#ee5e10;padding:60px 44px 44px}.home .team .bottom .subtitle{font-size:30px}.home .team .bottom .desc{font-size:16px;line-height:32px;margin-top:20px}.home .others{position:relative;z-index:2;width:100%;max-width:1340px;margin:-80px auto 100px;display:flex;align-items:baseline}.home .others .kb{position:relative;width:100%;max-width:840px;aspect-ratio:2.88;margin-right:48px}@media (max-width:1400px){body{background-color:#000!important}.home,body{width:100vw;overflow-x:hidden}.home .banner-bg{width:1900px;left:50%;top:auto;bottom:10%;right:auto;transform:translateX(-50%)}.home .banner{padding:0 90px 0 24px;margin-top:50%}.home .banner .first{font-size:26px;line-height:36px;letter-spacing:-1px}.home .banner .second{font-size:16px;margin-top:20px;line-height:24px}.home .banner .third{margin-top:30px;width:120px;padding:8px 32px;font-size:13px}.home .service{border-radius:0;margin-top:60px;padding:60px 24px;flex-direction:column;gap:40px}.home .service .sep{width:100%;height:1px}.home .service .right{font-size:13px;row-gap:40px;-moz-column-gap:32px;column-gap:32px}.home .co{border-radius:0;margin-top:0;flex-direction:column-reverse}.home .co .info{padding:30px 24px 180px}.home .co .cards{background-color:#000;border-radius:0;padding:0 24px 100px;overflow:visible}.home .co .cards .keen-slider{margin-top:-120px}.home .co .cards .arrows{right:auto;left:24px;margin-top:32px}.home .co .cards .arrows .arrow{width:36px;height:36px;border-radius:18px}.home .co .cards .card-info{padding:24px}.home .co .cards .card-info .subtitle{margin-top:8px}.home .co .cards .card-info .desc{margin-top:30px}.home .team{margin-top:0;border-radius:0;padding:42px 24px 120px}.home .team .title{font-size:18px}.home .team .prize{right:24px}.home .team .pc{right:24px;bottom:24px}.home .team .pc img{width:72px;height:66px}.home .team .tiles{flex-direction:column}.home .team .tiles .tile{width:100%}.home .team .tiles .tile.v{flex-direction:column-reverse}.home .team .tiles .tile.v .bottom{padding-right:44px}.home .team .tiles .tile.v2{flex-direction:column}.home .others{margin-top:-60px;justify-content:flex-end;align-items:flex-end;height:148px;padding-right:40px;margin-bottom:40px}.home .others .kb{position:absolute;height:148px;top:0;left:-50%}.home .others img:nth-child(2){height:64px;width:64px}.home .others img:nth-child(3){height:36px;width:36px}}.case{background-color:#f1f1f1}.case .top{background-color:#e0e0e0;color:#000;line-height:1}.case .top.web{background-color:#e6e6e6}.case .top.web .c .space{width:10%}.case .top.web .c .img{aspect-ratio:2.8}.case .top.work{background-color:#c8c8c8}.case .top.work .c .img{aspect-ratio:1.63}.case .top .c{width:100%;max-width:1420px;height:280px;margin:70px auto 0;display:flex}.case .top .c .space{width:30%}.case .top .c .l1{margin-top:32px;font-size:46px}.case .top .c p{font-size:16px}.case .top .c p:nth-child(2){margin-top:30px}.case .top .c p:nth-child(3){margin-top:12px}.case .top .c p:nth-child(4){margin-top:20px}.case .top .c p:nth-child(5){margin-top:12px}.case .top .c .img{position:relative;height:100%;aspect-ratio:1.12}.case .content{width:100%;max-width:1420px;margin:0 auto;padding-bottom:120px}.case .content .tabs{display:flex;align-items:center;justify-content:center;margin:82px 0;gap:20px}.case .content .tabs a{color:#666}.case .content .tabs .tab{padding:14px 20px;cursor:pointer;border-bottom:1px solid #00000000}.case .content .tabs .tab:hover a{color:#000}.case .content .tabs .tab.active{border-bottom:1px solid #e15a24}.case .content .tabs .tab.active a{color:#000}.case .content .cards{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:48px;row-gap:48px;grid-column-gap:24px;-moz-column-gap:24px;column-gap:24px;align-items:stretch}.case .content .cards .work-img{position:relative;aspect-ratio:.75}.case .content .cards .card{height:100%;background-color:#fff}.case .content .cards .card .detail{padding:36px 0 60px 36px}.case .content .cards .card .l1{color:#3274ca;font-size:20px;margin-bottom:54px}.case .content .cards .card p{color:#333;font-size:14px;line-height:24px}.case .content .img{width:100%;aspect-ratio:1.4;position:relative}@media (max-width:1400px){.case{width:100vw;overflow-x:hidden}.case .top{font-size:13px;line-height:24px}.case .top .c{padding:30px 120px 30px 24px;margin-top:56px;height:auto}.case .top .c .l2{font-size:18px}.case .top .c .desc div:nth-child(2){margin-top:18px}.case .content .tabs{margin:20px 0 30px;font-size:13px}.case .content .cards{grid-template-columns:repeat(1,1fr);-moz-column-gap:0;column-gap:0;row-gap:16px;padding:0 24px}.case .content .cards .card .detail{color:#333;padding:36px 24px 60px}}.about .bg{padding:140px 0 60px;background-size:cover}.about .c{position:relative;z-index:2;color:#fffffff2;width:100%;max-width:720px;padding:120px 100px 40px;margin:0 auto;background-color:#3274da89;display:flex;flex-direction:column;align-items:center}.about .c .bdm{font-size:100px;line-height:100px;font-weight:700}.about .c .since{font-size:20px;margin-top:10px}.about .c .title{margin-top:80px;font-size:36px}.about .c .sep{width:100%;height:2px;background-color:#fff;margin-top:50px}.about .c .desc{margin-top:60px;font-size:16px;line-height:40px}.about .c .desc p:not(:first-child){margin-top:48px}.about .c .robots{display:flex;align-items:baseline;justify-content:center;margin-top:80px}@media (max-width:1400px){.about .bg{padding:76px 24px 30px}.about .c{padding:60px 16px}.about .c .bdm{font-size:80px}.about .c .since{font-size:14px}.about .c .title{font-size:24px;margin-top:60px}.about .c .sep{margin-top:30px}.about .c .desc{margin-top:36px;font-size:13px;line-height:28px}}.dialog-qr{position:sticky;width:100vw;height:100vh;top:0;left:0;z-index:100}.dialog-qr .overlay{position:absolute;background-color:#00000099;width:100%;height:100%}.dialog-qr .content{width:480px;height:600px;background-color:#bbbbbbe8;position:absolute;z-index:102;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:40px}.dialog-qr .content .scan{margin-top:30px;font-size:16px;color:#4d4d4d}.dialog-qr .content .contact{font-size:30px;color:#3274ca;margin-top:80px}@media (max-width:1400px){.dialog-qr .content{width:70%;height:70%}}*{margin:0;padding:0;box-sizing:border-box;text-align:justify}body{background-color:#000;color:#ffffffe5;font-family:Lantinghei SC,Source Han Sans CN,Microsoft Yahei,SimHei,Arial,Helvetica,sans-serif}a{text-decoration:none}.lg{display:block}.sm{display:none}@media (max-width:1400px){.lg{display:none!important}.sm{display:block!important}}