.g-tit-index-1 .name{font-size:.145833rem;letter-spacing:.026042rem}.g-tit-index-1 .more{flex-direction:row-reverse}.g-tit-index-1 .more span{padding-right:.041667rem;font-size:.083333rem}.g-tit-index-1.white .name{color:#fff}.g-tit-index-1.white .more{color:#fff}.g-tit-index-1.white .more:hover{color:#d22b34}.banner{position:relative}.banner .slider .item img{width:100%}.banner .slider .slick-dots{position:absolute;right:0;bottom:.15625rem;width:100%}.banner .slider .slick-dots li{margin:0 .052083rem;width:.104167rem;height:.104167rem;border:.010417rem solid #d22b34;border-radius:50%;cursor:pointer}.banner .slider .slick-dots li.slick-active{background-color:#d22b34}.tab-panel{position:absolute;top:0;right:0;bottom:0;left:0}.tab-panel.inner{top:100%;right:auto;bottom:auto;display:none;width:var(--wp-width)}.tab-panel.inner .wp{height:auto}.tab-panel .wp{height:100%}.tab-panel .wp .tab-bar{padding:.21875rem 0;width:1.645833rem;flex:none;background-color:rgba(0,0,0,.6)}.tab-panel .wp .tab-bar li a{position:relative;padding-left:.208333rem;display:block;height:.28125rem;line-height:.28125rem;color:#fff;font-size:.083333rem;text-align:left;transition-property:background-color}.tab-panel .wp .tab-bar li a:before{position:absolute;top:0;right:.208333rem}.tab-panel .wp .tab-bar li.on a{background-color:#000}.tab-panel .wp .tabs{display:none;flex:auto;background-color:#fff}.tab-panel .wp .tabs .tab{height:100%}.tab-panel .wp .tabs .tab .list{padding:.177083rem .260417rem .260417rem;display:grid;grid-template-columns:repeat(4, 25%);grid-gap:.15625rem 0}.tab-panel .wp .tabs .tab .list .item{padding-right:.15625rem}.tab-panel .wp .tabs .tab .list .item .img{width:.385417rem;height:100%;flex:none}.tab-panel .wp .tabs .tab .list .item .img img{display:none;max-width:86%;max-height:100%}.tab-panel .wp .tabs .tab .list .item .title{flex:auto;height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.section-index{padding:.46875rem 0 .375rem}.section-index.s1{background-color:#fff}.section-index.s1 .list{flex:auto;display:grid;grid-template-columns:repeat(3, calc((100% - 0.1875rem) / 3));grid-gap:.09375rem;align-content:flex-start}.section-index.s1 .list .item{position:relative;box-shadow:0 0 10px rgba(80,80,80,.21);background-color:#fff;overflow:hidden}.section-index.s1 .list .item .img{position:relative;padding-top:100%;height:0;z-index:2}.section-index.s1 .list .item .img .cont-img{position:absolute;top:0;right:0;bottom:0;left:0}.section-index.s1 .list .item .img .cont-img img{max-width:86%;max-height:64%}.section-index.s1 .list .item .title{position:relative;padding:0 10px;text-align:center;line-height:.395833rem;background-color:#f6f6f6;z-index:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section-index.s1 .list .item:after{position:absolute;bottom:0;left:0;width:160%;height:.3958rem;background-color:#f6f6f6;content:"";transition:all .5s;transform-origin:.15625rem 0}.section-index.s1 .list .item:hover{transform:translateY(-8px)}.section-index.s1 .list .item:hover .title{color:#fff;background-color:#d22b34}.section-index.s1 .list .item:hover:after{transform:rotate(-3deg);background-color:#d22b34}.section-index.s1 .side{margin-left:.260417rem;width:420px;flex:none;text-align:right}.section-index.s1 .side .tit{font-size:.260417rem;font-weight:bold}.section-index.s1 .side .info{padding:.104167rem 0 .208333rem;color:#888;font-size:.083333rem;letter-spacing:2px}.section-index.s1 .side .more{padding:0 .3125rem;display:inline-block;line-height:.28125rem;color:#fff;font-size:.083333rem;background-color:#d22b34;border-radius:.026042rem;letter-spacing:.015625rem}.section-index.s1 .side .more:hover{box-shadow:0 0 10px #d22b34}.section-index.s2{background-color:#fcf2f0}.section-index.s3{background-color:#65bba2}.section-index.s4{background-color:#f1faf7}.section-index.s5{background-color:#599aa9}.section-index.s6{background-color:#51839a}.list-pro{display:grid;grid-template-columns:repeat(4, calc((100% - 0.5rem) / 4));grid-gap:.229167rem .166667rem}.list-pro .item{position:relative;background-color:#fff}.list-pro .item .img{position:relative;padding-top:100%;height:0}.list-pro .item .img .cont-img{position:absolute;top:0;right:0;bottom:0;left:0}.list-pro .item .img .cont-img img{max-width:86%;max-height:96%}.list-pro .item .title{padding:0 10px;height:.3125rem;line-height:.3125rem;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-pro .item:hover{transform:translateY(-5px);box-shadow:0 0 .09375rem rgba(80,80,80,.21)}.list-pro.index{margin-top:.09375rem;padding:.09375rem 0;grid-template-columns:repeat(5, calc((100% - 0.333333rem) / 5));grid-template-rows:repeat(2, auto);grid-gap:.135417rem .083333rem;grid-auto-rows:0;overflow:hidden}.g-tit-about-1{position:relative;padding-top:.125rem;letter-spacing:2px;line-height:1}.g-tit-about-1.center{text-align:center}.g-tit-about-1.white{color:#fff}.g-tit-about-1 span{position:relative;z-index:2;font-size:.260417rem;font-weight:bold}.g-tit-about-1:after{position:absolute;top:0;left:0;width:100%;content:attr(data-txt);z-index:1;font-size:.395833rem;font-weight:bold;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom, rgba(181, 181, 181, 0.2) 60%, transparent)}.section-about:not(:first-child){margin-top:.3125rem}.section-about.s1 .info{padding-top:.260417rem;font-size:.104167rem;color:#666;text-align:justify}.section-about.s1 .info p{padding-bottom:.104167rem}.section-about.s2{margin-top:0}.section-about.s2 .list{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:.104167rem .208333rem}.section-about.s2 .list .item{padding:.072917rem;background-color:#fff;box-shadow:0 0 13px rgba(182,182,182,.3)}.section-about.s2 .list .item .cont{position:relative;padding:.260417rem .208333rem 0;height:100%;border:1px dashed #bebebe;z-index:2}.section-about.s2 .list .item .cont:after{position:absolute;top:.1875rem;left:50%;z-index:-1;text-align:center;color:#f6f6f6;line-height:1;transform:translateX(-50%);font-size:1.197917rem;font-weight:bold;content:attr(data-num)}.section-about.s2 .list .item .cont .ico{width:.520833rem;height:.520833rem;color:#fff;font-size:.239583rem;background-color:#d22b34;border-radius:50%}.section-about.s2 .list .item .cont .num{padding:.177083rem 0 .104167rem;text-align:center;line-height:1;font-size:.208333rem;font-weight:bold}.section-about.s2 .list .item .cont .info{text-align:center;font-size:.104167rem;min-height:.46875rem}.section-about.s3 .g-tit-about-1 span{font-size:.135417rem;font-weight:normal}.section-about.s3 .g-tit-about-1 span.cur{font-size:.260417rem;font-weight:bold}.section-about.s3 .g-tit-about-1 span+span{position:relative;padding-left:.291667rem}.section-about.s3 .g-tit-about-1 span+span:after{position:absolute;bottom:4px;left:.114583rem;font-size:.135417rem;font-weight:normal;content:"/"}.section-about.s3 .g-tit-about-1 .btns{position:absolute;right:0;bottom:0;height:.208333rem;z-index:2}.section-about.s3 .g-tit-about-1 .btns .btn{width:.208333rem;height:.208333rem;color:#d22b34;background-color:rgba(210,43,52,.2)}.section-about.s3 .g-tit-about-1 .btns .btn:hover{color:#fff;background-color:#d22b34}.section-about.s3 .g-tit-about-1 .btns .btn+.btn{margin-left:.072917rem}.section-about.s3 .list{margin-top:.166667rem}.section-about.s3 .list .items{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:.104167rem}.section-about.s3 .list .items .item{padding-top:58%;height:0;background-position:center center;background-repeat:no-repeat;background-size:cover}.section-about.s3 .list .items .item:nth-of-type(1){grid-column:1/span 3}.section-about.s3 .list .items .item:nth-of-type(2){grid-column:4/span 3}.section-about.s3 .list .items .item:nth-of-type(3n+3){grid-column:1/span 2}.section-about.s3 .list .items .item:nth-of-type(3n+4){grid-column:3/span 2}.section-about.s3 .list .items .item:nth-of-type(3n+5){grid-column:5/span 2}.section-about.s4{padding-top:.3125rem;background-position:center top;background-repeat:no-repeat;background-size:100% auto;background-image:url(../images/bg-about-1.png)}.section-about.s4 .list{margin-top:.3125rem;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:.104167rem}.section-about.s4 .list .item{padding-top:134%;height:0;background-position:center center;background-repeat:no-repeat;background-size:contain}.section-about.s5{display:none}.section-about.s5 .form{margin-top:.177083rem;display:grid;grid-template-columns:repeat 2,1fr;grid-gap:.083333rem .15625rem}.section-about.s5 .form .item:nth-of-type(3),.section-about.s5 .form .item:nth-of-type(4){grid-column:1/3}.section-about.s5 .form .item .form-input{padding:0 .125rem;display:block;width:100%;height:.260417rem;line-height:.260417rem;background-color:#e8e8e8;font-size:.09375rem}.section-about.s5 .form .item .form-input.msg{height:1.302083rem;resize:none}.section-about.s5 .form-submit{margin-top:.197917rem;display:block;width:1.09375rem;height:.229167rem;color:#fff;font-size:.104167rem;background-color:#d22b34;border:none;cursor:pointer;letter-spacing:10px}.section-about.s5 .form-submit:hover{box-shadow:0 0 15px rgba(210,43,52,.6)}.section-about.s6 .cont{padding-top:.3125rem}.section-about.s6 .cont .list{padding-right:.104167rem;display:grid;grid-template-columns:repeat(1, 100%);grid-gap:.104167rem .1875rem}.section-about.s6 .cont .list .item{position:relative;padding-left:.208333rem}.section-about.s6 .cont .list .item:before{position:absolute;top:.052083rem;left:0;color:#d22b34;font-size:.125rem}.section-about.s6 .cont .list .item .s1{color:#888;font-size:.083333rem}.section-about.s6 .cont .list .item .s2{font-size:.104167rem}.section-about.s6 .cont #map{height:360px}.section-about.s6 .cont #map img{max-width:none}.main-inner{padding:.3125rem 0}.list-news .item{margin-bottom:.229167rem;background-color:#fff;border-radius:10px;box-shadow:0 0 16px rgba(51,51,51,.2);overflow:hidden}.list-news .item:nth-of-type(even){flex-direction:row-reverse;text-align:right}.list-news .item .cont{padding:.3125rem .3125rem .385417rem;width:60%;flex:none}.list-news .item .cont .date{font-size:.072917rem;color:#888}.list-news .item .cont .date:before{margin-right:.052083rem;color:#d22b34;font-size:.145833rem;vertical-align:middle}.list-news .item .cont .title{margin-top:.104167rem;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.114583rem;color:#333}.list-news .item .cont .info{margin:.104167rem 0 .208333rem;color:#888;font-size:.083333rem;text-align:justify;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.list-news .item .cont .more{padding:.072917rem .21875rem;display:inline-block;line-height:1;color:#888;background-color:#dfdfdf}.list-news .item .img{width:40%;flex:none;overflow:hidden}.list-news .item .img img{width:100%;height:100%;object-fit:cover;backface-visibility:hidden}.list-news .item:hover{box-shadow:0 0 12px rgba(51,51,51,.6)}.list-news .item:hover .cont .more{color:#fff;background-color:#d22b34}.show-news .title{padding-bottom:.104167rem;font-size:.114583rem;text-align:center;border-bottom:1px dashed #ccc}.show-news .info{margin:.15625rem 0;text-align:center;color:#888}.show-news .info span{padding:0 4px}.show-news .info a{color:#888}.show-news .txt{text-align:justify;line-height:1.8;font-size:.083333rem}.show-news .txt p{padding-bottom:.15625rem}.show-news .txt img{margin:.15625rem auto;display:block}.alert{margin-bottom:.15625rem;padding:10px;color:#e6a23c;background-color:#fdf6ec;border:1px solid #faecd8;border-radius:5px}.alert.iconfont:before{font-size:20px;line-height:1em}.alert span{padding-left:12px;font-size:14px;text-align:justify;line-height:1.5em}.show-pro .slider .big-img{position:relative;margin-right:.104167rem;flex:auto;height:3.645833rem;background-color:#fff;overflow:hidden}.show-pro .slider .big-img .cont-img{width:100%;height:100%}.show-pro .slider .big-img .cont-img .slick-list{height:100%}.show-pro .slider .big-img .cont-img .slick-list .slick-track{height:100%}.show-pro .slider .big-img .cont-img .slick-list .slick-track .item{display:flex !important}.show-pro .slider .big-img .action-bar{position:absolute;bottom:.052083rem;left:0;padding:0 .15625rem;width:100%}.show-pro .slider .big-img .action-bar .btns .btn{display:inline-flex !important;width:.3125rem;height:.208333rem;border-radius:.026042rem;box-shadow:0 0 .010417rem #888;background-color:#fff;font-size:.166667rem}.show-pro .slider .big-img .action-bar .btns .btn+.btn{margin-left:.052083rem}.show-pro .slider .big-img .action-bar .btns .btn:hover{color:#fff;background-color:#d22b34;box-shadow:0 0 .010417rem #d22b34}.show-pro .slider .big-img .action-bar .btns .btn.disabled{color:#ccc;cursor:not-allowed;box-shadow:0 0 .010417rem #f5f5f5;background-color:#f5f5f5}.show-pro .slider .big-img .action-bar .btns .btn.disabled:hover{background-color:#f5f5f5;box-shadow:0 0 .010417rem #f5f5f5}.show-pro .slider .big-img .action-bar .num{font-size:.09375rem;font-weight:bold;font-style:italic}.show-pro .slider .big-img .action-bar .num .cur{color:#d22b34}.show-pro .slider .big-img .action-bar .num .total{color:#888}.show-pro .slider .thumbs{margin:-0.026042rem 0;width:16%;flex:none}.show-pro .slider .thumbs .item{position:relative;margin:.026042rem 0;display:flex !important;height:.6875rem;background-color:#fff;cursor:pointer}.show-pro .slider .thumbs .item:after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 .052083rem .010417rem transparent;content:""}.show-pro .slider .thumbs .item.slick-current:after{box-shadow:inset 0 0 .032083rem .010417rem #d22b34}.show-pro .pro-cont .g-tit-pro{position:relative;margin:.260417rem 0 .15625rem;padding-left:.104167rem;line-height:1;font-size:.114583rem;font-weight:bold}.show-pro .pro-cont .g-tit-pro:before{position:absolute;top:0;left:0;width:.026042rem;height:100%;background-color:#d22b34;content:""}.show-pro .pro-cont .table-params{width:100%;--border-color: #cbcbcb;border-top:.005208rem solid var(--border-color);border-left:.005208rem solid var(--border-color)}.show-pro .pro-cont .table-params tr:nth-of-type(odd){background-color:#fff}.show-pro .pro-cont .table-params tr td{padding:.0625rem .15625rem;border-right:.005208rem solid var(--border-color);border-bottom:.005208rem solid var(--border-color)}.show-pro .pro-cont .table-params tr td:last-of-type{color:#888}.show-pro .pro-cont img{min-height:1.5625rem}@media screen and (max-width: 1440px){:root{--wp-width: 1200px}.wp{max-width:var(--wp-width)}.nav .menu li .par{letter-spacing:1px;font-size:.083333rem}}@media screen and (max-width: 1199px){body{padding-top:60px}.wp{padding:0 15px}.menuBtn{display:block}.prevandnext{margin:10px 0}.header{position:fixed;top:0;left:0;padding:8px 0;width:100%;z-index:1000}.header .logo img{height:40px}.header .logo .txt .comname{font-size:14px}.header .logo .txt .slogan{font-size:10px}.header .tel{margin-right:60px}.header .tel:before{font-size:20px}.header .tel .txt .s1{font-size:10px}.header .tel .txt .s2{font-size:14px}.nav{display:none}.banner .tab-panel{display:none}.footer{background-color:#fff}.footer .section-1{display:none}.footer .section-2{background-color:#fff;font-size:12px}.pages{margin:30px 0 20px;font-size:12px}.prevandnext{font-size:12px}#aside .menu li .par{font-size:14px}.site-map{padding:10px;font-size:12px}.g-tit-index-1 .name{font-size:14px}.g-tit-index-1 .more{font-size:12px}.g-tit-index-1 .more span{font-size:12px}.list-pro{grid-template-columns:repeat(4, calc((100% - 30px) / 4)) !important;grid-gap:10px !important}.list-pro .item .title{height:40px;line-height:40px;font-size:12px}.section-index.s1 .side{display:none}.section-index.s1 .list{grid-template-columns:repeat(3, calc((100% - 20px) / 3));grid-gap:10px}.section-index.s1 .list .item .title{line-height:40px;font-size:12px}.section-index.s1 .list .item:after{height:40px}.list-news .item{margin-bottom:14px}.list-news .item .cont .date{font-size:10px}.list-news .item .cont .date:before{font-size:12px}.list-news .item .cont .title{font-size:12px}.list-news .item .cont .info{font-size:10px;line-height:1.2}.list-news .item .cont .more{font-size:8px}.show-news .title{font-size:14px}.show-news .info{font-size:10px}.show-news .txt{font-size:12px}.alert span{font-size:10px}.show-pro .slider .big-img .action-bar{padding:0 8px;bottom:8px}.show-pro .slider .big-img .action-bar .num{font-size:10px}.show-pro .slider .big-img .action-bar .btns .btn{width:30px;height:20px;border-radius:3px}.show-pro .slider .big-img .action-bar .btns .btn+.btn{margin-left:5px}.show-pro .slider .big-img .action-bar .btns .btn:before{font-size:16px}.show-pro .pro-cont .g-tit-pro{margin:16px 0;padding-left:8px;font-size:12px}.show-pro .pro-cont .g-tit-pro:before{width:2px}.show-pro .pro-cont .table-params tr td{padding:5px 10px;font-size:10px}.section-about .g-tit-about-1{padding-top:14px}.section-about .g-tit-about-1 span{font-size:16px}.section-about .g-tit-about-1:after{font-size:26px}.section-about.s1 .info{padding-bottom:20px;font-size:12px}.section-about.s2 .list{grid-gap:10px}.section-about.s2 .list .item{padding:6px}.section-about.s2 .list .item .cont{padding:20px 5px 10px}.section-about.s2 .list .item .cont .ico{width:50px;height:50px}.section-about.s2 .list .item .cont .ico:before{font-size:20px}.section-about.s2 .list .item .cont .num{padding:14px 0 10px;font-size:20px}.section-about.s2 .list .item .cont .info{font-size:12px}.section-about.s2 .list .item .cont:after{top:40px}.section-about.s3 .g-tit-about-1 span{font-size:12px}.section-about.s3 .g-tit-about-1 span.cur{font-size:22px}.section-about.s3 .g-tit-about-1 .btns{height:30px}.section-about.s3 .g-tit-about-1 .btns .btn{width:30px;height:30px}.section-about.s3 .g-tit-about-1 .btns .btn:before{font-size:16px}.section-about.s6 .cont .list .item{padding-left:26px}.section-about.s6 .cont .list .item:before{font-size:18px}.section-about.s6 .cont .list .item .s1{font-size:10px}.section-about.s6 .cont .list .item .s2{font-size:14px}}@media screen and (max-width: 991px){.list-pro{grid-template-columns:repeat(3, calc((100% - 20px) / 3)) !important}.list-pro.index{grid-template-rows:repeat(3, auto)}}@media screen and (max-width: 767px){.header .logo .txt{display:none}.footer .section-2{text-align:center}.footer .section-2 span{display:block}.pages .num{display:none}.section-index.s1 .list{grid-template-columns:repeat(2, calc((100% - 10px) / 2))}.list-pro{grid-template-columns:repeat(2, calc((100% - 10px) / 2)) !important}.list-pro.index{grid-template-rows:repeat(5, auto)}.list-news .item{flex-direction:row-reverse !important;flex-wrap:wrap}.list-news .item .img{width:100%}.list-news .item .cont{width:100%;text-align:left !important}.list-news .item .cont .info{margin:10px 0 0}.list-news .item .cont .more{display:none}.show-pro .slider{flex-wrap:wrap;overflow:hidden}.show-pro .slider .big-img{margin-right:0;width:100%;height:360px}.show-pro .slider .thumbs{margin-top:1px;padding:20px 8px;background-color:#fff;width:100%}.show-pro .slider .thumbs .item{margin:0;height:50px}.section-about.s2 .list{grid-template-columns:repeat(2, 1fr)}.section-about.s2 .list .item .cont:after{top:40px;font-size:70px}.section-about.s4 .list{grid-template-columns:repeat(2, 1fr);grid-gap:10px}.section-about.s6 .cont{flex-wrap:wrap}.section-about.s6 .cont .list{margin-bottom:20px;flex-basis:100%}.section-about.s6 .cont #map{margin:0 -15px;flex-basis:calc(100% + 30px)}}

/* ==== EN-OVERRIDE:START ==== */
/* ===============================================================
 * 英文站专属样式覆盖
 * 由 publish-fenglong.ps1 / _flcss.php 自动维护；要改请改 .deploy\en-root\en-override.css
 *
 * ⚠️ 本文件开头的 EN-OVERRIDE 开始标记和结尾的结束标记**不能删** ——
 *    写入脚本靠这对标记先删旧块再追加，删了就会每次重复追加一份。
 *
 * 原则：**字体、字号、版式、交互全部跟中文站一比一**，一个字都不要动主题。
 * 这里只放三类东西：
 *   1. 已经被替换成自托管静态图的地图容器约束（百度地图 AK 白名单不含本站）
 *   2. 站点搜索（主题没有，是本项目新增的功能）
 *   3. FAQ / Case Studies 两个新增页的最基本排版
 *
 * 本主题的 rem 基准是 html{font-size: 视口宽/10}（1920px 下 1rem = 192px）。
 * 字号一律沿用主题原值，不要在这里改 .nav / .header / .footer 的任何尺寸。
 * =============================================================== */

/* ---------------------------------------------------------------
   1) 头部：按确认版设计图 —— 顶部条 + logo 与导航同一行 + 搜索框
      中文站是「头部行（logo+公司名+标语+热线）+ 独立导航行」，
      这里与设计图不一致，按设计图做。
      只做视觉合并：DOM 顺序不变（.header 在前、.nav 在后），
      用绝对定位把 .nav 提到 header 那一行，导航的交互和下拉不受影响。
   --------------------------------------------------------------- */
.topbar{height:34px;line-height:34px;background-color:#1c1c1c;color:#fff;font-size:15px}
.topbar .s1{letter-spacing:.06em;text-transform:uppercase;font-size:15px;color:#ddd}
.topbar .s2 a{color:#fff;margin-left:26px;transition:color .3s}
.topbar .s2 a:hover{color:#d22b34}
.topbar .iconfont:before{margin-right:6px;vertical-align:middle}

/* 导航度量：按设计图逐词量出来的，不是主题的 18px/6px 字距。
   两页设计图（产品页 products.jpg、首页 index.jpg，都是 1903 宽）实测：
     logo 232..289 | ALL PRODUCTS 339..486 | HOME 532..591 | CABINET 637..721
     LOCKER 767..840 | HOME FURNITURE 886..1066 | NEWS 1113..1169
     ABOUT FENGLONG 1214..1399 | 地球 1431..1451 | 搜索框 1493..1672
   容器 233..1672 = 1439px，正好是**主题标准的 1440 .wp 居中**（不要放宽！）。
   用 Arial 字符宽度反推 -> 字号约 20px、字距约 0。

   ⚠️ 导航是**右对齐**的，不是左对齐：
     ABOUT FENGLONG 右端 1399 到容器右缘 1672 固定差 **273px**
     （首页图实测 1193 到 1465 = 272，一致）。
     1399 -> 地球 1431（+32）-> 搜索框 1493（+42）-> 容器右缘 1672。
   项间距固定 46px，用 li+li 的 margin-left 实现。
   **不要用 .par 的左右 padding** —— 那样首尾各多 23px，7 项就比设计图宽 46px。 */
.nav .menu>li+li{margin-left:46px}
/* 首页把「All Products」隐藏了（主题的 .bd-index .nav .menu li:nth-child(1){display:none}），
   但它后面那项的 margin-left 还在，会多顶出 46px —— 首页的 Home 要归零。 */
.bd-index .nav .menu>li:nth-child(2){margin-left:0}
/* ⚠️ 字号用**固定 px**，不要用 rem。
   主题的根字号是 html{font-size: 视口宽/10}，.104167rem 只有在 1920 视口下才等于 20px；
   换到 1490 视口只剩 15.5px，导航整体缩水、和设计图就对不上了。
   设计图里的导航字号是固定的，所以这里也写死 20px。 */
.nav .menu>li>.par{font-size:20px;letter-spacing:0;text-transform:uppercase;padding:0}
.nav .menu>li .sub a{text-transform:uppercase}
.nav .menu>li+li:after{display:none}          /* 设计图没有竖分隔线 */
.nav>.wp{padding-right:273px}

.header{height:86px}
.header .wp{height:100%;position:relative}
.header .logo .txt{display:none}
/* 设计图搜索框 = 1493..1672 = 180px，右缘与容器齐平 */
.header .search{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:180px;height:38px;padding:0 12px;box-sizing:border-box;
  border:1px solid #ddd;background-color:#fff;cursor:pointer;transition:border-color .3s
}
.header .search:hover{border-color:#d22b34}
.header .search .s-txt{color:#999;font-size:14px}
.header .search .s-btn{color:#333;font-size:16px}
/* 地球图标 1431..1451，在导航右缘(1399)和搜索框左缘(1493)之间。
   导航是绝对定位盖在 header 上的，所以地球也必须绝对定位，否则会被导航压住。
   right = 1672-1451 = 221 */
.header .lang{position:absolute;right:221px;top:50%;transform:translateY(-50%);
  color:#9a9a9a;transition:color .3s;line-height:0}
.header .lang:hover{color:#d22b34}
.header .lang svg{display:block}

body{position:relative}
.nav{position:absolute;top:34px;left:0;right:0;height:86px;background-color:transparent;
  z-index:20;pointer-events:none}
.nav>.wp{height:100%;display:flex;align-items:center;justify-content:flex-end;
  box-sizing:border-box}
.nav .menu{pointer-events:auto}
/* flex 默认会压缩子项，英文大写标签被压就折行 —— 禁止收缩和折行 */
.nav .menu>li{width:auto;flex:0 0 auto}
.nav .menu>li>.par{height:86px;line-height:86px;white-space:nowrap}
.nav .list-sub-categorys{pointer-events:auto}

/* 下拉的「All Products」大菜单面板（.tab-panel.inner）要和 logo 左缘对齐。
   主题里 .tab-panel.inner{left:0} 是相对 .show-all-cats 那个 li 定位的，
   而导航是右对齐的，li 的左缘在 ~336，面板就跟着偏右了。
   把那个 li 改成 position:static，面板的包含块就变成 .nav（left:0;right:0 满宽），
   再用 calc 算到容器的左缘。 */
.nav .menu>li.show-all-cats{position:static}
.nav .tab-panel.inner{left:calc((100% - var(--wp-width)) / 2);width:var(--wp-width)}

/* 详情页右侧缩略图：主题只约束了 max-width:100%，中文站的素材是横构图所以放得下；
   英文站的《2.产品》素材是正方形 1000x1000，宽度撑满后高 228px，超出 132px 的框，
   结果只露出图片顶部。补上高度约束，图按比例缩到框内居中。 */
.show-pro .slider .thumbs .item img{max-height:100%;width:auto;height:auto;object-fit:contain}

/* ⚠️ 不要放宽头部/导航的容器宽度。
   设计图实测：顶部条内容 233..1670、header 内容 233..1672，即容器就是
   主题标准的 1440 .wp 居中（1903 宽的图里 (1903-1439)/2 = 232）。
   曾经为了塞下 7 项导航把它放宽到 1620，结果 header 起点跑到 150、
   顶部条还在 240，**logo 和顶部条就错开了 90px**。
   正确的做法是把导航度量调准（见上面 20px/字距0/46px 间距），而不是撑宽容器。
   导航整块左起 106-23=83：每个 .par 自带 23px 左内边距（词间距 46 的一半），
   所以 83+23=106 才是首项**文字**的起点，正好对上设计图的 339-233=106。 */
.nav>.wp{padding-left:83px}

/* ---------------------------------------------------------------
   2) 页脚：设计图的 Product Category 是两列（11 个分类 + News）
      主题第一栏只有 198px，英文标题 "About Fenglong" 和
      "Factory Workshop Exhibition" 会折成两行，所以给三栏等分。
   --------------------------------------------------------------- */
.footer .section-1 .list.menu{flex:1 1 auto;min-width:0}
.footer .section-1 .list.menu>.item{flex:1 1 0;min-width:0}
.footer .section-1 .item.qrcode{flex:0 0 170px}
.footer .section-1 .item .par{white-space:nowrap}
.footer .section-1 .item .sub p{white-space:nowrap}
.footer .section-1 .item .sub.cols2{columns:2;column-gap:24px}
.footer .section-1 .item .sub.cols2 p{break-inside:avoid;-webkit-column-break-inside:avoid}
.footer .item.qrcode .sub img{display:block;width:110px;height:auto}

/* ---------------------------------------------------------------
   3) 关于页地图：原来嵌的是百度地图 JS（AK 域名白名单不含本站，会弹窗报错），
      已改为自托管静态图。容器是固定 360px 高的 60% 宽栏，必须 cover 裁切。
   --------------------------------------------------------------- */
.section-about.s6 .cont #map{display:block;overflow:hidden}
.section-about.s6 .cont #map img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s}
.section-about.s6 .cont #map:hover img{transform:scale(1.03)}

/* ---------------------------------------------------------------
   3) 站点搜索（纯静态：发布时生成 /search-index.json，Worker 的 /api/search 查询）
      主题没有这个功能，样式随主题的配色走。
   --------------------------------------------------------------- */
.site-search{position:fixed;inset:0;display:none;z-index:200;background-color:rgba(17,17,17,.72)}
.site-search.open{display:block}
.site-search .ss-panel{margin:.416667rem auto 0;width:min(92vw,9.375rem);max-height:78vh;
  display:flex;flex-direction:column;background-color:#fff;border-radius:.026042rem;overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.32)}
.site-search .ss-head{position:relative;display:flex;align-items:center;border-bottom:1px solid #ececec}
.site-search .ss-ico{position:absolute;left:.083333rem;color:#bbb;font-size:.09375rem}
.site-search .ss-input{flex:1;height:.291667rem;padding:0 .291667rem 0 .25rem;border:none;outline:none;
  font-size:.088542rem;color:#222;background:transparent}
.site-search .ss-input::-webkit-search-cancel-button{-webkit-appearance:none}
.site-search .ss-close{flex:0 0 auto;width:.208333rem;height:.291667rem;border:none;background:transparent;
  color:#999;font-size:.15625rem;line-height:1;cursor:pointer}
.site-search .ss-close:hover{color:#d22b34}
.site-search .ss-body{overflow-y:auto;padding:.078125rem .104167rem .104167rem}
.site-search .ss-status{font-size:.0625rem;color:#999;padding:.026042rem 0 .052083rem}
.site-search .ss-item{display:block;padding:.0625rem .052083rem;border-radius:.015625rem;
  border-bottom:1px solid #f4f4f4;transition:background-color .2s}
.site-search .ss-item:last-child{border-bottom:none}
.site-search .ss-item:hover{background-color:#faf7f7}
.site-search .ss-title{font-size:.078125rem;color:#1c1c1c;font-weight:600;line-height:1.4}
.site-search .ss-item:hover .ss-title{color:#d22b34}
.site-search .ss-cat{display:inline-block;margin-top:.015625rem;padding:.005208rem .03125rem;
  font-size:.052083rem;color:#d22b34;background-color:#fdeff0;border-radius:.010417rem}
.site-search .ss-x{margin-top:.020833rem;font-size:.0625rem;color:#888;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1200px){
  .site-search .ss-panel{margin-top:.15625rem}
}

/* ---------------------------------------------------------------
   4) FAQ / Case Studies 两个新增页（主题里没有对应页面）
      只做最基本的排版，配色沿用主题的红 #d22b34。
   --------------------------------------------------------------- */
.main-page{padding:.15625rem 0 .260417rem}
.main-page .page-h1{margin:0 0 .104167rem;font-size:.15625rem;font-weight:700;color:#1c1c1c}
.main-page .page-body{font-size:.072917rem;line-height:1.9;color:#444}
.main-page .page-body > p:first-child{margin-bottom:.104167rem;color:#666}
.faq-item{margin-bottom:.052083rem;background-color:#fff;border:1px solid #ececec;border-radius:.015625rem}
.faq-q{display:flex;align-items:flex-start;gap:.0625rem;padding:.083333rem .104167rem;
  font-size:.083333rem;font-weight:600;color:#1c1c1c}
.faq-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:.109375rem;height:.109375rem;border-radius:50%;background-color:#d22b34;color:#fff;
  font-size:.0625rem;font-weight:700;line-height:1}
.faq-a{padding:0 .104167rem .09375rem .276042rem;font-size:.072917rem;line-height:1.9;color:#555}
.faq-a p{margin:0 0 .052083rem}
.faq-a ol,.faq-a ul{margin:.026042rem 0 .052083rem;padding-left:.109375rem}
.faq-a li{margin-bottom:.015625rem;list-style:decimal}
.faq-a ul li{list-style:disc}
.case-item{margin-bottom:.15625rem;padding:.125rem .135417rem;background-color:#fff;
  border:1px solid #ececec;border-radius:.020833rem}
.case-item:last-child{margin-bottom:0}
.case-tit{margin:0 0 .0625rem;font-size:.114583rem;font-weight:700;color:#1c1c1c;line-height:1.4}
.case-meta{display:flex;flex-wrap:wrap;gap:.052083rem .15625rem;margin-bottom:.083333rem;
  padding-bottom:.0625rem;border-bottom:1px solid #f2f2f2;font-size:.0625rem;color:#888}
.case-meta b{color:#555;font-weight:600}
.case-sub{margin:.09375rem 0 .03125rem;font-size:.083333rem;font-weight:600;color:#d22b34}
.case-item > p{margin:0 0 .052083rem;font-size:.072917rem;line-height:1.9;color:#555}
.case-item > ul{margin:.026042rem 0 .0625rem;padding-left:.125rem}
.case-item > ul li{margin-bottom:.015625rem;font-size:.072917rem;line-height:1.7;color:#555;list-style:disc}
/* ==== EN-OVERRIDE:END ==== */