.work-style[data-v-dc90cdd2]{background-color:var(--v415d6658);margin:var(--v7fda06cb);padding:var(--v1952de94)}@media(max-width:1200px){.work-style[data-v-dc90cdd2]{margin:var(--f1cce08a);padding:var(--v0bf718b8)}}@media(max-width:480px){.work-style[data-v-dc90cdd2]{margin:var(--v5b5a64e9);padding:var(--a4437794)}}.work-style .content-box[data-v-dc90cdd2]{display:flex;flex-direction:column;width:100%}.work-style .content-box .title-box[data-v-dc90cdd2]{display:flex;position:relative}.work-style .content-box .title-box .title[data-v-dc90cdd2]{color:var(--v1a80b880);font-weight:var(--v5728dcfb)}.work-style .content-box .title-box .title-suffix[data-v-dc90cdd2]{color:var(--v0444b1ef);font-weight:var(--b437dd28)}.work-style .content-box .title-box .title-solid[data-v-dc90cdd2]{left:var(--v8190ec02);position:absolute;top:var(--v483bb85d);transform:translateY(-50%)}.work-style .content-box .title-box .solid-link[data-v-dc90cdd2]{background-color:var(--v3260bc46);width:var(--v285682ce)}.work-style .content-box .title-box .solid-img[data-v-dc90cdd2]{height:var(--v180787d2);width:var(--v543035bb)}@media(max-width:480px){.work-style .content-box .title-box .solid-img[data-v-dc90cdd2]{height:var(--v3d242e18);width:var(--v846faf4e)}}.work-style .content-box .title-box .solid-img img[data-v-dc90cdd2]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.work-style .content-box .content-display-area[data-v-dc90cdd2]{display:grid;gap:var(--v6ddc4228);grid-template-areas:"left right";grid-template-columns:var(--v3abad07c) calc(100% - var(--v3abad07c) - var(--v6ddc4228));margin-top:var(--v945aa95e)}@media(max-width:480px){.work-style .content-box .content-display-area[data-v-dc90cdd2]{background-color:#fff;border:1px solid #f4f4f4;display:flex;flex-direction:column;gap:10px;padding:0}}.work-style .content-box .content-display-area .left-area[data-v-dc90cdd2]{height:var(--v77861244);width:100%}@media(max-width:480px){.work-style .content-box .content-display-area .left-area[data-v-dc90cdd2]{height:var(--v683c1938)}}.work-style .content-box .content-display-area .left-area .main-swiper-box[data-v-dc90cdd2]{align-items:var(--v05be1f09);border-radius:var(--v2108f9d3);display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.work-style .content-box .content-display-area .left-area .main-swiper-box .main-swiper .main-img-box[data-v-dc90cdd2]{border-radius:var(--v2108f9d3);height:var(--v13d838aa);overflow:hidden;width:100%}@media(max-width:480px){.work-style .content-box .content-display-area .left-area .main-swiper-box .main-swiper .main-img-box[data-v-dc90cdd2]{height:auto}}.work-style .content-box .content-display-area .left-area .main-swiper-box .main-swiper .main-img-box img[data-v-dc90cdd2]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:480px){.work-style .content-box .content-display-area .left-area .main-swiper-box .main-swiper .main-img-box img[data-v-dc90cdd2]{-o-object-fit:contain;object-fit:contain}}.work-style .content-box .content-display-area .left-area .swiper-button-left.image[data-v-dc90cdd2],.work-style .content-box .content-display-area .left-area .swiper-button-right.image[data-v-dc90cdd2]{position:absolute;top:50%;transform:translateY(-50%);z-index:2}@media(max-width:480px){.work-style .content-box .content-display-area .left-area .swiper-button-left.image[data-v-dc90cdd2],.work-style .content-box .content-display-area .left-area .swiper-button-right.image[data-v-dc90cdd2]{bottom:50%}}.work-style .content-box .content-display-area .left-area .swiper-button-left.image .iconfont[data-v-dc90cdd2],.work-style .content-box .content-display-area .left-area .swiper-button-right.image .iconfont[data-v-dc90cdd2]{background-color:var(--v33b7c081);border:1px solid var(--v5b15f37a);border-radius:50%;box-sizing:border-box;color:var(--e84a3fe2);cursor:pointer;padding:10px}.work-style .content-box .content-display-area .left-area .swiper-button-left.image .iconfont[data-v-dc90cdd2]:hover,.work-style .content-box .content-display-area .left-area .swiper-button-right.image .iconfont[data-v-dc90cdd2]:hover{background-color:var(--v030dd2bc);border-color:var(--v030dd2bc);color:var(--v27b4aa6d)}.work-style .content-box .content-display-area .left-area .swiper-button-left.image[data-v-dc90cdd2]{left:5%}@media(max-width:480px){.work-style .content-box .content-display-area .left-area .swiper-button-left.image[data-v-dc90cdd2]{left:2%;right:unset}}.work-style .content-box .content-display-area .left-area .swiper-button-right.image[data-v-dc90cdd2]{right:5%}@media(max-width:480px){.work-style .content-box .content-display-area .left-area .swiper-button-right.image[data-v-dc90cdd2]{right:2%}}.work-style .content-box .content-display-area .right-area[data-v-dc90cdd2]{box-sizing:border-box;display:flex;flex-direction:column;grid-area:var(--v5c2e0ab9);height:100%;justify-content:space-between;overflow:hidden;padding:var(--v06edda4e);width:100%}@media(max-width:480px){.work-style .content-box .content-display-area .right-area[data-v-dc90cdd2]{height:auto;padding:10px;width:100%}}.work-style .content-box .content-display-area .right-area .card-content[data-v-dc90cdd2]{display:flex;flex-direction:column}.work-style .content-box .content-display-area .right-area .card-content .card-title[data-v-dc90cdd2]{color:var(--v1afef8a1);font-weight:var(--v6672a0fa)}.work-style .content-box .content-display-area .right-area .card-content .card-desc[data-v-dc90cdd2]{color:var(--v42611fdc);font-weight:var(--v2b55611f);line-height:var(--v09b7d962);margin-top:var(--v36a4c8c0);white-space:pre-line}.work-style .content-box .content-display-area .right-area .card-content .point-box[data-v-dc90cdd2]{box-sizing:border-box;display:grid;gap:var(--v33a508c5);grid-template-columns:repeat(2,1fr);margin-top:var(--b7e07114);padding:var(--v30572680)}.work-style .content-box .content-display-area .right-area .card-content .point-box .point-item[data-v-dc90cdd2]{align-items:center;color:var(--v5fa7ef2e);display:flex;font-weight:var(--v56e78a32)}.work-style .content-box .content-display-area .right-area .card-content .point-box .point-item .dot[data-v-dc90cdd2]{background-color:var(--v5fa7ef2e);border-radius:50%;display:block;height:var(--b351d818);margin-right:var(--v138badbb);width:var(--b351d818)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .more-link-wrapper[data-v-dc90cdd2]{margin-bottom:var(--v5229b2c9)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .more-link-wrapper .more-link[data-v-dc90cdd2]{align-items:center;color:var(--ed9e2fda);display:inline-flex;font-weight:var(--v8302c070)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .more-link-wrapper .more-link[data-v-dc90cdd2]:hover{color:var(--ae3d613a)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .more-link-wrapper .more-link:hover .arrow[data-v-dc90cdd2]{transform:translate(5px)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .more-link-wrapper .more-link .arrow[data-v-dc90cdd2]{margin-left:var(--v7e0b08c8);transition:transform .3s}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .thumb-swiper[data-v-dc90cdd2]{height:var(--v5d4eaa51);margin-left:10px;overflow:visible;padding:var(--v96e8dfb6) 0 var(--v1e67995b)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .thumb-swiper .thumb-slide[data-v-dc90cdd2]{border-radius:var(--v2108f9d3);height:var(--v5091e1a3);transition:transform .3s;width:var(--v34faddca)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .thumb-swiper .thumb-slide.swiper-slide-thumb-active[data-v-dc90cdd2]{transform:scale(var(--cb40ed98));transform-origin:center bottom}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .thumb-swiper .thumb-slide.swiper-slide-thumb-active .thumb-img-box[data-v-dc90cdd2]{border-color:var(--v086e21fe)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .thumb-swiper .thumb-slide.swiper-slide-thumb-active .thumb-img-box .opacity-box[data-v-dc90cdd2]{opacity:1!important}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .thumb-swiper .thumb-slide .thumb-img-box[data-v-dc90cdd2]{border:solid var(--v4eb1b8ca);border-radius:var(--v2108f9d3);cursor:pointer;height:100%;overflow:hidden;position:relative;transition:all .3s;width:100%}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .thumb-swiper .thumb-slide .thumb-img-box img[data-v-dc90cdd2]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .thumb-swiper .thumb-slide .thumb-img-box .opacity-box[data-v-dc90cdd2]{background-color:var(--v0c263aee);border-radius:var(--v2108f9d3);inset:0;opacity:0;overflow:hidden;position:absolute;z-index:0}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .operation-box[data-v-dc90cdd2]{align-items:center;display:flex;gap:var(--v7830db3d);justify-content:var(--v9a49a912);margin-top:var(--v67c01d55)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .operation-box .swiper-button-left.box-right-bottom[data-v-dc90cdd2],.work-style .content-box .content-display-area .right-area .thumb-swiper-box .operation-box .swiper-button-right.box-right-bottom[data-v-dc90cdd2]{position:static}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .operation-box .swiper-button-left.box-right-bottom .iconfont[data-v-dc90cdd2],.work-style .content-box .content-display-area .right-area .thumb-swiper-box .operation-box .swiper-button-right.box-right-bottom .iconfont[data-v-dc90cdd2]{background-color:var(--v33b7c081);border:1px solid var(--v5b15f37a);border-radius:50%;box-sizing:border-box;color:var(--e84a3fe2);cursor:pointer;font-weight:var(--v17b1f2a0);padding:10px}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .operation-box .swiper-button-left.box-right-bottom .iconfont[data-v-dc90cdd2]:hover,.work-style .content-box .content-display-area .right-area .thumb-swiper-box .operation-box .swiper-button-right.box-right-bottom .iconfont[data-v-dc90cdd2]:hover{background-color:var(--v030dd2bc);border-color:var(--v030dd2bc);color:var(--v27b4aa6d)}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .operation-box .number-box[data-v-dc90cdd2]{margin:0 10px}.work-style .content-box .content-display-area .right-area .thumb-swiper-box .operation-box .number-box .number[data-v-dc90cdd2]{color:var(--v6118cb1a);font-weight:var(--v0874fad2);white-space:nowrap}