@import url('./home-layout.css');
/* Homepage-only sections; imagery and measurements follow shilimei.com. */
.hero{height:831px;position:relative;overflow:hidden;background:#1488df;touch-action:pan-y}
.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity 1.5s ease,visibility 1.5s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-background{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-content{position:absolute;top:0;left:0;right:0;margin:0 auto;height:831px;z-index:1}
.hero-slide .piece{opacity:0;transform:translateX(-60px);transition:opacity 1s ease .15s,transform 1s ease .15s}.hero-slide.is-active .piece{opacity:1;transform:translateX(0)}.hero-slide .reveal{--delay:0s!important}.hero-slide .piece:nth-child(n+3){transition-delay:.22s}
.hero-arrow{position:absolute;top:45%;height:65px;width:40px;border:0;background:#0002;color:#fff;font-family:Arial;font-size:44px;line-height:50px;z-index:3;opacity:0;transition:opacity .2s}.hero-arrow--prev{left:20px}.hero-arrow--next{right:20px}.hero:hover .hero-arrow,.hero:focus-within .hero-arrow{opacity:1}.hero-dots{position:absolute;bottom:23px;left:0;right:0;display:flex;justify-content:center;gap:11px;z-index:3}.hero-dot{padding:0;width:10px;height:10px;border:1px solid #fff;border-radius:50%;background:#fff5;box-shadow:0 0 0 1px #8cafce44}.hero-dot.is-active{background:#fff}
.hero-content .richtext{font-size:20px}.statistics{height:127px;border-bottom:1px solid #ededed;background:#fff}.stats-stage{height:126px}
.about{height:679px;background-position:top center;background-size:cover}.about-stage{height:679px}.patents{position:absolute;left:540px;top:515px;width:600px;height:59px}.piece--3776{opacity:.86}.piece--2916 .richtext{line-height:30px}
.products{height:1974px;background-position:top center;background-size:cover}.products-stage{height:1974px}.product-card{position:absolute;left:-26px;width:1300px;height:521px}.product-card--lenses{top:40px}.product-card--apa{top:582px;scroll-margin-top:25px}.product-card>.piece:first-child{left:0;top:0;width:1300px}.product-card>.piece:first-child img{width:1300px;height:521px}.charity{position:absolute;left:0;top:1170px;width:1250px;height:600px;scroll-margin-top:25px}.charity .richtext{line-height:28px}.piece--3292 .richtext{line-height:1.5}
.news{height:885px;background:#fff}.news-stage{height:885px}.news-tabs{position:absolute;top:123px;left:26px;width:1200px;height:90px;border-bottom:1px solid #ededed;display:flex;justify-content:flex-start;padding-left:810px;gap:30px}.news-tab{padding:0;width:80px;height:90px;border:0;border-bottom:2px solid transparent;color:#333;font-size:16px;background:none;white-space:nowrap}.news-tab:hover,.news-tab.is-active{color:#076ce0}.news-tab.is-active{border-bottom-color:#076ce0}.news-panel{position:absolute;top:259px;left:25px;width:1200px;height:532px}.news-feature{position:absolute;left:4px;top:14px;width:402px;height:503px;overflow:hidden}.news-feature img{width:402px;height:503px;object-fit:fill}.news-list{position:absolute;top:0;left:430px;width:769px}.news-item{min-height:175px;padding:14px 0 17px}.news-item h3{font-size:16px;line-height:26px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 22px}.news-item h3 a:hover{color:#076ce0}.news-item p{font-size:14px;line-height:24px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 8px}.news-item time{font-size:14px;color:#999}
.news-list{left:455px;width:744px}.news-thumbnail{width:217px;height:150px;flex:0 0 217px;overflow:hidden}.news-thumbnail img{width:217px;height:150px;object-fit:cover;transition:transform .35s}.news-thumbnail:hover img{transform:scale(1.04)}.news-item{display:flex;gap:26px;padding-top:17px;padding-bottom:8px}.news-item-content{min-width:0;flex:1}
.join{height:308px;background-size:cover;background-position:center top}.join-stage{height:308px}.piece--430{width:162px!important}.piece--430 .button{width:162px;height:50px;background:#177edf;font-size:15px}
@media(min-width:768px) and (max-width:1299px){.hero{height:calc((100vw - 40px)*831/1250)}.statistics{height:calc((100vw - 40px)*127/1250)}.about{height:calc((100vw - 40px)*679/1250)}.products{height:calc((100vw - 40px)*1974/1250)}.news{height:calc((100vw - 40px)*885/1250)}.join{height:calc((100vw - 40px)*308/1250)}}
@media(max-width:767px){
.hero{height:450px}.hero-background{object-position:60% center}.hero-content{left:0;right:0;top:0;width:auto;margin:0 22px;height:100%}.hero-content .piece{position:absolute;left:0!important}.hero-content .piece--4000{top:48px!important;width:190px!important}.hero-content .piece--4000 img{width:190px!important;height:auto!important}.hero-content .piece--3731{top:138px!important;width:120px!important}.hero-content .button{width:120px;height:38px;font-size:13px}
.hero-content .richtext span[style*="font-size: 60px"]{font-size:29px!important}.hero-content .richtext span[style*="font-size: 22px"],.hero-content .richtext span[style*="font-size: 20px"]{font-size:12px!important}
.hero-content .piece--3732{top:48px!important}.hero-content .piece--3733{top:92px!important}.hero-content .piece--3736{top:152px!important;width:210px!important}.hero-content .piece--3736 img{width:210px!important}.hero-content .piece--3735,.hero-content .piece--3744,.hero-content .piece--3745{top:48px!important}.hero-content .piece--3737,.hero-content .piece--3755,.hero-content .piece--3746{top:101px!important;max-width:310px}.hero-content .piece--3738,.hero-content .piece--3747{top:148px!important;width:18px!important}.hero-content .piece--3740,.hero-content .piece--3749{top:185px!important;width:18px!important}.hero-content .piece--3742,.hero-content .piece--3751{top:222px!important;width:18px!important}.hero-content .piece--3739,.hero-content .piece--3748{left:29px!important;top:143px!important}.hero-content .piece--3741,.hero-content .piece--3750{left:29px!important;top:180px!important}.hero-content .piece--3743,.hero-content .piece--3752{left:29px!important;top:217px!important}.hero-content .piece--3753{top:143px!important;max-width:190px}.hero-content .piece--3753 .richtext{font-size:15px}.hero-content .piece--3753 .richtext span{line-height:27px!important}.hero-content .piece--3754{top:271px!important}.hero-arrow{display:none}.hero-dots{bottom:16px;gap:10px}.hero-dot{width:8px;height:8px}
.statistics{height:auto}.stats-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;padding:24px 0;gap:24px 10px}.stat-group{display:flex;gap:12px;align-items:center}.stat-group>.piece:first-child{flex-shrink:0;width:29px!important}.stat-group>.piece:first-child img{width:29px!important}.stat-group>.piece:last-child .richtext{line-height:1.5}.stat-group .richtext span[style*="24px"]{font-size:23px!important}.stat-group .richtext span[style*="14px"]{font-size:11px!important}.stats-stage>.piece{display:none}
.about{height:auto;background-position:center top}.about-stage{height:auto;display:flex;flex-direction:column;padding:38px 0 42px;gap:24px}.piece--2956{order:1}.piece--2956 .richtext{line-height:1.45}.piece--3260{order:2;width:100%!important}.piece--3260 img{width:100%;max-width:400px;margin:auto}.piece--2916{order:3}.piece--2916 .richtext{font-size:15px;line-height:27px}.piece--2916 .richtext span[style*="font-size: 16px"]{font-size:15px!important}.patents{order:4;position:relative;left:auto;top:auto;width:100%;height:auto;background:#318deb;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:13px;color:white}.patents .piece--3776,.patents .piece--3771,.patents .piece--3775{display:none}.patents .piece--3772{grid-column:1;grid-row:1}.patents .piece--3777{grid-column:2;grid-row:1}.patents .piece--3770{grid-column:1;grid-row:2}.patents .piece--3774{grid-column:2;grid-row:2}.patents .richtext span{font-size:15px!important}.patents .piece--3770 span,.patents .piece--3774 span{font-size:26px!important}
.products{height:auto;background:#0879de;background-image:none}.products-stage{height:auto;margin:0;padding:25px 18px 0}.product-card{position:relative;top:auto;left:auto;width:auto;height:auto;border-radius:16px;background:#4a99e3;margin:0 0 25px;padding:27px 22px 190px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;color:white}.product-card>.piece:first-child{position:absolute;inset:0;width:100%!important;pointer-events:none;opacity:.5}.product-card>.piece:first-child img{width:100%;height:100%!important;object-fit:cover;object-position:right center}.product-card .piece{z-index:1}.piece--3277,.piece--3282{grid-column:1/-1;margin-bottom:8px}.piece--3840{grid-column:1;grid-row:2}.piece--396{grid-column:2;grid-row:2}.piece--3278{grid-column:1;grid-row:3}.piece--3841{grid-column:2;grid-row:3}.piece--3843{grid-column:1;grid-row:4}.piece--397{grid-column:2;grid-row:4}.product-card--lenses .richtext span[style*="28px"]{font-size:17px!important}.product-card--lenses .richtext span[style*="16px"]{font-size:13px!important;line-height:24px!important}.product-card--lenses .piece--3277 .richtext span[style*="55px"]{font-size:26px!important}
.product-card--apa{padding-bottom:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px}.piece--3287{grid-column:1/-1;grid-row:2;margin:7px 0}.piece--3287 img{width:100%}.piece--3288,.piece--3289,.piece--3290{grid-row:3}.piece--3288 .richtext,.piece--3289 .richtext,.piece--3290 .richtext{line-height:1.5;text-align:center}.piece--3288 .richtext span,.piece--3289 .richtext span,.piece--3290 .richtext span{font-size:10px!important}.piece--3365,.piece--3368,.piece--3370{display:none}.piece--3366,.piece--3369,.piece--3371{grid-row:4;text-align:center}.piece--3366 span,.piece--3369 span,.piece--3371 span{font-size:11px!important}.piece--3283{grid-column:1/-1;margin-top:17px}.piece--3285{grid-column:1/-1}.piece--3285 .richtext span{font-size:14px!important;line-height:26px!important}.piece--3286{justify-self:end;grid-column:3;width:24px!important}
.charity{position:relative;top:auto;left:auto;width:auto;height:auto;background:#e2f5fe;margin:0 -18px;padding:37px 22px 45px;display:grid;grid-template-columns:1fr;gap:15px}.charity .piece--3292{grid-row:1;margin-bottom:10px}.charity .piece--3292 .richtext span{font-size:26px!important;line-height:1.6}.charity .piece--3293{grid-row:2}.charity .piece--3295{grid-row:3}.charity .piece--3294{grid-row:4;margin-bottom:15px}.charity .piece--3297{grid-row:5}.charity .piece--3296{grid-row:6}.charity .piece--3298{grid-row:7}.charity .richtext span[style*="24px"]{font-size:19px!important}.charity .piece--3294 span,.charity .piece--3298 span{font-size:14px!important;line-height:26px}.charity .piece--3295,.charity .piece--3296{width:58px!important}
.news{height:auto}.news-stage{height:auto;padding:42px 0 36px}.news-stage>.piece--3361{margin-bottom:18px}.piece--3361 span[style*="24px"]{font-size:16px!important}.piece--3361 span[style*="40px"]{font-size:30px!important}.news-tabs{position:static;width:auto;height:52px;padding:0;gap:24px;margin-bottom:24px}.news-tab{height:52px;font-size:14px}.news-panel{position:static;width:auto;height:auto}.news-feature{position:static;width:auto;height:260px;margin-bottom:15px}.news-feature img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}.news-list{position:static;width:auto}.news-item{min-height:0;padding:22px 0;border-bottom:1px solid #ededed}.news-item h3{white-space:normal;font-size:15px;line-height:25px;margin:0 0 12px}.news-item p{font-size:13px;line-height:23px;margin-bottom:8px}.news-item time{font-size:12px}
.news-list{width:auto}.news-item{gap:14px}.news-thumbnail,.news-thumbnail img{width:100px;height:94px}.news-thumbnail{flex-basis:100px}.news-item h3{margin-bottom:7px}.news-item p{-webkit-line-clamp:1}
.join{height:auto;min-height:250px;background-size:auto 100%;background-position:center}.join-stage{height:auto;min-height:250px;padding:37px 0;text-align:center}.piece--429 .richtext span[style*="30px"]{font-size:22px!important}.piece--429 .richtext{line-height:35px}.piece--429 .richtext>span{line-height:35px!important}.piece--430{width:auto!important;margin-top:26px}.piece--430 .button{display:inline-flex!important;width:142px;height:44px;font-size:14px}
}