body.shangzuo-about-page { background: var(--cream, #f8f0e7) !important; color: var(--ink, #1f201f) !important; font-family: RobotoLocal, Arial, sans-serif !important; }
body.shangzuo-about-page .wp-site-blocks { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; }
body.shangzuo-about-page .shangzuo-about-main { padding-top:96px; background:var(--cream,#f8f0e7); font-family:RobotoLocal,Arial,sans-serif; overflow:hidden; }
body.shangzuo-about-page .neiye_content { background:var(--cream,#f8f0e7)!important; }
body.shangzuo-about-page .neiye_content_service_middle { width:min(1300px,calc(100% - 64px))!important; max-width:1300px!important; }
body.shangzuo-about-page .abouts_button a { background:var(--orange,#fa5a14)!important; color:#fff!important; }
body.shangzuo-about-page .abouts_button a:hover { background:var(--brown-deep,#2b211c)!important; }
@media (max-width:900px) { body.shangzuo-about-page .shangzuo-about-main { padding-top:68px; } body.shangzuo-about-page .neiye_content_service_middle { width:calc(100% - 36px)!important; } }


/* About page alignment and visual-system overrides. */
body.shangzuo-about-page .neiye_content_middle_left_top{display:flex!important;align-items:center!important;gap:10px;width:100%!important;min-height:64px;height:auto!important;padding:16px 0;line-height:1.4!important;font-size:14px!important;box-sizing:border-box;}
body.shangzuo-about-page .neiye_content_middle_left_top .about-breadcrumb-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px;width:22px;height:22px;}
body.shangzuo-about-page .neiye_content_middle_left_top .about-breadcrumb-icon img{display:block!important;width:22px!important;height:22px!important;margin:0!important;object-fit:contain;}
body.shangzuo-about-page .neiye_content_middle_left_top .bread{display:flex!important;align-items:center!important;gap:8px;margin-left:0!important;line-height:1.4!important;white-space:nowrap;}
body.shangzuo-about-page .neiye_content_middle_left_top .bread a{color:var(--ink,#1f201f);text-decoration:none;transition:color .25s ease;}
body.shangzuo-about-page .neiye_content_middle_left_top .bread a:hover{color:#ff6a00;}
body.shangzuo-about-page .neiye_content_middle_left_top .bread-separator{color:#8a817a;}
body.shangzuo-about-page .abouts_button{display:flex!important;align-items:center!important;justify-content:center!important;width:190px!important;height:48px!important;margin-top:28px!important;padding:0!important;border:2px solid #ff6a00!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;line-height:1!important;transition:background-color .25s ease,color .25s ease,border-color .25s ease;}
body.shangzuo-about-page .abouts_button a{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;width:100%!important;height:100%!important;border:0!important;border-radius:inherit!important;background:transparent!important;color:#ff6a00!important;line-height:1!important;text-decoration:none;}
body.shangzuo-about-page .abouts_button a span{position:static!important;top:auto!important;left:auto!important;color:inherit!important;}
body.shangzuo-about-page .abouts_button a i{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;background:transparent!important;line-height:1!important;}
body.shangzuo-about-page .abouts_button a i img{display:block!important;width:18px!important;height:18px!important;margin:0!important;object-fit:contain;}
body.shangzuo-about-page .abouts_button:hover,body.shangzuo-about-page .abouts_button a:hover{background:#ff6a00!important;color:#fff!important;border-color:#ff6a00!important;}
body.shangzuo-about-page .abouts_button:hover a i img{filter:brightness(0) invert(1);}
body.shangzuo-about-page .youshi_list_icon{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:clamp(78px,8vw,120px);margin-top:28px!important;}
body.shangzuo-about-page .youshi_list_icon img{display:block!important;width:clamp(64px,8vw,104px)!important;height:clamp(64px,8vw,104px)!important;margin:0 auto!important;object-fit:contain;}
body.shangzuo-about-page .about_middle_contents_big_title{font-size:clamp(22px,2vw,36px)!important;}
body.shangzuo-about-page .about_middle_contents_small_content{font-size:clamp(14px,1vw,17px)!important;line-height:1.6!important;}
body.shangzuo-about-page .about_youshi_title{font-size:clamp(26px,2.2vw,42px)!important;}
body.shangzuo-about-page .youshi_list_icon_title{font-size:clamp(20px,1.7vw,30px)!important;}
body.shangzuo-about-page .youshi_desc{font-size:clamp(13px,1vw,16px)!important;line-height:1.6!important;}
@media(max-width:750px){body.shangzuo-about-page .neiye_content_middle_left_top{min-height:54px;padding:13px 0;font-size:14px!important;}body.shangzuo-about-page .neiye_content_middle_left_top .bread{gap:6px;white-space:normal;}body.shangzuo-about-page .abouts_button{width:178px!important;height:46px!important;margin:22px auto!important;}body.shangzuo-about-page .youshi_list_icon{height:82px;margin-top:22px!important;}body.shangzuo-about-page .youshi_list_icon img{width:72px!important;height:72px!important;}}

/* About banner subtitle hierarchy and responsive spacing. */
body.shangzuo-about-page .neiye_sologo{top:50%!important;transform:translateY(-50%);display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:0 18px;box-sizing:border-box;}
body.shangzuo-about-page .neiye_sologo > div:first-child{font-size:clamp(42px,4.4vw,70px)!important;line-height:1.05!important;white-space:nowrap;}
body.shangzuo-about-page .neiye_sologo .about-banner-copy{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:22px;color:#fff;font-size:clamp(13px,1.35vw,22px);font-weight:400;line-height:1.35;letter-spacing:.01em;text-align:center;white-space:nowrap;}
@media(max-width:750px){body.shangzuo-about-page .neiye_sologo{top:50%!important;padding:0 12px;}body.shangzuo-about-page .neiye_sologo > div:first-child{font-size:clamp(32px,8vw,44px)!important;}body.shangzuo-about-page .neiye_sologo .about-banner-copy{margin-top:16px;gap:6px;font-size:clamp(12px,3.2vw,16px);white-space:normal;width:100%;}}

/* About introduction copy hierarchy. */
body.shangzuo-about-page .about_middle_contents_big_title{font-weight:700!important;color:#1f201f!important;text-transform:uppercase;}
body.shangzuo-about-page .about_middle_contents_subtitle{margin:18px 0 0!important;font-size:clamp(16px,1.25vw,22px)!important;line-height:1.35!important;font-weight:500;color:#3f3f3f;}
body.shangzuo-about-page .about_middle_contents_small_content{margin-top:22px!important;max-width:620px;font-size:clamp(14px,1vw,17px)!important;line-height:1.65!important;color:#565656;}
@media(max-width:750px){body.shangzuo-about-page .about_middle_contents_subtitle{margin-top:14px!important;font-size:16px!important;line-height:1.4!important;}body.shangzuo-about-page .about_middle_contents_small_content{margin-top:18px!important;font-size:14px!important;line-height:1.6!important;}}

/* About advantages heading and copy hierarchy. */
body.shangzuo-about-page .about_youshi_subtitle{margin:16px auto 0;max-width:760px;padding:0 18px;color:#5c5854;font-size:clamp(14px,1.2vw,20px);font-weight:400;line-height:1.45;text-align:center;}
body.shangzuo-about-page .youshi_list_icon_title{font-weight:700!important;color:#1f201f;}
body.shangzuo-about-page .youshi_desc{font-size:clamp(13px,1vw,16px)!important;line-height:1.65!important;color:#565656;}
@media(max-width:750px){body.shangzuo-about-page .about_youshi_subtitle{margin-top:12px;font-size:15px;line-height:1.45;}body.shangzuo-about-page .youshi_desc{font-size:14px!important;line-height:1.6!important;}}

/* Image-two about intro layout override. */
body.shangzuo-about-page .about_contents_top { width:min(1600px,calc(100% - 96px)); height:auto; margin:0 auto; padding:clamp(22px,3vw,48px); box-sizing:border-box; background:#fff; overflow:hidden; }
body.shangzuo-about-page .about_contents_top_bg { display:none!important; }
body.shangzuo-about-page .about_line { position:static; width:100%; pointer-events:auto; }
body.shangzuo-about-page .about_line_img { display:none!important; }
body.shangzuo-about-page .about_middle { width:100%; max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,5vw,96px); align-items:center; margin:0; position:static; }
body.shangzuo-about-page .about_middle_img { width:100%; height:auto; border-radius:20px; overflow:hidden; }
body.shangzuo-about-page .about_middle_img img { display:block; width:100%; aspect-ratio:4/3; height:auto; object-fit:cover; border-radius:inherit; }
body.shangzuo-about-page .about_middle_contents { width:100%; padding:0 2px; box-sizing:border-box; }
body.shangzuo-about-page .about_middle_contents::before { content:""; display:block; width:100%; height:4px; margin:0 0 clamp(26px,3vw,42px); background:#ff6a00; }
body.shangzuo-about-page .about_middle_contents_big_title { max-width:640px; margin:0!important; font-size:clamp(24px,2.2vw,36px)!important; line-height:1.2!important; letter-spacing:-.02em; }
body.shangzuo-about-page .about_middle_contents_subtitle { max-width:640px; margin:22px 0 0!important; font-size:clamp(16px,1.35vw,23px)!important; line-height:1.35!important; }
body.shangzuo-about-page .about_middle_contents_small_content { max-width:640px; margin:24px 0 0!important; font-size:clamp(14px,1.05vw,18px)!important; line-height:1.65!important; }
body.shangzuo-about-page .abouts_button { width:142px!important; height:46px!important; margin:30px 0 0!important; border:0!important; border-radius:999px!important; background:#ff6a00!important; box-shadow:none!important; }
body.shangzuo-about-page .abouts_button a { display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; width:100%!important; height:100%!important; border:0!important; border-radius:inherit!important; background:transparent!important; color:#fff!important; }
body.shangzuo-about-page .abouts_button a i { display:flex!important; align-items:center!important; justify-content:center!important; width:20px!important; height:20px!important; margin:0!important; }
body.shangzuo-about-page .abouts_button a i img { display:block!important; width:18px!important; height:18px!important; margin:0!important; filter:brightness(0) invert(1); }
body.shangzuo-about-page .abouts_button:hover { background:#e9500d!important; }
@media(max-width:900px){ body.shangzuo-about-page .about_contents_top { width:calc(100% - 36px); padding:22px; } body.shangzuo-about-page .about_middle { grid-template-columns:minmax(0,1fr); gap:30px; } body.shangzuo-about-page .about_middle_contents { padding:0; } }
@media(max-width:600px){ body.shangzuo-about-page .about_contents_top { width:calc(100% - 28px); padding:16px; } body.shangzuo-about-page .about_middle_img { border-radius:14px; } body.shangzuo-about-page .about_middle_contents::before { height:3px; margin-bottom:22px; } body.shangzuo-about-page .about_middle_contents_big_title { font-size:24px!important; } body.shangzuo-about-page .about_middle_contents_subtitle { margin-top:14px!important; font-size:16px!important; } body.shangzuo-about-page .about_middle_contents_small_content { margin-top:18px!important; font-size:14px!important; } body.shangzuo-about-page .abouts_button { margin:24px auto 0!important; } }


/* About statistics typography and three-column layout. */
body.shangzuo-about-page .about_shuju { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; width:min(1300px,calc(100% - 96px))!important; margin:clamp(34px,5vw,72px) auto 0!important; padding:clamp(22px,2.4vw,38px) 0!important; background:transparent; }
body.shangzuo-about-page .about_shuju_list_top { position:relative; display:flex!important; flex-direction:column; align-items:center; justify-content:center; width:100%; min-width:0; min-height:92px; padding:0 clamp(12px,2vw,34px); box-sizing:border-box; text-align:center; }
body.shangzuo-about-page .about_shuju_list_top:not(:last-child)::after { content:""; position:absolute; top:12%; right:0; width:1px; height:76%; background:#edc7b9; }
body.shangzuo-about-page .about_numbers { display:block; color:#6b2d1b!important; font-family:RobotoLocal,Arial,sans-serif!important; font-size:clamp(30px,3vw,48px)!important; font-weight:700!important; letter-spacing:-.035em; line-height:1!important; white-space:nowrap; }
body.shangzuo-about-page .shuju_desc { display:block; margin-top:9px!important; color:#5b514c!important; font-family:RobotoLocal,Arial,sans-serif!important; font-size:clamp(12px,1.05vw,18px)!important; font-weight:400!important; line-height:1.3!important; white-space:normal; }
@media(max-width:900px){ body.shangzuo-about-page .about_shuju { width:calc(100% - 36px)!important; margin-top:38px!important; } body.shangzuo-about-page .about_numbers { font-size:clamp(28px,4vw,40px)!important; } body.shangzuo-about-page .shuju_desc { font-size:14px!important; } }
@media(max-width:600px){ body.shangzuo-about-page .about_shuju { grid-template-columns:minmax(0,1fr); width:calc(100% - 28px)!important; margin-top:30px!important; padding:0!important; } body.shangzuo-about-page .about_shuju_list_top { min-height:84px; padding:18px 12px; } body.shangzuo-about-page .about_shuju_list_top:not(:last-child)::after { top:auto; right:10%; bottom:0; width:80%; height:1px; } body.shangzuo-about-page .about_numbers { font-size:30px!important; } }


/* About advantages three-column reference layout. */
body.shangzuo-about-page .about_youshi { position:relative; width:min(1300px,calc(100% - 96px))!important; max-width:none!important; margin:clamp(58px,7vw,104px) auto 0!important; padding:0 0 clamp(52px,6vw,88px)!important; text-align:center; }
body.shangzuo-about-page .about_youshi::before { content:""; display:block; width:36px; height:3px; margin:0 auto 24px; background:#ff6a00; }
body.shangzuo-about-page .about_youshi_title { margin:0!important; color:#1f201f!important; font-family:RobotoLocal,Arial,sans-serif!important; font-size:clamp(28px,2.7vw,44px)!important; font-weight:700!important; line-height:1.12!important; letter-spacing:-.025em; }
body.shangzuo-about-page .about_youshi_subtitle { margin:12px auto 0!important; color:#5b514c!important; font-family:RobotoLocal,Arial,sans-serif!important; font-size:clamp(14px,1.15vw,19px)!important; font-weight:400!important; line-height:1.4!important; }
body.shangzuo-about-page .about_youshi_content { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:clamp(42px,5vw,70px); }
body.shangzuo-about-page .about_youshi_content .youshi_list { position:relative; width:auto!important; min-width:0; padding:0 clamp(20px,3vw,52px); box-sizing:border-box; text-align:center; }
body.shangzuo-about-page .about_youshi_content .youshi_list:not(:last-child)::after { content:""; position:absolute; top:5%; right:0; width:1px; height:90%; background:#edc7b9; }
body.shangzuo-about-page .youshi_list_icon { display:flex!important; align-items:center!important; justify-content:center!important; width:78px!important; height:78px!important; margin:0 auto 24px!important; border-radius:50%; background:#f7e9de; }
body.shangzuo-about-page .youshi_list_icon img { display:block!important; width:48px!important; height:48px!important; margin:0!important; object-fit:contain; }
body.shangzuo-about-page .youshi_list_icon_title { margin:0!important; color:#1f201f!important; font-family:RobotoLocal,Arial,sans-serif!important; font-size:clamp(20px,1.7vw,29px)!important; font-weight:700!important; line-height:1.2!important; }
body.shangzuo-about-page .youshi_desc { max-width:350px; margin:18px auto 0!important; padding:0!important; color:#635953!important; font-family:RobotoLocal,Arial,sans-serif!important; font-size:clamp(13px,1vw,16px)!important; font-weight:400!important; line-height:1.55!important; }
@media(max-width:900px){ body.shangzuo-about-page .about_youshi { width:calc(100% - 36px)!important; } body.shangzuo-about-page .about_youshi_content { margin-top:42px; } body.shangzuo-about-page .about_youshi_content .youshi_list { padding:0 18px; } body.shangzuo-about-page .youshi_list_icon { width:70px!important; height:70px!important; margin-bottom:20px!important; } body.shangzuo-about-page .youshi_list_icon img { width:44px!important; height:44px!important; } }
@media(max-width:600px){ body.shangzuo-about-page .about_youshi { width:calc(100% - 28px)!important; margin-top:48px!important; } body.shangzuo-about-page .about_youshi_content { grid-template-columns:minmax(0,1fr); margin-top:32px; } body.shangzuo-about-page .about_youshi_content .youshi_list { padding:24px 14px; } body.shangzuo-about-page .about_youshi_content .youshi_list:not(:last-child)::after { top:auto; right:10%; bottom:0; width:80%; height:1px; } body.shangzuo-about-page .about_youshi_title { font-size:28px!important; } body.shangzuo-about-page .about_youshi_subtitle { font-size:15px!important; } body.shangzuo-about-page .youshi_desc { max-width:340px; font-size:14px!important; } }


/* Factory Tour intro copy and spacing. */
body.shangzuo-about-page .cooperative { width:min(1300px,calc(100% - 96px)); max-width:none!important; margin:clamp(54px,7vw,100px) auto 0!important; }
body.shangzuo-about-page .cooperative > .about_youshi_title { margin:0!important; color:#1f201f!important; font-family:RobotoLocal,Arial,sans-serif!important; font-size:clamp(28px,2.7vw,44px)!important; font-weight:700!important; line-height:1.12!important; text-align:center; }
body.shangzuo-about-page .about_factory_intro { max-width:900px; margin:22px auto 0; color:#5b514c; font-family:RobotoLocal,Arial,sans-serif; font-size:clamp(13px,1.05vw,17px); font-weight:400; line-height:1.5; text-align:center; }
body.shangzuo-about-page .about_factory_intro p { margin:0; }
body.shangzuo-about-page .about_factory_intro p + p { margin-top:12px; }
body.shangzuo-about-page .cooperative .parent_logo_list { margin-top:clamp(30px,4vw,54px)!important; }
@media(max-width:900px){ body.shangzuo-about-page .cooperative { width:calc(100% - 36px); } body.shangzuo-about-page .about_factory_intro { margin-top:18px; font-size:15px; } body.shangzuo-about-page .cooperative .parent_logo_list { margin-top:32px!important; } }
@media(max-width:600px){ body.shangzuo-about-page .cooperative { width:calc(100% - 28px); margin-top:48px!important; } body.shangzuo-about-page .cooperative > .about_youshi_title { font-size:28px!important; } body.shangzuo-about-page .about_factory_intro { margin-top:16px; padding:0 8px; font-size:14px; line-height:1.5; } body.shangzuo-about-page .about_factory_intro p + p { margin-top:10px; } body.shangzuo-about-page .cooperative .parent_logo_list { margin-top:28px!important; } }


/* About contact button white label correction. */
body.shangzuo-about-page .abouts_button a,body.shangzuo-about-page .abouts_button a span{color:#fff!important;}
body.shangzuo-about-page .abouts_button a i img{filter:brightness(0) invert(1)!important;}

/* Factory Tour intro: keep the second line on one row on desktop, with mobile wrapping. */
@media(min-width:1100px){
  body.shangzuo-about-page .about_factory_intro { max-width:none!important; width:100%!important; }
  body.shangzuo-about-page .about_factory_intro p + p { white-space:nowrap!important; }
}
@media(max-width:1099px){
  body.shangzuo-about-page .about_factory_intro p + p { white-space:normal!important; }
}
/* About intro panel: soften the white surface and add a subtle corner radius. */
body.shangzuo-about-page .about_contents_top {
  background:rgba(255,255,255,.78)!important;
  border-radius:8px!important;
}
@media(max-width:600px){
  body.shangzuo-about-page .about_contents_top { border-radius:6px!important; }
}

/* About intro: fit the complete heading to its text column. */
body.shangzuo-about-page #about-page .about_middle_contents{
 container-type:inline-size;min-width:0;
}
body.shangzuo-about-page #about-page .about_middle_contents_big_title{
 width:100%;max-width:100%;font-size:clamp(12px,1.55vw,30px)!important;
 line-height:1.2!important;white-space:nowrap!important;
}
@media(max-width:900px){
 body.shangzuo-about-page #about-page .about_middle_contents_big_title{font-size:clamp(12px,3.4vw,30px)!important;}
}
/* Container units keep the heading within both full-width and split columns. */
@supports(font-size:1cqw){
 body.shangzuo-about-page #about-page .about_middle_contents_big_title{font-size:clamp(12px,4.8cqw,30px)!important;}
}

/* Reuse the homepage's left-to-right fill and color transition. */
body.shangzuo-about-page #about-page .about_middle_contents .abouts_button{
 box-sizing:border-box;overflow:hidden!important;
 border:1px solid #ff6a00!important;
 background:#ff6a00 linear-gradient(#fff,#fff) left center/0% 100% no-repeat!important;
 color:#fff!important;
 transition:background-size .55s cubic-bezier(.76,0,.24,1),color .3s ease,border-color .3s ease!important;
}
body.shangzuo-about-page #about-page .about_middle_contents .abouts_button a,
body.shangzuo-about-page #about-page .about_middle_contents .abouts_button a span{
 background:transparent!important;color:inherit!important;font-size:14px!important;line-height:1!important;
 white-space:nowrap!important;transition:none!important;
}
body.shangzuo-about-page #about-page .about_middle_contents .abouts_button a i{
 background:currentColor!important;
 -webkit-mask:url('assets/about/static/picture/rightjiantou.png') center/18px 18px no-repeat;
 mask:url('assets/about/static/picture/rightjiantou.png') center/18px 18px no-repeat;
}
body.shangzuo-about-page #about-page .about_middle_contents .abouts_button a i img{opacity:0;}
body.shangzuo-about-page #about-page .about_middle_contents .abouts_button:is(:hover,:focus-within){
 background-size:100% 100%!important;color:var(--orange,#ea5b11)!important;border-color:var(--orange,#ea5b11)!important;
}
body.shangzuo-about-page #about-page .about_middle_contents .abouts_button a:focus-visible{outline:2px solid currentColor;outline-offset:-4px;}
@media(prefers-reduced-motion:reduce){
 body.shangzuo-about-page #about-page .about_middle_contents .abouts_button{transition-duration:.01ms!important;}
}

/* Keep Factory Tour closer to the advantages section at every screen size. */
body.shangzuo-about-page.shangzuo-landing #about-page#about-page .about_youshi{
 margin-bottom:0!important;padding-bottom:0!important;
}
body.shangzuo-about-page.shangzuo-landing #about-page#about-page .cooperative{
 margin-top:clamp(40px,4vw,64px)!important;
}

/* Factory images come from all published backend records. */
body.shangzuo-about-page #about-page#about-page .cooperative .Customer_img_list{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;
 width:100%;max-width:100%;margin:0;padding:0;
}
body.shangzuo-about-page #about-page#about-page .cooperative .img_list_liebiao{
 width:100%!important;min-width:0;height:auto!important;margin:0!important;padding:0!important;
 overflow:hidden;border-radius:20px;
}
body.shangzuo-about-page #about-page#about-page .cooperative .img_list_liebiao>a{display:block;width:100%;height:auto;}
body.shangzuo-about-page #about-page#about-page .cooperative .img_list_liebiao img{
 display:block;width:100%!important;height:auto!important;max-width:100%;object-fit:contain!important;
}
@media(max-width:1024px){body.shangzuo-about-page #about-page#about-page .cooperative .Customer_img_list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){body.shangzuo-about-page #about-page#about-page .cooperative .Customer_img_list{grid-template-columns:minmax(0,1fr);gap:16px;}}

/* Normalize the transparent canvas of the replacement advantage icons. */
body.shangzuo-about-page #about-page#about-page .about_youshi .youshi_list_icon img[src*="/advantage-"]{
 transform:scale(1.55642)!important;transform-origin:center center;
}

/* Company introduction decorative backdrop: preserve the existing layout. */
body.shangzuo-about-page #about-page#about-page .about_contents_top{
 position:relative;overflow:visible!important;
}
body.shangzuo-about-page #about-page#about-page .about_middle_img{
 --sz-intro-backdrop-pad:clamp(22px,3vw,48px);
 position:relative;overflow:visible!important;isolation:isolate;
}
body.shangzuo-about-page #about-page#about-page .about_middle_img::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 top:calc(-1 * var(--sz-intro-backdrop-pad));bottom:calc(-1 * var(--sz-intro-backdrop-pad));
 left:clamp(-260px,-18vw,-40px);right:30%;
 background:url('assets/about/static/picture/company-intro-background-09a9d03c6468.webp') left center/cover no-repeat;
 border-radius:20px;
}
@media(max-width:900px){
 body.shangzuo-about-page #about-page#about-page .about_middle_img{--sz-intro-backdrop-pad:22px;}
}
@media(max-width:600px){
 body.shangzuo-about-page #about-page#about-page .about_middle_img{--sz-intro-backdrop-pad:16px;}
 body.shangzuo-about-page #about-page#about-page .about_middle_img::before{border-radius:14px;}
}

/* Show the replacement company photograph in full without moving the text column. */
body.shangzuo-about-page #about-page#about-page .about_middle_img{display:grid;align-items:center;aspect-ratio:4/3;}
body.shangzuo-about-page #about-page#about-page .about_middle_img>img[src*="/company-photo-"]{aspect-ratio:auto!important;object-fit:contain!important;height:auto!important;}

/* Balance the three About advantages icons while retaining their centered slots. */
body.shangzuo-about-page #about-page#about-page .about_youshi .youshi_list_icon img[src*="/advantage-"]{transform:scale(1.10)!important;transform-origin:center center;}