﻿.title-46{font-size:46px;line-height:1;font-weight:var(--fontbold7)}
.Sustainability1-page1{position:relative;padding:100px 0;margin:80px auto;background:url('/Content/uploads/20261121159/202603230951039f38d2c84cea48e89c221851d4d5c317.webp') no-repeat center center/cover;text-align:center;color:#fff;border-radius:var(--borderradius);overflow:hidden}
.Sustainability1-page1 .wmpage-lwrap{position: relative;z-index: 2;max-width: 1100px;margin: 0 auto;padding: 80px 100px 70px;border-radius: var(--borderradius);background: #a78f5ad1;}
.Sustainability1-page1 h2{margin-bottom:40px;color:#fff}
.Sustainability1-page1 .intro{font-weight:var(--fontbold4);line-height:31px;color:#fff}
.Sustainability1-layout-container{width:100%;margin:0 auto;padding:0;box-sizing:border-box}
.Sustainability1-page2{padding:5% 0;background:#f9f9f9;overflow:hidden}
.Sustainability1-page2 .Sustainability1-layout-container{max-width:1600px;padding:0 70px;margin:0 auto;box-sizing:border-box}
.Sustainability1-page2 .wmpage-lwrap{display:flex;justify-content:space-between;align-items:center}
.Sustainability1-page2-left{display:flex;flex-direction:column;justify-content:center;padding-right:3%;flex:1}
.Sustainability1-page2 .title-46{color:#403226;line-height:1.4}
.Sustainability1-page2 .desc{font-weight:var(--fontbold4);color:var(--introcolor);margin:30px 0 40px;line-height:30px}
.Sustainability1-tabs{display:flex;flex-direction:column;gap:15px}
.Sustainability1-tab-item:first-child{margin-top:0}
.Sustainability1-tab-item{display:flex;align-items:center;padding:30px 0;margin-top:15px;background:#fff;border-radius:var(--borderradius);cursor:pointer;transition:all .3s ease}
.Sustainability1-tab-item.active{background:var(--color);color:#fff}
.iconbox{width:60px;height:60px;border-radius:50%;background:var(--color);margin:0 20px;flex-shrink:0;color:#fff;display:flex;align-items:center;justify-content:center}
.Sustainability1-tab-item .iconfont{font-size:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.Sustainability1-tab-item .iconfont::before{font-size:var(--fontsize30);display:block}
.Sustainability1-tab-item.active .iconbox{background:#fff;color:var(--color)}
.Sustainability1-tab-item .tab-text{font-size:var(--fontsize20);font-weight:var(--fontbold7)}
.Sustainability1-page2-right{width:65%;background:#fff;border-radius:var(--borderradius);overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.banner-img{position:relative}
.bannner-p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:11;width:100%}
.bannner-p p:first-child{font-size:36px;font-weight:var(--fontbold7);margin-bottom:25px;color:#fff}
.bannner-p p:nth-child(2){font-weight:var(--fontbold4);color:#fff}
.Sustainability1-content-item{display:none;animation:fadeIn .5s ease}
.Sustainability1-content-item.active{display:block}
.Sustainability1-content-img{width:100%;height:530px;object-fit:cover;display:block}
.Sustainability1-content-info{padding: 40px;min-height: 220px;}
.Sustainability1-content-info .Sustainability1-content-title{font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-bottom:20px;line-height:1}
.Sustainability1-content-info p{color:var(--introcolor);line-height:26px}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}}
.Sustainability1-page3{padding:5% 0 3%;text-align:center;border-radius:var(--borderradius)}
.Sustainability1-page3 h4{color:var(--titlecolor);margin-bottom:30px}
.Sustainability1-page3 .desc{color:var(--introcolor);margin-bottom:50px;font-weight:var(--fontbold4)}
.Sustainability1-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.Sustainability1-grid-item{background:#fff;padding:40px 30px;border-radius:var(--borderradius);box-shadow:0 5px 20px rgba(0,0,0,.03);transition:all .3s ease;border:1px solid #eee;background:url(/Content/uploads/20261121159/2026032309510385a778d062ab470090312caa7e07b2e1.webp) no-repeat center center/cover}
.Sustainability1-grid-item:hover{box-shadow:0 10px 30px rgba(0,0,0,.1)}
.Sustainability1-grid-item:hover .iconfont{animation:iconBreath 2s infinite ease-in-out}
@keyframes iconBreath{0%{transform:scale(1)}
50%{transform:scale(1.08)}
100%{transform:scale(1)}}
.Sustainability1-grid-item .iconfont{font-size:0;color:#fff;margin:0 auto;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color);border-radius:50%}
.Sustainability1-grid-item .iconfont::before{width:36px;font-size:var(--fontsize36);display:block}
.Sustainability1-grid-item .Sustainability1-grid-title{font-size:var(--fontsize20);font-weight:var(--fontbold7);margin:30px 0;color:var(--titlecolor);line-height:1}
.Sustainability1-grid-item p{font-weight:400;color:var(--introcolor);line-height:30px}
@media (max-width:1440px) {.title-46{font-size: 38px;line-height: 1.25;}}
@media screen and (max-width:1200px){
.Sustainability1-page1{padding:80px 0;margin:60px 0}
.Sustainability1-page1 h2{font-size:var(--fontsize28)}
.Sustainability1-page2 .title-46{font-size:var(--fontsize28)}
.Sustainability1-page2 .wmpage-lwrap{gap:40px}
.Sustainability1-page3 h4{font-size:var(--fontsize28)}}
@media screen and (max-width:1024px){.Sustainability1-page1 .wmpage-lwrap{padding: 40px 45px;max-width: 85%;}
.Sustainability1-page1 h2{margin-bottom: 20px;}
.Sustainability1-grid{grid-template-columns:repeat(2,1fr)}
.Sustainability1-page2 .wmpage-lwrap{flex-direction:column;align-items:stretch}
.Sustainability1-page2-left,.Sustainability1-page2-right{flex:0 0 100%;width:100%;padding:0}
.Sustainability1-page2-left{text-align:center;margin-bottom:20px;padding:0 20px}
.Sustainability1-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}
.Sustainability1-tab-item{flex-direction:column;justify-content:flex-start;padding:30px 10px;text-align:center;height:100%;margin-top:0!important;box-sizing:border-box}
.iconbox{margin-right:0;margin-bottom:10px;width:50px;height:50px}
.Sustainability1-content-img{height:400px}
.Sustainability1-page1 {padding: 50px 0;margin: 45px 0;}
.Sustainability1-page2 .desc{margin: 10px 0 20px;}
.Sustainability1-tab-item .tab-text{font-size: var(--fontsize18);line-height: 1.25;}}
@media screen and (max-width:768px){.Sustainability1-page1{padding:50px 15px;margin:30px 0}
.Sustainability1-page1 .wmpage-lwrap{padding:30px 20px}
.Sustainability1-page1 h2{font-size:var(--fontsize24);margin-bottom:20px}
.Sustainability1-page1 .intro{font-size:var(--fontsize14);line-height:1.6}
.Sustainability1-page2 .Sustainability1-layout-container{padding:0 15px}
.Sustainability1-tabs{display:grid;grid-template-columns:1fr;gap:10px}
.Sustainability1-tab-item{flex-direction:row;padding:15px 20px;text-align:left}
.iconbox{margin-right:15px;margin-bottom:0;width:45px;height:45px}
.Sustainability1-tab-item .iconfont::before{font-size:var(--fontsize24)}
.Sustainability1-page3 h4{font-size:var(--fontsize24);margin-bottom:20px}
.Sustainability1-page3 .desc{font-size:var(--fontsize14);margin-bottom:30px}
.Sustainability1-grid{grid-template-columns:1fr;gap:20px}
.Sustainability1-grid-item{padding:30px 20px}
.Sustainability1-grid-item .Sustainability1-grid-title{font-size:var(--fontsize18);margin-bottom:15px}
.Sustainability1-grid-item p{font-size:var(--fontsize14);line-height:1.6}
.Sustainability1-grid-item .iconfont{width:60px;height:60px;margin-bottom:15px}
.Sustainability1-grid-item .iconfont::before{font-size:var(--fontsize28)}
.Sustainability1-content-info{padding: 25px;}
.Sustainability1-page2-left{padding: 0;}
.Sustainability1-page2 .wmpage-lwrap{gap: unset;}}
.common-main.sustainability .l-wrap{max-width:100%!important;padding:0!important}
.common-main.sustainability article>div{width:95%;max-width:1460px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.sfullwidthbg-bg{position:relative!important;z-index:1;overflow:visible!important;background-color:transparent!important}
.sfullwidthbg-bg::before{content:'';background-color:#f6f6f6;position:absolute;left:50%;transform:translateX(-50%);top:0;width:100vw;max-width:none!important;height:100%;z-index:-1}


