.sustainability{padding-bottom:0}
.sustainability1{padding-bottom:5%}
.sustainability1 .tit-desc{text-align:center;margin-top:5px}
.sustainability1 .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:50px}
.sustainability1 .left{width:calc(50% - 230px);text-align:right}
.sustainability1 .left .item:nth-child(1){border-bottom:1px solid #eee}
.sustainability1 .left .item .icon em{font-size:50px}
.sustainability1 .img{width:400px;height:400px;background-color:#fff;border-radius:50%;border:30px solid #f6f6f6}
.sustainability1 .img img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.sustainability1 .right{width:calc(50% - 230px)}
.sustainability1 .right .item:nth-child(1){border-bottom:1px solid #eee}
.sustainability1 .right .item .icon em{font-size:40px}
.sustainability1 .item{color:#111;padding:20px 0;display:flex}
.sustainability1 .item .title{color:#111;font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-bottom:10px}
.sustainability1 .item .icon{width:70px;height:70px;background-image:url(/sustainability/img-bg.png);background-repeat:no-repeat;background-size:cover}
.sustainability1 .item .icon em{color:var(--color);font-size:40px;line-height:1}
.sustainability1 .item .info{flex:1}
.sustainability2{position:relative;padding:5% 0}
.sustainability2::before{content:"";position:absolute;left:-180px;top:0;width:1920px;height:100%;background-color:#f6f6f6}
.sustainability2 .box{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between}
.sustainability2 .img{width:49%;position:relative}
.sustainability2 .img .title{background-color:var(--color);text-align:center;color:#fff;padding:20px}
.sustainability2 .img img{height:83%;object-fit:cover}
.sustainability2 .info{width:49%;display:flex;flex-wrap:wrap;justify-content:space-between}
.sustainability2 .info .item{width:48%;margin-bottom:20px;background-color:#fff;border-radius:4px;padding:20px;transition:all .2s linear;color:#111}
.sustainability2 .info .item .icon{margin-bottom:10px}
.sustainability2 .info .item .icon em{color:var(--color);font-size:40px;line-height:1}
.sustainability2 .info .item .tit{transition:all .2s linear;font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-bottom:4px}
.sustainability2 .info .item:hover{box-shadow:0 10px 20px 0 rgba(7,0,2,.1)}
.sustainability2 .info .item:hover .tit{color:var(--color)}
@media screen and (max-width:1280px){.sustainability1 .img{width:320px;height:320px;border-width:20px}
.sustainability1 .left{width:calc(50% - 180px)}
.sustainability1 .right{width:calc(50% - 180px)}
}
@media screen and (max-width:1024px){.sustainability1{padding-bottom:30px}
.sustainability1 .box{margin-top:25px}
.sustainability1 .left{width:100%}
.sustainability1 .right{width:100%}
.sustainability1 .img{margin:25px 0;margin:0 auto}
.sustainability2{padding:30px 0}
.sustainability2::before{width:calc(100% + 30px);left:-15px}
.sustainability2 .img{width:100%}
.sustainability2 .img img{height:auto}
.sustainability2 .info{width:100%;margin-top:25px}
}
@media screen and (max-width:768px){.sustainability2 .info .item{width:100%}
}