.sub-unit-list .item{padding:0 39px 30px;position:relative;display:flex;cursor:pointer}.sub-unit-list .item:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:#fff;opacity:.2;transition:opacity var(--trans-normal);content:""}.sub-unit-list .item:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;background:#fff;opacity:0;transition:opacity var(--trans-normal);content:""}.sub-unit-list .item:not(:first-child){padding-top:30px}.sub-unit-list .item.active:after,.sub-unit-list .item.active:before{opacity:1}.sub-unit-list .item.active .title{color:#7e86d0}.sub-unit-list .item.active .btn .box{grid-template-columns:1fr}.sub-unit-list .item.active .pic{opacity:1;pointer-events:auto}.sub-unit-list .item.disable .title,.sub-unit-list .item.disable .btn{opacity:.5}.sub-unit-list .item .title{margin-right:auto;flex:1;color:#fff;transition:opacity var(--trans-normal),color var(--trans-normal)}.sub-unit-list .item .btn{margin-left:20px;display:flex;align-items:center;transition:opacity var(--trans-normal)}.sub-unit-list .item .btn .plus{display:flex;justify-content:center;align-items:center;width:14px;height:14px}.sub-unit-list .item .btn .plus:before,.sub-unit-list .item .btn .plus:after{position:absolute;display:block;background:#fff;content:""}.sub-unit-list .item .btn .plus:before{width:14px;height:2px}.sub-unit-list .item .btn .plus:after{width:2px;height:14px}.sub-unit-list .item .btn .box{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--trans-l)}.sub-unit-list .item .btn .box>div{overflow:hidden}.sub-unit-list .item .btn p{margin-left:15px;color:#fff;white-space:nowrap}.sub-unit-list .item .pic{position:absolute!important;top:50%;left:49.8279816514%;width:33.2568807339%;z-index:1;transform:translate3d(0,-50%,0);opacity:0;pointer-events:none;transition:opacity var(--trans-normal)}@media only screen and (max-width: 1200px){.sub-unit-list .item .pic{display:none}}.sub-unit-list[data-type=esgList] .item{padding:0 0 40px}.sub-unit-list[data-type=esgList] .item:not(:first-child){padding-top:40px}.sub-unit-list[data-type=esgList] .item.active:after,.sub-unit-list[data-type=esgList] .item.active:before{opacity:1}.sub-unit-list[data-type=esgList] .item.active .title{color:#7e86d0}.sub-unit-list[data-type=esgList] .item.active .btn .box{grid-template-columns:1fr}.sub-unit-list[data-type=esgList] .item.active .pic{opacity:1;pointer-events:auto}@media only screen and (min-width: 1201px){.sub-unit-list[data-type=esgList] .item.active .pic{transform:translate3d(0,-50%,0) scale(1)}}.sub-unit-list[data-type=esgList] .item.disable .text-wrapper{opacity:.5}.sub-unit-list[data-type=esgList] .item .text-wrapper{margin-right:auto;width:78.6885245902%;transition:opacity var(--trans-normal)}.sub-unit-list[data-type=esgList] .item .text-wrapper .esgTitle{transition:opacity var(--trans-normal),color var(--trans-normal)}.sub-unit-list[data-type=esgList] .item .text-wrapper .esgTitle .itemTitle-l{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sub-unit-list[data-type=esgList] .item .text-wrapper .esgText{margin-top:20px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sub-unit-list[data-type=esgList] .item .text-wrapper .btn{display:none}.sub-unit-list[data-type=esgList] .item .pic{left:61.1475409836%;width:24.5901639344%;border-radius:50%;overflow:hidden;box-shadow:10px 10px 15px #0000001a;transform:translate3d(0,-50%,0) scale(0);transition:opacity var(--trans-normal),transform var(--trans-normal);position:relative}.sub-unit-list[data-type=esgList] .item .pic:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}.sub-unit-list[data-type=esgList] .item .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.sub-unit-list[data-type=esgList] .item .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.sub-unit-list[data-type=esgList] .item .pic-wrapper{width:24.5901639344%}@media only screen and (max-width: 1200px){.sub-unit-list[data-type=esgList] .item{padding:unset;flex-direction:column}.sub-unit-list[data-type=esgList] .item:before,.sub-unit-list[data-type=esgList] .item:after{display:none}.sub-unit-list[data-type=esgList] .item:not(:first-child){padding:unset;margin-top:80px;position:relative}.sub-unit-list[data-type=esgList] .item:not(:first-child):after{position:absolute;top:-40px;left:0;display:block;width:100%;height:1px;opacity:.2;pointer-events:none;content:""}.sub-unit-list[data-type=esgList] .item .pic{margin-bottom:20px;position:static!important;display:block;width:145px;opacity:1;box-shadow:unset;transform:translateZ(0)}.sub-unit-list[data-type=esgList] .item .text-wrapper{margin-right:unset;display:flex;width:100%}.sub-unit-list[data-type=esgList] .item .text-wrapper .box{margin-right:30px;width:100%;max-width:650px}.sub-unit-list[data-type=esgList] .item .text-wrapper .esgText{margin-top:10px}.sub-unit-list[data-type=esgList] .item .text-wrapper .btn{margin-left:auto;flex-shrink:0;display:flex}.sub-unit-list[data-type=esgList] .item .btn{margin-left:unset;margin-top:20px;display:none}.sub-unit-list[data-type=esgList] .item .btn .box{grid-template-columns:1fr}}@media only screen and (max-width: 767px){.sub-unit-list[data-type=esgList] .item .text-wrapper .btn{display:none}.sub-unit-list[data-type=esgList] .item .btn{display:flex}}.sub-unit-list[data-type=esgList][data-color=black] .item:after,.sub-unit-list[data-type=esgList][data-color=black] .item:before{background:#000}.sub-unit-list[data-type=esgList][data-color=black] .item.active .text-wrapper .esgTitle{color:#7e86d0}.sub-unit-list[data-type=esgList][data-color=black] .item .text-wrapper .esgTitle,.sub-unit-list[data-type=esgList][data-color=black] .item .text-wrapper .esgText{color:#000}.sub-unit-list[data-type=esgList][data-color=black] .item .btn .plus:before,.sub-unit-list[data-type=esgList][data-color=black] .item .btn .plus:after{background:#000}.sub-unit-list[data-type=esgList][data-color=black] .item .btn p{color:#000}@media only screen and (max-width: 767px){.sub-unit-list[data-type=esgList][data-color=black] .item:not(:first-child):before{background:#000}}.sub-unit-list[data-type=esgList][data-color=white] .item:after,.sub-unit-list[data-type=esgList][data-color=white] .item:before{background:#fff}.sub-unit-list[data-type=esgList][data-color=white] .item.active .text-wrapper .esgTitle{color:#7e86d0}.sub-unit-list[data-type=esgList][data-color=white] .item .text-wrapper .esgTitle,.sub-unit-list[data-type=esgList][data-color=white] .item .text-wrapper .esgText{color:#fff}.sub-unit-list[data-type=esgList][data-color=white] .item .btn .plus:before,.sub-unit-list[data-type=esgList][data-color=white] .item .btn .plus:after{background:#fff}.sub-unit-list[data-type=esgList][data-color=white] .item .btn p{color:#fff}@media only screen and (max-width: 767px){.sub-unit-list[data-type=esgList][data-color=white] .item:not(:first-child):before{background:#fff}}section.main{padding:80px 0 clamp(50px,-.7353rem + 6.8627vw,120px);position:relative}section.main .container{grid-column:var(--normal-grid)}section.main .title-block .title{width:fit-content}section.main .title-block .des{margin-top:50px;margin-left:auto;width:69.9541284404%}@media only screen and (min-width: 1921px){section.main .title-block .des{max-width:unset;width:63.6458333333vw}}section.main .title-block .feature{margin-top:80px;display:flex;align-items:center;flex-wrap:wrap;gap:5.2083333333vw}section.main .title-block .feature .feature-item{display:flex;flex-direction:column;align-items:center;width:calc((100% - 15.625vw)/4)}section.main .title-block .feature .feature-item .icon{flex-shrink:0;width:60px;height:60px;position:relative}section.main .title-block .feature .feature-item .icon:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}section.main .title-block .feature .feature-item .icon picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.main .title-block .feature .feature-item .icon img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.main .title-block .feature .feature-item .text{margin-top:20px;max-width:200px;width:100%;text-align:center}section.main .unit-block{margin-top:clamp(50px,-.7353rem + 6.8627vw,120px)}section.main .unit-block .sub-unit-list .item:after{background:#000}section.main .unit-block .sub-unit-list .item:before{background:#000}section.main .unit-block .sub-unit-list .item.active .title{color:#7e86d0}section.main .unit-block .sub-unit-list .item .title{color:#000}section.main .unit-block .sub-unit-list .item .btn .plus:before,section.main .unit-block .sub-unit-list .item .btn .plus:after{background:#000}section.main .unit-block .sub-unit-list .item .btn p{color:#000}@media only screen and (max-width: 1200px){section.main{padding:60px 0 clamp(50px,-.7353rem + 6.8627vw,120px)}section.main .title-block .feature{margin-top:50px}section.main .title-block .feature .feature-item .icon{width:40px;height:40px}section.main .title-block .feature .feature-item .text{max-width:180px}}@media only screen and (max-width: 1024px){section.main .title-block .des{margin-left:unset;width:100%}section.main .title-block .feature .feature-item{width:calc((100% - 5.2083333333vw) / 2)}}@media only screen and (max-width: 767px){section.main .title-block .feature{gap:30px}section.main .title-block .feature .feature-item{width:calc((100% - 30px)/2)}section.main .unit-block .sub-unit-list .item{padding:unset;flex-direction:column}section.main .unit-block .sub-unit-list .item:before,section.main .unit-block .sub-unit-list .item:after{display:none}section.main .unit-block .sub-unit-list .item:not(:first-child){margin-top:100px;position:relative}section.main .unit-block .sub-unit-list .item:not(:first-child):after{position:absolute;top:-50px;left:0;display:block;width:100%;height:1px;background:#000;opacity:.2;pointer-events:none;content:""}section.main .unit-block .sub-unit-list .item .pic{margin:0 auto;max-width:585px;position:static!important;display:block;width:100%;opacity:1;transform:unset}section.main .unit-block .sub-unit-list .item .title{margin-right:unset;margin-top:20px;padding:0 20px}section.main .unit-block .sub-unit-list .item .btn{margin-left:unset;margin-top:20px;padding:0 20px}section.main .unit-block .sub-unit-list .item .btn .box{grid-template-columns:1fr}}@media only screen and (max-width: 575px){section.main .title-block .feature{gap:30px}section.main .title-block .feature .feature-item{padding:0 20px;flex-direction:row;flex:unset!important;width:100%}section.main .title-block .feature .feature-item .text{margin-top:unset;margin-left:20px;max-width:unset;text-align:left}}