*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:"Microsoft YaHei",Arial,sans-serif;
  background:#f4f5f7;
  color:#222;
  line-height:1.6
}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Header */
.site-header{background:#1f2933;color:#fff}
.header-inner{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo-area{display:flex;align-items:center;gap:12px}
.logo-img{height:40px}
.company-name{font-weight:700}
.nav a{color:#cfd8e3;margin-left:20px;text-decoration:none;font-weight:600}
.nav a.active,.nav a:hover{color:#fff;border-bottom:2px solid #fff}

/* Hero */
.hero{position:relative;height:60vh;min-height:360px;color:#fff}
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-content{position:relative;z-index:1;top:50%;transform:translateY(-40%)}
.hero h1{font-size:36px;margin-bottom:12px}

/* Intro */
.intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:64px 0}
.intro-img{width:100%;min-height:260px;object-fit:cover}

/* Strength */
.strength{background:#e9ecef;padding:64px 0}
.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.strength-grid-5 .card-center{
  grid-column:span 1;
}
.strength-grid-5 .card-center:nth-last-child(2){
  grid-column:1 / 3;
  justify-self:end;
}
.strength-grid-5 .card-center:nth-last-child(1){
  grid-column:2 / 4;
  justify-self:start;
}
.card{
  background:#fff;
  padding:24px;
  box-shadow:0 4px 12px rgba(0,0,0,.08)
}
.card-img{width:100%;height:180px;object-fit:cover;margin-bottom:12px}
.card h3{margin-bottom:6px}

/* Honor */
.honor{background:#fff;padding:64px 0}
.honor-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:40px;
  margin-top:32px
}
.honor-item{
  background:#f7f9fb;
  padding:32px;
  text-align:center;
  border-left:4px solid #1f2933
}
.honor-item img{max-height:300px;margin-bottom:16px}

/* Footer */
.site-footer{background:#1f2933;color:white;text-align:center;padding:24px 0}
.record{font-size:14px;margin-top:6px}

/* Responsive */
@media(max-width:900px){
  .intro,.strength-grid,.honor-grid{grid-template-columns:1fr}
  .hero h1{font-size:28px}
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.45); /* 遮罩深度，可调 0.3~0.6 */
  z-index:0;
}

.hero-content{
  position:relative;
  z-index:1;
}

.hero-content h1,
.hero-content p{
  color:#ffffff;
  text-shadow:0 4px 12px rgba(0,0,0,0.6);
}



/* About page enhanced style */

.page-banner{
  position:relative;
  height:420px;
  color:#fff
}
.page-banner-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.page-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.35))
}
.banner-content{
  position:relative;
  z-index:2;
  padding-top:140px
}

.about-core{
  background:#fff;
  padding:80px 0
}
.about-core-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:56px;
  align-items:center
}
.about-core-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px
}
.stat{
  background:#1f2933;
  color:#fff;
  padding:32px;
  text-align:center
}
.stat strong{
  display:block;
  font-size:32px
}

.about-capability{
  background:#f4f6f8;
  padding:80px 0
}
.capability-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin-top:40px
}
.capability-item{
  background:#fff;
  padding:24px;
  border-top:4px solid #1f2933
}
.capability-item img{
  width:100%;
  height:180px;
  object-fit:cover;
  margin-bottom:12px
}

.about-values{
  background:#fff;
  padding:80px 0
}
.value-card{
  background:#f8f9fb;
  padding:32px;
  border-left:6px solid #1f2933
}

@media(max-width:900px){
  .about-core-grid,
  .capability-grid,
  .values-grid{
    grid-template-columns:1fr
  }
  .page-banner{height:300px}
}









/* =========================
   Contact Page Only
========================= */

.contact-banner{
  height:380px
}

.contact-section{
  background:#f4f6f8;
  padding:80px 0
}

.contact-grid{
  display:grid;
  grid-template-columns:1.1fr 1.2fr 1fr;
  gap:40px;
  align-items:start
}

/* Contact Info */
.contact-info{
  background:#fff;
  padding:32px;
  border-left:6px solid #1f2933
}
.contact-info h2{
  margin-bottom:20px
}
.contact-info ul{
  list-style:none
}
.contact-info li{
  margin-bottom:12px;
  line-height:1.6
}
.contact-extra{
  margin-top:20px;
  color:#555
}

/* Map */
.contact-map{
  background:#fff;
  padding:16px
}
.map-placeholder{
  height:100%;
  min-height:280px;
  background:#e9ecef;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#777;
  font-size:14px
}

/* Form */
.contact-form{
  background:#fff;
  padding:32px
}
.contact-form h2{
  margin-bottom:20px
}
.contact-form form{
  display:flex;
  flex-direction:column;
  gap:14px
}
.contact-form input,
.contact-form textarea{
  padding:12px 14px;
  border:1px solid #ccc;
  font-family:inherit
}
.contact-form button{
  background:#1f2933;
  color:#fff;
  border:none;
  padding:14px;
  cursor:pointer;
  font-weight:600
}
.contact-form button:hover{
  background:#111827
}

/* Responsive */
@media(max-width:900px){
  .contact-grid{
    grid-template-columns:1fr
  }
  .contact-banner{
    height:280px
  }
}