.earfun-sustainability-container{margin:0;padding:0}.earfun-sustainability-container .banner{width:100%;font-size:0}.earfun-sustainability-container .banner img{width:100%;height:auto}.earfun-sustainability-container .transition-container{width:100%;position:relative;font-size:0}.earfun-sustainability-container .transition-container img{width:100%;height:auto}.earfun-sustainability-container .transition-container .transition-box{position:absolute;width:100%;height:100%;top:0;left:0}.earfun-sustainability-container .transition-container .transition-box .transition-text{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.earfun-sustainability-container .transition-container .transition-box .transition-text h2{font-size:3.25rem;font-family:HarmonyOS_Sans_Medium}.earfun-sustainability-container .transition-container .transition-box .transition-text .transition-line{padding-top:1rem;width:7%;border-bottom:3px solid #209f2e}.earfun-sustainability-container .transition-container .transition-box .transition-text p{width:40%;margin:2% auto 0;text-align:center;font-size:1.25rem;color:#353535}.earfun-sustainability-container .transition-container .transition-box .transition-text .no-title{margin:0 auto}.earfun-sustainability-container .transition-container .transition-box .transition-text .subtitle{margin-top:1%;font-size:1.75rem}.earfun-sustainability-container .transition-container .transition-box .transition-text.light{color:#fff}.earfun-sustainability-container .transition-container .transition-box .transition-text.light .transition-line{border-bottom:3px solid #fff;width:5%}.earfun-sustainability-container .transition-container .transition-box .transition-text.light p{color:#fff}.earfun-sustainability-container .transition-container .transition-box .transition-text.light .subtitle{font-size:1.85rem}.earfun-sustainability-container .earfun-story-container{width:100%;text-align:center;margin:6rem 0}.earfun-sustainability-container .earfun-story-container h2{font-size:3.25rem;font-family:HarmonyOS_Sans_Medium}.earfun-sustainability-container .earfun-story-container .story-list{display:flex;justify-content:center;align-items:center;width:60%;margin:0 auto;padding-top:4rem}.earfun-sustainability-container .earfun-story-container .story-list .story-item{width:30%;margin-right:5%;display:flex;flex-direction:column;align-self:flex-start;align-items:center}.earfun-sustainability-container .earfun-story-container .story-list .story-item:nth-child(3n){margin-right:0}.earfun-sustainability-container .earfun-story-container .story-list .story-item img{width:65%;height:auto}.earfun-sustainability-container .earfun-story-container .story-list .story-item .title{font-size:3rem;font-family:HarmonyOS_Sans_Medium;color:#209f2e}.earfun-sustainability-container .earfun-story-container .story-list .story-item .content{padding-top:.75rem;color:#939393;font-size:1.25rem}@media screen and (min-width:768px) and (max-width:1280px){.earfun-sustainability-container .earfun-story-container .story-list{width:70%}}.earfun-sustainability-container .low-carbon-container{margin:6rem 0}.earfun-sustainability-container .low-carbon-container .low-carbon-list{width:70%;margin:0 auto}.earfun-sustainability-container .low-carbon-container .low-carbon-item{display:flex;justify-content:space-between;margin-top:5%;align-items:center}.earfun-sustainability-container .low-carbon-container .low-carbon-item:nth-child(2n){flex-flow:row-reverse}.earfun-sustainability-container .low-carbon-container .low-carbon-item:nth-child(2n) .low-carbon-text{padding-left:8%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text{width:55%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3{font-size:3rem;font-family:HarmonyOS_Sans_Medium;width:60%;text-align:left}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3.jp{font-size:2.75rem;width:80%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text .content{width:80%;padding-top:2rem;font-size:1.125rem;line-height:1.5;color:#363636}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text .content.jp{font-size:1.15rem}.earfun-sustainability-container .low-carbon-container .low-carbon-item .img{width:45%;overflow:hidden;cursor:pointer}.earfun-sustainability-container .low-carbon-container .low-carbon-item .img:hover>img{transform:scale(1.02)}.earfun-sustainability-container .low-carbon-container .low-carbon-item .img>img{transition:all .8s ease-in-out;width:100%;height:auto}@media screen and (max-width:1520px){.earfun-sustainability-container .low-carbon-container .low-carbon-list{width:75%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3{font-size:2.75rem;width:60%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3.jp{font-size:2.5rem}}@media screen and (max-width:1280px){.earfun-sustainability-container .low-carbon-container .low-carbon-list{width:80%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3{font-size:2.25rem;width:65%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3.jp{font-size:2.15rem}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text .content{width:90%}}@media screen and (min-width:768px) and (max-width:979px){.earfun-sustainability-container .low-carbon-container .low-carbon-list{width:90%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3{font-size:2.15rem;width:65%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3.jp{font-size:2rem}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text .content{width:90%;font-size:1.05rem}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text .content.jp{font-size:1rem}}.earfun-sustainability-container .renewable-container{width:100%;background-color:#e9f2eb}.earfun-sustainability-container .renewable-container .renewable-text{width:50%;margin:0 auto;padding:3rem 0;font-size:1.5rem;text-align:center;color:#363636}.earfun-sustainability-container .renewable-container .renewable-box{width:70%;margin:0 auto;display:flex;justify-content:space-between;padding-bottom:4rem}.earfun-sustainability-container .renewable-container .renewable-box .img{width:35%;font-size:0}.earfun-sustainability-container .renewable-container .renewable-box .img>img{width:100%;height:auto}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box{width:65%;background-color:#fff;border-top-right-radius:1.85rem;border-bottom-right-radius:1.85rem;color:#20992d}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .title{font-size:1.5rem;padding:6% 15% 3% 3%}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .area-list{width:90%;display:flex;flex-wrap:wrap}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .area-item{padding:4% 3%;display:flex;align-items:center;width:50%}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .area-item .desc{font-size:1.15rem;padding-left:.5rem}@media screen and (min-width:1281px) and (max-width:1420px){.earfun-sustainability-container .renewable-container .renewable-area-box{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.earfun-sustainability-container .renewable-container .renewable-text{width:60%}.earfun-sustainability-container .renewable-container .renewable-box{width:80%}}@media screen and (min-width:1080px) and (max-width:1280px){.earfun-sustainability-container .renewable-container .renewable-area-box{border-top-right-radius:1.25rem;border-bottom-right-radius:1.25rem}.earfun-sustainability-container .renewable-container .renewable-text{width:65%}.earfun-sustainability-container .renewable-container .renewable-box{width:90%}}@media screen and (min-width:768px) and (max-width:1079px){.earfun-sustainability-container .renewable-container .renewable-text{width:70%}.earfun-sustainability-container .renewable-container .renewable-box{width:90%}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box{border-top-right-radius:1.25rem;border-bottom-right-radius:1.25rem}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .title{font-size:1.25rem;padding:4% 10% 2% 3%}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .area-item{padding:3%}}.earfun-sustainability-container .earfun-certification-container{margin:6rem 0 12rem;text-align:center;width:100%}.earfun-sustainability-container .earfun-certification-container .tp-text{font-size:1.5rem;color:#353535}.earfun-sustainability-container .earfun-certification-container .emphasize-text{font-size:3.25rem;font-family:HarmonyOS_Sans_Medium;padding:1rem 0}.earfun-sustainability-container .earfun-certification-container .details{width:35%;margin:0 auto;font-size:1.25rem;color:#353535}.earfun-sustainability-container .earfun-certification-container .guid-text{font-weight:700;font-size:1.25rem}.earfun-sustainability-container .earfun-certification-container .img{margin-top:5rem;width:100%;font-size:0}.earfun-sustainability-container .earfun-certification-container .img>img{width:100%;height:auto}@media screen and (max-width:767px){.earfun-sustainability-container .transition-container .transition-box .transition-text h2{text-align:center;font-size:1.75rem}.earfun-sustainability-container .transition-container .transition-box .transition-text .transition-line{width:15%;border-bottom:2px solid #209f2e}.earfun-sustainability-container .transition-container .transition-box .transition-text p{width:85%;font-size:1.05rem}.earfun-sustainability-container .transition-container .transition-box .transition-text .subtitle{margin-top:1%;font-size:1.25rem}.earfun-sustainability-container .transition-container .transition-box .transition-text.light{color:#fff}.earfun-sustainability-container .transition-container .transition-box .transition-text.light .transition-line{border-bottom:2px solid #fff;width:15%}.earfun-sustainability-container .transition-container .transition-box .transition-text.light p{color:#fff}.earfun-sustainability-container .transition-container .transition-box .transition-text.light .subtitle{font-size:1.25rem}.earfun-sustainability-container .earfun-story-container{width:100%;text-align:center;margin:3rem 0 2rem}.earfun-sustainability-container .earfun-story-container h2{font-size:1.75rem}.earfun-sustainability-container .earfun-story-container .story-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;margin:0 auto;padding:5%;position:relative}.earfun-sustainability-container .earfun-story-container .story-arrow-item{position:absolute;font-size:1.5rem;padding:.5rem;z-index:3;cursor:pointer;transition:all .3s ease-in-out;color:#515151;border-radius:50%;background-color:#f5f5f5}.earfun-sustainability-container .earfun-story-container .story-arrow-item:hover{background-color:#1f9e2d;color:#fff}.earfun-sustainability-container .earfun-story-container .story-arrow-item-right{right:2%}.earfun-sustainability-container .earfun-story-container .story-arrow-item-left{left:2%}.earfun-sustainability-container .low-carbon-container{margin:0}.earfun-sustainability-container .low-carbon-container .low-carbon-list{width:100%;margin:0 auto}.earfun-sustainability-container .low-carbon-container .low-carbon-item{display:flex;justify-content:unset;flex-direction:column-reverse;margin-top:1%}.earfun-sustainability-container .low-carbon-container .low-carbon-item:nth-child(2n){flex-direction:column-reverse}.earfun-sustainability-container .low-carbon-container .low-carbon-item:nth-child(2n) .low-carbon-text{padding:0 5% 3%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text{width:100%;padding:0 5% 3%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3{text-align:center;font-size:2.25rem;padding:3% 0;width:100%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text h3.jp{font-size:2.15rem;width:100%}.earfun-sustainability-container .low-carbon-container .low-carbon-item .low-carbon-text .content{width:100%;padding:4% 0 3%;font-size:1.05rem;color:#363636}.earfun-sustainability-container .low-carbon-container .low-carbon-item .img{width:100%}.earfun-sustainability-container .renewable-container{width:100%;background-color:#e9f2eb}.earfun-sustainability-container .renewable-container .renewable-text{width:94%;margin:0 auto;padding:3rem 0;font-size:1.15rem;color:#363636}.earfun-sustainability-container .renewable-container .renewable-box{width:100%;margin:0 auto;display:flex;justify-content:space-between;padding-bottom:2rem}.earfun-sustainability-container .renewable-container .renewable-box .img{width:50%}.earfun-sustainability-container .renewable-container .renewable-box .img>img{height:100%}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box{width:50%;border-radius:unset}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .title{font-size:.85rem;padding:5% 3% 5% 5%}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .area-list{width:100%;display:flex;flex-wrap:wrap;padding-bottom:3%}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .area-item{padding:2% 5%;display:flex;align-items:center;align-self:flex-start;width:100%}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .area-item .desc{width:85%;font-size:.9rem;padding-left:.25rem}.earfun-sustainability-container .renewable-container .renewable-box .renewable-area-box .area-item>img{width:15%;height:auto}.earfun-sustainability-container .earfun-certification-container{margin:2rem 0 8rem}.earfun-sustainability-container .earfun-certification-container .tp-text{font-size:1rem}.earfun-sustainability-container .earfun-certification-container .emphasize-text{width:85%;margin:0 auto;font-size:2.25rem;padding:.5rem 0}.earfun-sustainability-container .earfun-certification-container .details{width:90%;margin:0 auto;font-size:1.125rem;color:#353535}.earfun-sustainability-container .earfun-certification-container .guid-text{font-size:1.125rem}.earfun-sustainability-container .earfun-certification-container .img{margin-top:2rem}}