.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .p2{max-width:1030px;margin:20px auto 0}
article{padding-bottom:0}
.page-module-title{font-size:var(--fontsize36);color:#000;text-align:center;font-weight:var(--fontbold9);position:relative;z-index:2}
.line{display:block;width:70px;height:2px;background-color:var(--color);margin:0 auto;margin-top:10px}
.sustainability1{padding-bottom:5%}
.sustainability1 .txt{text-align:center;margin-top:20px;color:#666}
.sustainability1 .txt span{color:#000;font-weight:var(--fontbold9)}
.sustainability1 .item{display:flex;align-items:center;justify-content:space-between;margin-top:40px;flex-wrap:wrap}
.sustainability1 .item:nth-child(odd) .info{padding-right:4%}
.sustainability1 .item:nth-child(even) .info{padding-left:4%}
.sustainability1 .item .page-module-title{text-align:left;font-size:var(--fontsize26)}
.sustainability1 .item .line{margin-left:0}
.sustainability1 .img{width:50%}
.sustainability1 .img img{width:100%}
.sustainability1 .info{width:50%}
.sustainability1 .info .txt-list{margin-top:20px}
.sustainability1 .info .txt-list span{font-weight:var(--fontbold9);font-size:var(--fontsize18)}
.sustainability2{padding:5% 0;position:relative;z-index:2}
.sustainability2::before{content:"";position:absolute;left:-230px;top:0;width:1920px;height:100%;background-color:#f5f5f5;z-index:-1}
.sustainability2 .txt{text-align:center;margin:20px auto 0;max-width:1190px;color:#666}
.sustainability2 .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.sustainability2 .list .item{width:46%;margin-top:40px}
.sustainability2 .list .item img{width:100%}
.sustainability2 .list .item .info{margin-top:20px;text-align:center;font-weight:var(--fontbold9);font-size:var(--fontsize18)}
.sustainability3{position:relative;z-index:2;padding:5% 0}
.sustainability3::before{content:"";position:absolute;left:-230px;top:0;width:1920px;height:100%;background-image:url(/uploads/43538/page/p20250312161106255a7.png);background-repeat:no-repeat;background-size:cover;z-index:-1}
.sustainability3 .page-module-title{color:#fff}
.sustainability3 .txt{color:#fff;text-align:center;margin-top:10px}
.sustainability3 .btn{display:flex;justify-content:center;margin-top:40px}
.sustainability3 .btn .more{width:200px;height:50px;border:2px solid #fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fontbold9)}
@media screen and (max-width:1024px){.page-module-title{font-size:var(--fontsize26)}
.sustainability1{padding-bottom:30px}
.sustainability1 .item .page-module-title{font-size:var(--fontsize22)}
.sustainability2{padding:30px 0}
.sustainability2::before{width:calc(100% + 30px);left:-15px}
.sustainability3{padding:30px 0}
.sustainability3::before{width:calc(100% + 30px);left:-15px}
}
@media screen and (max-width:768px){.sustainability1 .item:nth-child(odd){flex-direction:column-reverse}
.sustainability1 .info{width:100%;padding:0!important;margin-top:20px}
.sustainability1 .img{width:100%}
.sustainability2 .list .item{width:100%;margin-top:20px}
.sustainability3 .btn{margin-top:20px}
.sustainability3 .btn .more{width:160px;height:42px}
}
.pagesbanner .pagesbanner-animate {top: 50%;}
.pagesbanner .pagesbanner-animate .p1 {font-size: 38px;font-weight: var(--fontbold6);}
.pagesbanner .pagesbanner-animate .p2 {margin-top: 20px;font-size: var(--fontsize18);font-weight: var(--fontbold4);}
@media screen and (max-width: 1280px) {.pagesbanner .pagesbanner-animate .p1 {font-size: var(--fontsize26);}}
@media (max-width: 1024px) {.pagesbanner .pagesbanner-animate .p2 {margin-top: 10px;font-size: var(--fontsize16);}}
@media screen and (max-width: 768px) {.pagesbanner .pagesbanner-animate .p1 {font-size: var(--fontsize18);}.pagesbanner .pagesbanner-animate .p2 {font-size: var(--fontsize14);line-height: 1.4;}}
iframe{height: 460px;}
@media screen and (max-width:768px) {iframe{height: auto;}}