#index .nav{display:flex;justify-content:space-between;height:83px;align-items:center}
.nav .logo{display:flex;text-decoration:none}
.logo svg{height:28px;width:28px;margin-right:5px}
.logo .text{font-size:20px;color:#008affe6}
.nav .item{font-size:16px;padding:16px;text-decoration:none;color:#1f2d3d99;font-weight:bold}
.nav .btn{text-decoration:none;font-size:14px;color:#fff;background:#008aff;margin-left:16px;padding:10px 20px;font-weight:600;border-radius:5px;line-height:1.5}
.nav .btn:hover{background:#0075d9}
#index .part1{display:flex;align-items:center;padding:96px 0}
.part1 .part1-title{font-weight:700;line-height:1.3;font-size:45px;color:#152c5b;margin-bottom:16px}
.part1 .part1-title strong{color:#008aff;margin-left:10px}
.part1 svg{width:100%;height:auto;display:block}
.part1 .part1-info{color:#718096;font-size:18px;margin-bottom:16px;font-weight:300;line-height:1.7}
.part1 .part1-click{display:flex;align-items:center;margin-top:48px}
.part1-click .btn{font-size:16px;padding:12px 28px;font-weight:600;cursor:pointer;text-decoration:none;border-radius:5px}
.part1-click .btn span{margin-left:10px}
.part1-click .btn1{background:#008aff;border:2px solid #008aff;color:#fff}
.part1-click .btn2{border:2px solid #e2e8f0;color:#273444;margin-left:8px}
.part1-click .btn1:hover{background:#0075d9;border-color:#0075d9}
.part1-click .btn2:hover{border-color:#4dadff}
#index .part2{background:#fafbfe;padding:72px 0}
.part2 .part2-head{text-align:center}
.part2 .part2-badge{color:#5cc9a7;background-color:#def4ed;padding:11px 18px;font-size:13px;line-height:1;font-weight:800;border-radius:80px}
.part2 .part2-title{font-size:32px;color:#152c5b;margin:24px 0 11px;line-height:1.5}
.part2 .part2-info{color:#718096;font-size:18px;margin:8px 0 16px;line-height:1.8;font-weight:300}
.part2 .part2-list{display:flex;justify-content:space-between;margin-top:48px}
.part2-list .list-item{background:#fff;border-radius:12px;border:1px solid #eaecf3;padding:28px 28px 48px;margin:0 15px}
.list-item svg{height:150px;width:auto;display:block;margin:0 auto;padding:24px 0 48px}
.list-item .title{font-weight:600;font-size:24px;margin:0 0 16px;line-height:1.3;color:#152c5b}
.list-item .info{font-size:16px;color:#718096;font-weight:400;line-height:1.7}
#index .part3{padding:96px 0}
.part3 .part3-box{display:flex;align-items:center;padding:72px 0}
.part3-box .img{padding:8px;border-radius:6px;background:#fcfcfc;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}
.part3-box .img svg{width:100%;height:auto;display:block}
.part3-box .title{font-weight:600;font-size:28px;color:#152c5b;margin:0 0 11px;line-height:1.5}
.part3-box .info{font-size:18px;color:#718096;margin:24px 0;line-height:1.7;font-weight:300}
.part3-box .li{display:flex;align-items:center;padding:8px 0}
.part3-box .li .icon{height:32px;width:32px;background:#008aff;border-radius:50%;margin-right:16px}
.part3-box .li .desc{font-size:16px;color:#152c5b;font-weight:600;line-height:1.5}
#index .part4{position:relative;background:#0e0b2b;padding:120px 0 96px;z-index:-1}
.part4-box{text-align:center;margin:24px 0 72px}
.part4-box .title{color:#fff;font-size:36px;margin:0 0 11px;font-weight:600;line-height:1.5}
.part4-box .desc{color:#fff;font-weight:600;font-size:23px;line-height:1.5;margin:16px 0 11px}
.part4-box .btn{font-size:16px;color:#fff;background:#008aff;margin-top:24px;display:inline-block;font-weight:600;line-height:1.5;border-radius:6px;text-decoration:none;padding:12px 28px}
.part4-box .btn:hover{background:#0075d9}
.part5{display:flex;justify-content:space-between;margin-top:-96px;flex-wrap:wrap;padding-bottom:64px}
.part5-item{border:1px solid #eaecf3;border-radius:12px;background:#fff;padding:48px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);display:flex;margin:0 15px 30px}
.part5-item .tag{margin-right:24px;color:#fff;font-size:13px;padding:6px 11px;border-radius:80px;background:#ffbe3d;line-height:1;font-weight:700}
.part5-item .tag-green{background:#5cc9a7}
.part5-item .tag-red{background:#f25767}
.part5-item .title{font-size:20px;color:#152c5b;margin-bottom:11px;line-height:1.3;font-weight:600}
.part5-item .desc{font-size:16px;color:#718096;font-weight:400;line-height:1.7}
#index .footer{position:relative;padding-top:96px;background:#171347}
/* part4 与 footer 顶部的斜切装饰条结构完全一致，合并为同一组规则 */
.part4-horn,.footer-horn{min-height:19px;transform:rotate(180deg);top:0;margin-top:-1px;position:absolute;z-index:2;right:0;left:0;overflow:hidden;width:100%}
.part4-horn svg,.footer-horn svg{display:block;vertical-align:baseline;pointer-events:none;fill:#fff;overflow:hidden}
/* 原内联样式 padding:0 15px 会覆盖类里的 padding-top:24px，实际渲染 top 一直是 0，故直接写进类 */
.footer .footer-bottom{display:flex;align-items:center;padding:0 15px}
.footer-bottom .logo{text-decoration:none;display:flex;align-items:center}
.footer-bottom .logo svg{height:48px;width:48px}
.footer-bottom .logo div{font-size:16px;color:#008aff}
.footer-bottom .desc{font-size:14px;margin:24px 0 16px;color:#ffffffcc;font-weight:400;line-height:1.7}
.footer-bottom .copyright{font-size:13px;color:#a0aec0;line-height:1.7;font-weight:400}
.footer-bottom .copyright a{text-decoration:none;color:#ffffffe6}