@charset "utf-8";

/* ============================================================
   About Us 页面样式（仅限 .about-us 作用域，不影响其他页面）
   设计语言：深蓝 #3a44bd / #222979 + 浅蓝灰 #F3F8FA
   白卡片 + 8px 圆角 + 柔和阴影，与全站卡片风格统一
   ============================================================ */

.about-us { background:#FFFFFF; }
.about-us .kche-wrap-width { position:relative; z-index:1; width:100%; max-width:1500px; margin:0 auto 40px; padding:0; box-sizing:border-box; }
.about-us .kche-wrap-width1 { position:relative; z-index:1; width:100%; max-width:1500px; margin:0 auto 10px; padding:0; box-sizing:border-box; }

/* 通用标题：深蓝文字 + 左侧蓝色竖条 */
.about-us h5 { position:relative; font-size:26px; font-weight:var(--fontbold7,700); color:#222979; line-height:1.3; padding-left:16px; margin:0 0 22px 0; }
.about-us h5::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:26px; border-radius:3px; background:linear-gradient(180deg,#0098F5,#3a44bd); }
.about-us .kche-t215-des p,
.about-us .kche-t219-text p { color:var(--introcolor,#666666); line-height:1.9; }

/* ==================== 01 Company Profile 图文卡片 ==================== */
.about-us .kche-t219 .kche-t219-content { display:flex; flex-wrap:wrap; align-items:stretch; background:#FFFFFF; border-radius:var(--borderradius,8px); overflow:hidden; box-shadow:0 3px 25px 4px rgba(233,233,233,.55); transition:box-shadow .3s ease; }
.about-us .kche-t219 .kche-t219-content:hover { box-shadow:0 8px 32px 6px rgba(180,190,220,.55); }
.about-us .kche-t219 .kche-t219-img { width:52%; overflow:hidden; }
.about-us .kche-t219 .kche-t219-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.about-us .kche-t219 .kche-t219-content:hover .kche-t219-img img { transform:scale(1.04); }
.about-us .kche-t219 .kche-t219-info { flex:1; display:flex; flex-direction:column; justify-content:center; padding:50px 50px; background:linear-gradient(135deg,#FFFFFF 0%,#F3F8FA 100%); }
.about-us .kche-t219 .kche-t219-info h5 { letter-spacing:2px; }
.about-us .kche-t219 .kche-t219-info h5::after { content:""; display:block; width:56px; height:3px; margin-top:14px; margin-left:-16px; border-radius:2px; background:linear-gradient(90deg,#0098F5,#3a44bd); }
.about-us .kche-t219 .kche-t219-text p { font-size:15px; text-align:justify; }

/* ==================== 02 Materials 材料能力 浅底卡片 ==================== */
.about-us .kche-t215 { position:relative; z-index:1; padding:45px 45px; border-radius:var(--borderradius,8px); background:linear-gradient(135deg,#F3F8FA 0%,#eaf1fb 100%); }
.about-us .kche-t215::after { display:none; }
.about-us .kche-t215 h5 { margin-bottom:18px; }
.about-us .kche-t215 .kche-t215-flex { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.about-us .kche-t215 .kche-t215-left { width:42%; padding-right:4%; display:flex; flex-direction:column; justify-content:center; }
.about-us .kche-t215 .kche-t215-des p { font-size:14px; line-height:2; }
.about-us .kche-t215 .kche-t215-right { flex:1; display:flex; justify-content:space-between; align-items:stretch; min-height:340px; }
.about-us .kche-t215 .kche-t215-right1 { width:58%; border-radius:var(--borderradius,8px); overflow:hidden; box-shadow:0 3px 21px 0 rgba(200,208,228,.55); background:#FFFFFF; }
.about-us .kche-t215 .kche-t215-right1 img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.about-us .kche-t215 .kche-t215-right1:hover img { transform:scale(1.05); }
.about-us .kche-t215 .kche-t215-right2 { flex:1; padding-left:18px; display:flex; flex-direction:column; justify-content:space-between; }
.about-us .kche-t215 .kche-t215-right2 img { width:100%; height:calc(50% - 9px); object-fit:cover; border-radius:var(--borderradius,8px); box-shadow:0 3px 21px 0 rgba(200,208,228,.55); background:#FFFFFF; transition:transform .5s ease; }
.about-us .kche-t215 .kche-t215-right2 img:hover { transform:scale(1.05); }

/* ==================== 03 Corporate Culture 企业文化 ==================== */
.about-us .kche-t213 .kche-t213-title { margin-bottom:26px; }
.about-us .kche-t213 .kche-t213-title h5 { margin-bottom:18px; }
.about-us .kche-t213 .kche-t213-text { background:#FFFFFF; border-left:4px solid #3a44bd; border-radius:0 var(--borderradius,8px) var(--borderradius,8px) 0; box-shadow:0 3px 21px 0 rgba(222,222,222,.55); padding:22px 28px; }
.about-us .kche-t213 .kche-t213-text p { margin:0; font-size:15px; line-height:2; color:#444444; }
.about-us .kche-t213 .kche-t213-list { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0; padding:0; list-style:none; }
.about-us .kche-t213 .kche-t213-item { width:24%; border-radius:var(--borderradius,8px); overflow:hidden; background:#FFFFFF; box-shadow:0 3px 21px 0 rgba(222,222,222,.55); transition:transform .3s ease, box-shadow .3s ease; }
.about-us .kche-t213 .kche-t213-item:hover { transform:translateY(-6px); box-shadow:0 10px 28px 0 rgba(170,180,215,.6); }
.about-us .kche-t213 .kche-t213-item img { display:block; width:100%; transition:transform .5s ease; }
.about-us .kche-t213 .kche-t213-item:hover img { transform:scale(1.05); }

/* ==================== 04 Our honors 荣誉标题 + 全宽图 ==================== */
.about-us .kche-t78 .kche-template-item { position:relative; display:flex; align-items:center; justify-content:center; padding:0 0 18px; }
.about-us .kche-t78 .kche-template-item h2 { font-size:32px; font-weight:var(--fontbold7,700); color:#222979; line-height:1.2; margin:0; text-align:center; }
.about-us .kche-t78 .kche-template-item .kche-t78-line { display:flex; align-items:center; position:absolute; left:50%; transform:translateX(-50%); bottom:0; }
.about-us .kche-t78 .kche-template-item .kche-t78-line em { margin:0 4px; width:7px; height:7px; border-radius:50%; background:linear-gradient(135deg,#0098F5,#3a44bd); }
.about-us article > p { margin:0; text-align:center; }
.about-us article > p > img { display:block; width:100%; max-width:1500px; margin:30px auto 0; border-radius:var(--borderradius,8px); box-shadow:0 3px 25px 4px rgba(233,233,233,.55); }
.about-us article > p:last-child { display:none; }

/* ==================== 响应式 ==================== */
@media (max-width:1280px) {
  .about-us .kche-t215 .kche-t215-left { width:100%; padding-right:0; margin-bottom:28px; }
  .about-us .kche-t215 .kche-t215-right { width:100%; min-height:300px; }
}
@media (max-width:1024px) {
  .about-us .kche-wrap-width { margin-bottom:30px; }
  .about-us h5 { font-size:22px; }
  .about-us .kche-t219 .kche-t219-img { width:100%; }
  .about-us .kche-t219 .kche-t219-img img { max-height:420px; }
  .about-us .kche-t219 .kche-t219-info { padding:30px 24px; }
  .about-us .kche-t215 { padding:30px 24px; }
  .about-us .kche-t213 .kche-t213-item { width:49%; margin-bottom:18px; }
  .about-us .kche-t78 .kche-template-item h2 { font-size:26px; }
}
@media (max-width:768px) {
  .about-us h5 { font-size:20px; margin-bottom:16px; }
  .about-us .kche-t215 .kche-t215-right { flex-direction:column; min-height:0; min-width:0; }
  .about-us .kche-t215 .kche-t215-right1 { width:100%; min-width:0; }
  .about-us .kche-t215 .kche-t215-right1 img { width:100%; height:auto; aspect-ratio:457/327; }
  .about-us .kche-t215 .kche-t215-right2 { flex-direction:row; flex-wrap:nowrap; padding-left:0; margin-top:12px; gap:12px; min-width:0; }
  .about-us .kche-t215 .kche-t215-right2 img { flex:1 1 0; min-width:0; width:auto; height:auto; aspect-ratio:457/327; }
  .about-us .kche-t213 .kche-t213-text { padding:18px 20px; }
  .about-us .kche-t213 .kche-t213-item { width:100%; margin-bottom:14px; }
}
@media (max-width:500px) {
  .about-us .kche-t219 .kche-t219-info { padding:24px 18px; }
  .about-us .kche-t215 { padding:24px 18px; }
  .about-us .kche-t215 .kche-t215-des p { font-size:13px; line-height:1.9; }
  .about-us .kche-t213 .kche-t213-text p { font-size:13px; }
  .about-us .kche-t78 .kche-template-item h2 { font-size:22px; }
}