.section23{text-align:center;padding-top:20rem}.section23 .stitle{font-size:8rem;text-align:center;font-weight:600;margin-bottom:4rem}.section23 .bg3d{padding-bottom:56.25%}.section23 .bg3d>img,.section23 .bg3d>video{opacity:0}.section23 .bg3d>img.active,.section23 .bg3d>video.active{opacity:1}.section23 .img3D{width:80%;margin:0 auto}.section23 .desc{font-size:1.6rem;color:#1d1d1f;margin-bottom:3rem}.section23 .navList{display:inline-flex;background-color:#f7f7f7;padding:calc(var(--r2) - var(--r1));border-radius:var(--r2);--r1:2.8rem;--r2:3.6rem;height:calc(var(--r2)*2)}.section23 .navList>li{padding:1rem var(--r1);height:calc(var(--r1)*2);flex:1;min-width:10rem;border-radius:var(--r1);display:flex;align-items:center;justify-content:center}.section23 .navList>li.active{background-color:#fff;color:#34c759}.section23 .navList>li.active .nav{border-color:#34c759}.section23 .navList .nav{width:100%;height:100%;min-width:6rem;border-radius:2px;border:2px solid #1d1d1f;display:flex;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-width:980px){.section23 .stitle{font-size:6.4rem;font-weight:600;margin-bottom:4rem}.section23 .img3D{width:100%}.section23 .desc{font-size:3.2rem}}