.work-style[data-v-b2cbf6f3]{background-color:var(--v628d0131);margin:var(--v1c45b85c);padding:var(--v30993b26)}@media(max-width:1200px){.work-style[data-v-b2cbf6f3]{margin:var(--v28ca4842);padding:var(--e32a6806)}}@media(max-width:480px){.work-style[data-v-b2cbf6f3]{margin:var(--v611d9330);padding:var(--v6080decf)}}.work-style .banner-box[data-v-b2cbf6f3]{height:var(--v4073cf57);position:relative}@media(max-width:480px){.work-style .banner-box[data-v-b2cbf6f3]{height:var(--v606edff6)}}.work-style .banner-box .overlay[data-v-b2cbf6f3]{background-color:var(--v61c9fdde);inset:0;position:absolute;z-index:1}.work-style .banner-box .bg-img-box[data-v-b2cbf6f3]{height:100%;overflow:hidden;position:relative;width:100%}.work-style .banner-box .bg-img-box.scale-big-to-small .bg-img[data-v-b2cbf6f3]{transform:scale(1.2)}.work-style .banner-box .bg-img-box.scale-small-to-big .bg-img[data-v-b2cbf6f3]{transform:scale(.9)}.work-style .banner-box .bg-img-box.is-started.scale-big-to-small .bg-img[data-v-b2cbf6f3],.work-style .banner-box .bg-img-box.is-started.scale-small-to-big .bg-img[data-v-b2cbf6f3]{transform:scale(1);z-index:1}.work-style .banner-box .bg-img-box .bg-img[data-v-b2cbf6f3]{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform 4s ease-out;width:100%}@media(max-width:480px){.work-style .banner-box .bg-img-box .bg-img[data-v-b2cbf6f3]{-o-object-fit:contain;object-fit:contain;transform:scale(1);transition:none}}.work-style .banner-box video[data-v-b2cbf6f3]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.work-style .banner-box .title-shadow-vertical[data-v-b2cbf6f3]{color:var(--bcc058e0);font-weight:var(--v1ad1739a);left:var(--v58a37b8c);position:absolute;top:var(--v9780e67c);transform:translate(-50%,-50%) rotate(90deg);white-space:nowrap;z-index:1}.work-style .banner-box .container-default[data-v-b2cbf6f3]{align-items:center;display:flex;flex-direction:column;height:var(--v4073cf57);justify-content:space-between;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}@media(max-width:480px){.work-style .banner-box .container-default[data-v-b2cbf6f3]{height:var(--v606edff6);left:50%;top:0;transform:translate(-50%);width:100%}}.work-style .banner-box .container-default .main-content[data-v-b2cbf6f3]{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.work-style .banner-box .container-default .main-content .content-box[data-v-b2cbf6f3]{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.work-style .banner-box .container-default .main-content .content-box .left[data-v-b2cbf6f3]{flex:1}.work-style .banner-box .container-default .main-content .content-box .middle-main[data-v-b2cbf6f3]{align-items:center;box-sizing:border-box;display:flex;flex:1;flex-direction:column;height:100%;justify-content:var(--v264d240e);padding:var(--v6e1cc3e1);width:100%}.work-style .banner-box .container-default .main-content .content-box .middle-main .title-area[data-v-b2cbf6f3]{align-items:var(--be9ebc2a);display:flex;flex-direction:column;width:100%;z-index:1}.work-style .banner-box .container-default .main-content .content-box .middle-main .title-area .title-box[data-v-b2cbf6f3]{display:flex;margin-top:var(--v28e6e518);z-index:1}.work-style .banner-box .container-default .main-content .content-box .middle-main .title-area .title-box .title[data-v-b2cbf6f3]{color:var(--v5aaf5e90);font-weight:var(--v367e6ecc);position:relative}.work-style .banner-box .container-default .main-content .content-box .middle-main .title-area .title-box .title-suffix[data-v-b2cbf6f3]{color:var(--fa7ae802);font-weight:var(--v580ba88b)}.work-style .banner-box .container-default .main-content .content-box .middle-main .title-area .title-box .dividing-line[data-v-b2cbf6f3]{align-items:center;background-color:var(--e4fe8198);content:"";display:flex;justify-content:center;left:var(--v6fef5216);position:absolute;top:var(--v4def1166);width:var(--e2d084d2)}.work-style .banner-box .container-default .main-content .content-box .middle-main .title-area .title-desc[data-v-b2cbf6f3]{color:var(--v1b24c00d);font-weight:var(--fe646586)}.work-style .banner-box .container-default .main-content .content-box .middle-main .title-area .title-shadow-horizontal[data-v-b2cbf6f3]{color:var(--bcc058e0);font-weight:var(--v1ad1739a);left:var(--v58a37b8c);position:absolute;top:var(--v9780e67c);transform:translate(-50%,-50%);white-space:nowrap;z-index:0}.work-style .box[data-v-b2cbf6f3]{margin-top:1.2%;position:relative}.work-style .box .content-box[data-v-b2cbf6f3]{display:flex;flex-direction:column;height:100%;width:100%}.work-style .box .content-box .navigation-box[data-v-b2cbf6f3]{margin:var(--v59f9b03e)}@media(max-width:480px){.work-style .box .content-box .navigation-box[data-v-b2cbf6f3]{margin:var(--v247e2a69)}.work-style .box .content-box .navigation-box .navigation-list[data-v-b2cbf6f3]{justify-content:center}}.work-style .box .content-box .navigation-box .navigation-list[data-v-b2cbf6f3]{background-color:var(--v425ced38);box-shadow:var(--v26cf6bb8);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--v2feb5cfa);justify-content:var(--f783c208);padding:var(--v4864ea37);width:100%}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-list[data-v-b2cbf6f3]{display:grid;gap:5px 10px;grid-template-columns:repeat(2,1fr)}}.work-style .box .content-box .navigation-box .navigation-list .list-item-solid[data-v-b2cbf6f3]{background-color:#333;display:block;height:30px;margin:0 35px;position:relative;top:50%;transform:translateY(50%);width:1px}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-list .list-item-solid[data-v-b2cbf6f3]{display:none;margin:0 15px}}.work-style .box .content-box .navigation-box .navigation-list .list-item[data-v-b2cbf6f3]{cursor:pointer;position:relative}.work-style .box .content-box .navigation-box .navigation-list .list-item.active[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-list .list-item[data-v-b2cbf6f3]:hover{background-color:var(--v6a5f7ad2);border-color:var(--v6a5f7ad2);color:var(--v7ef713a6)}.work-style .box .content-box .navigation-box .navigation-list .list-item.active .underline[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-list .list-item:hover .underline[data-v-b2cbf6f3]{transform:scaleX(1);transform-origin:center bottom}.work-style .box .content-box .navigation-box .navigation-list .list-item.active .item-bg-img[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-list .list-item:hover .item-bg-img[data-v-b2cbf6f3]{opacity:1}.work-style .box .content-box .navigation-box .navigation-list .list-item.active .list-item-content[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-list .list-item:hover .list-item-content[data-v-b2cbf6f3]{background-color:var(--v6a5f7ad2);border-color:var(--v6a5f7ad2);color:var(--v7ef713a6)}.work-style .box .content-box .navigation-box .navigation-list .list-item .underline[data-v-b2cbf6f3]{background-color:#0072ce;display:block;height:3px;position:absolute;top:100%;transform:scaleX(0);transform-origin:center bottom;transition:all .3s;width:100%}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-list .list-item .underline[data-v-b2cbf6f3]{display:none}}.work-style .box .content-box .navigation-box .navigation-list .list-item .item-bg-img[data-v-b2cbf6f3]{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;width:100%;z-index:0}.work-style .box .content-box .navigation-box .navigation-list .list-item .list-item-content[data-v-b2cbf6f3]{align-items:center;background-color:var(--v425ced38);color:var(--v795904fd);display:flex;flex-direction:column;position:relative;z-index:1}.work-style .box .content-box .navigation-box .navigation-list .list-item .list-item-content p[data-v-b2cbf6f3]{font-weight:var(--v2a5dd45a)}.work-style .box .content-box .navigation-box .navigation-style-1[data-v-b2cbf6f3]{border-radius:var(--v7f7ce651)}.work-style .box .content-box .navigation-box .navigation-style-1 .list-item.active[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-style-1 .list-item[data-v-b2cbf6f3]:hover{background-color:unset;border-color:unset;color:unset}.work-style .box .content-box .navigation-box .navigation-style-1 .list-item.active[data-v-b2cbf6f3]:after,.work-style .box .content-box .navigation-box .navigation-style-1 .list-item.active[data-v-b2cbf6f3]:before,.work-style .box .content-box .navigation-box .navigation-style-1 .list-item[data-v-b2cbf6f3]:hover:after,.work-style .box .content-box .navigation-box .navigation-style-1 .list-item[data-v-b2cbf6f3]:hover:before{border-color:var(--v6a5f7ad2)}.work-style .box .content-box .navigation-box .navigation-style-1 .first[data-v-b2cbf6f3]:before{background-color:var(--v425ced38);border-bottom:solid var(--cd096778);border-bottom-left-radius:var(--v7f7ce651);border-left:solid var(--cd096778);border-top:solid var(--cd096778);border-top-left-radius:var(--v7f7ce651);bottom:0;box-sizing:border-box;content:"";font-size:16px;font-weight:var(--v2a5dd45a);left:-10px;padding:20px;position:absolute;top:0;z-index:1}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-style-1 .first[data-v-b2cbf6f3]:before{border-bottom-width:1px;border-left-width:1px;border-top-width:1px}}.work-style .box .content-box .navigation-box .navigation-style-1 .last[data-v-b2cbf6f3]:after{background-color:var(--v425ced38);border-bottom:solid var(--cd096778);border-bottom-right-radius:var(--v7f7ce651);border-right:solid var(--cd096778);border-top:solid var(--cd096778);border-top-right-radius:var(--v7f7ce651);bottom:0;box-sizing:border-box;content:"";font-size:16px;font-weight:var(--v2a5dd45a);padding:20px;position:absolute;right:-10px;top:0}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-style-1 .last[data-v-b2cbf6f3]:after{border-bottom-width:1px;border-right-width:1px;border-top-width:1px}.work-style .box .content-box .navigation-box .navigation-style-1 .first[data-v-b2cbf6f3]:after,.work-style .box .content-box .navigation-box .navigation-style-1 .first[data-v-b2cbf6f3]:before,.work-style .box .content-box .navigation-box .navigation-style-1 .last[data-v-b2cbf6f3]:after,.work-style .box .content-box .navigation-box .navigation-style-1 .last[data-v-b2cbf6f3]:before{display:none}}.work-style .box .content-box .navigation-box .navigation-style-1 .list-item-content[data-v-b2cbf6f3]{border:solid var(--cd096778);border-radius:var(--v7f7ce651);box-sizing:border-box;padding:var(--v3884ae40);transform:skew(-17deg)}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-style-1 .list-item-content[data-v-b2cbf6f3]{padding:5px 15px;transform:skew(0)}}.work-style .box .content-box .navigation-box .navigation-style-1 .list-item-content p[data-v-b2cbf6f3]{transform:skew(17deg)}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-style-1 .list-item-content p[data-v-b2cbf6f3]{transform:skew(0)}}.work-style .box .content-box .navigation-box .navigation-style-2[data-v-b2cbf6f3]{border-radius:var(--v6dffecd2)}.work-style .box .content-box .navigation-box .navigation-style-2 .list-item[data-v-b2cbf6f3]{border:solid var(--cd096778);border-radius:var(--v6dffecd2);padding:var(--v29216382)}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-style-2 .list-item[data-v-b2cbf6f3]{background-color:#fff;border-color:#00a0e9;border-width:1px;padding:5px 10px}}.work-style .box .content-box .navigation-box .navigation-style-2 .list-item.active[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-style-2 .list-item[data-v-b2cbf6f3]:hover{background-color:var(--v6a5f7ad2);border-color:var(--v6a5f7ad2);color:var(--v7ef713a6)}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-style-2 .list-item.active[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-style-2 .list-item[data-v-b2cbf6f3]:hover{background-color:#00a0e9;border-color:#00a0e9;color:#fff}}.work-style .box .content-box .navigation-box .navigation-style-2 .list-item.active .list-item-content[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-style-2 .list-item:hover .list-item-content[data-v-b2cbf6f3]{background-color:unset;border-color:unset;color:unset}.work-style .box .content-box .navigation-box .navigation-style-3[data-v-b2cbf6f3]{border-radius:var(--v6dffecd2);flex-wrap:nowrap}.work-style .box .content-box .navigation-box .navigation-style-3 .list-item[data-v-b2cbf6f3]{background-color:var(--v425ced38);border:solid var(--cd096778);border-radius:var(--v5c82f353);padding:var(--v19be18c4)}@media(max-width:480px){.work-style .box .content-box .navigation-box .navigation-style-3 .list-item[data-v-b2cbf6f3]{border-width:1px;padding:10px 20px}}.work-style .box .content-box .navigation-box .navigation-style-3 .list-item.active[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-style-3 .list-item[data-v-b2cbf6f3]:hover{background-color:var(--v6a5f7ad2);border-color:var(--v6a5f7ad2);color:var(--v7ef713a6)}.work-style .box .content-box .navigation-box .navigation-style-3 .list-item.active .list-item-content[data-v-b2cbf6f3],.work-style .box .content-box .navigation-box .navigation-style-3 .list-item:hover .list-item-content[data-v-b2cbf6f3]{background-color:unset;border-color:unset;color:unset}.work-style .box .content-box .navigation-box .navigation-style-3 .list-item .list-item-content .item-name[data-v-b2cbf6f3]{font-weight:var(--v2a5dd45a);position:relative}.work-style .box .content-box .navigation-box .navigation-style-3 .list-item .list-item-content .item-name .dividing-line[data-v-b2cbf6f3]{align-items:center;background-color:var(--v1c5ca534);content:"";display:flex;justify-content:center;left:var(--v00e254b8);position:absolute;top:var(--v94ac37d0);width:var(--v1a2ea86e)}.work-style .box .content-box .product-box[data-v-b2cbf6f3]{display:flex;height:100%;justify-content:space-between;margin-top:var(--e922d33c)}@media(max-width:480px){.work-style .box .content-box .product-box[data-v-b2cbf6f3]{flex-direction:column;gap:30px}}.work-style .box .content-box .product-box .right-area[data-v-b2cbf6f3]{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}@media(max-width:480px){.work-style .box .content-box .product-box .right-area[data-v-b2cbf6f3]{width:100%}}.work-style .box .content-box .product-box .right-area .grid-container[data-v-b2cbf6f3]{display:grid;gap:var(--v77f0f841);grid-template-columns:repeat(3,1fr);height:100%}@media(max-width:480px){.work-style .box .content-box .product-box .right-area .grid-container[data-v-b2cbf6f3]{gap:10px;grid-template-columns:repeat(2,1fr)}}.work-style .box .content-box .product-box .right-area .grid-container .small-item[data-v-b2cbf6f3]{height:var(--v1a187a9e);width:100%}@media(max-width:480px){.work-style .box .content-box .product-box .right-area .grid-container .small-item[data-v-b2cbf6f3]{height:var(--v90e8bce6)}}.work-style .box .content-box .product-box .product-item[data-v-b2cbf6f3]{display:flex;flex-direction:column;height:100%;position:relative;transition:all .5s;width:100%}.work-style .box .content-box .product-box .product-item:hover .rect-cut-border[data-v-b2cbf6f3]{opacity:1}.work-style .box .content-box .product-box .product-item:hover .rect-cut-inner .inner-content .info-box[data-v-b2cbf6f3]{animation-duration:.3s;animation-fill-mode:forwards;animation-name:fadeInTop-b2cbf6f3;opacity:1}.work-style .box .content-box .product-box .product-item .rect-cut-border[data-v-b2cbf6f3]{background-color:var(--v5afa6572);height:100%;left:0;opacity:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.work-style .box .content-box .product-box .product-item .rect-cut-border[data-v-b2cbf6f3],.work-style .box .content-box .product-box .product-item .rect-cut-inner[data-v-b2cbf6f3]{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='385' viewBox='0 0 380 385'%3E%3Cpath fill='%23fff' d='M0 18 18 0h344l18 18v349l-18 18H18L0 367Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='385' viewBox='0 0 380 385'%3E%3Cpath fill='%23fff' d='M0 18 18 0h344l18 18v349l-18 18H18L0 367Z'/%3E%3C/svg%3E");mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;position:absolute}.work-style .box .content-box .product-box .product-item .rect-cut-inner[data-v-b2cbf6f3]{background-color:var(--v03dc0666);height:calc(100% - var(--v5c1163d5)*2);left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--v5c1163d5)*2);z-index:2}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content[data-v-b2cbf6f3]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .rect-cut-img[data-v-b2cbf6f3]{display:block;height:var(--v2787f512);left:50%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}@media(max-width:480px){.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .rect-cut-img[data-v-b2cbf6f3]{height:100%}}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .product-name[data-v-b2cbf6f3]{bottom:var(--v230b065b);color:var(--v11b37d33);font-weight:var(--v464eaea8);left:50%;position:absolute;text-align:center;transform:translate(-50%,-50%);width:100%;z-index:2}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .info-box[data-v-b2cbf6f3]{background-color:var(--v5afa6572);box-sizing:border-box;color:var(--v119170f0);display:flex;flex-direction:column;gap:var(--v1eecb11e);min-height:100%;opacity:0;padding:var(--v6470fa59);position:relative;transition:opacity .5s;width:100%;z-index:2}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .info-box .product-name[data-v-b2cbf6f3]{color:var(--v119170f0);position:static;transform:unset}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .info-box .product-resume[data-v-b2cbf6f3]{font-weight:var(--v2c3d5d8a)}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .info-box .info-underline[data-v-b2cbf6f3]{background-color:var(--v119170f0);flex-shrink:0;height:var(--v6445f46e);width:var(--v4e63c59f)}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .info-box .product-physical-box[data-v-b2cbf6f3]{display:flex;flex-direction:column}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .info-box .product-physical-box .physical-item[data-v-b2cbf6f3]{align-items:center;display:flex}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .info-box .product-physical-box .physical-item .dot[data-v-b2cbf6f3]{background-color:var(--v119170f0);border-radius:50%;display:block;height:var(--v56a79145);margin-right:var(--v3a63c34a);width:var(--v56a79145)}.work-style .box .content-box .product-box .product-item .rect-cut-inner .inner-content .info-box .product-physical-box .physical-item .physical-text[data-v-b2cbf6f3]{color:var(--v119170f0);font-weight:var(--v11fc962e);line-height:var(--v308feef1);white-space:pre-line}@keyframes fadeInTop-b2cbf6f3{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.work-style .box .content-box .pagination[data-v-b2cbf6f3]{align-items:center;display:flex;justify-content:center;padding-top:90px;width:100%}@media(max-width:480px){.work-style .box .content-box .pagination[data-v-b2cbf6f3]{flex-wrap:wrap;margin-top:10px}}.work-style .box .content-box .pagination[data-v-b2cbf6f3] .el-pagination .el-pager li{background-color:var(--v610700f0);border:none;border-radius:var(--v25d3680b);color:var(--v68eb2854)}@media(max-width:480px){.work-style .box .content-box .pagination[data-v-b2cbf6f3] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .box .content-box .pagination[data-v-b2cbf6f3] .el-pagination .el-pager li.is-active{background-color:var(--v1565b526);color:var(--b4e32218);font-weight:400}.work-style .box .content-box .pagination[data-v-b2cbf6f3] .btn-next,.work-style .box .content-box .pagination[data-v-b2cbf6f3] .btn-prev{border-radius:var(--v25d3680b)}