.breadcrumb-box{padding:20px 10px;background:#fff;margin:10px 0}.breadcrumb-box>span>a{text-decoration:none;font-size:1rem;color:var(--primary-font-color, #000);line-height:20px}.home-catagory{width:100%;padding:30px 0;box-sizing:border-box}.home-catagory>.catagory-container{display:grid;grid-template-columns:repeat(3,32%);gap:20px calc(4% / 3);width:100%;margin:0 auto}.home-catagory>.catagory-container>a{display:block;width:100%;height:100%;cursor:pointer;position:relative;border-radius:8px;overflow:hidden;box-shadow:1px 1px 10px #666}.home-catagory>.catagory-container>a:hover{box-shadow:1px 1px 20px #000}.home-catagory>.catagory-container>a>img{width:100%;height:100%}.home-catagory>.catagory-container>a:nth-of-type(4n) p{background:var(--second-color, #aaa700)}.home-catagory>.catagory-container>a:nth-of-type(4n+1) p{background:var(--third-color, #ae4832)}.home-catagory>.catagory-container>a:nth-of-type(4n+2) p{background:var(--forth-color, #287bc9)}.home-catagory>.catagory-container>a:nth-of-type(4n+3) p{background:var(--primary-color, #000)}.home-catagory>.catagory-container>a>p{position:absolute;top:5%;right:-40%;margin:0;font-family:Reggae One,cursive;letter-spacing:2px;text-align:center;color:#fff;overflow:hidden;font-size:1.4rem;font-weight:600;height:3rem;line-height:3rem;width:100%;transform:rotate(45deg)}@media screen and (max-width: 600px){.home-catagory{padding:10px 0;overflow-x:auto}.home-catagory>.catagory-container{display:flex;gap:10px;width:fit-content;padding:10px 20px}.home-catagory>.catagory-container>a{width:240px;height:160px}.home-catagory>.catagory-container>a>p{font-size:1.2rem;top:10px;right:-95px;height:2rem;line-height:2rem}}.collapse-box .collapse-title{cursor:pointer;display:flex;align-items:center;height:34px;line-height:34px}.collapse-box .collapse-title p{font-size:1rem;font-weight:700}.collapse-box .collapse-title svg{transition:transform .3s}.collapse-box .collapse-title.active svg{transform:rotate(90deg)}.collapse-box .collapse-box{max-height:0;transition:.3s ease-in-out;overflow:hidden}.collapse-box .collapse-box.active{max-height:fit-content}@keyframes scrolling-image{0%{transform:translate(0)}to{transform:translate(calc(-100% + var(--parent-width) + 0px))}}.company-carousel{box-sizing:border-box;width:100%;overflow:hidden}.company-carousel .notice{padding:10px 0;font-size:.8rem;color:#666}.company-carousel .carousel-container{display:flex;gap:10px;width:max-content;height:140px;animation:scrolling-image 20s linear infinite}.company-carousel .carousel-container:hover{animation-play-state:paused}.company-carousel .carousel-container>a{box-sizing:border-box;display:block;width:var(--width);height:100%;overflow:hidden;border-radius:10px;border:1px solid #acacac}.company-carousel .carousel-container>a img{width:100%;height:100%;transition:transform .4s}.company-carousel .carousel-container>a img:hover{transform:scale(1.5) translateZ(100px)}.flex-box{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.flex-box>.card{display:flex;flex-wrap:wrap;width:100%;padding:10px;border:1px solid #ccc;cursor:pointer;box-sizing:border-box;border-radius:8px;color:#000}.flex-box>.card:hover{box-shadow:1px 1px 10px #ccc}.flex-box>.card>img{width:100%;height:200px}.flex-box>.card>p{margin-top:4px}@media all and (max-width: 600px){.flex-box{grid-template-columns:repeat(2,1fr);padding:0}.flex-box>.card{padding:0;overflow:hidden;height:190px;position:relative}.flex-box>.card img{position:absolute;height:100%;width:100%}.flex-box>.card>p{background-color:var(--primary-color, #000);filter:opacity(.8);color:#fff;width:100%;padding:10px 6px;box-sizing:border-box;margin:0;position:absolute;height:fit-content;bottom:0}}@keyframes animation{0%{background-position:0% 0}to{background-position:-190% 0}}.jplife-footer{width:100%;background-image:radial-gradient(ellipse farthest-side at 10% 0%,var(--second-bg-color, #000) 0%,#101619 60%,var(--second-bg-color, #000) 100%)}.jplife-footer .container{display:flex;flex-wrap:wrap;background-repeat:no-repeat;background-position:left;align-items:flex-end;padding:20px;box-sizing:border-box}.jplife-footer .container img{width:100px}.jplife-footer .container .connect-box{color:#fff;width:100%;display:flex;flex-wrap:wrap;justify-content:end;padding-bottom:20px;gap:20px}.jplife-footer .container .connect-box>div{width:100%}.jplife-footer .container .connect-box>div:nth-of-type(1){flex:1}.jplife-footer .container .connect-box>div nav{text-decoration:none;padding:none}.jplife-footer .container .connect-box>div nav li{list-style:none;padding-top:6px}.jplife-footer .container .connect-box>div nav li a{color:#fff;font-size:1rem;letter-spacing:2px}.jplife-footer .container .connect-box>div:nth-of-type(2){width:100px;display:flex;flex-wrap:wrap;gap:10px}.jplife-footer .container .connect-box .qr-box figcaption{text-align:center}.jplife-footer .container .connect-box .qr-box img{width:100px}.jplife-footer .container .connect-box .outlink{display:flex;grid-column:8;justify-content:flex-end}.jplife-footer .container .connect-box .outlink>li{display:flex;align-items:center}.jplife-footer .container .connect-box .outlink>li>a{display:flex;width:1.5rem;padding:0 4px;justify-content:center;align-items:center}.jplife-footer .container .connect-box .outlink>li>a img{width:100%}.jplife-footer .container .connect-box .outlink>li.mobile-icon{display:none}@media screen and (max-width: 600px){.jplife-footer .container .connect-box .outlink>li.mobile-icon{display:block}}.jplife-footer .container .blink-text{position:relative;text-align:center;font-size:1rem;word-spacing:2px;font-weight:700;color:transparent;background-color:#fff;-webkit-background-clip:text;background-clip:text;width:100%}.jplife-footer .container .blink-text:after{content:attr(data-nikename);position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background-image:linear-gradient(120deg,#fff 50%,#000,#fff 70%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;background-repeat:no-repeat;animation:animation 2s infinite linear}.form-select{padding-top:10px;display:flex;gap:10px}.form-select .ant-form-item-control{width:200px}@media all and (max-width: 600px){.form-select{flex-wrap:nowrap}.form-select .ant-form-item-label{display:none}.form-select .ant-form-item-control{width:120px}}.jplf-header{display:grid;grid-template-columns:repeat(8,1fr);justify-content:space-between;align-items:center;width:100%;height:var(--header-height, 60px);background:var(--second-bg-color, #000)}.jplf-header>.logo{height:100%;display:flex;align-items:center;grid-column:1/2;margin-left:2rem;color:#fff;text-wrap:nowrap}.jplf-header>.logo span{text-shadow:0px 0px 5px red,1px 1px 5px #fff}.jplf-header>.logo span:nth-of-type(1){font-size:1.2rem;font-weight:700}.jplf-header>.logo span:nth-of-type(2){margin-left:6px;font-size:.6rem;font-weight:700;margin-top:20px}@media screen and (max-width: 600px){.jplf-header>.logo{margin-left:4px}}.jplf-header>ul{display:flex;padding:0}.jplf-header>ul>li>a{box-sizing:border-box;text-decoration:none;color:#fff;word-break:keep-all;line-height:var(--header-height, 60px);height:var(--header-height, 60px)}.jplf-header>ul>li>a.active{border-bottom:4px solid #fff}.jplf-header .menu{grid-column:3/7;justify-content:center;gap:20px;align-items:center;transition:all .3s;overflow:hidden}.jplf-header .menu li{display:flex;cursor:pointer}.jplf-header .menu li>a{font-size:1rem;letter-spacing:2px;display:block;position:relative;overflow:hidden}.jplf-header .menu li>a:before{content:"";position:absolute;left:0;bottom:0;width:100%;transform:translate(-120%);height:4px;background:#fff;transition:transform .25s;z-index:0}.jplf-header .menu li>a:hover:before{transform:translate(0)}@media screen and (max-width: 600px){.jplf-header .menu{position:fixed;right:0;top:0;flex-wrap:wrap;align-content:flex-start;gap:0;width:0;text-align:center;height:100vh;background:#000c;z-index:9999;padding-top:60px;transition:all .6s}.jplf-header .menu[data-menu-collapse=true]{width:100vw}.jplf-header .menu>li{box-sizing:border-box;padding:0 20px;width:100%;justify-content:end}}.jplf-header .outlink{grid-column:8;justify-content:flex-end}.jplf-header .outlink>li{display:flex;align-items:center}.jplf-header .outlink>li>a{display:flex;width:2rem;padding:0 4px;justify-content:center;align-items:center}.jplf-header .outlink>li.mobile-icon{display:none}@media screen and (max-width: 600px){.jplf-header .outlink>li.mobile-icon{display:block}}.out-link{width:100%;padding:20px;box-sizing:border-box}.out-link .link-item{display:inline-block;width:100%;word-break:break-all;font-size:1rem;line-height:1.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333}.out-link .link-item>b{font-size:.8rem}.search-box{width:100%;text-align:center;position:relative;padding-bottom:20px}.search-box input{width:600px;height:40px;font-size:1rem;padding-left:20px;border-radius:8px;border:1px solid #03a9f4;box-sizing:border-box}.search-box input:not(:placeholder-shown){border:1px solid #03a9f4}.search-box input:not(:placeholder-shown)+.search{opacity:1}.search-box input:placeholder-shown+.search{opacity:0}.search-box input:focus{border:2px solid #03a9f4;outline:none}.search-box:focus{border:2px solid #fff;outline:none}.search-box input::placeholder{font-size:1rem}.search-box .search{position:absolute;font-size:1rem;cursor:pointer;padding:5px 18px;border-radius:4px;transition:.5s;background:#03a9f4;color:#feffd4;border:1px solid #03a9f4;left:calc(50% + 220px);top:3px}@media all and (max-width: 600px){.search-box{width:100%;padding-bottom:6px}.search-box input{width:100%}.search-box .search{left:calc(100% - 80px)}}@keyframes scale{50%,to{-webkit-mask-size:4000%;mask-size:4000%}}.carousel{width:100%;max-height:560px;min-height:200px;position:relative;overflow:hidden}.carousel .arrow-box{display:inline-block;position:absolute;top:calc(50% - 30px);z-index:999;background-color:#0003;cursor:pointer}.carousel .arrow-box:nth-of-type(1){left:0;border-radius:0 8px 8px 0}.carousel .arrow-box:nth-of-type(2){right:0;border-radius:8px 0 0 8px}.carousel .carousel-video{width:100%;height:100%;background:#000;overflow:hidden}.carousel .carousel-video .carousel-item{position:relative;display:none;justify-content:center;overflow:hidden;align-items:center;width:100%;max-width:1200px;margin:auto}.carousel .carousel-video .carousel-item.active{display:flex}.carousel .carousel-video .carousel-item.active>video{opacity:1}.carousel .carousel-video .carousel-item video{height:100%;min-height:200px;overflow:hidden;opacity:0;transition:opacity 1s ease-in}.carousel .carousel-video .carousel-item .carousel-article{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(transparent,#000000b3 80%,#000)}.carousel .carousel-video .carousel-item .carousel-article>p{position:absolute;text-align:center;color:#fff;text-shadow:1px 1px 5px #ccc,1px 1px 10px #000;top:30%;left:40%;font-size:3rem;font-weight:700;mask:radial-gradient(circle at 0 50%,#000,transparent 40%,transparent 0);-webkit-mask-size:100%;mask-size:100%;animation:scale 10s forwards}.carousel .carousel-video .carousel-item .carousel-article>p:nth-of-type(2){top:38%;left:36%}@media screen and (max-width: 600px){.carousel .carousel-video .carousel-item .carousel-article{background:none}.carousel .carousel-video .carousel-item .carousel-article p{font-size:2rem;font-weight:700;top:20%;left:20%}.carousel .carousel-video .carousel-item .carousel-article p:nth-of-type(2){top:40%;left:22%}.carousel .carousel-video .carousel-item:nth-of-type(5) .carousel-article p{left:30%}.carousel .carousel-video .carousel-item:nth-of-type(5) .carousel-article p:nth-of-type(6){left:30%}.carousel .carousel-video .carousel-item:nth-of-type(6) .carousel-article p{left:30%}.carousel .carousel-video .carousel-item:nth-of-type(6) .carousel-article p:nth-of-type(6){left:30%}.carousel .carousel-video .carousel-item:nth-of-type(7) .carousel-article p{left:20%}.carousel .carousel-video .carousel-item:nth-of-type(7) .carousel-article p:nth-of-type(6){left:20%}.carousel .carousel-video .carousel-item:nth-of-type(8) .carousel-article p{left:20%}.carousel .carousel-video .carousel-item:nth-of-type(8) .carousel-article p:nth-of-type(6){left:20%}}