:root { --red:#e51e2a; --ink:#202020; --muted:#747474; --line:#e5e5e5; --shell:1150px; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.page-shell { width:min(var(--shell),calc(100% - 64px)); margin:auto; }
.page-header { position:sticky; z-index:50; top:0; display:grid; grid-template-columns:220px 1fr auto; align-items:center; height:75px; padding:0 15px; border-bottom:1px solid #f1f1f1; background:#fff; }
.page-brand { display:inline-flex; align-items:center; gap:10px; color:#222; font-size:20px; font-weight:800; line-height:1; }
.page-brand small { display:block; margin-top:5px; font-size:8px; letter-spacing:1.5px; }
.brand-stroke { position:relative; width:47px; height:34px; margin-left:4px; transform:skewX(-15deg); transform-origin:center; }
.brand-stroke i { position:absolute; left:0; display:block; width:43px; height:11px; border:4px solid currentColor; border-right-width:8px; border-radius:50% 0 50% 0; transform:rotate(-9deg); }
.brand-stroke i:first-child { top:2px; }.brand-stroke i:last-child { top:17px; left:8px; width:36px; }
.page-nav { display:flex; justify-content:center; height:100%; }
.page-nav-item { position:relative; display:flex; height:100%; }
.page-nav-item > a { position:relative; display:flex; align-items:center; height:100%; padding:0 25px; font-size:16px; font-weight:400; white-space:nowrap; }
.page-nav-item > a.is-active { color:var(--red); }
.page-nav-item > a.is-active::after,.page-nav-item:hover > a::after { position:absolute; right:25px; bottom:0; left:25px; height:2px; content:""; background:var(--red); }
.page-mega-menu { position:absolute; z-index:45; top:75px; left:0; width:230px; visibility:hidden; background:#fff; box-shadow:0 14px 25px rgba(0,0,0,.045); opacity:0; transform:translateY(-6px); transition:opacity .18s,transform .18s,visibility .18s; }
.page-nav-item.has-menu:hover .page-mega-menu { visibility:visible; opacity:1; transform:translateY(0); }
.page-nav-item.has-menu:hover > a { color:var(--red); background:#f7f7f7; }
.page-mega-inner { width:100%; }
.page-mega-inner > p { display:none; }
.page-mega-inner > div { display:block; }
.page-mega-inner section { position:relative; border-bottom:1px solid #ececec; }
.page-mega-inner section:last-child { border-bottom:0; }
.page-mega-inner section > a { position:relative; display:flex; align-items:center; min-height:50px; padding:0 30px 0 10px; color:#353535; font-size:14px; font-weight:400; line-height:1.35; }
.page-mega-inner section > a::after { position:absolute; top:50%; right:13px; width:7px; height:7px; border-top:1px solid currentColor; border-right:1px solid currentColor; content:""; transform:translateY(-50%) rotate(45deg); }
.page-mega-inner section:hover > a { color:#fff; background:var(--red); }.page-mega-inner section:has(nav a:hover) > a { color:#353535; background:#fff; }.page-mega-inner section nav a:hover { color:#fff; background:var(--red); }
.page-mega-inner section nav { position:absolute; top:0; left:100%; display:none; width:160px; background:#fff; box-shadow:10px 12px 22px rgba(0,0,0,.05); }
.page-mega-inner section:hover nav { display:block; }
.page-mega-inner section nav a { position:relative; display:flex; align-items:center; min-height:50px; padding:0 30px 0 10px; border-bottom:1px solid #ececec; color:#666; font-size:14px; line-height:1.3; }
.page-mega-inner section nav a::after { position:absolute; top:50%; right:13px; width:7px; height:7px; border-top:1px solid currentColor; border-right:1px solid currentColor; content:""; transform:translateY(-50%) rotate(45deg); }
.page-mega-inner section nav a:last-child { border-bottom:0; }
.page-actions { display:flex; align-items:center; gap:15px; padding-right:15px; }.page-search { position:relative; display:block; width:25px; height:25px; }.page-search i { position:absolute; top:2px; left:1px; width:17px; height:17px; border:2px solid currentColor; border-radius:50%; }.page-search i::after { position:absolute; right:-7px; bottom:-5px; width:9px; height:2px; content:""; background:currentColor; transform:rotate(50deg); }.page-language-menu { position:relative; width:130px; height:39px; }.page-language-menu summary { display:flex; align-items:center; justify-content:space-between; height:39px; padding:7px 15px 7px 20px; border-radius:20px; color:#666; cursor:pointer; font-size:14px; list-style:none; }.page-language-menu summary::-webkit-details-marker { display:none; }.page-language-menu[open] summary { color:var(--red); background:#f7f7f7; }.page-language-menu > div { position:absolute; top:calc(100% + 8px); right:0; display:grid; width:130px; padding:7px 0; border:1px solid #eee; background:#fff; box-shadow:0 9px 24px rgba(0,0,0,.1); }.page-language-menu > div a { padding:9px 20px; color:#666; font-size:14px; }.page-language-menu > div a:hover,.page-language-menu > div a.is-current { color:var(--red); background:#fafafa; }.page-quote { display:inline-flex; align-items:center; justify-content:center; width:120px; min-height:0; padding:8px; border-radius:30px; color:#fff; background:#e6232a; font-size:14px; transition:background-color .2s,transform .2s; }.page-quote:hover { background:#c91825; transform:translateY(-1px); }.mobile-menu { position:relative; display:none; }.mobile-menu summary { display:flex; align-items:center; gap:8px; list-style:none; cursor:pointer; }.mobile-menu summary::-webkit-details-marker { display:none; }.mobile-menu nav { position:absolute; z-index:20; top:42px; right:0; display:grid; width:min(82vw,300px); padding:10px 0; border:1px solid var(--line); background:#fff; box-shadow:0 16px 32px rgba(0,0,0,.14); }.mobile-menu nav a { padding:12px 20px; color:#333; font-size:14px; }.mobile-menu nav a:hover { color:var(--red); background:#f7f7f7; }
.page-hero { position:relative; height:410px; overflow:hidden; color:#fff; background:center/cover no-repeat; }.page-hero-solutions,.page-hero-about { background-image:url("../images/contact-consultant.jpg"); }.page-hero-sustainability { background-image:url("../images/sustainability.jpg"); }.page-hero-products { background-image:url("../images/product-line-700.png"); }.page-hero-service,.page-hero-contact { background-image:url("../images/hero-rice.jpg"); }.page-hero-news { background-image:url("../images/news-technology.jpg"); }.page-hero-global-business { background-image:url("../images/global-map.png"); background-color:#dadada; }.page-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.1)); }.page-hero-content { position:relative; display:flex; height:100%; flex-direction:column; justify-content:center; }.page-hero-content p { margin:0 0 18px; font-size:17px; }.page-hero h1 { max-width:720px; margin:0; font-size:48px; line-height:1.18; }
.page-hero--solution,.page-hero--solution-list { height:460px; background-position:center; }.page-hero--solution .page-hero-shade,.page-hero--solution-list .page-hero-shade { background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.08)); }.page-hero--solution .page-hero-content,.page-hero--solution-list .page-hero-content,.page-hero--product-list .page-hero-content { display:none; }.page-hero--product-list { height:520px; background-position:center; }.page-hero--product-list .page-hero-shade { background:rgba(0,0,0,.04); }
.section-subnav { border-bottom:1px solid #efefef; background:#f8f8f8; }.section-subnav > div { display:flex; flex-wrap:wrap; align-items:center; min-height:118px; }.section-subnav a { position:relative; display:flex; align-items:center; min-height:34px; margin:16px 0; padding:0 65px; border-right:1px solid #d9d9d9; color:#555; font-size:17px; }.section-subnav a:first-child { padding-left:0; }.section-subnav a:last-child { border-right:0; }.section-subnav a.is-active,.section-subnav a:hover { color:var(--red); }
.page-intro { padding:78px 0 66px; text-align:center; }.page-intro--solution { padding-top:72px; }.page-intro--product-list { display:none; }.crumb { margin:0 0 20px; color:var(--red); font-size:14px; }.page-intro h2 { margin:0 0 24px; font-size:38px; }.page-intro > p:last-child { max-width:720px; margin:auto; color:var(--muted); line-height:1.8; }
.products-layout { display:grid; grid-template-columns:250px 1fr; gap:48px; padding-bottom:110px; }.products-layout aside { border-top:1px solid var(--line); }.products-layout aside strong,.products-layout aside a { display:flex; justify-content:space-between; padding:20px 2px; border-bottom:1px solid var(--line); }.products-layout aside strong { font-size:18px; }.products-layout aside a { color:#555; }.products-layout aside a:hover { color:var(--red); }.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }.product-grid article { border-bottom:1px solid var(--line); }.product-grid img { width:100%; aspect-ratio:1; object-fit:cover; }.product-grid h3 { min-height:55px; margin:19px 0 10px; font-size:18px; line-height:1.45; }.product-grid p { min-height:56px; margin:0 0 18px; color:var(--muted); font-size:13px; line-height:1.65; }.product-grid a,.news-list a { display:inline-block; padding-bottom:20px; color:var(--red); font-size:13px; }
.feature-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,1fr); align-items:center; gap:80px; padding-bottom:90px; }.feature-copy { max-width:470px; }.red-label { color:var(--red); }.feature-copy h2 { margin:18px 0 24px; font-size:38px; line-height:1.3; }.feature-copy > p:not(.red-label) { color:var(--muted); line-height:1.9; }.red-action { display:inline-flex; gap:35px; margin-top:28px; padding:15px 20px 15px 24px; border-radius:24px; color:#fff; background:var(--red); }.feature-layout > img { width:100%; min-height:360px; object-fit:cover; }.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:110px; background:var(--line); }.capability-grid article { min-height:225px; padding:34px; background:#f8f8f8; }.capability-grid b { color:var(--red); font-size:14px; }.capability-grid h3 { margin:35px 0 14px; font-size:21px; }.capability-grid p { margin:0; color:var(--muted); line-height:1.7; }
.news-list { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; padding-bottom:110px; }.news-list article { border-bottom:1px solid var(--line); }.news-list img { width:100%; height:220px; object-fit:cover; }.news-list div { padding:22px 10px 0; }.news-list time { color:#999; font-size:13px; }.news-list h3 { min-height:84px; margin:13px 0; font-size:19px; line-height:1.5; }.news-list p { min-height:48px; color:var(--muted); font-size:13px; line-height:1.65; }
.solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; padding-bottom:110px; }.solution-grid article { overflow:hidden; border:1px solid var(--line); background:#fff; }.solution-grid img { width:100%; height:245px; object-fit:cover; }.solution-grid div { padding:24px; }.solution-grid h3 { min-height:58px; margin:0 0 14px; font-size:21px; line-height:1.4; }.solution-grid p { min-height:72px; margin:0 0 20px; color:var(--muted); font-size:14px; line-height:1.7; }.solution-grid a { color:var(--red); font-size:13px; }
.content-detail { display:grid; grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr); gap:70px; padding-bottom:110px; }.content-detail-media > img { position:sticky; top:105px; width:100%; max-height:620px; object-fit:cover; }.product-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }.product-gallery a { aspect-ratio:1.25; overflow:hidden; background:#f4f4f4; }.product-gallery img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }.product-gallery a:hover img { transform:scale(1.04); }.content-detail-body time { display:block; margin-bottom:18px; color:#999; font-size:14px; }.detail-model { margin:0 0 25px; color:var(--red); font-weight:700; }.rich-content { color:#555; font-size:16px; line-height:1.9; }.rich-content h2,.rich-content h3 { color:var(--ink); line-height:1.35; }.rich-content img { max-width:100%; height:auto; }.product-specifications,.product-downloads { margin-top:38px; }.product-specifications h2,.product-downloads h2 { margin:0 0 18px; font-size:24px; }.product-specifications dl { margin:0; border-top:1px solid var(--line); }.product-specifications dl div { display:grid; grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr); gap:25px; padding:14px 0; border-bottom:1px solid var(--line); }.product-specifications dt { color:#777; }.product-specifications dd { margin:0; color:var(--ink); font-weight:600; }.product-downloads { display:grid; gap:1px; }.product-downloads h2 { grid-column:1/-1; }.product-downloads a { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 16px; color:var(--ink); background:#f5f5f5; }.product-downloads a:hover { color:var(--red); }.content-detail .red-action { margin-top:35px; }
.contact-layout { display:grid; grid-template-columns:1fr .85fr; gap:90px; padding-bottom:110px; }.contact-panel { padding:48px; background:#f6f6f6; }.contact-panel p { margin:0; color:var(--red); }.contact-panel h2 { margin:15px 0 30px; font-size:33px; }.contact-panel form { display:grid; gap:17px; }.contact-panel label { display:grid; gap:8px; font-size:13px; }.contact-panel input,.contact-panel textarea { width:100%; border:1px solid #ddd; background:#fff; }.contact-panel input { height:45px; }.contact-panel textarea { height:110px; resize:vertical; }.contact-panel button { width:max-content; padding:14px 27px; border:0; border-radius:24px; color:#fff; background:var(--red); cursor:pointer; }.contact-info h3 { margin-top:0; font-size:26px; }.contact-info p { padding:16px 0; border-bottom:1px solid var(--line); color:#666; }.contact-info b { display:block; margin-bottom:6px; color:#222; }.contact-info img { width:100%; height:240px; margin-top:24px; object-fit:cover; }
.form-inline { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.contact-panel small { color:var(--red); }.form-success { margin:0 0 20px !important; padding:13px 15px; color:#146c43 !important; background:#dff3e7; line-height:1.6 !important; }
.page-floating-actions { position:fixed; z-index:30; right:18px; bottom:72px; display:grid; gap:7px; }.page-floating-actions a { display:grid; width:52px; height:52px; place-items:center; border-radius:11px; color:#777; background:#fff; box-shadow:0 3px 12px rgba(0,0,0,.15); font-size:19px; }.page-floating-actions a:last-child { color:#fff; background:var(--red); font-size:14px; }
.page-footer { padding:45px 0; color:#777; background:#f6f6f6; }.page-footer div { display:flex; align-items:center; justify-content:space-between; gap:20px; }.page-footer strong { color:var(--red); font-size:25px; }.page-footer p,.page-footer span { margin:0; font-size:13px; }
@media (max-width:1450px) and (min-width:961px) { .page-header { grid-template-columns:160px 1fr 280px; }.page-nav { position:relative; left:7px; }.page-nav-item > a { padding:0 10px; font-size:16px; }.page-nav-item > a.is-active::after,.page-nav-item:hover > a::after { right:10px; left:10px; }.page-actions { gap:10px; padding-right:0; }.page-language-menu { width:104px; }.page-language-menu summary { padding-left:15px; padding-right:12px; }.page-language-menu > div { width:120px; }.page-quote { display:none; }.page-mega-menu { width:230px; }.page-mega-inner section > a { min-height:50px; padding:0 30px 0 10px; font-size:14px; }.page-mega-inner section > a::after { right:13px; width:7px; height:7px; border-width:1px; }.page-mega-inner section nav { width:160px; }.page-mega-inner section nav a { min-height:50px; padding:0 30px 0 10px; font-size:14px; } }
@media (max-width:960px) { .page-header { grid-template-columns:1fr auto; padding:0 20px; }.page-nav,.page-actions { display:none; }.mobile-menu { display:block; }.page-hero { height:300px; }.page-hero--solution,.page-hero--solution-list,.page-hero--product-list { height:330px; }.section-subnav > div { display:block; min-height:0; padding:14px 0; }.section-subnav a,.section-subnav a:first-child { display:inline-flex; min-height:0; margin:6px 0; padding:0 14px; font-size:14px; }.page-hero h1 { font-size:35px; }.page-intro { padding:55px 0 42px; }.page-intro h2,.feature-copy h2 { font-size:30px; }.products-layout,.feature-layout,.contact-layout,.content-detail { grid-template-columns:1fr; gap:35px; }.products-layout aside { display:grid; grid-template-columns:repeat(2,1fr); }.products-layout aside strong { grid-column:1/-1; }.products-layout aside a { padding-right:12px; }.product-grid,.news-list,.solution-grid { grid-template-columns:repeat(2,1fr); }.content-detail-media img { position:static; max-height:480px; }.feature-layout > img { min-height:260px; }.capability-grid { margin-bottom:70px; }.contact-layout { padding-bottom:70px; }.page-floating-actions { right:10px; bottom:18px; }.page-floating-actions a { width:42px; height:42px; border-radius:8px; }.page-footer div { align-items:flex-start; flex-direction:column; } }
@media (max-width:560px) { .page-shell { width:calc(100% - 38px); }.page-header { height:64px; }.page-brand { font-size:18px; }.page-hero { height:255px; }.page-hero h1 { font-size:30px; }.page-intro h2 { font-size:28px; }.products-layout,.news-list,.solution-grid { padding-bottom:65px; }.product-grid,.news-list,.solution-grid { grid-template-columns:1fr; }.product-grid h3,.news-list h3,.solution-grid h3 { min-height:0; }.feature-layout { padding-bottom:55px; }.capability-grid { grid-template-columns:1fr; margin-bottom:65px; }.contact-panel { padding:27px 22px; }.contact-panel h2 { font-size:27px; } }