.about{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}
.about__title{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--color-black)}
.about__description{margin-bottom:var(--spacing-md)}
.about__standards{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}
.about__standard{position:relative;margin-bottom:var(--spacing-sm);color:var(--color-primary)}
.about__standard::before{content:'•';position:absolute;left:-1rem;color:var(--color-primary);font-weight:700}
.about__button{display:inline-block;background-color:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:25px;transition:var(--transition)}
.about__button:hover{background-color:var(--color-secondary);transform:translateY(-2px)}
.about__image img{width:640px}
.about__s-tit{color:var(--color-primary);font-weight:700}
.products__title{font-size:2rem;text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-dark)}
.index_block{padding:var(--spacing-xl) 0;position:relative}
.philosophy{position:relative;overflow:hidden}
.philosophy__background{position:absolute;top:0;left:0;width:100%;height:100%;background:url('') center/cover no-repeat;background-color:#4caf50;opacity:.2;z-index:-1}
.philosophy__content{max-width:800px;background-color:rgba(255,255,255,.9);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative}
.philosophy__subtitle{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:500}
.philosophy__title{font-size:2rem;margin-bottom:var(--spacing-lg);color:var(--color-dark)}
.philosophy__points{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}
.philosophy__point{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);font-weight:500}
.philosophy__description{margin-bottom:var(--spacing-md)}
.philosophy__certification{max-width:200px;position:absolute;top:0;right:-100px}
.philosophy_bg{background:url(/images/sustainable-ban.webp) no-repeat}
.projects__subtitle{color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-sm);font-weight:500}
.projects__title{font-size:2rem;text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-dark)}
.project-slider{position:relative}
.project-slide{display:none;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}
.project-slide--active{display:grid}
.project-slide__number{font-size:3rem;color:#3a89ff;font-weight:700;margin-bottom:var(--spacing-md)}
.project-slide__title{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-light)}
.project-slide__details{display: grid;grid-template-columns: repeat(2,1fr);gap:var(--spacing-md)}
.project-slide__detail{display:flex;flex-direction: column;flex-wrap:wrap;position: relative;border-left: 3px solid #2c70f9; /* 竖杠颜色和粗细 */padding-left: 15px;white-space: nowrap;line-height: 25px;}
.project-slide__detail-label{font-weight:700;min-width:150px}
.project-slider__nav{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}
.project-slider__dot{width:12px;height:12px;border-radius:50%;background-color:#ddd;border:none;cursor:pointer;transition:var(--transition)}
.project-slider__dot--active{background-color:var(--color-primary);transform:scale(1.2)}


@media (max-width: 1024px) {
    .projects::after{width:100%;border:none;clip-path:border-box;top:120px;height:420px;}
    .project-slide{grid-template-columns:1fr;gap:25px}
    .index_block{padding:var(--spacing-md) 0}
    .projects__title{margin-bottom:var(--spacing-md)}
    .about{grid-template-columns:1fr}

}

@media (max-width: 767px) {
    .about__title,.philosophy__title,.products__title,.projects__title{font-size:1.5rem;margin-bottom: var(--spacing-md);}
    .philosophy__content{padding:var(--spacing-lg)}
    .philosophy__points{flex-direction:column;gap:var(--spacing-md);margin-bottom: var(--spacing-md);}
    .philosophy_bg{background:url(/images/sustainable-ban-phone.webp) no-repeat}
    .philosophy__certification{top:0;right:0}
    .project-slide__title{font-size:1.2rem}
    .project-slide__details{grid-template-columns:repeat(1,1fr)}

}