@-webkit-keyframes menu-data-v-162d5230{0%{opacity:0}50%{opacity:.5}to{opacity:1;transform:translateY(0)}}@keyframes menu-data-v-162d5230{0%{opacity:0}50%{opacity:.5}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes worksTitle-data-v-162d5230{0%{transform:translateX(-160%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translateY(0)}}@keyframes worksTitle-data-v-162d5230{0%{transform:translateX(-160%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes worksTitle2-data-v-162d5230{0%{transform:translateY(160%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translateY(0)}}@keyframes worksTitle2-data-v-162d5230{0%{transform:translateY(160%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes worksDesc-data-v-162d5230{0%{transform:translateY(100%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translateY(0)}}@keyframes worksDesc-data-v-162d5230{0%{transform:translateY(100%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes worksItem-data-v-162d5230{0%{opacity:0}50%{opacity:.3}to{opacity:1;transform:translateY(0)}}@keyframes worksItem-data-v-162d5230{0%{opacity:0}50%{opacity:.3}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes mattLogo-data-v-162d5230{0%{opacity:0}99%{opacity:.99}to{opacity:0}}@keyframes mattLogo-data-v-162d5230{0%{opacity:0}99%{opacity:.99}to{opacity:0}}@-webkit-keyframes mattLogo1-data-v-162d5230{0%{opacity:0}1%{opacity:.5}to{opacity:1;transform:translateX(0)}}@keyframes mattLogo1-data-v-162d5230{0%{opacity:0}1%{opacity:.5}to{opacity:1;transform:translateX(0)}}.page-project-detail .banner[data-v-162d5230]{width:100%;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative;margin-bottom:.208333rem}.page-project-detail .banner .text[data-v-162d5230]{position:absolute;left:0;bottom:0;background-image:linear-gradient(transparent,rgba(0,0,0,.5));padding-left:.416667rem;width:100%;box-sizing:border-box;padding-bottom:.15625rem}.page-project-detail .banner .text .ts[data-v-162d5230]{font-size:.15625rem;color:#fff;line-height:1.3;margin-bottom:.078125rem;font-family:Noto Sans SC;font-weight:300}.page-project-detail .banner .text .td[data-v-162d5230]{font-size:.104167rem;color:#fff;line-height:.125rem;font-family:Noto Sans SC;font-weight:300}.page-project-detail .banner .watermark-box[data-v-162d5230]{position:absolute;right:.15625rem;bottom:.15625rem;font-size:.0625rem;color:#262626}.page-project-detail .container[data-v-162d5230]{padding-bottom:.520833rem;box-sizing:border-box}.page-project-detail .container .page1[data-v-162d5230]{display:flex;justify-content:space-between;margin-bottom:.208333rem;padding:0 1.25rem}.page-project-detail .container .page1 .data .item[data-v-162d5230]{margin-bottom:.104167rem}.page-project-detail .container .page1 .data .item[data-v-162d5230]:last-child{margin-bottom:0}.page-project-detail .container .page1 .data .item span[data-v-162d5230]{display:block}.page-project-detail .container .page1 .data .item span.t1[data-v-162d5230]{color:#949495;font-size:.083333rem;font-family:Noto Sans SC;font-weight:500;line-height:1.3}.page-project-detail .container .page1 .data .item span.t2[data-v-162d5230]{color:#000;font-size:.09375rem;font-family:Noto Sans SC;font-weight:400;line-height:1.3}.page-project-detail .container .page1 .dec[data-v-162d5230]{width:4.239583rem}.page-project-detail .container .page1 .dec p[data-v-162d5230]{font-size:.09375rem;color:#3e3a39;line-height:1.4;margin-bottom:.104167rem;font-family:Noto Sans SC;font-weight:300;text-align:justify}.page-project-detail .container .page2 .photo-l[data-v-162d5230]{width:7.5rem;margin-bottom:.4375rem}.page-project-detail .container .page2 .photo-l img[data-v-162d5230]{width:7.5rem}.page-project-detail .container .page2 .info-r[data-v-162d5230]{width:5rem;margin:0 auto;padding-bottom:.4375rem}.page-project-detail .container .page2 .info-r .dec p[data-v-162d5230]{font-size:.09375rem;color:#3e3a39;line-height:1.4;font-family:Noto Sans SC;font-weight:300;text-align:justify}.page-project-detail .container .page3 .img[data-v-162d5230]{margin-bottom:.4375rem}.page-project-detail .container .page3 .img img[data-v-162d5230]{width:100%}.page-project-detail .container .page3 .info[data-v-162d5230]{width:5rem;margin:0 auto;padding-bottom:.4375rem}.page-project-detail .container .page3 .info p[data-v-162d5230]{font-size:.09375rem;color:#3e3a39;line-height:1.4;font-family:Noto Sans SC;font-weight:300;text-align:justify}.page-project-detail .container .page4[data-v-162d5230]{width:5rem;margin:0 auto .4375rem}.page-project-detail .container .page4 .img[data-v-162d5230]{margin-bottom:.4375rem}.page-project-detail .container .page4 .img img[data-v-162d5230]{width:5rem}.page-project-detail .container .page4 .info[data-v-162d5230]{padding-bottom:.4375rem}.page-project-detail .container .page4 .info p[data-v-162d5230]{font-size:.09375rem;color:#3e3a39;line-height:1.4;font-family:Noto Sans SC;font-weight:300;text-align:justify}.page-project-detail .container .page5 .imgs[data-v-162d5230]{display:flex;justify-content:space-between;margin-bottom:.4375rem}.page-project-detail .container .page5 .imgs .img[data-v-162d5230]{width:4.958333rem;height:3.3125rem;background-position:50%;background-repeat:no-repeat;background-size:cover}.page-project-detail .container .page5 .imgs .img img[data-v-162d5230]{width:100%}.page-project-detail .container .page5 .info[data-v-162d5230]{width:5rem;margin:0 auto;padding-bottom:.4375rem}.page-project-detail .container .page5 .info p[data-v-162d5230]{font-size:.09375rem;color:#3e3a39;line-height:1.4;font-family:Noto Sans SC;font-weight:300;text-align:justify}.page-project-detail .container .page6 .photo-l[data-v-162d5230]{display:flex;justify-content:flex-end;width:100%;margin-bottom:.4375rem}.page-project-detail .container .page6 .photo-l img[data-v-162d5230]{width:7.5rem}.page-project-detail .container .page6 .info-r[data-v-162d5230]{width:5rem;margin:0 auto;padding-bottom:.4375rem}.page-project-detail .container .page6 .info-r .dec p[data-v-162d5230]{font-size:.09375rem;color:#3e3a39;line-height:1.4;font-family:Noto Sans SC;font-weight:300;text-align:justify}.page-project-detail .container .related-projects[data-v-162d5230]{width:7.5rem;margin:0 auto}.page-project-detail .container .related-projects .tit[data-v-162d5230]{text-align:center;color:#949495;font-size:.3125rem;font-family:Noto Sans SC;font-weight:400;margin-bottom:.15625rem}.page-project-detail .container .related-projects .list[data-v-162d5230]{overflow:hidden}.page-project-detail .container .related-projects .list .item[data-v-162d5230]{height:1.734375rem;width:2.458333rem;float:left;position:relative;box-sizing:border-box;margin-right:.0625rem;overflow:hidden}.page-project-detail .container .related-projects .list .item[data-v-162d5230]:nth-child(3){margin-right:0}.page-project-detail .container .related-projects .list .item a[data-v-162d5230]{display:block;width:100%;height:100%}.page-project-detail .container .related-projects .list .item a:hover .title[data-v-162d5230]{opacity:1;height:100%;background:linear-gradient(-180deg,rgba(0,0,0,.6),transparent 100%) no-repeat}.page-project-detail .container .related-projects .list .item a:hover .title p[data-v-162d5230],.page-project-detail .container .related-projects .list .item a:hover .title span[data-v-162d5230]{transform:translateZ(0)}.page-project-detail .container .related-projects .list .item a:hover img[data-v-162d5230]{transform:scale3d(1.1,1.1,1)}.page-project-detail .container .related-projects .list .item img[data-v-162d5230]{width:100%;height:100%;display:block;background-size:cover;background-position:50%;transition:transform 1s}.page-project-detail .container .related-projects .list .item .title[data-v-162d5230]{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease-in-out;opacity:0}.page-project-detail .container .related-projects .list .item .title p[data-v-162d5230],.page-project-detail .container .related-projects .list .item .title span[data-v-162d5230]{font-size:.135417rem;color:#fff;width:80%;line-height:1.5;transform:translate3d(0,.052083rem,0);transition:opacity .35s,transform .35s;display:block;text-align:center}.page-project-detail .container .related-projects .list .item .title span[data-v-162d5230]{font-size:.114583rem}@media only screen and (max-width:821px){.page-project-detail[data-v-162d5230]{padding-top:1.3333333333rem}.page-project-detail .banner[data-v-162d5230]{width:100%;height:6rem;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative;margin-bottom:.5333333333rem}.page-project-detail .banner .text[data-v-162d5230]{position:absolute;left:0;bottom:0;height:1.8666666667rem;background-image:linear-gradient(transparent,rgba(0,0,0,.5));padding-left:.4266666667rem;padding-right:.4266666667rem;width:100%;box-sizing:border-box}.page-project-detail .banner .text .ts[data-v-162d5230]{font-size:.4266666667rem;color:#fff;margin-bottom:.2rem}.page-project-detail .banner .text .td[data-v-162d5230]{font-size:.32rem;color:#fff;line-height:1.6}.page-project-detail .banner .watermark-box[data-v-162d5230]{position:absolute;right:.4rem;bottom:.4rem;font-size:.3466666667rem;color:#262626}.page-project-detail .container[data-v-162d5230]{padding-bottom:1.3333333333rem;box-sizing:border-box}.page-project-detail .container .page1[data-v-162d5230]{display:block;justify-content:space-between;margin-bottom:.8rem;padding:0 .4666666667rem}.page-project-detail .container .page1 .data[data-v-162d5230]{margin-bottom:.8rem}.page-project-detail .container .page1 .data .item[data-v-162d5230]{margin-bottom:.4rem}.page-project-detail .container .page1 .data .item span[data-v-162d5230]{margin-right:0}.page-project-detail .container .page1 .data .item span.t1[data-v-162d5230]{font-size:.32rem;font-family:Noto Sans SC}.page-project-detail .container .page1 .data .item span.t2[data-v-162d5230]{font-size:.3466666667rem;font-family:Noto Sans SC}.page-project-detail .container .page1 .dec[data-v-162d5230]{width:100%}.page-project-detail .container .page1 .dec p[data-v-162d5230]{font-size:.3466666667rem;margin-bottom:.4rem}.page-project-detail .container .page2 .photo-l[data-v-162d5230]{width:100%;height:auto;margin-bottom:.8rem}.page-project-detail .container .page2 .photo-l img[data-v-162d5230]{width:100%;height:auto}.page-project-detail .container .page2 .info-r[data-v-162d5230]{width:9.0666666667rem;margin:0 auto;padding-bottom:.8rem}.page-project-detail .container .page2 .info-r .dec p[data-v-162d5230]{font-size:.3466666667rem;line-height:1.6}.page-project-detail .container .page3 .img[data-v-162d5230]{margin-bottom:.8rem}.page-project-detail .container .page3 .img img[data-v-162d5230]{width:100%}.page-project-detail .container .page3 .info[data-v-162d5230]{width:9.0666666667rem;margin:0 auto;padding-bottom:.8rem}.page-project-detail .container .page3 .info p[data-v-162d5230]{font-size:.3466666667rem;line-height:1.6}.page-project-detail .container .page4[data-v-162d5230]{width:9.0666666667rem;margin:0 auto .8rem}.page-project-detail .container .page4 .img[data-v-162d5230]{margin-bottom:.8rem}.page-project-detail .container .page4 .img img[data-v-162d5230]{width:9.0666666667rem}.page-project-detail .container .page4 .info[data-v-162d5230]{padding-bottom:.8rem}.page-project-detail .container .page4 .info p[data-v-162d5230]{font-size:.3466666667rem;line-height:1.6}.page-project-detail .container .page5 .imgs[data-v-162d5230]{display:block;margin-bottom:.8rem;width:100%}.page-project-detail .container .page5 .imgs .img[data-v-162d5230]{width:100%;margin-bottom:.4rem;margin-right:0;height:6.68rem}.page-project-detail .container .page5 .imgs .img img[data-v-162d5230]{width:100%}.page-project-detail .container .page5 .info[data-v-162d5230]{width:9.0666666667rem;margin:0 auto;padding-bottom:.8rem}.page-project-detail .container .page5 .info p[data-v-162d5230]{font-size:.3466666667rem;line-height:1.6}.page-project-detail .container .page6 .photo-l[data-v-162d5230]{width:100%;height:auto;margin-bottom:.8rem;display:block}.page-project-detail .container .page6 .photo-l img[data-v-162d5230]{width:100%;height:auto}.page-project-detail .container .page6 .info-r[data-v-162d5230]{width:9.0666666667rem;margin:0 auto;padding-bottom:.8rem}.page-project-detail .container .page6 .info-r .dec p[data-v-162d5230]{font-size:.3466666667rem;line-height:1.6}.page-project-detail .container .related-projects[data-v-162d5230]{width:8rem;margin:0 auto}.page-project-detail .container .related-projects .tit[data-v-162d5230]{text-align:center;color:#949495;font-size:.5333333333rem;font-family:Noto Sans SC;margin-bottom:.8rem}.page-project-detail .container .related-projects .list[data-v-162d5230]{overflow:hidden}.page-project-detail .container .related-projects .list .item[data-v-162d5230]{height:5.64rem;width:8rem;float:left;position:relative;box-sizing:border-box;margin-right:0;overflow:hidden;margin-bottom:.4rem}.page-project-detail .container .related-projects .list .item[data-v-162d5230]:nth-child(3){margin-right:0}.page-project-detail .container .related-projects .list .item a[data-v-162d5230]{display:block;width:100%;height:100%}.page-project-detail .container .related-projects .list .item a:hover .title[data-v-162d5230]{opacity:1;height:100%;background:linear-gradient(-180deg,rgba(0,0,0,.6),transparent 100%) no-repeat}.page-project-detail .container .related-projects .list .item a:hover .title p[data-v-162d5230],.page-project-detail .container .related-projects .list .item a:hover .title span[data-v-162d5230]{transform:translateZ(0)}.page-project-detail .container .related-projects .list .item a:hover img[data-v-162d5230]{transform:scale3d(1.1,1.1,1)}.page-project-detail .container .related-projects .list .item img[data-v-162d5230]{width:100%;height:100%;display:block;background-size:cover;background-position:50%;transition:transform 1s}.page-project-detail .container .related-projects .list .item .title[data-v-162d5230]{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease-in-out;opacity:1}.page-project-detail .container .related-projects .list .item .title p[data-v-162d5230],.page-project-detail .container .related-projects .list .item .title span[data-v-162d5230]{font-size:.3466666667rem;color:#fff;width:80%;line-height:1.5;transform:translate3d(0,.052083rem,0);transition:opacity .35s,transform .35s;display:block;text-align:center}.page-project-detail .container .related-projects .list .item .title span[data-v-162d5230]{font-size:.32rem}}