.work-style[data-v-311b9a99]{background-color:var(--fd201b74);margin:var(--7133b71d)}@media (max-width:1200px){.work-style[data-v-311b9a99]{margin:var(--c1278de6);padding:var(--27f216dc)}}@media (max-width:480px){.work-style[data-v-311b9a99]{margin:var(--06e98a8a);padding:var(--32c828a4)}}.work-style .box[data-v-311b9a99]{background-repeat:no-repeat;background-size:cover}.work-style .container-default[data-v-311b9a99]{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--532f3882)}.work-style .container-default .breadcrumb[data-v-311b9a99]{box-sizing:border-box;padding-bottom:var(--4037ceca)}@media (max-width:480px){.work-style .container-default .breadcrumb[data-v-311b9a99]{padding-bottom:20px}}@media (max-width:480px){.work-style .container-default .breadcrumb[data-v-311b9a99] .el-breadcrumb{display:flex}}.work-style .container-default .breadcrumb[data-v-311b9a99] .el-breadcrumb .el-breadcrumb__item{padding-right:var(--63b56841)}.work-style .container-default .breadcrumb[data-v-311b9a99] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner{color:var(--3dde5a91);font-weight:var(--5577b58e)}.work-style .container-default .breadcrumb[data-v-311b9a99] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner a{color:var(--3dde5a91)}.work-style .container-default .breadcrumb[data-v-311b9a99] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner a:hover{color:var(--4ca3712b)}.work-style .container-default .breadcrumb[data-v-311b9a99] .el-breadcrumb .el-breadcrumb__item .el-icon{padding-left:calc(var(--63b56841) - 6px)}.work-style .container-default .breadcrumb[data-v-311b9a99] .el-breadcrumb .el-breadcrumb__item:nth-last-child(2) .el-icon{color:var(--1ba5be9b);font-weight:var(--318bb76f)}.work-style .container-default .breadcrumb[data-v-311b9a99] .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--1ba5be9b);font-weight:var(--318bb76f)}.work-style .container-default .breadcrumb[data-v-311b9a99] .el-breadcrumb .el-breadcrumb__item.is-last-crumb a{color:var(--1ba5be9b)!important;font-weight:var(--318bb76f)}.work-style .container-default .navigation-box[data-v-311b9a99]{display:flex;justify-content:var(--527905f5);margin-bottom:var(--3f018141);width:100%}.work-style .container-default .navigation-box .navigation[data-v-311b9a99]{background-color:var(--245a920d);border-radius:var(--beae28b4);box-shadow:var(--a820f7fa);box-sizing:border-box;display:flex;gap:var(--27ed83e4);padding:var(--059d8f49)}@media (max-width:480px){.work-style .container-default .navigation-box .navigation[data-v-311b9a99]{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);text-align:center;width:100%}}.work-style .container-default .navigation-box .navigation .list[data-v-311b9a99]{background-color:var(--245a920d);border-radius:var(--5d719259);box-sizing:border-box;color:var(--030dc570);font-weight:var(--4940c56f);padding:var(--48037694)}@media (max-width:480px){.work-style .container-default .navigation-box .navigation .list[data-v-311b9a99]{padding:16px 20px}}.work-style .container-default .navigation-box .navigation .list.active[data-v-311b9a99],.work-style .container-default .navigation-box .navigation .list[data-v-311b9a99]:hover{background-color:var(--4266cae2);color:var(--20b8c8d4)}.work-style .container-default .case-box[data-v-311b9a99]{display:grid;gap:80px;grid-template-columns:repeat(2,1fr);width:100%}@media (max-width:480px){.work-style .container-default .case-box[data-v-311b9a99]{gap:20px}}.work-style .container-default .case-box .case-item[data-v-311b9a99]{background-color:#f2f2f2;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:var(--68dfc296);padding:60px 74px 47px 76px}@media (max-width:480px){.work-style .container-default .case-box .case-item[data-v-311b9a99]{height:calc(var(--68dfc296)/2);padding:10px}}.work-style .container-default .case-box .case-item:hover .text-box .title[data-v-311b9a99]{color:#0085d0}.work-style .container-default .case-box .case-item:hover .video-box video[data-v-311b9a99]{display:block}.work-style .container-default .case-box .case-item:hover .video-box img[data-v-311b9a99]{filter:blur(3px)}.work-style .container-default .case-box .case-item:hover .img-box img[data-v-311b9a99]{transform:scale(1.1)}.work-style .container-default .case-box .case-item:hover .bottom-more .iconfont[data-v-311b9a99]{color:#0085d0;font-weight:600;transform:translate(100%)}.work-style .container-default .case-box .case-item .text-box[data-v-311b9a99]{text-align:left}.work-style .container-default .case-box .case-item .video-box[data-v-311b9a99]{background-color:#333;border-radius:10px;height:300px;margin-top:55px;overflow:hidden}@media (max-width:480px){.work-style .container-default .case-box .case-item .video-box[data-v-311b9a99]{height:calc(var(--68dfc296)/2)}}.work-style .container-default .case-box .case-item .video-box video[data-v-311b9a99]{display:none;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.work-style .container-default .case-box .case-item .video-box img[data-v-311b9a99]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.work-style .container-default .case-box .case-item .img-box[data-v-311b9a99]{background-color:#333;border-radius:10px;height:300px;margin-top:55px;overflow:hidden}.work-style .container-default .case-box .case-item .img-box img[data-v-311b9a99]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.work-style .container-default .case-box .case-item .bottom-more[data-v-311b9a99]{display:flex;justify-content:space-between;margin-top:40px}.work-style .container-default .case-box .case-item .bottom-more .text[data-v-311b9a99]{color:#333;font-size:var(--web-font-size-18);font-weight:400}.work-style .container-default .case-box .case-item .bottom-more .iconfont[data-v-311b9a99]{color:var(--66ac5270);font-weight:var(--1e2140ba);transition:all .4s}.work-style .container-default .pagination[data-v-311b9a99]{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:var(--91d8bff6);width:100%}@media (max-width:480px){.work-style .container-default .pagination[data-v-311b9a99]{margin-top:calc(var(--91d8bff6)/2)}.work-style .container-default .pagination .pag[data-v-311b9a99]{align-items:center;display:flex;justify-content:center}}.work-style .container-default .pagination .pag[data-v-311b9a99] .el-pagination .el-pager li{background-color:var(--119df393);border:var(--ba4ceca4);border-radius:var(--17be67e0);color:var(--68ff3cbe)}@media (max-width:480px){.work-style .container-default .pagination .pag[data-v-311b9a99] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .container-default .pagination .pag[data-v-311b9a99] .el-pagination .el-pager li.is-active{background-color:var(--a4868854);color:var(--7391808a)}.work-style .container-default .pagination .pag[data-v-311b9a99] .btn-prev,.work-style .container-default .pagination .pag[data-v-311b9a99] .btn-next{background-color:var(--e8a6897a);border-radius:var(--17be67e0);color:var(--bb77f55e)}