[data-v-279e78f2]:root{--header-height:48px;--header-height-mobile:60px}@media screen and (max-width:1200px){[data-v-279e78f2]:root{--header-height:60px}}.VideoComponent[data-v-279e78f2]{width:100%}.VideoComponent .image-type[data-v-279e78f2]{font-size:.14rem;left:0;line-height:1;margin:.2rem 0 .5rem;position:sticky;text-align:center;top:0}.VideoComponent .image-type .image-type-item[data-v-279e78f2]{border:1px solid #d8d8d8;color:#7e7e7e;cursor:pointer;display:inline-block;height:.36rem;line-height:.36rem;margin:0 .05rem;padding:0 .25rem}.VideoComponent .image-type .image-type-item[data-v-279e78f2]:hover{background-color:#d8d8d8}.VideoComponent .image-type .image-type-item.active[data-v-279e78f2]{background:#d38a3d;color:#fff}.VideoComponent .video-warp[data-v-279e78f2]{display:grid;grid-template-columns:repeat(3,1fr);width:100%;grid-column-gap:.35rem;grid-row-gap:.7rem;font-size:.16rem;margin-top:.15rem}.VideoComponent .video-warp .item[data-v-279e78f2]{overflow:hidden;width:100%}.VideoComponent .video-warp .item .item-cover[data-v-279e78f2]{height:2.48rem;width:100%}.VideoComponent .video-warp .item .item-title[data-v-279e78f2]{font-size:.18rem;font-weight:600;line-height:.27rem;margin:.2rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.VideoComponent .video-warp .item .item-date i[data-v-279e78f2]{margin-right:.1rem}.VideoComponent .page[data-v-279e78f2]{height:.5rem;line-height:1!important;margin:.5rem 0;overflow:hidden;text-align:center}.VideoComponent .page.pc-page[data-v-279e78f2]{display:block}.VideoComponent .page.mobile-page[data-v-279e78f2]{display:none}.VideoComponent .image-view[data-v-279e78f2]{background:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.VideoComponent .image-view .video-container[data-v-279e78f2]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - .7rem);width:100%;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5rem 0}.VideoComponent .image-view .video-container .video-content[data-v-279e78f2]{height:100%;text-align:center;width:50%}.VideoComponent .image-view .video-container .video-content .video-content-warp[data-v-279e78f2]{height:calc(100% - 1rem)}.VideoComponent .image-view .video-container .video-content .video-intro[data-v-279e78f2]{-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:.16rem;height:.5rem;margin-top:.25rem;padding:0 .1rem;text-align:left}.VideoComponent .image-view .video-container .video-content video[data-v-279e78f2]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.VideoComponent .image-view .video-container .next[data-v-279e78f2]{background:url(https://e-static.franklinwh.us/website/office/dist_V_1752481896084/assets/images/gallery/next.png) 50%/cover no-repeat;height:.5rem;width:.5rem}.VideoComponent .image-view .video-container .prev[data-v-279e78f2]{background:url(https://e-static.franklinwh.us/website/office/dist_V_1752481896084/assets/images/gallery/prev.png) 50%/cover no-repeat;height:.5rem;width:.5rem}.VideoComponent .image-view .video-container .next[data-v-279e78f2],.VideoComponent .image-view .video-container .prev[data-v-279e78f2]{cursor:pointer;text-align:center}.VideoComponent .image-view .video-container .next i[data-v-279e78f2],.VideoComponent .image-view .video-container .prev i[data-v-279e78f2]{color:#fff;cursor:pointer;font-size:.5rem}.VideoComponent .image-view .control[data-v-279e78f2]{background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;height:.7rem;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:.18rem;padding:0 .3rem}.VideoComponent .image-view .control .title[data-v-279e78f2]{color:#fff;height:100px;line-height:1rem;padding-left:.5rem}.VideoComponent .image-view .control .control-right span[data-v-279e78f2]{display:inline-block;margin:0 .1rem}.VideoComponent .image-view .control a[data-v-279e78f2]{display:inline-block;height:.3rem;line-height:.3rem}.VideoComponent .image-view .control .download[data-v-279e78f2]{color:#fff;font-size:.2rem}.VideoComponent .image-view .close[data-v-279e78f2]{background:url(https://e-static.franklinwh.us/website/office/dist_V_1752481896084/assets/images/gallery/close.png) 50%/cover no-repeat;cursor:pointer;height:.3rem;line-height:.5rem;position:absolute;right:1rem;top:1.5rem;width:.3rem;z-index:99999}.VideoComponent .image-view .close i[data-v-279e78f2]{color:#fff;font-size:50px;line-height:50px}@media screen and (max-width:1023px){.VideoComponent .video-warp[data-v-279e78f2]{grid-template-columns:repeat(2,1fr);margin:0 auto;width:95%}}@media screen and (max-width:768px){.VideoComponent[data-v-279e78f2]{width:100%}.VideoComponent .image-type[data-v-279e78f2]{margin:.2rem 0;text-align:left}.VideoComponent .image-type .image-type-item[data-v-279e78f2]{border-radius:.3rem;font-size:.24rem;height:.48rem;line-height:.48rem;margin-bottom:.2rem}.VideoComponent .image-type .image-type-item.active[data-v-279e78f2]{border:1px solid #000;color:#000}.VideoComponent .video-warp[data-v-279e78f2]{grid-template-columns:repeat(1,1fr);margin:0 auto;width:95%}.VideoComponent .video-warp .item[data-v-279e78f2]{width:100%}.VideoComponent .video-warp .item .item-cover[data-v-279e78f2]{height:4.96rem;width:100%}.VideoComponent .video-warp .item .item-title[data-v-279e78f2]{font-size:.36rem;font-weight:600;height:.4rem;line-height:.36rem;margin:.4rem 0 .3rem}.VideoComponent .video-warp .item .item-date[data-v-279e78f2]{font-size:.28rem}.VideoComponent .video-warp .item .item-date i[data-v-279e78f2]{font-size:.28rem;margin-right:.1rem}.VideoComponent .page.pc-page[data-v-279e78f2]{display:none}.VideoComponent .page.mobile-page[data-v-279e78f2]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;width:95%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.16rem}.VideoComponent .page.mobile-page .page-item[data-v-279e78f2]{background-color:#d38a3d;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;padding:10px;width:30%}.VideoComponent .image-view[data-v-279e78f2]{background:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.VideoComponent .image-view .video-container[data-v-279e78f2]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 1rem);width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.VideoComponent .image-view .video-container .video-content[data-v-279e78f2]{text-align:center;width:100%}.VideoComponent .image-view .video-container .video-content video[data-v-279e78f2]{margin:0 auto}.VideoComponent .image-view .video-container .video-content .video-intro[data-v-279e78f2]{font-size:.24rem;height:1.2rem;line-height:1.2;overflow-x:hidden;overflow-y:auto;white-space:pre-wrap}.VideoComponent .image-view .video-container .next[data-v-279e78f2],.VideoComponent .image-view .video-container .prev[data-v-279e78f2]{display:none}.VideoComponent .image-view .control[data-v-279e78f2]{display:block;height:1rem;text-align:center}.VideoComponent .image-view .control .title[data-v-279e78f2]{font-size:.24rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.VideoComponent .image-view .control .control-right[data-v-279e78f2]{height:.4rem}.VideoComponent .image-view .control .control-right .download-btn[data-v-279e78f2]{display:none}}