body{overflow-x:hidden;overflow-y:hidden}section{width:100%;max-width:192rem;margin:0 auto;padding:0 4.2rem;margin-top:4.2rem;position:relative}.navsect{margin:2rem 0 2rem 0;position:absolute;top:0;left:0;width:83rem;height:calc(100vh - 6.7rem - 4rem);z-index:-1}.page-title{font-family:TTNP_Medium,sans-serif;font-size:6rem;line-height:1.2;margin-bottom:3rem;transition:opacity .5s cubic-bezier(.75,.25,.25,.75),filter .5s cubic-bezier(.75,.25,.25,.75)}body:lang(en-US) .page-title{text-transform:uppercase}body:lang(zh-CN) .page-title{font-weight:700}.page-down{padding:8rem 8rem 0 11rem;height:calc(100vh - 6.7rem - 4rem);border-right:1px solid #b9b9b9;transition:opacity .5s cubic-bezier(.75,.25,.25,.75),filter .5s cubic-bezier(.75,.25,.25,.75)}.top-flex{display:flex;gap:0;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;overflow-x:scroll;-ms-overflow-style:none;padding-left:83rem;height:calc(100vh - 6.7rem)}.top-flex::-webkit-scrollbar{display:none}.description{font-size:4.5rem;line-height:1.2;font-weight:400;color:#858688;margin-bottom:5rem}body:lang(en-US) .description{font-family:TTNP_Medium,sans-serif;font-weight:400}body:lang(zh-CN) .description{font-weight:700}.sidecontent{font-size:2.2rem;line-height:1.5;color:#343638}body:lang(zh-CN) .sidecontent{font-size:2.4rem;line-height:1.6}.sidecontent p{margin-bottom:2rem}.cflexdiv{flex-shrink:0;padding:0 0 0 11rem;align-self:center}.csecdiv{margin-right:2.4rem;margin-bottom:5vh}.mloop{display:flex;gap:0 3px;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.about-div{position:relative;flex-shrink:0;height:calc(100vh - 6.7rem)}.about-div picture{width:100%;height:100%;overflow:hidden;display:block}.about-div img{display:block;height:100%;object-fit:cover}@media (hover:hover){.about-div img{filter:grayscale(100%)}.about-div a:hover img{filter:none;transform:scale(1.1)}}.about-div::after{content:url(/img/parrow.svg);position:absolute;right:4rem;top:calc(50% - 1.2rem)}.about-tag{position:absolute;top:calc((100vh - 6.7rem - 13rem)/ 2);left:6rem;font-size:6rem;line-height:0;color:#fff}body:lang(en-US) .about-tag{font-family:TTNP_Bold,sans-serif}body:lang(zh-CN) .about-tag{font-weight:700}.about-tag-desc{font-size:3.2rem;line-height:1.5;color:#fff;margin-bottom:4rem}body:lang(en-US) .about-tag-desc{font-family:TTNP_Medium,sans-serif}body:lang(zh-CN) .about-tag-desc{font-weight:400}:root{--loop-x:18vh;--loop-x1:27vh;--loop-y:12vh;--loop-y1:28vh;--loop-center:34vh;--loop-size:11.2rem;--bgheight:100vh}.aboutloop{display:flex;gap:3rem;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;height:calc(100vh - 6.7rem - .6rem)}.loopicon{position:relative;cursor:pointer;width:24rem}.loopicon picture{display:block;width:100%;height:calc((100vh - 6.7rem - .6rem) * .4);padding-top:calc((100vh - 6.7rem - .6rem) * .15)}.loopicon picture img{width:80%;margin:0 10%;transition:opacity .5s cubic-bezier(.75,.25,.25,.75)}.looptext{height:calc((100vh - 6.7rem - .6rem) * .55)}body:lang(zh-CN) .loopicon picture{display:block;width:100%;height:calc((100vh - 6.7rem - .6rem) * .28);padding-top:calc((100vh - 6.7rem - .6rem) * .02)}body:lang(zh-CN) .loopicon picture img{width:80%;margin:0 10%;transition:opacity .5s cubic-bezier(.75,.25,.25,.75)}body:lang(zh-CN) .looptext{height:calc((100vh - 6.7rem - .6rem) * .7)}#al1,#alshow1{position:absolute;top:calc(var(--bgheight) * .07);left:calc(var(--bgheight) * .19);width:calc(var(--bgheight) * .3)}#al2{position:absolute;top:calc(var(--bgheight) * .31);left:calc(var(--bgheight) * .07);width:calc(var(--bgheight) * .28);display:block}#al3{position:absolute;top:calc(var(--bgheight) * .64);left:calc(var(--bgheight) * .15);width:calc(var(--bgheight) * .28);display:block}#al4{position:absolute;top:calc(var(--bgheight) * .3);left:calc(var(--bgheight) * .49);width:calc(var(--bgheight) * .34);display:block}#al5{position:absolute;top:calc(var(--bgheight) * .67);left:calc(var(--bgheight) * .53);width:calc(var(--bgheight) * .3);display:block}#al6{position:absolute;top:calc(var(--bgheight) * .06);left:calc(var(--bgheight) * .85);width:calc(var(--bgheight) * .38);display:block}#al7{position:absolute;top:calc(var(--bgheight) * .39);left:calc(var(--bgheight) * .98);width:calc(var(--bgheight) * .3);display:block}#al8{position:absolute;top:calc(var(--bgheight) * .61);left:calc(var(--bgheight) * .95);width:calc(var(--bgheight) * .21);display:block}.loopclose:hover{color:#000}#al-text2{width:86rem}body:lang(zh-CN) .loopbox{width:45rem}.al-title{font-size:2.3rem;line-height:1.2;margin-bottom:3rem;transition:opacity .5s cubic-bezier(.75,.25,.25,.75)}body:lang(en-US) .al-title{font-family:TTNP_Medium,sans-serif;text-transform:uppercase;font-weight:400}body:lang(zh-CN) .al-title{font-weight:700}.altext{font-size:1.8rem;line-height:1.5;transition:opacity .5s cubic-bezier(.75,.25,.25,.75)}.altext a{border-bottom:2px solid #000}body:lang(en-US) .altext a{font-family:TTNP_Bold,sans-serif;font-weight:400}body:lang(zh-CN) .altext a{font-weight:700}.altext a:hover{background:#000;color:#fff}@media (hover:hover){.loopicon picture img{opacity:.3}.loopicon .al-title{opacity:.3}.loopicon .altext{opacity:.3}.loopicon:hover picture img{opacity:1}.loopicon:hover .al-title{opacity:1}.loopicon:hover .altext{opacity:1}}.animate_custom3.animate__animated.animate__slow{animation-duration:calc(var(--animate-duration)*3)}.animate_custom.animate__animated.animate__slow{animation-duration:calc(var(--animate-duration)*4)}.hfig{width:1.5%}.hfigw{width:2%}#h1{position:absolute;top:24%;left:53%}#h2{position:absolute;top:34%;left:34%}#h3{position:absolute;top:40%;left:66%}#h4{position:absolute;top:33%;left:78%}#h5{position:absolute;top:68%;left:53%}#h6{position:absolute;top:63%;left:23%}.allink{font-size:1.6rem;line-height:1.5;color:#999;margin-top:1.6rem}.allink a::after{content:"";display:inline-block;border-right:2px solid;border-bottom:2px solid;width:8px;height:8px;-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:0;margin-left:4px;top:-2px;position:relative}body:lang(en-US) .allink{text-transform:uppercase}.allink a{color:#999}.allink a:hover{color:#000}.movebar{position:absolute;bottom:0;left:0;width:10rem;height:6px;border-radius:20px;background:#343434;opacity:0;-webkit-transition:-webkit-transform .5s cubic-bezier(.75,.25,.25,.75);transition:-webkit-transform .5s cubic-bezier(.75,.25,.25,.75);transition:opacity .5s cubic-bezier(.75,.25,.25,.75);transition:opacity .5s cubic-bezier(.75,.25,.25,.75),-webkit-transform .5s cubic-bezier(.75,.25,.25,.75)}footer{display:none}@media (max-height:860px) and (min-width:1025px){.cflexdiv{margin-top:0}.loopicon picture{display:block;width:100%;height:calc((100vh - 6.7rem - .6rem) * .4);padding-top:calc((100vh - 6.7rem - .6rem) * .1)}.looptext{height:calc((100vh - 6.7rem - .6rem) * .5)}body:lang(zh-CN) .loopicon picture{display:block;width:100%;height:calc((100vh - 6.7rem - .6rem) * .25);padding-top:0}body:lang(zh-CN) .loopicon picture img{width:70%;margin:0 15%}body:lang(zh-CN) .looptext{height:calc((100vh - 6.7rem - .6rem) * .75)}body:lang(zh-CN) .al-title{margin-bottom:1rem}}@media (max-height:768px) and (min-width:1025px){:root{--loop-x:16vh;--loop-x1:29vh;--loop-y:12vh;--loop-y1:25vh;--loop-center:35vh;--loop-size:10rem}.top-flex{margin-top:0}.al-title{margin-bottom:1rem}.altext{font-size:1.6rem;line-height:1.4}.about-tag{top:50%}}@media (max-height:700px) and (min-width:1025px){:root{--bgheight:98vh}.page-title{margin-bottom:1rem}.description{margin-bottom:3rem}.loopicon picture{display:block;width:100%;height:calc((100vh - 6.7rem - .6rem) * .4);padding-top:calc((100vh - 6.7rem - .6rem) * .05)}.looptext{height:calc((100vh - 6.7rem - .6rem) * .55)}body:lang(zh-CN) .loopicon picture{display:block;width:100%;height:calc((100vh - 6.7rem - .6rem) * .25);padding-top:0}body:lang(zh-CN) .loopicon picture img{width:60%;margin:0 20%}body:lang(zh-CN) .looptext{height:calc((100vh - 6.7rem - .6rem) * .75)}.about-tag{top:45%;left:3rem;font-size:4rem}.about-tag-desc{font-size:2.4rem;line-height:1.5;color:#fff;margin-bottom:3rem}.sidecontent p{margin-bottom:2rem}}@media (max-height:600px) and (min-width:1025px){:root{--loop-x:16vh;--loop-x1:29vh;--loop-y:12vh;--loop-y1:25vh;--loop-center:32vh;--loop-size:8rem;--bgheight:97vh}.page-title{font-size:4rem;line-height:1.2;margin-bottom:2rem}.description{font-size:3.2rem;line-height:1.2}body:lang(zh-CN) .description{font-size:3.2rem;line-height:1.2}.sidecontent{font-size:2.2rem;line-height:1.4}body:lang(zh-CN) .sidecontent{font-size:2.2rem;line-height:1.6}.allink{font-size:1.4rem;line-height:1.5;margin-top:1rem}.loopbox{padding:1rem 1rem .5rem 1rem}.altext{font-size:1.4rem;line-height:1.4}.al-title{font-size:1.6rem;line-height:1.2;margin-bottom:1rem}.loopicon picture img{width:70%;margin:0 15%}body:lang(zh-CN) .loopicon picture{display:none}body:lang(zh-CN) .looptext{height:calc((100vh - 6.7rem - .6rem) * .8);padding-top:calc((100vh - 6.7rem - .6rem) * .1)}}@media (max-height:500px) and (min-width:1025px){.loopicon picture{display:none}.looptext{height:calc((100vh - 6.7rem - .6rem) * .9);padding-top:calc((100vh - 6.7rem - .6rem) * .1)}body:lang(zh-CN) .looptext{height:calc((100vh - 6.7rem - .6rem) * .9);padding-top:calc((100vh - 6.7rem - .6rem) * .05)}}@media (max-width:1024px){#h1,#h2,#h3,#h4,#h5,#h6{display:none}.movebar{display:none}body{overflow-y:auto}.navsect{position:relative;width:100%;height:auto;margin:6rem 0 12rem 0;padding:0 4.2rem}.page-down{padding:0;border:none;width:60vw;height:auto}body:lang(zh-CN) .page-down{width:90%}.about-div img{filter:none}.page-title{font-size:3.2rem;line-height:1.2}.description{font-size:4rem;line-height:1.2}body:lang(zh-CN) .description{font-size:4rem;line-height:1.6}.sidecontent{font-size:2rem;line-height:1.5}body:lang(zh-CN) .sidecontent{font-size:2rem;line-height:1.6}.top-flex{display:block;padding:0 4.2rem;margin-top:0;height:auto}.cflexdiv{width:100%;padding:0;margin:4rem 0 4rem 0;border-top:1px solid #858688}.settop{margin-top:3rem}.about-div{flex-shrink:1;width:calc(50vw - var(--scrollbar-width)/ 2 - .6rem - 4.2rem);height:25vw;max-width:unset;margin-right:0}.about-div picture{width:100%;max-width:unset}.about-div img{opacity:1;width:100%;height:auto;object-fit:cover}.about-tag{top:45%;left:2rem;font-size:2.4rem;line-height:1.5}.about-tag-desc{font-size:1.4rem;line-height:0;margin-bottom:.5rem}.about-div::after{display:none}.aboutloop{width:100%;height:auto;position:relative;display:flex;gap:2.4rem 2.4rem;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin:4rem 0}.mloop{gap:0 1.2rem;margin:4rem 0 0 0}#al1,#al2,#al3,#al4,#al5,#al6,#al7,#al8{position:relative;top:0;left:0}.loopicon{cursor:default;width:23%!important;height:auto!important;flex-shrink:1}.loopicon picture{height:18rem;opacity:1;padding-top:0}body:lang(zh-CN) .loopicon picture{height:18rem;opacity:1;padding-top:0}.loopicon img{display:block;width:100%;max-width:100%;opacity:1}body:lang(zh-CN) .loopicon img{display:block;width:100%;max-width:100%;opacity:1}.loopicon picture img{opacity:1}body:lang(zh-CN) .loopicon picture img{opacity:1}.loopicon .al-title{opacity:1}.loopicon .altext{opacity:1}.looptext{height:auto}body:lang(zh-CN) .looptext{height:auto}#al1-6-cover{display:none}.loopbox{display:block;position:relative;top:0;left:0;opacity:1;width:auto;padding:1rem 0;-webkit-box-shadow:none;box-shadow:none}body:lang(zh-CN) .loopbox{width:auto}#al-text2{width:auto}.al-title{font-size:1.6rem;line-height:1.2;margin-bottom:1rem}.al-title br{display:none}body:lang(zh-CN) .al-title{word-spacing:-5px}.altext{font-size:1.4rem;line-height:1.4}.allink{font-size:1.3rem;line-height:1.5;margin-top:1rem}footer{display:block}}@media (max-width:990px){.loopicon{width:22.5%!important}}@media (max-width:890px){.aboutloop{gap:2.2rem 2.4rem}.loopicon{width:22.3%!important}.loopicon picture{height:20rem}body:lang(zh-CN) .loopicon picture{height:20rem}}@media (max-width:790px){.loopicon{width:22%!important}.loopicon picture{height:17rem}body:lang(zh-CN) .loopicon picture{height:17rem}}@media (max-width:768px){.top-flex{overflow-x:unset}.navsect{padding:0 1.6rem}.description{font-size:3.2rem;line-height:1.2;margin-bottom:3rem}.page-down{width:100%}.aboutloop{gap:1.6rem 1.6rem}.loopicon{width:31%!important}.loopicon picture{height:19rem}body:lang(zh-CN) .loopicon picture{height:19rem}.loopicon picture img{width:80%;margin:0 10%}body:lang(zh-CN) .loopicon picture img{width:80%;margin:0 10%}body:lang(zh-CN) .page-down{width:100%}.top-flex{display:block;padding:0 1.6rem}.allink{font-size:1.4rem;line-height:1.5}.about-div{flex-shrink:1;width:calc(50vw - var(--scrollbar-width)/ 2 - .6rem - 1.6rem)}}@media (max-width:640px){.loopicon{width:48%!important}.loopicon picture{height:22rem}body:lang(zh-CN) .loopicon picture{height:22rem}.loopicon picture img{width:80%;margin:0 10%}body:lang(zh-CN) .loopicon picture img{width:80%;margin:0 10%}.description{width:100%}.sidecontent{width:100%}}@media (max-width:540px){.aboutloop{display:block}.loopicon{width:100%!important;display:flex;flex-wrap:nowrap;gap:2vw;margin-bottom:3rem}.loopicon picture{height:auto;width:25vw}body:lang(zh-CN) .loopicon picture{height:auto;width:25vw}.loopicon picture img{width:100%;margin:0}body:lang(zh-CN) .loopicon picture img{width:100%;margin:0}.looptext{width:calc(100vw - 25vw - 2vw - 3.2rem)}body:lang(zh-CN) .looptext{width:calc(100vw - 25vw - 2vw - 3.2rem)}.description{font-size:2.4rem;line-height:1.2;margin-bottom:2rem}.sidecontent{font-size:1.6rem;line-height:1.5}.mloop{flex-direction:column;gap:1.6rem 1.2rem}.about-div{width:100%;height:calc((100vw - 3.2rem) * 21 / 34)}}@media (min-height:1000px) and (min-width:1025px){.top-flex{height:calc(100vh - 6.7rem - 7.3rem)}footer{display:block;position:fixed;bottom:0}.navsect{height:calc(100vh - 6.7rem - 4rem - 7.3rem)}.page-down{height:calc(100vh - 6.7rem - 4rem - 7.3rem)}.about-div{height:calc(100vh - 6.7rem - 7rem)}:root{--bgheight:93rem}.aboutloop{height:calc(100vh - 6.7rem - 7.3rem)}.loopicon picture{height:calc((100vh - 6.7rem - 7.3rem) * .4);padding-top:calc((100vh - 6.7rem - 7.3rem) * .1)}.looptext{height:calc((100vh - 6.7rem - 7.3rem) * .5)}body:lang(zh-CN) .loopicon picture{height:calc((100vh - 6.7rem - 7.3rem) * .28);padding-top:calc((100vh - 6.7rem - 7.3rem) * .02)}body:lang(zh-CN) .looptext{height:calc((100vh - 6.7rem - 7.3rem) * .7)}}@media (min-height:860px) and (min-width:1025px){.cflexdiv{margin-top:0}}