# Jinghao Optoelectronics > Double-sided LCD display systems ## Posts - [Hello world!](https://jh-lcd.com/hello-world/): Welcome to WordPress. This is your first post. Edit or delete it, then start writing! ## Pages - [Jinghao | About Us(站点部署版)](https://jh-lcd.com/about-1to1/) - [Jinghao | 首页 Homepage(站点部署版)](https://jh-lcd.com/home-1to1/) - [Contact](https://jh-lcd.com/contact/): Our export team answers every inquiry within one working day. Tell us what you need, or reach us directly by phone, email or WhatsApp. - [Quote Request](https://jh-lcd.com/quote-request/) - [About Us](https://jh-lcd.com/about/): /* ====================================================================== Jinghao Optoelectronics · About Us 页面样式(1:1 复刻源站 jinghao_about.html) —— 只作用于本模板的 gc-* 类,不会影响主题的其它页面 —— 想改颜色/圆角/悬停效果,都在下面这一段里改 ====================================================================== */ /* 0) 基础:还原源站的系统字体栈(源站未使用任何 Web 字体) */ .gc-stylebox, .gc-hero, .gc-about, .gc-stats, .gc-feat, .gc-gal, .gc-cert, .gc-cta{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; } .gc-hero *, .gc-about *, .gc-stats *, .gc-feat *, .gc-gal *, .gc-cert *, .gc-cta *{ font-family: inherit; box-sizing: border-box; } /* Elementor 4.x 会给带 _margin 的组件叠加 kit 间距,这里归零以保证间距等于设计稿 */ .gc-hero .elementor-widget, .gc-about .elementor-widget, .gc-stats .elementor-widget, .gc-feat .elementor-widget, .gc-gal .elementor-widget, .gc-cert .elementor-widget, .gc-cta .elementor-widget{ --kit-widget-spacing: 0px; } /* 1) Hero:70vh / 最小 500px,进入时文字上浮淡入 */ .gc-hero.gc-hero.gc-hero{ min-height: max(500px, 70vh); } @keyframes gcFadeUp{ from{opacity:0; transform:translateY(30px);} to{opacity:1; transform:translateY(0);} } .gc-h1 { animation: gcFadeUp 1s ease both; } .gc-hero-div{ animation: gcFadeUp 1s ease .3s both; } .gc-hero-sub{ animation: gcFadeUp 1s ease .5s both; } @media (prefers-reduced-motion: reduce){ .gc-h1, .gc-hero-div, .gc-hero-sub{ animation: none; } } /* 标题标签的默认外边距归零(间距全部由组件外边距控制,和源站一致) */ .gc-hero .elementor-heading-title, .gc-about .elementor-heading-title, .gc-stats .elementor-heading-title, .gc-feat .elementor-heading-title, .gc-gal .elementor-heading-title, .gc-cert .elementor-heading-title, .gc-cta .elementor-heading-title{ margin: 0; } /* 2) 板块小标题(tag)+ 主标题(h2)下方的 50×3 渐变短线 注:源站 HTML 里 .tag 与 h2 都写成了 inline-block,浏览器会把两者挤在同一行并互相压字 (源站实际渲染是「WHY CHOOSE US」被标题盖住)。 - [Home](https://jh-lcd.com/): Explore our range of high-quality dual-sided LCD advertising machines and display solutions. [comment]: # (Generated by Hostinger Tools Plugin)