.font80{font-size:.8rem}@media (max-width: 991px){.font80{font-size:.5rem}}.font72{font-size:.72rem}@media (max-width: 991px){.font72{font-size:.5rem}}.font34{font-size:.34rem}@media (max-width: 991px){.font34{font-size:.4rem}}@keyframes hideShow{0%{opacity:0}100%{opacity:1}}@keyframes fadeleft{from{opacity:0;transform:translateX(.6rem);-webkit-transform:translateX(.6rem)}to{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes fadeleft{from{opacity:0;transform:translateX(.6rem);-webkit-transform:translateX(.6rem)}to{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}.fadeleft{animation-name:fadeleft;-webkit-animation-name:fadeleft}@keyframes faderight{from{opacity:0;transform:translateX(-0.6rem);-webkit-transform:translateX(-0.6rem)}to{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes faderight{from{opacity:0;transform:translateX(-0.6rem);-webkit-transform:translateX(-0.6rem)}to{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}.faderight{animation-name:faderight;-webkit-animation-name:faderight}.zz-textb{font-weight:bold}.pc{display:block}.wap{display:none}@media (max-width:767px){.pc{display:none}.wap{display:block}}.fd{overflow:hidden}.fd img{transition:all .8s}.fd:hover img{transform:scale(1.05)}.zz-tra1{background-color:#000;border-bottom:1px solid #101115}@media (max-width:1024px){.zz-tra1{padding-top:1.4rem}}.zz-tra1 .container2{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.zz-tra1 .container2 .x-l a{display:block;color:rgba(255,255,255,0.4)}.zz-tra1 .container2 .x-r a{display:inline-block;color:#999;margin-right:.3rem;transition:.4s ease-in-out}.zz-tra1 .container2 .x-r a:hover{color:#fff}.zz-tra1 .container2 .x-r a:hover.x-but{border-color:#fff}.zz-tra1 .container2 .x-r a.x-but{height:30px;line-height:30px;min-width:.8rem;border:1px solid #999999;text-align:center;border-radius:100px}@keyframes tra2Ani{0%{transform:translate3d(0, 200%, 0) rotateY(-60deg);opacity:0}100%{transform:translate3d(0, 0%, 0) rotateY(0deg);opacity:1}}@-webkit-keyframes fadeOutUpzz{0%{opacity:1}to{-webkit-transform:translate3d(0, -120%, 0);transform:translate3d(0, -120%, 0)}}@keyframes fadeOutUpzz{0%{opacity:1}to{-webkit-transform:translate3d(0, -120%, 0);transform:translate3d(0, -120%, 0)}}.fadeOutUpzz{-webkit-animation-name:fadeOutUpzz;animation-name:fadeOutUpzz;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.fadeInUpimg{-webkit-animation-name:fadeInUpimg;animation-name:fadeInUpimg}@keyframes fadeInUpimg{0%{transform:scale(1.5)}100%{transform:none}}@-webkit-keyframes txtAni{from{background-size:0% 100%}to{background-size:100% 100%}}@keyframes txtAni{from{background-size:0% 100%}to{background-size:100% 100%}}.zz-tra2{padding:1.35rem 0 0;background-repeat:no-repeat;background-size:100% 150%;background-position:50% 25%;height:58.33vw;overflow:hidden}@media (min-width:2000px){.zz-tra2{height:52.33vw}}@media (max-width:1024px){.zz-tra2{height:70.33vw}}@media (max-width: 767px){.zz-tra2{height:80vh;padding-top:1.6rem}}.zz-tra2 .container2{perspective:800px}.zz-tra2 .bgimg{position:absolute;top:0;left:0;width:100%}.zz-tra2 .zz-box1{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:.85rem;position:relative;z-index:5;transition:transform .8s ease-out;transform-style:preserve-3d;transform:translate3d(0, 200%, 0) rotateY(-80deg);opacity:0}.zz-tra2 .zz-box1.on{transform:translate3d(0, 0%, 0) rotateY(0deg);opacity:1}.zz-tra2 .zz-box1.on2 .zz-icon,.zz-tra2 .zz-box1.on2 .zz-title-box,.zz-tra2 .zz-box1.on2 .zz-box2{transform:scale(1)}.zz-tra2 .zz-box1 .zz-cont{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:1}.zz-tra2 .zz-box1 .zz-icon{display:flex;align-items:center;height:45px;margin-bottom:.25rem;transform:scale(1.2);transition:all .4s}@media (max-width: 767px){.zz-tra2 .zz-box1 .zz-icon{height:.4rem;margin-bottom:.3rem}}.zz-tra2 .zz-box1 .zz-icon .zz-img1{height:100%;width:auto;margin-right:.2rem}.zz-tra2 .zz-box1 .zz-icon .zz-img2{margin-right:.25rem;height:20px;width:20px}@media (max-width: 767px){.zz-tra2 .zz-box1 .zz-icon .zz-img2{height:.2rem;width:.2rem}}.zz-tra2 .zz-box1 .zz-icon .zz-img2 path{fill:#fff}.zz-tra2 .zz-box1 .zz-icon .zz-img3{height:43px}@media (max-width: 767px){.zz-tra2 .zz-box1 .zz-icon .zz-img3{height:.4rem}}.zz-tra2 .zz-box1 .zz-title-box{transform:scale(1.2);transition:all .4s}.zz-tra2 .zz-box1 .zz-title-box .h2{color:#fff;line-height:1.2;text-align:center}.zz-tra2 .zz-box1 .zz-title-box .zz-text{color:rgba(255,255,255,0.6);margin-top:.1rem;text-align:center}@media (max-width: 767px){.zz-tra2 .zz-box1 .zz-title-box .zz-text{margin-top:.2rem}}.zz-tra2 .zz-box2{width:54.46%;height:auto;margin:0 auto;transition:all .6s;opacity:0;transform:translateY(20%);position:relative;z-index:5}@media (max-width: 767px){.zz-tra2 .zz-box2{width:100%}}.zz-tra2 .zz-box2 .zz-boxs{position:relative;z-index:1}.zz-tra2 .zz-box2 .public-img1{width:100%}.zz-tra2 .zz-box2 .public-img1::before{padding-top:59.56%}.zz-tra2 .zz-box2.on{opacity:1;transform:translateY(0)}.zz-tra2 .zz-box3{width:54.46%;height:auto;margin:0 auto;position:absolute;left:50%;transform:translateX(-50%);bottom:0}@media (max-width: 767px){.zz-tra2 .zz-box3{width:100%}}.zz-tra2 .zz-box3 .public-img2{width:100%;position:relative}.zz-tra2 .zz-box3 .public-img2::before{padding-top:20%}.public-icon{width:.65rem;height:.65rem;border-radius:1000px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.16)}.public-icon img,.public-icon svg{width:.14rem;height:auto}.public-icon img path,.public-icon svg path{fill:#fff}.public-title .h2{text-align:center;line-height:1.2;color:#fff}.public-title .zz-text{text-align:center;color:rgba(255,255,255,0.6);line-height:1.66666667em;margin-top:.2rem}@media (max-width: 767px){.public-title .zz-text{margin-top:.3rem}}.public-title.public-title2 .h2{text-align:left}.public-title.public-title2 .zz-text{text-align:left}.public-zzbg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;background:rgba(255,255,255,0.1)}.zz-tra3{padding:.7rem 0 .95rem}@media (max-width: 767px){.zz-tra3{padding:1.1rem 0 .6rem}.zz-tra3 a{color:#fff}}.zz-tra3 h3{transition:all .4s}.zz-tra3 .h2{color:#fff}.zz-tra3 .zz-box{display:flex;justify-content:space-between;align-items:stretch;margin-top:.45rem}@media (max-width: 767px){.zz-tra3 .zz-box{flex-direction:column;margin-top:.75rem}}.zz-tra3 .public-img{border-radius:30px}.zz-tra3 .public-img img{border-radius:inherit}.zz-tra3 .public-img .zz{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;background:rgba(255,255,255,0.1)}.zz-tra3 .zz-left{width:48.51%;position:relative;z-index:1;color:#fff}@media (max-width: 767px){.zz-tra3 .zz-left{width:100%;margin-bottom:.4rem}}.zz-tra3 .zz-left .public-img{width:100%}.zz-tra3 .zz-left .public-img::before{padding-top:103.65%}.zz-tra3 .zz-left .h3{width:100%;position:absolute;top:.6rem;left:0;padding:0 .55rem;z-index:2}@media (max-width:1024px){.zz-tra3 .zz-left .h3{font-size:.28rem}}@media (max-width: 767px){.zz-tra3 .zz-left .h3{font-size:.36rem;color:#fff}}.zz-tra3 .zz-left .public-icon{position:absolute;right:.25rem;bottom:.2rem;z-index:2}.zz-tra3 .zz-right{width:49.4%;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:space-between}@media (max-width: 767px){.zz-tra3 .zz-right{width:100%}}.zz-tra3 .zz-right .public-icon{position:absolute;right:.25rem;bottom:.2rem;z-index:2;transition:all .4s}.zz-tra3 .zz-right .public-icon svg path{transition:all .4s}.zz-tra3 .zz-right .zz-boxs1:hover .public-icon,.zz-tra3 .zz-right .zz-contBox:hover .public-icon{background-color:#fff}.zz-tra3 .zz-right .zz-boxs1:hover .public-icon svg path,.zz-tra3 .zz-right .zz-contBox:hover .public-icon svg path{fill:#666}.zz-tra3 .zz-right .h3{z-index:2;width:100%;position:absolute;padding:0 .55rem;line-height:1.25em}.zz-tra3 .zz-right .zz-boxs1{width:100%;position:relative;z-index:1}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs1{margin-bottom:.4rem}}.zz-tra3 .zz-right .zz-boxs1 .h3{top:.55rem;left:0;text-align:center}@media (max-width:1024px){.zz-tra3 .zz-right .zz-boxs1 .h3{font-size:.28rem}}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs1 .h3{font-size:.36rem;color:#fff}}.zz-tra3 .zz-right .zz-boxs1 .public-img{width:100%}.zz-tra3 .zz-right .zz-boxs1 .public-img::before{padding-top:36.14%}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs1 .public-img::before{padding-top:60.14%}}.zz-tra3 .zz-right .zz-boxs1 .public-icon{position:absolute;right:.2rem;bottom:.2rem;z-index:2}.zz-tra3 .zz-right .zz-boxs2{display:flex;width:100%;justify-content:space-between}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs2{flex-direction:column}}.zz-tra3 .zz-right .zz-boxs2 .zz-contBox{position:relative;z-index:1}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs2 .zz-contBox{margin-bottom:.4rem}}.zz-tra3 .zz-right .zz-boxs2 .zz-l{width:39.75%}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs2 .zz-l{width:100%;margin-bottom:.4rem}}.zz-tra3 .zz-right .zz-boxs2 .zz-l .zz-contBox .h3{text-align:center;top:.5rem}@media (max-width:1024px){.zz-tra3 .zz-right .zz-boxs2 .zz-l .zz-contBox .h3{font-size:.28rem}}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs2 .zz-l .zz-contBox .h3{font-size:.36rem}}.zz-tra3 .zz-right .zz-boxs2 .zz-l .zz-contBox .public-img::before{padding-top:152.23%}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs2 .zz-l .zz-contBox .public-img::before{padding-top:90%}}.zz-tra3 .zz-right .zz-boxs2 .zz-r{width:56.62%;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs2 .zz-r{width:100%}}.zz-tra3 .zz-right .zz-boxs2 .zz-r .zz-contBox .public-img::before{padding-top:51.06%}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs2 .zz-r .zz-contBox .public-img::before{padding-top:60%}}.zz-tra3 .zz-right .zz-boxs2 .zz-r .zz-contBox .h3{text-align:left;padding:0 .2rem;top:.4rem}@media (max-width:1024px){.zz-tra3 .zz-right .zz-boxs2 .zz-r .zz-contBox .h3{font-size:.28rem}}@media (max-width: 767px){.zz-tra3 .zz-right .zz-boxs2 .zz-r .zz-contBox .h3{font-size:.36rem;padding:0 .4rem}}.zz-tra4{padding-bottom:1.45rem}@media (max-width: 767px){.zz-tra4{padding-bottom:0}}.zz-tra4 .zz-bigbox{position:relative;height:250vh}.zz-tra4 .zz-bigbox .zz-box{position:sticky;top:0;height:100vh;padding:.95rem 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 767px){.zz-tra4 .zz-bigbox .zz-box{padding-top:0rem}}.zz-tra4 .keyFrameBox3{width:76.48%;height:0;padding-bottom:25.29%;position:relative;z-index:1;margin:0 auto;margin-top:1rem}@media (max-width: 1580px){.zz-tra4 .keyFrameBox3{margin-top:.6rem}}@media (max-width:1024px){.zz-tra4 .keyFrameBox3{margin-top:2rem}}@media (max-width: 767px){.zz-tra4 .keyFrameBox3{margin-top:.2rem;width:100%;padding-bottom:92%}}.zz-tra4 .keyFrameBox3 img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover}.zz-tra4 .keyFrameImgBox3{display:none}.zz-tra4 .public-title .h2{-webkit-background-clip:text;background-image:-webkit-radial-gradient(50% 50%, 50% 50%, #fff 33%, transparent 66%);background-image:-moz-radial-gradient(50% 50%, 50% 50%, #fff 33%, transparent 66%);background-image:radial-gradient(50% 50% at 50% 50%, #fff 33%, transparent 66%);background-repeat:no-repeat;-webkit-background-size:300% 400%;background-size:300% 400%;color:transparent;background-size:300% 1164.38%;opacity:0;background-position:50% 109.395%}.zz-tra4 .public-title .zz-text{-webkit-background-clip:text;background-image:-webkit-radial-gradient(50% 50%, 50% 50%, rgba(255,255,255,0.6) 33%, transparent 66%);background-image:-moz-radial-gradient(50% 50%, 50% 50%, rgba(255,255,255,0.6) 33%, transparent 66%);background-image:radial-gradient(50% 50% at 50% 50%, rgba(255,255,255,0.6) 33%, transparent 66%);background-repeat:no-repeat;-webkit-background-size:300% 400%;background-size:300% 400%;color:transparent;background-size:300% 1164.38%;opacity:0;background-position:50% 109.395%}.zz-traBigbox{position:relative;z-index:1}.zz-tra5{display:flex;position:sticky;top:0}@media (max-width: 767px){.zz-tra5{flex-direction:column}}.zz-tra5 .zz-left{width:100%;position:relative;z-index:1}@media (max-width: 767px){.zz-tra5 .zz-left{width:100%}}.zz-tra5 .zz-left .zz-title{position:absolute;top:2.9rem;left:0;padding-left:1.2rem;padding-right:.5rem;z-index:2;color:#fff;line-height:1.2em;-webkit-background-clip:text;background-image:-webkit-radial-gradient(50% 50%, 50% 50%, #fff 33%, transparent 66%);background-image:-moz-radial-gradient(50% 50%, 50% 50%, #fff 33%, transparent 66%);background-image:radial-gradient(50% 50% at 50% 50%, #fff 33%, transparent 66%);background-repeat:no-repeat;-webkit-background-size:300% 400%;background-size:300% 400%;color:transparent;background-size:300% 1164.38%;opacity:1;background-position:50% 50%}@media (max-width: 767px){.zz-tra5 .zz-left .zz-title{text-align:center;font-size:.5rem;width:100%;padding:0 .4rem}}.zz-tra5 .zz-left .public-img{width:100%}.zz-tra5 .zz-left .public-img::before{padding-top:133.56%}@media (max-width: 767px){.zz-tra5 .zz-left .public-img::before{padding-top:100%}}.zz-tra5 .zz-left .zz-imgbox{width:100%;height:100vh}.zz-tra5 .zz-left .zz-imgbox img{width:100%;height:100%;object-fit:cover}.zz-tra5 .zz-left .zz-imgbox img:nth-child(2){display:none}@media (max-width: 767px){.zz-tra5 .zz-left .zz-imgbox img{display:none}.zz-tra5 .zz-left .zz-imgbox img:nth-child(2){display:block}}.zz-tra5 .zz-right{width:61.98%}@media (max-width: 767px){.zz-tra5 .zz-right{width:100%}}.zz-tra5 .zz-right .public-img{width:100%}.zz-tra5 .zz-right .public-img::before{padding-top:81.9%}.zz-tra6{background-image:-webkit-repeating-linear-gradient(rgba(0,0,0,0) 0, #000 20%, #000 100%);background-image:repeating-linear-gradient(rgba(0,0,0,0) 0, #000 20%, #000 100%);position:relative;z-index:2;padding:2.6rem 0 2.15rem;overflow:hidden}@media (max-width: 767px){.zz-tra6{padding-top:8rem;padding-bottom:0}}@media (max-width: 767px){.zz-tra6 .container2{height:100%;display:flex;flex-direction:column;justify-content:center}}.zz-tra6 ul{display:flex;flex-wrap:wrap;margin-top:.85rem}@media (max-width: 767px){.zz-tra6 ul{flex-direction:column}}.zz-tra6 ul li{display:flex;width:29.76%;margin-right:5.35%;position:relative;z-index:1}@media (max-width: 767px){.zz-tra6 ul li{width:100%;margin-right:0;margin-bottom:.4rem}}.zz-tra6 ul li .zz-box{width:100%;position:relative;z-index:1}.zz-tra6 ul li:nth-of-type(odd) .zz-box{transform:translateY(18%)}@media (max-width: 767px){.zz-tra6 ul li:nth-of-type(odd) .zz-box{transform:translateY(0)}}.zz-tra6 ul li:hover .zz-icon{width:1.05rem;right:1.35rem;bottom:1.9rem;opacity:.78}.zz-tra6 ul li:hover .public-img img{transform:scale(1.05)}.zz-tra6 ul li:nth-of-type(3n+3){margin-right:0}.zz-tra6 ul li .public-img{width:100%;border-radius:32px}.zz-tra6 ul li .public-img img{border-radius:inherit;transition:all .8s}.zz-tra6 ul li .public-img::before{padding-top:126%}@media (max-width: 767px){.zz-tra6 ul li .public-img::before{padding-top:115%}}.zz-tra6 ul li .h3{position:absolute;z-index:2;bottom:.45rem;left:0;padding:0 .4rem;background-image:linear-gradient(270deg, #2cff73, #37d3ae);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;box-decoration-break:clone;-webkit-box-decoration-break:clone;-moz-box-decoration-break:clone;color:transparent}@media (max-width: 767px){.zz-tra6 ul li .h3{font-size:.36rem}}.zz-tra6 ul li .zz-icon{position:absolute;z-index:2;width:.3rem;height:auto;right:.5rem;bottom:.45rem;transition:all .6s}@media (max-width: 767px){.zz-tra6 ul li .zz-icon{bottom:.6rem}}.zz-tra7 .zz-box{position:relative;z-index:1;height:250vh}.zz-tra7 .zz-box .zz-boxs{position:sticky;height:100vh;top:0;display:flex;align-items:center;overflow:hidden;z-index:1}.zz-tra7 .zz-box .zz-boxs .zz-mask{background:#000;position:absolute;z-index:3}.zz-tra7 .zz-box .zz-boxs .zz-maskt{width:100%;height:23%;background:#000;top:0;left:0}@media (max-width: 767px){.zz-tra7 .zz-box .zz-boxs .zz-maskt{height:35%}}.zz-tra7 .zz-box .zz-boxs .zz-maskb{width:100%;height:23%;background:#000;bottom:0;left:0}@media (max-width: 767px){.zz-tra7 .zz-box .zz-boxs .zz-maskb{height:35%}}.zz-tra7 .zz-box .zz-boxs .zz-maskl{width:23%;height:100%;background:#000;top:0;left:0}@media (min-width:2000px){.zz-tra7 .zz-box .zz-boxs .zz-maskl{width:10%}}.zz-tra7 .zz-box .zz-boxs .zz-maskr{width:23%;height:100%;background:#000;top:0;right:0}@media (min-width:2000px){.zz-tra7 .zz-box .zz-boxs .zz-maskr{width:10%}}.zz-tra7 .zz-box .tra7Swp{width:100%}.zz-tra7 .zz-box .public-img{border-radius:30px;width:100%}.zz-tra7 .zz-box .public-img::before{padding-top:46.42%}@media (max-width: 767px){.zz-tra7 .zz-box .public-img::before{padding-top:100%}}.zz-tra7 .zz-box .zz-ulBox{width:100%;position:absolute;z-index:5;padding-bottom:46.42%;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width: 767px){.zz-tra7 .zz-box .zz-ulBox{top:70%;height:auto;padding-bottom:unset}}.zz-tra7 .zz-box .zz-ul{display:flex;position:absolute;z-index:3;bottom:.35rem;left:0;padding:0 .7rem;flex-wrap:wrap;opacity:0;transition:all .8s;transform:translateX(-0.3rem);align-items:flex-start;width:100%}@media (max-width: 767px){.zz-tra7 .zz-box .zz-ul{bottom:0;padding:0 .3rem}}.zz-tra7 .zz-box .zz-ul.on{transform:translateX(0);opacity:1}.zz-tra7 .zz-box .zz-ul .swiper-container{margin:0;margin-top:-20px;padding-top:20px;width:100%}.zz-tra7 .zz-box .zz-ul li,.zz-tra7 .zz-box .zz-ul .swiper-slide{margin-right:.15rem;min-width:1.2rem;min-height:1.2rem;padding:.3rem .2rem .15rem;width:120px;height:120px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s;cursor:pointer}.zz-tra7 .zz-box .zz-ul li:last-child,.zz-tra7 .zz-box .zz-ul .swiper-slide:last-child{margin-right:0}@media (max-width: 1580px){.zz-tra7 .zz-box .zz-ul li,.zz-tra7 .zz-box .zz-ul .swiper-slide{width:100px;height:100px}}@media (max-width: 767px){.zz-tra7 .zz-box .zz-ul li,.zz-tra7 .zz-box .zz-ul .swiper-slide{min-width:1.6rem;min-height:1.6rem;width:1.6rem;height:1.6rem;margin-right:.2rem}}.zz-tra7 .zz-box .zz-ul li:hover,.zz-tra7 .zz-box .zz-ul .swiper-slide:hover{transform:translateY(-10px)}.zz-tra7 .zz-box .zz-ul li .bgimg,.zz-tra7 .zz-box .zz-ul .swiper-slide .bgimg{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .4s;z-index:1}.zz-tra7 .zz-box .zz-ul li .bgimg2,.zz-tra7 .zz-box .zz-ul .swiper-slide .bgimg2{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all .4s;z-index:1}.zz-tra7 .zz-box .zz-ul li .zz-icon,.zz-tra7 .zz-box .zz-ul .swiper-slide .zz-icon{position:relative;z-index:2;display:flex;margin-bottom:8px;height:.4rem;width:auto}.zz-tra7 .zz-box .zz-ul li .zz-icon img,.zz-tra7 .zz-box .zz-ul .swiper-slide .zz-icon img,.zz-tra7 .zz-box .zz-ul li .zz-icon svg,.zz-tra7 .zz-box .zz-ul .swiper-slide .zz-icon svg{max-height:100%;width:auto}.zz-tra7 .zz-box .zz-ul li .zz-icon img path,.zz-tra7 .zz-box .zz-ul .swiper-slide .zz-icon img path,.zz-tra7 .zz-box .zz-ul li .zz-icon svg path,.zz-tra7 .zz-box .zz-ul .swiper-slide .zz-icon svg path{fill:url(#grad1)}.zz-tra7 .zz-box .zz-ul li .zz-text,.zz-tra7 .zz-box .zz-ul .swiper-slide .zz-text{position:relative;z-index:2;color:#fff;text-align:center}@media (max-width: 1580px){.zz-tra7 .zz-box .zz-ul li .zz-text,.zz-tra7 .zz-box .zz-ul .swiper-slide .zz-text{font-size:16px}}@media (max-width: 767px){.zz-tra7 .zz-box .zz-ul li .zz-text,.zz-tra7 .zz-box .zz-ul .swiper-slide .zz-text{font-size:.24rem}}.zz-tra7 .zz-box .zz-ul .swiper-slide-active .bgimg{opacity:0}.zz-tra7 .zz-box .zz-ul .swiper-slide-active .bgimg2{opacity:1}.zz-tra7 .zz-box .zz-ul .swiper-slide-active .zz-icon img path,.zz-tra7 .zz-box .zz-ul .swiper-slide-active .zz-icon svg path{fill:url(#grad2)}.zz-tra89-bigBox{position:relative;z-index:1}.zz-tra8{padding:1.8rem 0 .95rem}@media (max-width: 767px){.zz-tra8{padding:1.2rem 0}}.zz-tra8 .public-title{position:relative;z-index:2}.zz-tra8 .zz-ul{display:flex;flex-wrap:wrap;margin-top:.8rem;position:relative;z-index:2}@media (max-width: 767px){.zz-tra8 .zz-ul{justify-content:center}}.zz-tra8 .zz-ul li{display:flex;align-items:center;margin-right:1.6rem;margin-bottom:.3rem}@media (max-width: 767px){.zz-tra8 .zz-ul li{margin-bottom:.6rem}}.zz-tra8 .zz-ul li:last-child{margin-right:0}.zz-tra8 .zz-ul li .zz-icon{height:45px;width:auto;margin-right:10px}@media (max-width: 767px){.zz-tra8 .zz-ul li .zz-icon{height:.7rem;margin-right:.3rem}}.zz-tra8 .zz-ul li .zz-icon img,.zz-tra8 .zz-ul li .zz-icon svg{height:100%;width:inherit}.zz-tra8 .zz-ul li .zz-cont{color:#fff}.zz-tra8 .zz-imgbox{width:100%;height:100%;display:flex;align-items:flex-end;position:relative;z-index:1;height:0;padding-bottom:28.69%}.zz-tra8 .zz-imgbox .bgimg2{width:100%;height:auto}.zz-tra8 .zz-imgbox .bgimg2 .public-img{width:100%;top:unset;bottom:0;left:0}.zz-tra8 .zz-imgbox .bgimg2 .public-img::before{padding-top:28.69%}.zz-tra8 .zz-imgbox .public-img{width:20%;position:absolute;top:20%;left:20%}.zz-tra8 .zz-imgbox .public-img::before{padding-top:42.44%}@media (max-width: 767px){.zz-tra8 .zz-imgbox .public-img::before{padding-top:70%}}.zz-tra8 .zz-bigBox{position:relative;z-index:1;height:320vh}@media (max-width:500px){.zz-tra8 .zz-bigBox{height:350vh}}.zz-tra8 .zz-bigBox .zz-box{position:sticky;height:100vh;z-index:1;top:0;overflow:hidden;display:flex;align-items:flex-end}.zz-tra8 .zz-animateBox{position:absolute;z-index:1;left:68%;transform:translate(-50%, -50%);width:100%;height:100vh;top:-23%}.zz-tra8 .zz-animate{width:100%;height:100%;transition:all .2s ease-in-out}.zz-tra8 .zz-animate .zz-mask{position:absolute;width:100%;height:100%;background:#000;opacity:.8;z-index:3}.zz-tra8 .zz-animate.on .public-img img{filter:grayscale(0)}.zz-tra8 .zz-animate.on2{clip-path:inset(0% 0% 0% 0%)}.zz-tra8 .zz-animate .bgimg{position:absolute;width:100%;height:100%;height:100vh;top:14.34%;left:0;z-index:2;object-fit:cover}@media (max-width:500px){.zz-tra8 .zz-animate .bgimg{top:10%}}.zz-tra8 .zz-animate .zz-imgbox{position:absolute;width:27.5%;z-index:3;top:50%;left:50%;transform:translate(-50%, -50%)}.zz-tra8 .zz-animate .zz-imgbox.on{width:55.1%}.zz-tra8 .zz-animate .public-img{position:absolute;width:100%;z-index:3;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .2s}.zz-tra8 .zz-animate .public-img::before{padding-top:53.24%}.zz-tra8 .zz-animate .public-img img{object-fit:unset}.zz-tra8 .zz-animate .public-img2{transition:unset;opacity:0}.zz-tra8 .zz-title-box{position:absolute;z-index:1;top:21%;left:50%;transform:translate(-50%, -50%);width:100%}@media (max-width: 767px){.zz-tra8 .zz-title-box{top:10%}}.zz-tra8 .zz-title-box .public-title{position:relative;z-index:10}.zz-tra8 .zz-title-box .public-title .h2{color:#fff}.zz-tra8 .zz-title-box .public-title .zz-text{color:rgba(255,255,255,0.6)}.zz-tra8 .zz-title-box .public-title .h2{-webkit-background-clip:text;background-image:-webkit-radial-gradient(50% 50%, 50% 50%, #fff 33%, transparent 66%);background-image:-moz-radial-gradient(50% 50%, 50% 50%, #fff 33%, transparent 66%);background-image:radial-gradient(50% 50% at 50% 50%, #fff 33%, transparent 66%);background-repeat:no-repeat;-webkit-background-size:300% 400%;background-size:300% 400%;color:transparent;background-size:300% 1164.38%;opacity:0;background-position:50% 109.395%}.zz-tra8 .zz-title-box .public-title .zz-text{-webkit-background-clip:text;background-image:-webkit-radial-gradient(50% 50%, 50% 50%, rgba(255,255,255,0.6) 33%, transparent 66%);background-image:-moz-radial-gradient(50% 50%, 50% 50%, rgba(255,255,255,0.6) 33%, transparent 66%);background-image:radial-gradient(50% 50% at 50% 50%, rgba(255,255,255,0.6) 33%, transparent 66%);background-repeat:no-repeat;-webkit-background-size:300% 400%;background-size:300% 400%;color:transparent;background-size:300% 1164.38%;opacity:0;background-position:50% 109.395%}@media (max-width:1024px){.zz-tra8 .container2.tra8_pc{display:none}}.zz-tra8 .container2.tra8_wap{display:none}@media (max-width:1024px){.zz-tra8 .container2.tra8_wap{display:block;position:absolute;left:50%;transform:translateX(-50%);top:14.34%}}@media (max-width: 767px){.zz-tra8 .container2.tra8_wap h2,.zz-tra8 .container2.tra8_wap .zz-text{text-align:center!important}}.zz-tra9{position:relative;z-index:1;padding-bottom:1rem}.zz-tra9 .zz-bg{position:absolute;width:100%;height:100%;background:#f5f5f5;top:0;left:0;z-index:2}.zz-tra9 .zz-bg2{position:absolute;width:100%;height:100%;background:#000;bottom:0;left:0;z-index:3;height:0;transition:all .4s ease-in-out}.zz-tra9 .zz-bg2.on{height:100%}.zz-tra9 .public-title{position:relative;z-index:10}.zz-tra9 .public-title .h2{color:#000}.zz-tra9 .public-title .zz-text{color:#666}.zz-tra9 .public-title.on .h2{color:#fff}.zz-tra9 .public-title.on .zz-text{color:rgba(255,255,255,0.6)}.zz-tra9 .zz-cont{position:relative;width:100%;z-index:5;padding-top:1.4rem;transform:translateY(.4rem)}.zz-tra9 .zz-animateBox{position:relative;z-index:5;height:160vh}.zz-tra9 .zz-animate{width:100%;height:100vh;position:sticky;z-index:1;top:0;clip-path:inset(28% 30% 28% 30%);transition:all .2s ease-in-out}@media (min-width:2000px){.zz-tra9 .zz-animate{clip-path:inset(31% 30% 31% 30%)}}@media (max-width:1366px){.zz-tra9 .zz-animate{clip-path:inset(30% 30% 30% 30%)}}@media (max-width: 767px){.zz-tra9 .zz-animate{clip-path:inset(25% 20% 25% 20%)}}.zz-tra9 .zz-animate.on .public-img img{filter:grayscale(0)}.zz-tra9 .zz-animate.on2{clip-path:inset(0% 0% 0% 0%)}.zz-tra9 .zz-animate .bgimg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;object-fit:cover}.zz-tra9 .zz-animate .zz-mask{background:#000;position:absolute;z-index:10}.zz-tra9 .zz-animate .zz-maskt{width:100%;height:31.65%;background:#000;top:0;left:0}.zz-tra9 .zz-animate .zz-maskb{width:100%;height:31.65%;background:#000;bottom:0;left:0}.zz-tra9 .zz-animate .zz-maskl{width:33.5%;height:100%;background:#000;top:0;left:0}.zz-tra9 .zz-animate .zz-maskr{width:33.5%;height:100%;background:#000;top:0;right:0}.zz-tra9 .zz-animate .public-img{position:absolute;width:40.1%;z-index:3;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .2s}@media (max-width: 767px){.zz-tra9 .zz-animate .public-img{width:60%}}.zz-tra9 .zz-animate .public-img.on{width:55.1%}.zz-tra9 .zz-animate .public-img::before{padding-top:53.24%}@media (max-width: 767px){.zz-tra9 .zz-animate .public-img::before{padding-top:150%}}.zz-tra9 .zz-animate .public-img img{filter:grayscale(1);transition:all .3s;will-change:object-position;transform:translateZ(0);transition:opacity .25s linear}.zz-tra10{padding:1rem 0 1.05rem}@media (max-width: 767px){.zz-tra10{padding:1.2rem 0 0}}.zz-tra10 .tra10SwpNav{width:68.45%;margin:0 auto;overflow:hidden;margin-top:1.15rem}@media (max-width: 767px){.zz-tra10 .tra10SwpNav{width:100%;margin-top:.8rem}}.zz-tra10 .tra10SwpNav .swiper-slide .zz-cont{display:flex;flex-direction:column;width:100%}.zz-tra10 .tra10SwpNav .swiper-slide .zz-cont .zz-date,.zz-tra10 .tra10SwpNav .swiper-slide .zz-cont .zz-text{display:initial;background:#fff linear-gradient(left, #38f7f0, #38f7f0) no-repeat 0 0;background:#fff -o-linear-gradient(left, #38f7f0, #38f7f0) no-repeat 0 0;background:#fff -moz-linear-gradient(left, #38f7f0, #38f7f0) no-repeat 0 0;background:#fff -webkit-linear-gradient(left, #38f7f0, #38f7f0) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:0 100%;white-space:nowrap}.zz-tra10 .tra10Swp{overflow:hidden;margin-top:.55rem}@media (max-width: 767px){.zz-tra10 .tra10Swp{margin-top:.7rem}}.zz-tra10 .tra10Swp .swiper-wrapper{transition:transform 1s cubic-bezier(.645, .045, .355, 1) 0s}.zz-tra10 .tra10Swp .swiper-slide .public-img{width:100%;border-radius:30px}@media (max-width: 767px){.zz-tra10 .tra10Swp .swiper-slide .public-img{border-radius:20px}}.zz-tra10 .tra10Swp .swiper-slide .public-img::before{padding-top:46.42%}@media (max-width:1366px){.zz-tra10 .tra10Swp .swiper-slide .public-img::before{padding-top:38.42%}}@media (max-width:1024px){.zz-tra10 .tra10Swp .swiper-slide .public-img::before{padding-top:60%}}.zz-tra10 .tra10Swp .swiper-slide .public-img img{border-radius:inherit}.zz-tra10 .tra10SwpNav .swiper-slide{cursor:pointer}.zz-tra10 .tra10SwpNav .swiper-slide-active .zz-date,.zz-tra10 .tra10SwpNav .swiper-slide-active .zz-text{animation:txtAni 1.5s linear;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}@media (max-width: 767px){.zz-tra11{padding:1.1rem 0}}.zz-tra11 .zz-bigbox{position:relative;height:250vh}.zz-tra11 .zz-bigbox .zz-box{position:sticky;top:0;height:100vh;padding:.95rem 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 767px){.zz-tra11 .zz-bigbox .zz-box{padding-top:0;height:90vh}}.zz-tra11 .keyFrameBox4{width:43.75%;height:0;padding-bottom:41.66%;position:relative;z-index:1;margin:0 auto;margin-top:0}@media (max-width:1024px){.zz-tra11 .keyFrameBox4{margin-top:2rem}}@media (max-width: 767px){.zz-tra11 .keyFrameBox4{width:100%;padding-bottom:100%;margin-top:.4rem}}.zz-tra11 .keyFrameBox4 img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover}.zz-tra11 .keyFrameImgBox4{display:none}.zz-tra12{padding-top:0;padding-bottom:1.8rem}.zz-tra12 .container2{position:relative}.zz-tra12 .container2 .x-xia{z-index:10;position:sticky;height:100vh}.zz-tra12 .container2 .x-xia .x-le{position:relative;z-index:1;height:100%}@media (max-width: 767px){.zz-tra12 .container2 .x-xia .x-le{display:block;width:100%}}.zz-tra12 .container2 .x-xia .x-le .x-li{position:absolute;top:50%;height:auto;width:100%;transform:translateY(-50%)}@media (max-width: 767px){.zz-tra12 .container2 .x-xia .x-le .x-li{position:relative;top:unset;height:auto;margin-top:1rem}}.zz-tra12 .container2 .x-xia .x-le>.x-li:nth-of-type(1){margin-top:0}.zz-tra12 .container2 .x-title{padding-top:.25rem;position:relative;height:auto}@media (max-width: 767px){.zz-tra12 .x-ri{display:none}}.zz-tra12 .x-li{height:auto;display:flex;flex-direction:column;justify-content:center}@media (max-width: 767px){.zz-tra12 .x-li{position:initial;height:auto;padding:0 0 0 0;border-radius:.14rem}}@media (max-width: 767px){.zz-tra12 .x-li:nth-child(1){background-color:#1f1f1f}}.zz-tra12 .x-li:nth-child(1) .x-text{background-color:#1f1f1f}@media (max-width: 767px){.zz-tra12 .x-li:nth-child(2){margin-top:.4rem;background-color:#161616}}.zz-tra12 .x-li:nth-child(2) .x-text{background-color:#161616}.zz-tra12 .x-li .x-text{background-color:#1f1f1f;border-radius:.3rem;padding:.5rem .6rem .55rem .6rem}.zz-tra12 .x-li .x-text .x-title2{color:#fff}.zz-tra12 .x-li .x-text .x-tb{margin-top:.3rem;padding-top:.25rem;border-top:1px solid rgba(255,255,255,0.1)}.zz-tra12 .x-li .x-text .x-tb .x-sp{color:#fff;display:flex;margin-bottom:.15rem}.zz-tra12 .x-li .x-text .x-tb .x-sp:last-child{margin-bottom:0}@media (max-width: 991px){.zz-tra12 .x-li .x-text .x-tb .x-sp p{font-size:.2rem}}@media (max-width: 767px){.zz-tra12 .x-li .x-text .x-tb .x-sp p{font-size:.24rem}}.zz-tra12 .x-li .x-text .x-tb .x-sp p:nth-child(1){width:23.61%;padding-right:.1rem}@media (max-width: 991px){.zz-tra12 .x-li .x-text .x-tb .x-sp p:nth-child(1){width:30%}}.zz-tra12 .x-li .x-text .x-tb .x-sp p:nth-child(2){width:76.39%}@media (max-width: 991px){.zz-tra12 .x-li .x-text .x-tb .x-sp p:nth-child(2){width:70%}}.zz-tra12 .x-li .x-yd-box{display:none}@media (max-width: 767px){.zz-tra12 .x-li .x-yd-box{display:block}}.zz-tra12 .x-li .x-yd-box .public-img::before{padding-top:55.88235294%}.zz-tra12 .x-li .x-yd-box .x-p{color:#fff;text-align:center;margin-top:.5rem}@media (max-width: 991px){.zz-tra12 .x-li .x-yd-box .x-p{font-size:.2rem}}.zz-tra12 .x-li .x-text .x-tb .x-scroll{max-height:26em;overflow-y:auto}.zz-tra12 .x-li .x-text .x-tb .x-scroll::-webkit-scrollbar{width:2px}.zz-tra12 .x-li .x-text .x-tb .x-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #ddd;background-color:#ddd;border-radius:3px}.zz-tra12 .x-li .x-text .x-tb .x-scroll::-webkit-scrollbar-thumb{border-radius:7px;background-color:#F8B739}@media (max-width: 767px){.zz-tra12 .x-li .x-text .x-tb .x-scroll{max-height:unset}}.zz-tra12 .x-li .x-text .x-tb .x-sp p:nth-child(1){width:45.6%}.zz-tra12 .x-li .x-text .x-tb .x-sp p:nth-child(2){width:54.4%}.zz-tra12 .zz-title{text-align:center;color:#fff;margin-top:.3rem}@media (max-width: 767px){.zz-tra12 .zz-title{margin-top:.5rem}}.zz-tra12 .tra12Swp{width:79.45%;margin:0 auto}@media (max-width: 767px){.zz-tra12 .tra12Swp{width:100%}}.zz-tra12 .tra12Swp .swiper-container{padding-bottom:.7rem}.zz-tra12 .tra12Swp .swiper-slide .public-img{width:100%}.zz-tra12 .tra12Swp .swiper-slide .public-img::before{padding-top:57.75% !important}.zz-tra12 .tra12Swp .swiper-pagination{bottom:0}.zz-tra12 .tra12Swp .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#fff;opacity:1;transition:all .4s}.zz-tra12 .tra12Swp .swiper-pagination .swiper-pagination-bullet-active{background:#F8B739}.zz-tra12 .zz-bigBox{position:relative;z-index:1;height:210vh}@media (max-width:1024px){.zz-tra12 .zz-bigBox{height:auto}}.zz-tra12 .zz-bigBox .zz-stickyBox{position:sticky;z-index:1;height:100vh;display:flex;top:0;flex-direction:column;justify-content:center}@media (max-width:1024px){.zz-tra12 .zz-bigBox .zz-stickyBox{height:auto;position:relative;top:unset}}.zz-tra12 .zz-bigBox .zz-stickyBox .zz-contBox{display:flex;justify-content:space-between;margin-top:.85rem}@media (max-width:1024px){.zz-tra12 .zz-bigBox .zz-stickyBox .zz-contBox{flex-direction:column}}.zz-tra12 .zz-bigBox .zz-stickyBox .zz-left,.zz-tra12 .zz-bigBox .zz-stickyBox .zz-right{width:50%}@media (max-width:1024px){.zz-tra12 .zz-bigBox .zz-stickyBox .zz-left,.zz-tra12 .zz-bigBox .zz-stickyBox .zz-right{width:100%}}.zz-tra12 .zz-bigBox .zz-stickyBox .zz-left{position:relative;z-index:1}.zz-tra12 .zz-bigBox .zz-stickyBox .zz-left .zz-box{position:absolute;z-index:1;top:80%;left:50%;transform:translate(-50%, -50%);width:100%;opacity:0}@media (max-width:1024px){.zz-tra12 .zz-bigBox .zz-stickyBox .zz-left .zz-box{position:relative;top:unset;left:unset;transform:unset;opacity:1;margin-bottom:1.2rem}}.zz-tra12 .zz-bigBox .zz-stickyBox .zz-left .zz-box:nth-of-type(1){position:relative;opacity:1;top:50%}.zz-aTop{margin-top:-60px;padding-top:60px;height:0;top:60px}@media (max-width:1024px){.zz-aTop{margin-top:-1.2rem;padding-top:1.2rem;top:1.2rem}}@media (max-width: 767px){.zz-aTop{margin-top:-1.8rem}}.zz-aTop.zz-aTop2{top:2rem}