@charset "UTF-8";.hend-banner{height:500px;background-image:url(/static/images/layout/banner1_20220811.png);background-repeat:no-repeat;background-size:cover;position:relative}.hend-banner .link-layout{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.hend-banner .server-introduce{width:1200px;position:absolute;bottom:-90px;left:50%;transform:translateX(-50%);display:flex;justify-content:center}.server-introduce .card-box{width:300px;height:160px;opacity:.84;display:flex}.server-introduce .card-box .content{padding-top:30px}.server-introduce .card-box:nth-child(1){background:#f8f9fc;border-radius:8px 0 0 8px}.server-introduce .card-box:nth-child(2){background:linear-gradient(135deg,#f9f9f9,#eeeff3,#fff 51%,#eeeff3 100%)}.server-introduce .card-box:nth-child(3){background:linear-gradient(135deg,#f9f9f9,#eeeff3,#fff 50%,#eeeff3)}.server-introduce .card-box:nth-child(4){background:#f8f9fc;border-radius:0 8px 8px 0}.server-introduce .card-box .image-box{width:64px;height:64px;background:#f9eded;border-radius:12px;margin:30px 0 0 20px}.server-introduce .card-box .image-box img{height:44px;width:44px;margin:10px}.server-introduce .card-box .head{height:25px;font-size:20px;font-weight:700;text-align:left;color:#333;margin-left:20px}.server-introduce .card-box .message{width:184px;height:92px;font-size:14px;font-weight:400;text-align:left;color:#333;line-height:24px;margin:10px 0 0 20px}.advantage{width:100%;height:592px;position:relative}.advantage .background{width:100%;height:394px;background-image:url(/static/images/layout/banner2.png);background-repeat:no-repeat;background-size:100% 394px;margin-top:80px}.advantage .template{width:100%;height:394px;background:#121629;opacity:.83;position:absolute;top:0}.advantage .content{width:1200px;position:absolute;left:50%;top:0;transform:translate(-50%,0)}.advantage .content .title{font-size:36px;font-weight:800;color:#fff;margin:80px 0 44px;text-align:center}.advantage .content .title::after{content:"";display:block;background:#fff;transform:scaleY(1);margin:10px auto 0;width:48px;height:4px;border-radius:2px}.advantage .content .items{display:flex;justify-content:space-between}.advantage .content .items .card-box{height:398px;width:280px;background:#fff;border-radius:36px 0 0;box-shadow:0 16px 32px 0 rgba(0,0,0,.1)}.advantage .content .items .card-box img{width:280px;height:240px}.advantage .content .items .card-box .head{font-size:20px;font-weight:700;text-align:left;color:#c00;margin:10px 0 0 20px}.advantage .content .items .card-box .head img{width:51px;height:35px}.advantage .content .items .card-box .message{height:68px;font-size:14px;font-weight:400;text-align:left;color:#666;line-height:24px;margin:18px 20px 0}.center-banner{height:400px;width:100%;background-image:url(/static/images/layout/banner3.png);background-repeat:no-repeat;background-size:100% 394px;margin-top:80px}.center-banner .text{height:50px;font-size:36px;font-weight:700;color:#333;padding-top:124px;text-align:center}.center-banner .title{padding-top:20px;height:67px;font-size:48px;font-weight:800;color:#c00;text-align:center}.design-capability-cycle{width:1200px;margin:0 auto;display:flex;height:468px;padding:60px 0}.design-capability-cycle .navs{width:220px;height:468px;background:#f8f9fc}.design-capability-cycle .navs li{box-sizing:border-box;width:220px;height:64px;line-height:64px;padding-left:50px;font-size:20px;font-weight:700;color:#333;position:relative;cursor:pointer}.design-capability-cycle .navs li .design-table{position:absolute;height:468px;width:940px;right:-980px;top:0;display:none}.design-capability-cycle .navs li .design-table .title,.design-capability-cycle .navs li .design-table td{color:#333;border:4px solid #fff}.design-capability-cycle .navs li .design-table .hide-top-border{border-top:none}.design-capability-cycle .navs li .design-table .hide-bottom-border{border-bottom:none}.design-capability-cycle .navs li .design-table .line1{width:180px;height:28px;background:#e6e9f3}.design-capability-cycle .navs li .design-table .line2{width:756px;height:28px;background:#f5f6f8}.design-capability-cycle .navs li .design-table .title{font-size:16px;font-weight:700;color:#333;background:#e6e9f3}.design-capability-cycle .navs li .design-table .title:nth-child(1){border-right-color:#e6e9f3}.design-capability-cycle .navs li .capability{top:0}.design-capability-cycle .navs li .capability table{height:224px}.design-capability-cycle .navs li .cycle{top:-64px}.design-capability-cycle .navs li .cycle table{height:100%}.design-capability-cycle .navs li .cycle table .design-table .title,.design-capability-cycle .navs li .cycle table td,.design-capability-cycle .navs li .design-table .cycle table .title{width:756px;height:28px;background:#f5f6f8}.design-capability-cycle .navs li .cycle table .design-table .title:nth-child(2n+1),.design-capability-cycle .navs li .cycle table td:nth-child(2n+1),.design-capability-cycle .navs li .design-table .cycle table .title:nth-child(2n+1){border-right-color:#f5f6f8}.design-capability-cycle .navs .active,.design-capability-cycle .navs li:nth-child(1){background-color:#C00;color:#fff}.design-capability-cycle .navs .active .design-table,.design-capability-cycle .navs li:nth-child(1) .design-table{display:flex;flex-direction:column;justify-content:space-between}.design-capability-cycle .navs .active::before,.design-capability-cycle .navs li:nth-child(1)::before{display:block;content:'';width:15px;height:16px;position:absolute;left:10px;top:50%;transform:translateY(-50%);background-image:url(/static/images/layout/arrows1.png);background-repeat:no-repeat;background-size:100%}.design-case .title::after,.design-flow .title::after{content:"";transform:scaleY(1)}.design-capability-cycle .navs .remove{background-color:#f8f9fc!important;color:#333!important}.design-capability-cycle .navs .remove .design-table{display:none}.design-flow{background:#f8f9fc;padding-bottom:52px}.design-flow .compute-price{background-image:url(/static/images/about/computed-price-bg_20220811.png);background-repeat:no-repeat;background-size:100%;width:1200px;margin:0 auto;text-align:center;height:100px;overflow:hidden}.design-flow .compute-price a{margin:26px auto;display:block;width:200px;height:48px;line-height:48px;background:#c00;border-radius:2px;color:#fff;font-size:16px;font-weight:400}.design-flow .title{font-size:36px;font-weight:800;color:#000;margin:0 0 80px;text-align:center;padding-top:90px}.design-flow .title::after{display:block;background:#C00;margin:10px auto 0;width:48px;height:4px;border-radius:2px}.design-flow .box{width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:209px;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 0 32px 0 rgba(23,31,59,.1)}.design-flow .box .item{width:100px;text-align:center}.design-flow .box .item img{width:64px;height:64px}.design-flow .box .arrows img{margin-top:-20px;width:16px;height:16px}.design-flow .card{width:1200px;margin:0 auto;display:flex}.design-flow .card .left,.right{width:590px;height:181px;border:2px solid #fff;border-radius:8px;box-shadow:0 0 32px 0 rgba(23,31,59,.1);margin-top:20px}.design-flow .card .left .head,.right .head{font-size:20px;font-weight:700;text-align:left;color:#333;margin:30px 0 0 20px}.design-flow .card .left .message,.right .message{font-size:14px;font-weight:400;text-align:left;color:#555;margin:20px}.design-flow .card .left a,.right a{font-size:12px;font-weight:400;text-align:left;color:#356ceb;margin-left:20px}.design-flow .card .left a:hover{text-decoration:underline}.design-flow .card .right{margin-left:20px}.design-case{width:100%;height:949px}.design-case .title{font-size:36px;font-weight:800;color:#000;margin:0 0 40px;text-align:center;padding-top:160px}.design-case .title::after{display:block;background:#C00;margin:10px auto 0;width:48px;height:4px;border-radius:2px}.design-case .card-items{display:flex;flex-wrap:wrap}.design-case .card-items .item{width:285px;height:290px;background:#fff;border-radius:8px;margin:22px 0 0 20px}.design-case .card-items .item:hover{box-shadow:0 0 24px 0 rgba(0,0,0,.1)}.design-case .card-items .item .content{height:44px;margin:0 auto;text-align:center}.design-case .card-items .item .head{margin-top:30px;font-size:14px;font-weight:700;text-align:center;color:#c00;line-height:24px}.design-case .card-items .item img{width:245px;height:165px;margin:20px 0 0 20px}.swiper-container{padding-bottom:50px}.card-box{width:1200px;margin:0 auto;position:relative}.swiper-pagination-bullet-active{background:#C00}.swiper-pagination-bullet{width:64px;height:4px;border-radius:0;margin-top:50px}.swiper-button-prev{left:-60px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238f8c8c'%2F%3E%3C%2Fsvg%3E")!important}.swiper-button-next{right:-60px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238f8c8c'%2F%3E%3C%2Fsvg%3E")!important}.swiper-button-prev:hover{left:-60px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2395d6ab'%2F%3E%3C%2Fsvg%3E")!important}.swiper-button-next:hover{right:-60px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2395d6ab'%2F%3E%3C%2Fsvg%3E")!important}