.main[data-v-6ef7bc14]{min-height:100vh;padding-bottom:150px;position:relative}.titlebox[data-v-6ef7bc14]{height:300px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-direction:column;font-size:64px;line-height:56px;color:#fff;background-size:cover;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#000}.titlebox .bg[data-v-6ef7bc14]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:0;top:0;z-index:0}.titlebox h4[data-v-6ef7bc14]{margin-top:0;font-weight:700;font-size:64px;line-height:56px;text-shadow:0 4px 20px rgba(0,0,0,.3);z-index:10;position:relative}.titlebox h5[data-v-6ef7bc14]{font-weight:500;font-size:20px;line-height:56px;margin-top:24px;margin-bottom:0;z-index:10;position:relative}.titlebox .el-button[data-v-6ef7bc14]{z-index:10;position:relative}.filterbox[data-v-6ef7bc14]{width:100%;color:#fff;margin-top:50px;margin-bottom:30px}.filterbox .c[data-v-6ef7bc14]{width:100%;display:flex;align-items:center;justify-content:center;margin-top:20px}.filterbox .c[data-v-6ef7bc14] .el-radio-group .el-radio-button:not(.is-active) .el-radio-button__inner{background:#252836;color:#a4a9b4;border:#252836}.filterbox .r[data-v-6ef7bc14]{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-top:12px}.filterbox .r label[data-v-6ef7bc14]{color:#fff;font-weight:400;font-size:16px;line-height:28px;margin-right:20px;flex-shrink:0}.filterbox .r[data-v-6ef7bc14] .el-checkbox-group,.filterbox .r[data-v-6ef7bc14] .el-radio-group{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-checkbox,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-radio,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-checkbox,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-radio{height:24px;line-height:24px;background-color:#181a23;border:1px solid #4e5058;color:#a4a9b4;padding:0 12px;margin-right:8px;display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden;position:relative}.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-checkbox .el-checkbox__input,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-checkbox .el-radio__input,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-radio .el-checkbox__input,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-radio .el-radio__input,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-checkbox .el-checkbox__input,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-checkbox .el-radio__input,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-radio .el-checkbox__input,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-radio .el-radio__input{display:none}.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-checkbox .el-checkbox__label,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-checkbox .el-radio__label,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-radio .el-checkbox__label,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-radio .el-radio__label,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-checkbox .el-checkbox__label,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-checkbox .el-radio__label,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-radio .el-checkbox__label,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-radio .el-radio__label{padding:0;margin:0;font-size:14px;line-height:24px}.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-checkbox:hover,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-radio:hover,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-checkbox:hover,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-radio:hover{border:1px solid var(--color-primary-2)}.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-checkbox.is-checked,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-radio.is-checked,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-checkbox.is-checked,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-radio.is-checked{border:1px solid var(--color-primary-2);background:#181a23}.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-checkbox.is-checked .el-radio__label,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-radio.is-checked .el-radio__label,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-checkbox.is-checked .el-radio__label,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-radio.is-checked .el-radio__label{color:#fff}.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-checkbox.is-checked:after,.filterbox .r[data-v-6ef7bc14] .el-checkbox-group .el-radio.is-checked:after,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-checkbox.is-checked:after,.filterbox .r[data-v-6ef7bc14] .el-radio-group .el-radio.is-checked:after{content:"";width:0;height:0;border-top:4px solid var(--color-primary-2);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;position:absolute;right:-4px;bottom:-4px;transform:rotate(-45deg)}.casebox.video[data-v-6ef7bc14]{grid-template-columns:1fr 1fr 1fr}.casebox.video .case[data-v-6ef7bc14],.casebox.video .case img[data-v-6ef7bc14]{height:278px}.casebox.video .case .movebox[data-v-6ef7bc14]{top:218px;height:140px}.casebox.video .case .movebox .intro[data-v-6ef7bc14]{-webkit-line-clamp:3}.casebox.video .case:hover .movebox[data-v-6ef7bc14]{top:138px}.casebox.video .case:hover .movebox .intro[data-v-6ef7bc14]{margin-top:-10px}.casebox.pic[data-v-6ef7bc14]{grid-template-columns:1fr 1fr 1fr 1fr}.casebox.pic .case[data-v-6ef7bc14],.casebox.pic .case img[data-v-6ef7bc14]{height:498px}.casebox.pic .case .movebox[data-v-6ef7bc14]{top:438px;height:200px}.casebox.pic .case .movebox .intro[data-v-6ef7bc14]{-webkit-line-clamp:4}.casebox.pic .case:hover .movebox[data-v-6ef7bc14]{top:334px}.casebox.pic .case:hover .movebox .intro[data-v-6ef7bc14]{margin-top:-10px}.casebox .case[data-v-6ef7bc14]{width:100%;background:#252836;padding:0;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;cursor:pointer;transition:all .4s ease;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.2)}.casebox .case img[data-v-6ef7bc14]{width:100%;-o-object-fit:cover;object-fit:cover}.casebox .case .movebox[data-v-6ef7bc14]{width:100%;position:absolute;left:0;padding:0 16px;background-color:rgba(0,0,0,.3);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.casebox .case .movebox h4[data-v-6ef7bc14]{text-align:center;font-weight:500;font-size:16px;line-height:60px;margin-bottom:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.casebox .case .movebox .intro[data-v-6ef7bc14]{font-weight:400;font-size:14px;line-height:24px;color:#ccc;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.casebox .case[data-v-6ef7bc14]:hover{transform:scale(1.02)}.casebox .case.empty-item[data-v-6ef7bc14]{background:transparent;cursor:auto;opacity:0}.empty[data-v-6ef7bc14]{width:100%;text-align:center;color:#999;margin-top:100px}.page-indexer[data-v-6ef7bc14]{display:flex;align-items:center;justify-content:flex-end;min-height:24px;margin-top:12px}.page-indexer[data-v-6ef7bc14] .el-pagination .more,.page-indexer[data-v-6ef7bc14] .el-pagination .number,.page-indexer[data-v-6ef7bc14] .el-pagination button{background:transparent;color:#fff}.page-indexer[data-v-6ef7bc14] .el-pagination .more.active,.page-indexer[data-v-6ef7bc14] .el-pagination .more:hover,.page-indexer[data-v-6ef7bc14] .el-pagination .number.active,.page-indexer[data-v-6ef7bc14] .el-pagination .number:hover,.page-indexer[data-v-6ef7bc14] .el-pagination button.active,.page-indexer[data-v-6ef7bc14] .el-pagination button:hover{color:var(--color-primary-2)}