section.esgBanner{padding:clamp(60px,2.6471rem + 1.9608vw,80px) 0}section.esgBanner .container{grid-column:var(--normal-grid)}section.esgBanner .titleZh{font-size:clamp(1.875rem,1.875vw,2.25rem);font-weight:500;line-height:1.2}section.esgBanner .title-zh{margin-top:20px}section.esgBanner .des{margin-top:50px;margin-left:auto;width:69.9541284404%}@media only screen and (max-width: 1200px){section.esgBanner .titleZh{font-size:1.875rem}}@media only screen and (max-width: 1024px){section.esgBanner .des{width:100%}}section.esgDetailBanner{padding:80px 0}section.esgDetailBanner .container{grid-column:var(--normal-grid);display:flex;align-items:center;justify-content:space-between}section.esgDetailBanner .content{width:56.6513761468%}section.esgDetailBanner .content .tag{margin-bottom:40px;padding:10px;width:fit-content;background:#3a44a6;color:#fff}section.esgDetailBanner .content .des{margin-top:30px}section.esgDetailBanner .content .social-share{margin-top:40px}section.esgDetailBanner .pic{min-width:250px;width:17.2018348624%;border-radius:50%;overflow:hidden;position:relative}section.esgDetailBanner .pic:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}section.esgDetailBanner .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.esgDetailBanner .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.esgDetailBanner .tag-rwd{padding:10px;display:none;width:fit-content;background:#3a44a6;color:#fff}@media only screen and (max-width: 1200px){section.esgDetailBanner{padding:60px 0}section.esgDetailBanner .content .tag{margin-bottom:30px}section.esgDetailBanner .content .des{margin-top:20px}section.esgDetailBanner .content .social-share{margin-top:30px}}@media only screen and (max-width: 992px){section.esgDetailBanner .container{flex-direction:column-reverse;align-items:flex-start}section.esgDetailBanner .content{width:100%}section.esgDetailBanner .content .tag{display:none}section.esgDetailBanner .content .title{margin-top:30px}section.esgDetailBanner .pic{margin-top:30px}section.esgDetailBanner .tag-rwd{display:block}}@media only screen and (max-width: 767px){section.esgDetailBanner .pic{width:145px;min-width:unset}}nav.navbar[data-color=dark]{background:#fff0}nav.navbar[data-color=dark] .esgMenu .blockSubTitle-w{color:#000}nav.navbar[data-color=dark] .esgMenu .blockSubTitle-w:after{background:#000}nav.navbar[data-color=dark] .esgMenu .headerBtnText{color:#000}nav.navbar[data-color=dark] .breadCrumbs .item{color:#000}nav.navbar[data-color=light]{background:#fff0}nav.navbar[data-color=light] .esgMenu .blockSubTitle-w{color:#fff}nav.navbar[data-color=light] .esgMenu .blockSubTitle-w:after{background:#fff}nav.navbar[data-color=light] .esgMenu .headerBtnText{color:#fff}nav.navbar[data-color=light] .breadCrumbs .item{color:#fff}nav.navbar.color{background:#fff}nav.navbar.color .esgMenu .blockSubTitle-w{color:#000}nav.navbar.color .esgMenu .blockSubTitle-w:after{background:#000}nav.navbar.color .esgMenu .headerBtnText{color:#000}nav.navbar.color .breadCrumbs .item{color:#000}nav.navbar .esgMenu{margin:0 40px 0 auto;padding-left:40px;display:flex;align-items:center;height:100%;transition:color var(--trans-s)}nav.navbar .esgMenu .blockSubTitle-w{margin-right:40px;position:relative;display:block;transition:color var(--trans-s)}nav.navbar .esgMenu .blockSubTitle-w:after{position:absolute;top:50%;right:-20px;display:block;width:1px;height:24px;background:#000;opacity:.5;transform:translate3d(0,-50%,0);pointer-events:none;content:""}nav.navbar .esgMenu ul{display:flex;align-items:center;flex-wrap:wrap;gap:10px 40px}nav.navbar .esgMenu .headerBtnText{font-weight:500;transition:color var(--trans-s)}nav.navbar .tools .lang-container{margin-left:unset}nav.navbar .breadCrumbs .item{min-width:unset}nav.navbar .close-btn{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:81px;height:81px;background:#000;cursor:pointer}@media only screen and (min-width: 1201px){nav.navbar .close-btn:hover .plus:before{transform:rotate(0)}nav.navbar .close-btn:hover .plus:after{transform:rotate(180deg)}}@media only screen and (max-width: 1200px){nav.navbar .close-btn:active .plus:before{transform:rotate(0)}nav.navbar .close-btn:active .plus:after{transform:rotate(180deg)}}nav.navbar .close-btn .plus{position:relative;display:flex;justify-content:center;align-items:center;width:24px;height:24px}nav.navbar .close-btn .plus:before,nav.navbar .close-btn .plus:after{position:absolute;display:block;width:19px;height:2px;background:#fff;transition:transform var(--trans-s);content:""}nav.navbar .close-btn .plus:before{transform:rotate(45deg)}nav.navbar .close-btn .plus:after{transform:rotate(135deg)}@media only screen and (max-width: 1279px){nav.navbar .esgMenu{margin:0 0 0 auto}nav.navbar .esgMenu .blockSubTitle-w{margin-right:20px}nav.navbar .esgMenu .blockSubTitle-w:after{display:none}nav.navbar .esgMenu ul{display:none}nav.navbar .tools{margin-left:unset}}@media only screen and (max-width: 1200px){nav.navbar .esgMenu .blockSubTitle-w{font-size:1.125rem}}@media only screen and (max-width: 767px){nav.navbar{height:48px}nav.navbar .breadCrumbs{margin-right:20px}nav.navbar .close-btn{width:48px;height:48px}}body.en-page nav.navbar .esgMenu .headerBtnText{font-size:.875rem;font-weight:600}.menu-box.esg-menu{width:min(100%,1018px);height:739px}.menu-box.esg-menu .bg{bottom:-200px;right:-50px}.menu-box.esg-menu .menu-inner{padding:80px 146px 50px 80px}.menu-box.esg-menu .menuUnitText{font-size:1.25rem;font-weight:200;line-height:1.2;letter-spacing:-1px;color:#fff}.menu-box.esg-menu .menuUnitText-zh{margin-top:10px;font-size:1.125rem;font-weight:400;line-height:1.2;letter-spacing:-1px;color:#fff}.menu-box.esg-menu .units{gap:50px}@media only screen and (min-width: 1201px){.menu-box.esg-menu .unit:hover .plus{transform:translateZ(0) rotate(180deg);opacity:1}}@media only screen and (max-width: 1200px){.menu-box.esg-menu .unit:active .plus{transform:translateZ(0) rotate(180deg);opacity:1}}.menu-box.esg-menu .unit .text{margin-right:auto}.menu-box.esg-menu .bottom{margin-top:200px}@media only screen and (max-width: 1200px){.menu-box.esg-menu .plus{transform:translateZ(0) rotate(180deg)!important;opacity:1!important}}@media only screen and (max-width: 767px){.menu-box.esg-menu{height:100svh}.menu-box.esg-menu .bg{bottom:-38px;right:-32px}.menu-box.esg-menu .menu-inner{padding:80px 70px}.menu-box.esg-menu .units{gap:40px 50px}.menu-box.esg-menu .bottom{margin-top:50px}}@media only screen and (max-width: 575px){.menu-box.esg-menu .menu-inner{padding:80px 20px}}.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.articles{padding:clamp(80px,2.7941rem + 3.9216vw,120px) 0;position:relative}section.articles.aost-show .bg img{transform:scale(1);opacity:.2}section.articles .bg{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#393a42;pointer-events:none;overflow:hidden}section.articles .bg img{position:absolute;top:-23vh;left:-40.625vw;width:2754px;height:1956px;transform:scale(1.1);opacity:0;pointer-events:none;transition:transform var(--trans-l),opacity var(--trans-l);transition-delay:.2s}@media only screen and (max-width: 767px){section.articles .bg img{top:-13px;left:-10%;width:864px;height:643px}}@media only screen and (max-width: 575px){section.articles .bg img{top:-13px;left:-247px}}section.articles .container{grid-column:var(--normal-grid);display:flex;justify-content:space-between;gap:5.9895833333vw}section.articles .container .aside-wrapper{padding-left:3.0208333333vw;position:relative;width:23.3371559633%}section.articles .container .aside-wrapper:before{position:absolute;top:0;left:0;display:block;width:6px;height:100%;content:""}section.articles .container .aside-wrapper .aside{position:sticky;top:100px;display:flex;flex-direction:column;gap:10px}section.articles .container .main-block{position:relative;width:69.9541284404%}section.articles .container .main-block .category-bar{margin-bottom:50px}section.articles .container .main-block .list-wrapper .text{margin-bottom:50px}section.articles .container .noCategoryNoDataWrapper{width:100%}section.articles .container .noCategoryNoDataWrapper .no-data{margin-top:unset}section.articles[hasCategory] .container .aside-wrapper{margin-top:98px}section.articles[data-color=dark]{background:#393a42}section.articles[data-color=dark] .container .aside-wrapper:before{background:#7e86d0}section.articles[data-color=dark] .container .aside-wrapper .aside{color:#fff}section.articles[data-color=dark] .container .main-block .category-bar multipurpose-nav[m4-type=drag] .drag-container .category{color:#fff}section.articles[data-color=dark] .container .main-block .category-bar multipurpose-nav[m4-type=drag] .drag-container .category:after{background-color:#fff}section.articles[data-color=dark] .container .main-block .category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background-color:unset}section.articles[data-color=dark] .container .main-block .category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid #FFFFFF;border-right:2px solid #FFFFFF}section.articles[data-color=dark] .container .main-block .category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF}section.articles[data-color=dark] .container .main-block .list-wrapper .no-data{background:#00000026}section.articles[data-color=dark] .container .main-block .list-wrapper .text{color:#fff}section.articles[data-color=dark] .container .noCategoryNoDataWrapper .no-data{background:#00000026}section.articles[data-color=dark] .container .noCategoryNoDataWrapper .text{color:#fff}section.articles[data-color=light] .container .aside-wrapper:before{background:#3a44a6}section.articles[data-color=light] .container .aside-wrapper .aside{color:#000}section.articles[data-color=light] .container .main-block .list-wrapper .no-data{background:#f6f6f6}section.articles[data-color=light] .container .main-block .list-wrapper .text{color:#000}@media only screen and (max-width: 1280px){section.articles .container{flex-direction:column;gap:unset}section.articles .container .aside-wrapper{padding-left:28px;width:100%}section.articles .container .main-block{padding-top:50px;width:100%}section.articles[hasCategory] .container .aside-wrapper{margin-top:unset}}.esg_social-page section.articles{background:#f5f5f5}.esg_social-page .no-data{background:#0000000d}
