*{margin:0;padding:0}:focus{outline:0}a{text-decoration:none}:root{--bachground-color:#f8f8ff;--title-color:#333;--title-color2:#FFF;--txt-color:#666;--txt-color2:#D7D7D9;--ico-color:1;--border-bottom:rgba(0, 0, 0, 0.4)}[data-theme=dark]{--bachground-color:#000;--title-color:#FFF;--txt-color:#D7D7D9;--ico-color:100;--border-bottom:rgba(255, 255, 255, 0.4)}.template1 .box{position:relative}.template1 .box .img img{width:100%;max-width:100%;display:block;border-radius:16px}.template1 .box .txt{position:absolute;top:0;left:0;right:0;padding:50px 0 0}.template1 .box .txt h2,.template2 .box .box-b .bottom .title{font-size:32px;color:var(--title-color2);text-align:center;margin:0;padding:0 0 10px;font-weight:700}.template1 .box .txt p{font-size:16px;text-align:center;margin:0;padding:0}.template2,.template4,.template5{padding:50px 0}.template2 .box{display:flex;flex-wrap:wrap;align-items:stretch;grid-gap:30px;padding:0}.template2 .box .box-a{width:calc((100% - 30px)/2);display:block}.template2 .box .box-a:hover .top img{transform:scale(1.2)}.template2 .box .box-b{display:flex;flex-direction:column;border-radius:10px;height:100%;overflow:hidden;background:#fff}.template2 .box .box-b .top{overflow:hidden}.template2 .box .box-b .top img{width:100%;height:280px;display:block;object-fit:cover;transition:ease-in-out .5s}.template2 .box .box-b .bottom{padding:20px}.template2 .box .box-b .bottom .title{font-size:20px;background:linear-gradient(0deg,#439cf8 0,#b753f4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.template2 .box .box-b .bottom .txt{font-weight:400;font-size:16px;color:#414141;line-height:1.7;text-align:center;margin:0}.template1 .box .txt p,.template3 .box .txt p{color:var(--txt-color2)}.template2 h2,.template4 h2,.template4 p{font-size:32px;color:var(--title-color);margin:0;padding:0 0 30px;font-weight:700;text-align:center}.template4 p{font-weight:400;font-size:16px;color:var(--txt-color);padding:0}.template4 .img{margin:70px 0 0}.template4 .img img{width:96%;max-width:100%;display:block;margin:0 auto}.template4 .box{display:flex;flex-wrap:wrap;grid-gap:50px 30px}.template4 .box .box-a{width:calc((100% - 30px*2)/3)}.template4 .box .box-a img{height:44px;max-width:100%;display:block;margin:0 auto;filter:brightness(var(--ico-color))}.template4 .box .box-a p{margin:14px 0 0;color:var(--title-color);font-size:20px}.template5 h2,.template5 p{font-size:32px;color:var(--title-color);margin:0;padding:0 0 10px;font-weight:700;text-align:center}.template5 p{font-weight:400;font-size:16px;color:var(--txt-color);padding:0 0 30px}.template5 .box{position:relative;height:420px}.template5 .box .box-a{position:absolute;top:0;right:0;bottom:0;left:0;transition:ease-in-out .2s;opacity:0}.template5 .box .box-a.on{opacity:1}.template5 .box .box-a .box-b{overflow:hidden;border-radius:16px;background:#fff;position:relative;height:100%}.template5 .box .box-a .box-b img{width:100%;height:100%;object-fit:cover;display:block}.template5 .box .box-a .box-b p{position:absolute;top:20px;left:20px;width:68px;height:68px;border-radius:100%;overflow:hidden;background:linear-gradient(90deg,#439cf8,#b753f4);font-weight:700;font-size:18px;color:#fff;padding:0;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1}.template5 .box2{display:flex;align-items:stretch;grid-gap:20px;width:max-content;margin:30px auto;border-bottom:1px solid var(--border-bottom)}.template5 .box2 .title{font-size:16px;padding:0 10px 10px;cursor:pointer;width:284px;min-width:284px;max-width:284px;color:var(--title-color);font-weight:600}.template5 .box2 .box-xt{position:absolute;left:0;bottom:0;width:304px;min-width:304px;max-width:304px;height:2px;background:var(--title-color);transition:width .3s ease,left .3s ease}.template5 .box2,.template5 .box3{position:relative}.template5 .box3 .txt{padding:0;font-size:16px;opacity:0;position:absolute;top:0;left:0;right:0;transition:ease-in-out .2s;color:var(--txt-color)}.template5 .box3 .txt.on{opacity:1}.template5 .box3 .txt:first-child{position:relative}.template9 h2{padding-bottom:10px}.template9 .box{padding:30px 0 0;grid-gap:30px 4px}.template9 .box .box-a{width:calc((100% - 4px*4)/5)}.template10,.template13,.template14{padding:0 0 50px}.template10 h2,.template10 p,.template13 h2{font-size:32px;padding:0 0 10px;font-weight:700;text-align:center}.template10 p{font-weight:400;font-size:16px;color:var(--txt-color);margin:0;padding:0}.template10 .box{padding:30px 0 0;display:flex;flex-wrap:wrap;grid-gap:30px;align-items:stretch}.template10 .box .img{width:calc((100% - 30px)/2);border-radius:16px;overflow:hidden;background:#fff}.template10 .box .img:hover img{transform:scale(1.2)}.template10 .box .img img{width:100%;height:100%;object-fit:cover;display:block;transition:ease-in-out .5s}.template13 .img{border-radius:16px;margin:20px 0 0;overflow:hidden;position:relative}.template13 .img img,.template14 img{width:100%;max-width:100%;display:block}.template13 .img img{margin:0}.template13 .img .box{position:absolute;display:flex;align-items:center;flex-direction:column-reverse;grid-gap:10px}@media (max-width:1200px){.template13 .img .box{display:none}}.template13 .img .box img{width:40px;margin:0;cursor:pointer;position:relative;z-index:2}.template13 .img .box p{font-size:26px;font-weight:500;background:#fff;padding:6px 20px;border-radius:10px;position:relative;transform:translateY(-10px);z-index:2}.template13 .img .box p::after{content:"";position:absolute;top:90%;left:50%;transform:translateX(-50%);width:0;height:0;border-top:20px solid #fff;border-right:20px solid transparent;border-left:20px solid transparent}.template13 .img .box1{top:46%;left:66%}.template13 .img .box2{top:18%;left:24%}.template13 .img .box3{top:6%;left:43%}.template13 .img .box4{top:7%;left:69%}.template13 .img .box5{top:23%;left:73%}.template10 h2,.template13 h2,.template14 h2,.template14 p{color:var(--title-color);margin:0}.template14 h2{font-size:32px;padding:0 0 30px;font-weight:700;text-align:center}.template14 img{border-top-left-radius:16px;border-top-right-radius:16px}.template14 p{font-weight:400;font-size:16px;line-height:1.7;padding:30px 20px 0}@media (max-width:1200px){.main-template{width:800px}.template5 .box2 .box-xt,.template5 .box2 .title{width:200px;min-width:200px;max-width:200px}.template2 .box .box-b .top img{height:240px}.template1 .box .txt{padding:30px 0 0}.template13 .img .box{display:none}}@media (max-width:600px){.main-template{width:100%}.template1 .box{position:relative}.template1 .box .img img{width:100%;max-width:100%;display:block;height:400px;object-fit:cover}.template1 .box .txt{position:absolute;top:0;left:0;right:0;padding:30px 0 0}.template1 .box .txt h2{font-size:16px;text-align:center;margin:0;padding:0 0 10px;font-weight:700}.template1 .box .txt p,.template2 h2{font-size:13px;text-align:center;margin:0;padding:0}.template2{padding:26px 0}.template2 h2{font-size:16px;padding:0 0 26px;font-weight:700}.template2 .box{display:flex;flex-wrap:wrap;align-items:stretch;grid-gap:10px;padding:0 10px}.template2 .box .box-a{width:calc((100% - 10px)/2);display:block}.template2 .box .box-a:hover .top img{transform:scale(1.2)}.template2 .box .box-b{display:flex;flex-direction:column;border-radius:10px;height:100%;overflow:hidden}.template2 .box .box-b .top{overflow:hidden}.template2 .box .box-b .top img{width:100%;height:164px;display:block;object-fit:cover;transition:ease-in-out .5s}.template2 .box .box-b .bottom{padding:10px}.template2 .box .box-b .bottom .title,.template4 h2,.template4 p{font-size:13px;text-align:center;font-weight:700;margin:0;padding:0 0 10px}.template2 .box .box-b .bottom .txt{font-weight:400;font-size:12px;line-height:1.7;text-align:center;margin:0}.template4{background-size:cover;background-repeat:no-repeat;background-position:top;padding:30px 0 0}.template4 h2,.template4 p{font-size:16px;padding:0 0 20px}.template4 p{font-weight:400;font-size:12px;padding:0}.template4 .img{margin:70px 0 0}.template4 .img img{width:96%;max-width:100%;display:block;margin:0 auto}.template4 .box{display:flex;flex-wrap:wrap;grid-gap:28px}.template4 .box .box-a{width:calc((100% - 28px*2)/3)}.template4 .box .box-a img{height:39px;max-width:100%;display:block;margin:0 auto}.template4 .box .box-a p{margin:14px 0 0;font-size:12px}.template10,.template5{padding:30px 0}.template5 .box .box-b .bottom .title,.template5 .box .box-b .top p,.template5 h2,.template5 p{font-size:16px;margin:0;padding:0 0 10px;font-weight:700;text-align:center}.template5 p{font-weight:400;font-size:12px;padding:0 0 20px}.template5 .box{margin:0 10px;display:flex;flex-direction:column;align-items:stretch;grid-gap:20px;height:220px}.template5 .box .box-b{overflow:hidden;border-radius:16px}.template5 .box .box-b:hover .top img{transform:scale(1)}.template5 .box .box-b .top{overflow:hidden;position:relative}.template10 .box .img img,.template5 .box .box-b .top img{width:100%;height:180px;object-fit:cover;display:block;transition:ease-in-out .5s}.template5 .box .box-b .top p{position:absolute;top:5px;left:5px;width:68px;height:68px;border-radius:100%;overflow:hidden;font-size:18px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.template5 .box .box-b .bottom{padding:10px}.template5 .box .box-b .bottom .title{font-size:15px;padding:0 0 4px}.template5 .box .box-b .bottom .txt{padding:0;text-align:center}.template5 .box2{grid-gap:0;width:100%;margin:30px auto 20px}.template5 .box2 .title{width:calc((100% - 20px*3)/3);min-width:calc((100% - 20px*3)/3);max-width:calc((100% - 20px*3)/3);font-size:12px}.template5 .box2 .box-xt{width:calc(100%/3);min-width:calc(100%/3);max-width:calc(100%/3)}.template5 .box3 .txt{font-size:12px}.template9 h2{padding-bottom:10px}.template9 .box{padding:20px 0 0;grid-gap:28px 4px}.template9 .box .box-a{width:calc((100% - 4px*4)/5)}.template9 .box .box-a p{zoom:.8;font-size:12px}.template10 h2,.template13 h2{font-size:16px;margin:0;padding:0 0 10px;font-weight:700;text-align:center}.template10 p,.template14 p,.template5 .box .box-b .bottom .txt{font-weight:400;font-size:12px;margin:0}.template10 p,.template14 h2{text-align:center;padding:0}.template10 .box{padding:20px 10px 0;display:flex;flex-wrap:wrap;grid-gap:10px;align-items:stretch}.template10 .box .img{width:calc((100% - 10px)/2);border-radius:16px;overflow:hidden}.template10 .box .img:hover img{transform:scale(1)}.template10 .box .img img{height:100%}.template13{padding:0 10px 30px}.template13 .img{border-radius:16px;margin:10px 0 0;overflow:hidden}.template13 .img img{margin:0}.template14{padding:0 0 30px}.template14 h2{font-size:16px;margin:0;padding:0 0 20px;font-weight:700}.template13 .img img,.template14 img{width:100%;max-width:100%;display:block}.template14 p{line-height:1.7;padding:20px 10px 0}}