@property --c1{syntax: "<color>"; inherits: true; initial-value: #000;}@property --c2{syntax: "<color>"; inherits: true; initial-value: #000;}.esg-article{display:flex;align-items:center;gap:50px;width:100%}.esg-article .pic-box{flex-shrink:0;position:relative;border-radius:20px;width:47.1317829457%;overflow:hidden;transition:box-shadow .4s}.esg-article .pic-box:after{display:block;padding-top:115.1315789474%;content:""}.esg-article .pic-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.esg-article .content-box{flex-grow:1;display:flex;flex-direction:column;gap:50px}.esg-article .content-box .title-box{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.esg-article .content-box .title-box .cate{color:#848484}.esg-article .content-box .title-box .title p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 1201px){.esg-article:hover .pic-box{box-shadow:5px 5px 30px #00000026}}@media only screen and (max-width: 1024px){.esg-article{gap:30px}}@media only screen and (max-width: 900px){.esg-article{flex-direction:column;align-items:flex-start}.esg-article .pic-box{border-radius:10px;width:100%}.esg-article .content-box{gap:30px}}@media only screen and (max-width: 768px){.esg-article .pic-box,.esg-article .content-box{width:100%}}section.more .container,section.content .container,section.banner .container{--side-fr: 50px;padding-left:var(--side-fr);padding-right:var(--side-fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(18,1fr)}section.more .container>*,section.content .container>*,section.banner .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.more .container,section.content .container,section.banner .container{--side-fr: calc(50 / 1920 * 100vw);max-width:76.25vw}}@media only screen and (max-width: 900px){section.more .container,section.content .container,section.banner .container{--side-fr: 20px}}section.banner{position:relative}section.banner .bg{position:absolute;top:0;left:0;z-index:-1;grid-column:1/-1;width:100%;height:100%}section.banner .bg img{width:100%;height:100%;object-fit:cover}section.banner .wrapper{padding-bottom:clamp(3.125rem,1.4706rem + 2.9412vw,5rem);padding-top:clamp(3.125rem,1.4706rem + 2.9412vw,5rem);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.875rem,.7721rem + 1.9608vw,3.125rem) 0;border-bottom:3px solid;border-image-slice:1;border-image-source:linear-gradient(270deg,#00DF95 31.98%,#096 68.13%)}section.banner .title-box{display:flex;flex-direction:column;gap:20px}section.banner .title-box .cate{color:#848484}@media only screen and (max-width: 900px){section.banner .container{border-bottom:3px solid;border-image-slice:1;border-image-source:linear-gradient(270deg,#00DF95 31.98%,#096 68.13%)}section.banner .wrapper{display:grid;grid-template-columns:subgrid;border:none}section.banner .wrapper>*{grid-column:2/-2}section.banner .share-block{justify-content:start;flex-wrap:wrap}}section.content .container{padding-top:clamp(3.75rem,1.5441rem + 3.9216vw,6.25rem)}section.content .wrapper{padding-bottom:clamp(3.125rem,1.4706rem + 2.9412vw,5rem);border-bottom:2px solid rgba(0,0,0,.1);display:grid;grid-template-columns:subgrid;gap:clamp(5rem,2.7941rem + 3.9216vw,7.5rem) 0}section.content ._articleBlock{grid-column:3/-3}section.content .share-block{grid-column:3/-3}@media only screen and (max-width: 900px){section.content .wrapper{grid-column:2/-2}section.content ._articleBlock{grid-column:1/-1}section.content .share-block{grid-column:1/-1;flex-wrap:wrap}}section.more .container{padding-bottom:clamp(5rem,2.2426rem + 4.902vw,8.125rem)}section.more .wrapper{padding-top:clamp(3.125rem,1.4706rem + 2.9412vw,5rem);display:flex;flex-direction:column;gap:50px}section.more .title-box{display:flex;justify-content:center}section.more .more-list{display:flex;flex-wrap:wrap;gap:75px}section.more .more-list:has(.esg-article:only-child){justify-content:center}section.more .esg-article{width:calc((100% - 75px)/2)}@media only screen and (max-width: 1024px){section.more .more-list{gap:60px}section.more .esg-article{width:calc((100% - 60px)/2)}}@media only screen and (max-width: 900px){section.more .wrapper{grid-column:2/-2}}@media only screen and (max-width: 575px){section.more .more-list{flex-direction:column}section.more .esg-article{width:100%}}
