.N_section__xxNV_ .content{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 128px;overflow:hidden}.N_section__xxNV_ .content .eco-title{color:#000;font-family:var(--ff-woff2-EB);font-size:30px;line-height:120%}.N_section__xxNV_ .content .container{position:relative;margin-top:21px;width:100%;padding-top:44.53125%}.N_section__xxNV_ .content .container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:180px;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,transparent 13.96%,rgba(0,0,0,.81))}.N_section__xxNV_ .content .container .eco-img{position:absolute;inset:0;border-radius:4px;overflow:hidden}.N_section__xxNV_ .content .container .eco-img figure{transition:background .3s ease-in-out}.N_section__xxNV_ .content .container .info{position:absolute;bottom:28px;z-index:10;padding:0 70px 0 38px;display:flex;align-items:center;gap:12.8px}.N_section__xxNV_ .content .container .info .circle{position:relative;display:flex;align-items:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.N_section__xxNV_ .content .container .info .circle svg{width:64px;height:64px;flex-shrink:0}.N_section__xxNV_ .content .container .info .circle .circle-text{position:absolute;color:#fff;font-family:var(--ff-woff2-L);font-size:38.4px;line-height:1.2}.N_section__xxNV_ .content .container .info .circle .icon-gou{position:absolute;width:55%}.N_section__xxNV_ .content .container .info .info-title{color:#fff;font-family:var(--ff-woff2-B);font-size:16px;line-height:17.067px}.N_section__xxNV_ .content .container .info .info-desc{margin-top:8px;color:#adafb3;font-family:var(--ff-woff2-B);font-size:14px}.N_section__xxNV_ .content .container .info .indexs-h5{display:none}.N_section__xxNV_ .content .container .indexs{position:absolute;bottom:0;right:0;z-index:10;padding:12.8px;display:flex;gap:5.33px}.N_section__xxNV_ .content .container .indexs .index-item{cursor:pointer;width:4.267px;height:4.267px;background-color:#646464;border-radius:50%;transition:background-color .2s ease-in-out}.N_section__xxNV_ .content .container .indexs .index-item.active{background-color:#fff}@media only screen and (min-width:1680px){.N_section__xxNV_ .content{padding:0 calc(50% - 720px)}.N_section__xxNV_ .content .eco-title{font-size:56px}.N_section__xxNV_ .content .container{margin-top:40px;padding-top:44.4444444444%}.N_section__xxNV_ .content .container:after{height:240px;border-radius:8px}.N_section__xxNV_ .content .container .eco-img{border-radius:8px}.N_section__xxNV_ .content .container .info{bottom:48px;padding:0 216px 0 72px;gap:22px}.N_section__xxNV_ .content .container .info .circle svg{width:120px;height:120px}.N_section__xxNV_ .content .container .info .circle .circle-text{font-size:72px}.N_section__xxNV_ .content .container .info .info-title{font-size:24px;line-height:32px}.N_section__xxNV_ .content .container .info .info-desc{margin-top:16px;font-size:16px;line-height:22px}.N_section__xxNV_ .content .container .indexs{padding:24px;gap:10px}.N_section__xxNV_ .content .container .indexs .index-item{width:8px;height:8px}}@media((min-width:1440px) and (max-width:1679px)){.N_section__xxNV_ .content{padding:0 180px}.N_section__xxNV_ .content .eco-title{font-size:42px}.N_section__xxNV_ .content .container{margin-top:40px;padding-top:44.4444444444%}.N_section__xxNV_ .content .container:after{height:180px;border-radius:6px}.N_section__xxNV_ .content .container .eco-img{border-radius:6px}.N_section__xxNV_ .content .container .info{bottom:36px;padding:0 168px 0 54px;gap:18px}.N_section__xxNV_ .content .container .info .circle svg{width:90px;height:90px}.N_section__xxNV_ .content .container .info .circle .circle-text{font-size:54px}.N_section__xxNV_ .content .container .info .info-title{font-size:18px;line-height:24px}.N_section__xxNV_ .content .container .info .info-desc{margin-top:12px;font-size:14px;line-height:16.5px}.N_section__xxNV_ .content .container .indexs{padding:18px;gap:7.5px}.N_section__xxNV_ .content .container .indexs .index-item{width:6px;height:6px}}@media(max-width:1023px){.N_section__xxNV_ .content{padding:0 48px}.N_section__xxNV_ .content .eco-title{font-size:28px}.N_section__xxNV_ .content .container{margin-top:24px;padding-top:44.3452380952%}.N_section__xxNV_ .content .container:after{height:150px;border-radius:3.5px}.N_section__xxNV_ .content .container .eco-img{border-radius:3.5px}.N_section__xxNV_ .content .container .info{bottom:22px;padding:0 61px 0 32px;gap:11px}.N_section__xxNV_ .content .container .info .circle svg{width:56px;height:56px}.N_section__xxNV_ .content .container .info .circle .circle-text{font-size:33.6px}.N_section__xxNV_ .content .container .info .info-title{font-size:16px;line-height:1.2}.N_section__xxNV_ .content .container .info .info-desc{margin-top:7.7px;font-size:14px;line-height:normal}.N_section__xxNV_ .content .container .indexs{padding:11.2px;gap:4.5px}.N_section__xxNV_ .content .container .indexs .index-item{width:4px;height:4px}}@media(max-width:767px){.N_section__xxNV_ .content{padding:0 24px;top:-24px}.N_section__xxNV_ .content .container{padding-top:73.3944954128%}.N_section__xxNV_ .content .container:after{height:118px;border-radius:4px}.N_section__xxNV_ .content .container .eco-img{border-radius:4px}.N_section__xxNV_ .content .container .info{top:calc(100% - 54px - 9px);bottom:unset;padding:0 8px;flex-direction:column;align-items:flex-start;gap:18px}.N_section__xxNV_ .content .container .info .circle svg{width:54px;height:54px}.N_section__xxNV_ .content .container .info .circle .circle-text{font-size:33.6px}.N_section__xxNV_ .content .container .info .info-title{color:#000}.N_section__xxNV_ .content .container .info .info-desc{color:#595c61;margin-top:8px}.N_section__xxNV_ .content .container .info .indexs-h5{margin-top:12px;padding:12px 0;display:flex;gap:6.33px}.N_section__xxNV_ .content .container .info .indexs-h5 .index-item-h5{cursor:pointer;width:5px;height:5px;background-color:#cfd0d2;border-radius:50%;transition:background-color .2s ease-in-out}.N_section__xxNV_ .content .container .info .indexs-h5 .index-item-h5.active{background-color:#000}.N_section__xxNV_ .content .container .indexs{display:none}}@media(max-width:1023px){.N_space1__ErTdr{display:none}}@media(max-width:767px){.N_space1__ErTdr{display:block}}@media(max-width:1023px){.N_space2__hTChy{display:none}}@media(max-width:767px){.N_space2__hTChy{display:block}}
/*# sourceMappingURL=475c8ac3aa3b05ba.css.map*/