.rayou-en-about-section{width:min(1170px,calc(100% - 48px));margin:0 auto;padding:54px 0}.rayou-en-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.rayou-en-section-head span{color:#d79800;font-size:12px;font-weight:700}.rayou-en-section-head h2{margin:7px 0 0;color:#26323a;font-size:30px;font-weight:600;line-height:1.25}.rayou-en-honor-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:14px}.rayou-en-honor-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;padding:7px;background:#f7f8f8}.rayou-en-equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rayou-en-equipment-grid figure{min-width:0;margin:0;background:#f2f3f3}.rayou-en-equipment-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.rayou-en-about-section+.rayou-history{margin-top:0}@media(max-width:850px){.rayou-en-honor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rayou-en-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.rayou-en-about-section{width:calc(100% - 36px);padding:40px 0}.rayou-en-section-head h2{font-size:25px}.rayou-en-honor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rayou-en-equipment-grid{gap:10px}}
.rayou-en-demo-section{width:100%;margin:0;padding:54px 0 48px}
.rayou-en-demo-section .rayou-en-section-head{display:block;margin:0 0 42px;text-align:center}
.rayou-en-demo-section .rayou-en-section-head h2{margin:0;color:#252a34;font-size:48px;font-weight:700;line-height:1.25}
.rayou-en-demo-viewport{width:100%;overflow:hidden}
.rayou-en-demo-track{display:flex;width:max-content;gap:36px;padding:0 max(8vw,24px);animation:rayou-en-demo-scroll 40s linear infinite}
.rayou-en-demo-card{flex:0 0 320px;width:320px;aspect-ratio:9/16;margin:0;overflow:hidden;border:6px solid #444;border-radius:7px;background:#eee;box-shadow:0 5px 16px rgb(0 0 0 / 12%)}
.rayou-en-demo-card img{display:block;width:100%;height:100%;object-fit:cover}
.rayou-en-demo-viewport:hover .rayou-en-demo-track{animation-play-state:paused}
@keyframes rayou-en-demo-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.rayou-en-demo-section{padding:40px 0}.rayou-en-demo-section .rayou-en-section-head{margin-bottom:28px}.rayou-en-demo-section .rayou-en-section-head h2{font-size:34px}.rayou-en-demo-track{gap:22px;padding:0 22px}.rayou-en-demo-card{flex-basis:230px;width:230px;border-width:5px}}