.container{max-width:1200px;margin:0 auto;padding:100px 0;font-family:PingFang SC}.container .introduction{padding:0 0 100px}.container .introduction .title{color:#000;font-size:40px;font-weight:500}.container .publicity{padding:30px 0 40px}.container .publicity .title{color:#000;font-size:40px;font-weight:500}.container .publicity .sub-title{color:#4d4d4d;font-size:18px;font-weight:400;line-height:28px;margin-top:30px}.container .publicity .content{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,387px);gap:19.5px}.container .publicity .content .card{width:387px;border-radius:32px;background-color:#fff}.container .publicity .content .card-img{border-radius:32px 32px 0 0;background-size:cover;width:100%;height:228px}.container .publicity .content .card .text{padding:36px 30px}.container .publicity .content .card .text .name{color:#000;font-size:24px;font-weight:600;line-height:38px}.container .publicity .content .card .text .desc{color:#4d4d4d;font-size:16px;font-weight:400;line-height:25px;margin-top:10px}.container .duty{padding:40px 0}.container .duty .title{color:#000;font-size:40px;font-weight:500}.container .duty .sub-title{color:#4d4d4d;font-size:18px;font-weight:400;line-height:28px;margin-top:30px}.container .duty .content{margin-top:30px;padding:0 32px 36px 70px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-radius:32px}.container .duty .content .principle{position:relative;width:452px;height:525px;margin-top:36px;margin-right:70px}.container .duty .content .principle .title{color:#000;font-size:20px;font-weight:500;text-align:center;line-height:32px}.container .duty .content .principle .circle,.container .duty .content .principle .title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .duty .content .principle .circle{width:380px;height:380px;border-radius:50%;border:.01rem solid #d7d7d7}.container .duty .content .principle .detail{width:100%;height:100%;position:relative}.container .duty .content .principle .detail .item{width:115px;position:absolute}.container .duty .content .principle .detail .item:first-child{top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.container .duty .content .principle .detail .item:nth-child(2){top:97px;right:0}.container .duty .content .principle .detail .item:nth-child(3){top:291px;right:0}.container .duty .content .principle .detail .item:nth-child(4){top:388px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.container .duty .content .principle .detail .item:nth-child(5){left:0;top:291px}.container .duty .content .principle .detail .item:nth-child(6){left:0;top:97px}.container .duty .content .principle .detail .item .embellish{width:100%;height:115px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:25px;background-color:#fff;border:1px solid #e9e9e9;border-radius:50%}.container .duty .content .principle .detail .item .embellish .icon{width:64px;height:64px}.container .duty .content .principle .detail .item .text{width:100%;padding:3px 0;text-align:center;color:#fff;font-size:18px;font-weight:500;line-height:28px;border-radius:62px;background-color:#000;position:absolute;left:0;bottom:-15px}.container .duty .content .principle .detail .item .text-en{font-size:14px}.container .duty .content .text{width:569px;margin-top:36px;display:grid;grid-template-columns:1fr;gap:10px}.container .duty .content .text .headline{color:#000;font-size:24px;font-weight:600;line-height:38px}.container .duty .content .text .subheading{color:#4d4d4d;font-size:16px;font-weight:400;line-height:25px}.container .duty .content .text .card{width:100%;padding:13px 20px;border-radius:22px;background-color:#f9f9f9}.container .duty .content .text .card .name{color:#000;font-size:18px;font-weight:600;line-height:28px}.container .duty .content .text .card .desc{color:#4d4d4d;font-size:16px;font-weight:400;line-height:25px}.container .duty .bottom-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}.container .duty .bottom-btn .view{display:inline-block;padding:16.5px 32px;color:#000;font-size:18px;font-weight:500;border-radius:99px;background-color:#fff}.container #rate{padding:40px 0 0}.container #rate .title{color:#000;font-size:40px;font-weight:500}.container #rate .card{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:35px 30px;background-color:#fff;border-radius:32px}.container #rate .card .rate-img{background-size:cover;background-image:url(https://img.app.meitudata.com/corp-new/image/esg/pc/rate.@6d62b5bc.jpg);width:322px;height:125px}.container #rate .card .date{color:#6c6c6c;font-size:14px;font-weight:400;margin-top:21px}@media screen and (min-width:768px)and (max-width:1200px){.container{padding:100px 40px}.container .duty .content{padding:0 32px 36px}}@media screen and (max-width:768px){.container{padding:2.048rem 1.1264rem}.container .introduction{padding:0 0 1.536rem}.container .introduction .title{font-size:1.2288rem}.container .publicity{padding:1.024rem 0 2.048rem}.container .publicity .title{font-size:1.2288rem}.container .publicity .sub-title{font-size:.9216rem;line-height:1.4336rem;margin-top:1.024rem}.container .publicity .content{grid-template-columns:1fr;margin-top:1.024rem;gap:1.024rem}.container .publicity .content .card{width:100%;border-radius:1.6384rem}.container .publicity .content .card-img{border-radius:1.6384rem 1.6384rem 0 0;width:100%;height:0;padding-bottom:58.9147286822%}.container .publicity .content .card .text{padding:1.2288rem 1.6384rem}.container .publicity .content .card .text .name{font-size:1.2288rem;line-height:1.9456rem}.container .publicity .content .card .text .desc{font-size:.8192rem;line-height:1.28rem;margin-top:.512rem}.container .duty{padding:2.048rem 0}.container .duty .title{font-size:1.2288rem}.container .duty .sub-title{font-size:.9216rem;line-height:1.4336rem;margin-top:1.024rem}.container .duty .content{margin-top:1.024rem;padding:0 1.024rem 1.3312rem;border-radius:1.6384rem}.container .duty .content .principle{width:14.9504rem;height:17.408rem;margin-top:1.3312rem;margin-right:0}.container .duty .content .principle .title{font-size:.6656rem;line-height:1.024rem}.container .duty .content .principle .circle{width:12.5952rem;height:12.5952rem}.container .duty .content .principle .detail .item{width:3.7888rem}.container .duty .content .principle .detail .item:first-child{top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.container .duty .content .principle .detail .item:nth-child(2){top:3.2256rem;right:0}.container .duty .content .principle .detail .item:nth-child(3){top:9.6256rem;right:0}.container .duty .content .principle .detail .item:nth-child(4){top:12.8512rem;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.container .duty .content .principle .detail .item:nth-child(5){top:9.6256rem;left:0}.container .duty .content .principle .detail .item:nth-child(6){top:3.2256rem;left:0}.container .duty .content .principle .detail .item .embellish{height:3.7888rem;padding:.8192rem}.container .duty .content .principle .detail .item .embellish .icon{width:2.0992rem;height:2.0992rem}.container .duty .content .principle .detail .item .text{padding:.1024rem 0;font-size:.6144rem;line-height:.9216rem;border-radius:2.048rem;bottom:-pxToRem(15)}.container .duty .content .principle .detail .item .text-en{font-size:.4608rem}.container .duty .content .text{width:100%;margin-top:1.3312rem;gap:.512rem}.container .duty .content .text .headline{font-size:1.2288rem;line-height:1.9456rem}.container .duty .content .text .subheading{font-size:.8192rem;line-height:1.28rem}.container .duty .content .text .card{padding:.6656rem 1.024rem;border-radius:1.1264rem}.container .duty .content .text .card .name{font-size:.9216rem;line-height:1.4336rem}.container .duty .content .text .card .desc{font-size:.8192rem;line-height:1.28rem}.container .duty .bottom-btn{margin-top:1.024rem}.container .duty .bottom-btn .view{padding:.8448rem 1.6384rem;font-size:.9216rem;border-radius:5.0688rem}.container #rate{padding:2.048rem 0 0}.container #rate .title{font-size:1.2288rem}.container #rate .card{margin-top:1.024rem;padding:2.0992rem 1.024rem;border-radius:1.6384rem}.container #rate .card .rate-img{background-image:url(https://img.app.meitudata.com/corp-new/image/esg/mobile/rate.@bb55a22d.jpg);width:100%;height:0;padding-bottom:38.9655172414%}.container #rate .card .date{font-size:.7168rem;margin-top:1.0752rem}}
/*# sourceMappingURL=../js/esg.@fd1b7066.js.map*/