@charset "utf-8";

.about-page { background: #f6f8f5; color: #26342b; }
.about-hero { position: relative; min-height: 410px; display: flex; align-items: center; overflow: hidden; background: linear-gradient(118deg, #063e27 0%, #087542 58%, #21a55b 100%); }
.about-hero::after { content: ''; position: absolute; width: 620px; height: 620px; right: -110px; top: -210px; border: 90px solid rgba(255,255,255,.08); border-radius: 50%; }
.about-hero .g-in { position: relative; z-index: 1; }
.about-eyebrow { color: #b9e7c9; font-size: 15px; letter-spacing: 3px; text-transform: uppercase; }
.about-hero h1 { margin: 18px 0 14px; color: #fff; font-size: 52px; line-height: 1.15; letter-spacing: 3px; }
.about-hero p { max-width: 600px; color: rgba(255,255,255,.82); font-size: 19px; line-height: 1.9; }
.about-section { padding: 88px 0; }
.about-section--white { background: #fff; }
.about-heading { text-align: center; margin-bottom: 46px; }
.about-heading span { color: #078044; font-size: 14px; letter-spacing: 2px; }
.about-heading h2 { margin-top: 12px; color: #173822; font-size: 38px; line-height: 1.2; }
.about-section--intro { position: relative; overflow: hidden; background: #f3f7f3; }
.about-section--intro::before { content: ''; position: absolute; width: 58%; height: 100%; left: 0; top: 0; background: linear-gradient(90deg, #e7f0e8 0%, #ebf3ec 62%, rgba(243, 247, 243, 0) 100%); }
.about-intro { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(520px, .95fr); gap: 88px; align-items: center; }
.about-image { position: relative; min-height: 430px; overflow: hidden; background: url('../img/gsdt.png') center/cover; box-shadow: 24px 26px 0 #e0eee3; }
.about-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(5, 67, 37, .13), transparent 46%); }
.about-image__plaque { position: absolute; z-index: 1; left: 0; bottom: 0; min-width: 205px; padding: 20px 27px; color: #fff; background: #087542; }
.about-image__plaque span { display: block; margin-bottom: 5px; color: #c5ead2; font-size: 11px; letter-spacing: 2px; }
.about-image__plaque strong { display: block; font-size: 18px; letter-spacing: 1.5px; }
.about-copy { padding: 18px 0; color: #5f6d64; font-size: 16px; line-height: 1.95; }
.about-copy__eyebrow { display: block; margin-bottom: 15px; color: #078044; font-size: 12px; font-weight: 600; letter-spacing: 2px; }
.about-copy h2 { margin: 0 0 25px; color: #123b25; font-size: 34px; font-weight: 600; line-height: 1.38; }
.about-copy p { margin: 0 0 13px; }
.about-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 32px; background: #dbe8dd; }
.about-stats div { padding: 16px 13px; background: #fff; }
.about-stats strong { display: block; color: #078044; font-size: 25px; font-weight: 600; line-height: 1.2; }
.about-stats span { display: block; margin-top: 5px; color: #748078; font-size: 13px; line-height: 1.4; }
.honor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.honor-card { min-height: 258px; padding: 32px 30px; border: 1px solid #e3ebe5; border-radius: 12px; background: #fff; box-sizing: border-box; box-shadow: 0 8px 25px rgba(23,56,34,.05); transition: transform .25s ease, box-shadow .25s ease; }
.honor-card:hover { transform: translateY(-7px); box-shadow: 0 16px 35px rgba(23,56,34,.13); }
.honor-mark { display: flex; width: 58px; height: 58px; align-items: center; justify-content: center; color: #fff; border-radius: 50%; background: #008042; font-size: 26px; font-weight: bold; }
.honor-card h3 { margin: 25px 0 10px; color: #173822; font-size: 21px; }
.honor-card p { color: #718078; font-size: 15px; line-height: 1.8; }
.certificate-note { margin-top: 42px; padding: 23px 28px; border-left: 4px solid #008042; background: #eff7f1; color: #557060; font-size: 15px; line-height: 1.8; }
.honor-grid { display: block; }
.honor-grid > .honor-card, .honor-grid + .certificate-note { display: none; }
.certificate-showcase { position: relative; max-width: 1400px; margin: 0 auto; padding: 8px; }
.certificate-showcase__glow { position: absolute; inset: 14% 8% 0; z-index: 0; border-radius: 50%; background: rgba(26, 139, 77, .18); filter: blur(42px); }
.certificate-showcase__frame { position: relative; z-index: 1; margin: 0; overflow: hidden; background: transparent; }
.certificate-showcase__frame img { display: block; width: 100%; height: auto; }
.certificate-showcase__copy { position: relative; z-index: 1; max-width: 950px; margin: 28px auto 0; padding: 0 20px; color: #627268; text-align: center; font-size: 16px; line-height: 2; }
.certificate-showcase__copy p { margin: 0; }
.certificate-showcase__lead { margin-bottom: 8px !important; color: #173822; font-size: 22px; font-weight: 600; letter-spacing: .5px; }
.certificate-showcase__closing { margin-top: 9px !important; color: #078044; font-weight: 600; }
.about-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #dce8df; border: 1px solid #dce8df; }
.about-values div { padding: 38px 28px; background: #fff; text-align: center; }
.about-values strong { display: block; margin-bottom: 10px; color: #008042; font-size: 26px; }
.about-values p { color: #6b786f; font-size: 15px; }

/* 企业大事记 */
.about-section--milestones { padding: 0; }
.about-milestone { margin: 0; max-width: none; padding: 0; }
.about-milestone img { width: 100%; height: auto; display: block; }
@media (max-width: 900px) { .about-hero { min-height: 340px; } .about-hero h1 { font-size: 40px; } .about-section { padding: 60px 0; } .about-section--intro::before { width: 100%; height: 48%; } .about-intro { grid-template-columns: 1fr; gap: 40px; } .about-image { min-height: 390px; } .honor-grid { grid-template-columns: 1fr 1fr; } .certificate-showcase { padding: 10px; } }
@media (max-width: 600px) { .about-hero { min-height: 300px; } .about-hero h1 { font-size: 32px; } .about-hero p { font-size: 16px; } .about-heading h2 { font-size: 29px; } .about-image { min-height: 290px; box-shadow: 12px 14px 0 #e0eee3; } .about-image__plaque { min-width: 160px; padding: 14px 18px; } .about-copy { padding: 0; font-size: 15px; } .about-copy h2 { margin-bottom: 18px; font-size: 27px; } .about-stats { margin-top: 24px; } .about-stats div { padding: 13px 8px; } .about-stats strong { font-size: 21px; } .about-stats span { font-size: 12px; } .honor-grid, .about-values { grid-template-columns: 1fr; } .honor-card { min-height: 0; } .certificate-showcase { padding: 0; } .certificate-showcase__copy { margin-top: 22px; padding: 0 8px; font-size: 14px; line-height: 1.9; } .certificate-showcase__lead { font-size: 18px; } }

/* 荣誉奖牌走马灯样式 - 双行展示 */
.honor-marquee { max-width: 1200px; margin: 0 auto; }
.honor-marquee-row { overflow: hidden; margin-bottom: 24px; }
.honor-marquee-row:last-child { margin-bottom: 0; }
.honor-marquee-track { display: flex; animation: honorScroll 15s linear infinite; }
#honorTrack1 { animation-duration: 12s; }
#honorTrack2 { animation: honorScrollRight 20s linear infinite; }
.honor-item { flex: 0 0 calc((100% - 90px) / 4); margin: 0 15px; text-align: center; }
.honor-image { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); border: 3px solid #c9a96e; }
.honor-caption { margin-top: 16px; font-size: 16px; font-weight: 500; color: #333; }

@keyframes honorScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes honorScrollRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

@media (max-width: 900px) {
    .honor-item { flex: 0 0 calc((100% - 60px) / 2); }
}

@media (max-width: 600px) {
    .honor-item { flex: 0 0 calc((100% - 30px) / 2); margin: 0 10px; }
    .honor-caption { font-size: 14px; }
}