/* Local behavior support; the reference styles define the page layout. */
.homepage-notice { margin: 18px 0 0; color: #b71b2b; font-size: 14px; line-height: 1.8; }
.homepage-notice[hidden] { display: none; }
.hc-consult-open { overflow: hidden; }
.hc-consult-dialog { box-sizing: border-box; width: 420px; max-width: calc(100% - 32px); margin: auto; padding: 34px 26px 28px; border: 0; border-radius: 12px; background: #fff; color: #333; text-align: center; box-shadow: 0 18px 65px rgba(0,0,0,.2); }
.hc-consult-dialog:not([open]) { display: none; }
.hc-consult-dialog::backdrop { background: rgba(16,24,32,.48); }
.hc-consult-dialog .hc-consult-close { position: absolute; top: 8px; right: 10px; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; color: #888; font: 28px/34px Arial,sans-serif; cursor: pointer; }
.hc-consult-dialog .hc-consult-icon { position: relative; width: 58px; height: 58px; margin: 0 auto 18px; border-radius: 50%; background: #b71b2b; }
.hc-consult-dialog .hc-consult-icon::after { content: ''; position: absolute; top: 15px; left: 23px; width: 12px; height: 23px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.hc-consult-dialog h2 { margin: 0 0 12px; color: #222; font-size: 21px; font-weight: 600; line-height: 1.4; }
.hc-consult-dialog p { margin: 0 0 24px; color: #666; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.hc-consult-dialog .hc-consult-confirm { min-width: 128px; padding: 11px 30px; border: 0; border-radius: 5px; background: #b71b2b; color: #fff; font: inherit; font-size: 15px; line-height: 1.5; cursor: pointer; }
.hc-consult-dialog .hc-consult-confirm:hover { background: #991726; }
.hc-consult-dialog button:focus-visible { outline: 2px solid #b71b2b; outline-offset: 4px; }
.homepage-search-hit { outline: 2px solid #b71b2b; outline-offset: 4px; }
.xymob-navbtn, .xymob-menu-jt, .xymob-search-btn, .xymob-search-close-btn { cursor: pointer; }
.xymob-nav .xymob-sub-menu > li { position: relative; }
.xymob-nav .xymob-sub-menu .xymob-menu-jt { height: 40px; line-height: 40px; }
.xymob-nav .xymob-sub-menu .xymob-sub-menu > li > a { text-indent: 3em; }
.f-nav > li.is-leaf > a:after { display: none; }
.sec-pro-left .sec-pro-nav.featured-products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.sec-pro-left .sec-pro-nav.featured-products > li { width: 100%; margin: 0; }
.sec-pro-left .sec-pro-nav.featured-products > li .img { aspect-ratio: 465 / 459; background: #f6f5f2; }
.sec-pro-left .sec-pro-nav.featured-products > li .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sec-pro-left .sec-pro-nav.featured-products .fcate { margin: 0; padding: 18px 0; font-size: 18px; line-height: 1.6; }
.in-pro .pro-item img { aspect-ratio: 465 / 459; object-fit: cover; }
.in-pro .pro-list .owl-carousel .owl-item:hover img { margin-top: 0; }
.in-pro .pro-list .tit { padding: 18px 22px; }
.in-pro .pro-list .tit .s-intro:empty, .in-pro .pro-list .tit > span { display: none; }
.apply .bd li { background-size: cover !important; }
.apply .bd::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(90deg,rgba(13,29,24,.64),rgba(13,29,24,.25) 52%,rgba(13,29,24,.58)); }
.apply .hd li { background-color: rgba(12,26,22,.18); }
.com-img.about-factory .com-item { clip-path: polygon(35% 0,100% 0,100% 100%,3% 100%); }
.com-img.about-factory::before { content: ''; position: absolute; inset: 0; z-index: 2; background: #986a5a; clip-path: polygon(32% 0,35% 0,3% 100%,0 100%); pointer-events: none; }
.page-about img.w100 { max-width: 100%; height: auto; }
.page-about > .container { font-size: 18px; line-height: 1.9; color: #444; overflow-wrap: anywhere; }
.page-about > .container > p { margin-bottom: 14px; font-size: inherit; line-height: inherit; }
.page-about > .container > p:first-child { margin-bottom: 24px; }
.page-about > .container > p > strong { font-size: 20px; color: #222; }
.workshop-gallery { margin-top: 48px; padding-top: 36px; border-top: 1px solid #e6e2de; }
.workshop-heading { margin-bottom: 26px; }
.workshop-heading h2 { margin: 0 0 10px; color: #302820; font-size: 30px; font-weight: 600; line-height: 1.4; }
.workshop-heading p { margin: 0; color: #777; font-size: 16px; line-height: 1.7; }
.workshop-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.workshop-card { min-width: 0; margin: 0; background: #faf9f7; border: 1px solid #eeeae6; }
.workshop-card a { display: block; color: #444; }
.workshop-image { overflow: hidden; aspect-ratio: 4 / 3; }
.workshop-card .workshop-image img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; transition: transform .25s ease; }
.workshop-card a:hover img { transform: scale(1.035); }
.workshop-card a:hover, .workshop-card a:focus-visible { color: #8c5036; }
.workshop-card a:focus-visible { outline: 2px solid #8c5036; outline-offset: 3px; }
.workshop-card figcaption { padding: 13px 10px; font-size: 17px; line-height: 1.6; text-align: center; }
.workshop-page .lightboxOverlay { z-index: 1000000; }
.workshop-page .lightbox { z-index: 1000001; }
.workshop-page .lb-nav a.lb-prev, .workshop-page .lb-nav a.lb-next { position: absolute; opacity: 1; }
.workshop-page .lb-prev::after, .workshop-page .lb-next::after { position: absolute; top: 50%; width: 38px; height: 48px; margin-top: -24px; border-radius: 3px; background: rgba(0,0,0,.38); color: #fff; font: 36px/44px Arial, sans-serif; text-align: center; }
.workshop-page .lb-prev::after { content: '‹'; left: 8px; }
.workshop-page .lb-next::after { content: '›'; right: 8px; }
.workshop-page .lb-data .lb-caption { font-size: 17px; line-height: 1.6; }
.workshop-page .lb-data .lb-number { font-size: 14px; line-height: 1.6; }
.workshop-page .lb-close { cursor: pointer; }
@media (max-width: 767px) {
  .page-about > .container { font-size: 16px; }
  .page-about > .container > p > strong { font-size: 18px; }
  .workshop-gallery { margin-top: 32px; padding-top: 26px; }
  .workshop-heading { margin-bottom: 20px; }
  .workshop-heading h2 { font-size: 25px; }
  .workshop-heading p { font-size: 15px; }
  .workshop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .workshop-card figcaption { padding: 10px 5px; font-size: 15px; }
  .cate-all .owl-next, .top-case-box .owl-next { right: 0 !important; }
  .cate-all .owl-prev, .top-case-box .owl-prev { left: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  .workshop-card .workshop-image img { transition: none; }
  [aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Ruixiang company promotion */
.ads.ruixiang-promotion{padding:100px 0;}
.ads.ruixiang-promotion .bgimg{background-attachment:scroll!important;}
.ads.ruixiang-promotion:after{background:linear-gradient(90deg,rgba(30,37,41,.32),rgba(30,37,41,.50),rgba(30,37,41,.32));}
.ads.ruixiang-promotion .tit{font-size:34px;line-height:1.5;font-weight:600;letter-spacing:2px;}
.promotion-company{margin-top:24px;color:#fff;font-size:23px;line-height:1.6;letter-spacing:3px;}
@media(max-width:767px){.ads.ruixiang-promotion{padding:64px 0;}.ads.ruixiang-promotion .tit{font-size:24px;letter-spacing:1px;}.promotion-company{font-size:18px;letter-spacing:1px;margin-top:18px;}}

/* Center the inquiry action buttons as a group. */
.page-mess .from-box .mes-btn{width:100%;float:none;display:flex;justify-content:center;gap:28px;text-align:center;clear:both;}
.page-mess .from-box .mes-btn input{flex:0 1 286px;width:calc(50% - 14px);min-width:0;margin:0;}
@media(max-width:767px){.page-mess .from-box .mes-btn{gap:16px;}.page-mess .from-box .mes-btn input{width:calc(50% - 8px);}}

/* Leave room for the fixed header when navigating to the workshop. */
#sccj{scroll-margin-top:120px;}
@media(max-width:767px){#sccj{scroll-margin-top:80px;}}

/* Company introduction masthead. */
#canvas_box.company-intro-banner{background:linear-gradient(90deg,rgba(26,32,36,.66),rgba(26,32,36,.18)),url('/static/image/about-factory.webp?v=763112442c0b') center 58%/cover no-repeat;padding:0;height:450px;}
.company-intro-banner #anitOut{height:260px;visibility:hidden;}
.company-intro-banner .page-tit{padding-top:162px;}
.company-intro-banner .page-tit h3{color:#fff;text-shadow:0 2px 8px #0004;}
.company-intro-banner .me-sort{display:flex;gap:12px;}
.company-intro-banner .me-sort li{float:none;width:150px;margin:0;}
.company-intro-banner .me-sort a{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.5);border-radius:3px;}
.company-intro-banner .me-sort a:hover,.company-intro-banner .me-sort a.on{background:#986a5a;border-color:#986a5a;}
@media(max-width:767px){#canvas_box.company-intro-banner{padding:30px 0;background-position:center 56%;}.company-intro-banner #anitOut{display:none;}.company-intro-banner .page-tit{padding:0;}.company-intro-banner .me-sort li{width:128px;}}

.company-intro-banner .me-sort{flex-wrap:wrap;}
@media(max-width:767px){.company-intro-banner .me-sort{gap:8px;}.company-intro-banner .me-sort li{width:calc((100% - 16px)/3);}}

/* Advantages overview */
.rx-advantages{background:#f8f6f3;color:#34302d;padding-bottom:70px;}.rx-advantages-hero{background:#eee5dd;border-bottom:1px solid #dfd2c7;padding:54px 0 28px;}.rx-advantages-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:32px;}.rx-eyebrow{display:block;color:#87614f;font-size:14px;letter-spacing:2px;margin-bottom:12px;}.rx-advantages-heading h1{font-size:42px;line-height:1.3;font-weight:600;margin:0;color:#3f3027;}.rx-advantages-heading p{font-size:16px;line-height:1.9;color:#74675d;margin:0;}.rx-advantages-nav{display:flex;flex-wrap:wrap;gap:12px;}.rx-advantages-nav a{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:12px 18px;background:#ffffffaa;border:1px solid #ddcfc4;color:#644c3e;font-size:14px;border-radius:4px;transition:background .2s,color .2s;}.rx-advantages-nav a:hover{background:#986a5a;color:#fff;border-color:#986a5a;}.rx-advantages-list{padding-top:42px;}.rx-advantages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}.rx-adv-card{min-width:0;background:#fff;border:1px solid #e8e0d9;border-radius:10px;overflow:hidden;}.rx-adv-image{display:block;position:relative;aspect-ratio:5/3;overflow:hidden;background:#ece9e3;}.rx-adv-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s;}.rx-adv-image:hover img{transform:scale(1.025);}.rx-adv-number{position:absolute;bottom:0;left:0;background:#986a5a;color:#fff;font-size:20px;line-height:1;font-weight:600;padding:17px 21px;}.rx-adv-body{padding:28px 30px;}.rx-adv-body h2{font-size:23px;line-height:1.5;margin:0 0 14px;font-weight:600;}.rx-adv-body h2 a{color:#3f3027;}.rx-adv-body p{color:#7a746d;font-size:15px;line-height:1.85;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:83px;}.rx-adv-more{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee7e0;padding-top:17px;font-size:14px;color:#986a5a;}.rx-adv-more span{font-size:22px;}.rx-adv-body h2 a:hover,.rx-adv-more:hover{color:#684533;}@media(max-width:767px){.rx-advantages{padding-bottom:36px;}.rx-advantages-hero{padding:32px 0 22px;}.rx-advantages-heading{display:block;margin-bottom:24px;}.rx-advantages-heading h1{font-size:30px;}.rx-advantages-heading p{margin-top:16px;font-size:14px;}.rx-advantages-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.rx-advantages-nav a{font-size:12px;padding:10px;gap:6px;line-height:1.5;}.rx-advantages-list{padding-top:24px;}.rx-advantages-grid{grid-template-columns:1fr;gap:22px;}.rx-adv-body{padding:22px;}.rx-adv-body h2{font-size:21px;}.rx-adv-body p{font-size:14px;min-height:0;}}@media(prefers-reduced-motion:reduce){.rx-adv-image img{transition:none;}}

/* Single supplier advantage */
.rx-advantages-single .rx-advantages-heading h1{font-size:36px;}.rx-advantages-nav a.is-active{background:#986a5a;color:#fff;border-color:#986a5a;}.rx-advantages-single .rx-advantages-grid{grid-template-columns:1fr;}.rx-advantages-single .rx-adv-card{display:grid;grid-template-columns:46% 54%;}.rx-advantages-single .rx-adv-image{aspect-ratio:auto;min-height:390px;}.rx-advantages-single .rx-adv-body{padding:40px;display:flex;flex-direction:column;justify-content:center;}.rx-advantages-single .rx-adv-body h2{font-size:27px;margin-bottom:20px;}.rx-advantages-single .rx-adv-body p{-webkit-line-clamp:6;min-height:0;line-height:1.9;margin-bottom:28px;}.rx-advantages-single .rx-advantages-list{padding-top:44px;}@media(max-width:767px){.rx-advantages-single .rx-advantages-heading h1{font-size:27px;}.rx-advantages-single .rx-adv-card{grid-template-columns:1fr;}.rx-advantages-single .rx-adv-image{min-height:0;aspect-ratio:5/3;}.rx-advantages-single .rx-adv-body{padding:24px;}.rx-advantages-single .rx-adv-body h2{font-size:22px;}.rx-advantages-single .rx-advantages-list{padding-top:24px;}}

/* Simplified supplier overview */
.rx-advantages-single{background:#fff;}.rx-advantages-single .rx-advantages-hero{background:#fff;padding:36px 0 0;border-bottom:1px solid #e8e0d9;}.rx-advantages-single .rx-advantages-heading{margin-bottom:28px;}.rx-advantages-single .rx-advantages-heading p{display:none;}.rx-advantages-single .rx-eyebrow{letter-spacing:0;font-size:13px;}.rx-advantages-single .rx-advantages-nav{gap:0;}.rx-advantages-single .rx-advantages-nav a{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:16px 24px;color:#75675e;}.rx-advantages-single .rx-advantages-nav a.is-active{background:transparent;border-bottom-color:#986a5a;color:#986a5a;font-weight:bold;}.rx-advantages-single .rx-advantages-nav a span{display:none;}.rx-advantages-single .rx-adv-card{display:block;border:0;border-radius:0;background:transparent;}.rx-advantages-single .rx-adv-image{min-height:0;height:420px;border-radius:4px;}.rx-advantages-single .rx-adv-number{display:none;}.rx-advantages-single .rx-adv-body{padding:28px 0 0;}.rx-advantages-single .rx-adv-body h2{display:none;}.rx-advantages-single .rx-adv-body p{max-width:1000px;font-size:16px;line-height:2;-webkit-line-clamp:3;margin-bottom:24px;color:#6d6863;}.rx-advantages-single .rx-adv-more{display:inline-flex;align-self:flex-start;gap:46px;background:#986a5a;color:#fff;border:0;border-radius:3px;padding:10px 22px;}.rx-advantages-single .rx-adv-more:hover{background:#795044;color:#fff;}@media(max-width:767px){.rx-advantages-single .rx-advantages-hero{padding-top:24px;}.rx-advantages-single .rx-advantages-nav a{font-size:12px;padding:12px 8px;}.rx-advantages-single .rx-adv-image{height:230px;}.rx-advantages-single .rx-adv-body{padding-top:20px;}.rx-advantages-single .rx-adv-body p{font-size:14px;-webkit-line-clamp:5;}}

/* Quality assurance overview */
.rx-quality{background:#fff;color:#3f3027;padding-bottom:76px;}.rx-quality-heading{padding:44px 0 32px;border-bottom:1px solid #e9e1da;}.rx-quality-heading span{font-size:13px;color:#986a5a;}.rx-quality-heading h1{font-size:38px;font-weight:600;line-height:1.4;margin:12px 0 14px;}.rx-quality-heading p{font-size:16px;color:#8b8078;margin:0;letter-spacing:1px;}.rx-quality-section{padding-top:40px;}.rx-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}.rx-quality-card{min-width:0;}.rx-quality-image{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:4px;background:#f4f1ed;}.rx-quality-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}.rx-quality-image:hover img{transform:scale(1.025);}.rx-quality-text{padding:24px 0 0;}.rx-quality-text h2{font-size:24px;line-height:1.4;margin:0 0 14px;font-weight:600;}.rx-quality-text h2 a{color:#43382f;}.rx-quality-text p{font-size:15px;line-height:1.9;color:#7e766f;margin:0 0 24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:114px;}.rx-quality-more{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid #e5dad1;color:#986a5a;font-size:14px;}.rx-quality-more span{font-size:22px;}.rx-quality-more:hover,.rx-quality-text h2 a:hover{color:#694536;}@media(max-width:767px){.rx-quality{padding-bottom:36px;}.rx-quality-heading{padding:28px 0 24px;}.rx-quality-heading h1{font-size:30px;}.rx-quality-heading p{font-size:14px;letter-spacing:0;}.rx-quality-section{padding-top:26px;}.rx-quality-grid{grid-template-columns:1fr;gap:28px;}.rx-quality-text{padding-top:20px;}.rx-quality-text h2{font-size:23px;}.rx-quality-text p{min-height:0;font-size:14px;-webkit-line-clamp:3;}}@media(prefers-reduced-motion:reduce){.rx-quality-image img{transition:none;}}

.rx-detail-breadcrumb{background:#faf8f5;border-bottom:1px solid #ece3dc;padding:20px 0;font-size:14px;line-height:1.7;}.rx-detail-breadcrumb .container{display:flex;align-items:center;flex-wrap:wrap;gap:12px;}.rx-detail-breadcrumb a{color:#85766b;}.rx-detail-breadcrumb a:hover{color:#986a5a;}.rx-detail-breadcrumb span[aria-hidden]{color:#c0b3a8;}.rx-detail-breadcrumb [aria-current]{color:#986a5a;}@media(max-width:767px){.rx-detail-breadcrumb{padding:15px 0;font-size:13px;}.rx-detail-breadcrumb .container{gap:9px;}}
