.esgList .Img,.esgList .Txt{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.bannerArea.esgPage{background-color:#f0f7fb;padding:80px 0 80px;position:relative;z-index:1}.bannerArea.esgPage:after{content:"";display:block;width:100%;height:100%;background-color:transparent;position:absolute;top:0;left:0;bottom:auto;right:auto;background-image:url(../images/esg_bg.jpg);background-position:center;background-attachment:fixed;opacity:0.3;z-index:1}.bannerArea.esgPage .bread .wrap{position:relative;width:100%;max-width:1340px;margin:0 auto;padding-left:20px;padding-right:20px;z-index:2}.bannerArea.esgPage .bread a:before,.bannerArea.esgPage .bread span:before{background-color:#252525}.bannerArea.esgPage>.wrap{position:relative;width:100%;max-width:1340px;margin:0 auto;padding-left:20px;padding-right:20px;z-index:3}@media (max-width:1180px){.bannerArea.esgPage{padding:80px 0 60px}}@media (max-width:640px){.bannerArea.esgPage{padding:80px 0 40px}}.mainArea{padding-bottom:0}.mainImageBox{margin-top:60px}@media (max-width:1180px){.mainImageBox{margin-top:50px}}@media (max-width:480px){.mainImageBox{margin-top:40px}}.mainImageList{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:40px}@media (max-width:640px){.mainImageList{margin:0 -20px;padding-bottom:30px}}@media (max-width:480px){.mainImageList{padding-bottom:20px}}.mainImageList .imageItem{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:0 25px;position:relative}.mainImageList .imageItem>img{display:block;max-width:100%}@media (max-width:840px){.mainImageList .imageItem{padding:0 15px}}@media (max-width:640px){.mainImageList .imageItem{padding:0 10px}}@media (max-width:480px){.mainImageList .imageItem{padding:0 5px}}.mainImageList .decoCloud{position:absolute;z-index:2}@media (max-width:1180px){.mainImageList .decoCloud{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@media (max-width:640px){.mainImageList .decoCloud{-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6)}}.mainImageList .decoCloud>img{display:block;width:100%}.mainImageList .decoCloud.cloud1{width:294px;top:30%;left:-50%}.mainImageList .decoCloud.cloud1 img{-webkit-animation:cloudAni 15s ease-in-out infinite;-moz-animation:cloudAni 15s ease-in-out infinite;animation:cloudAni 15s ease-in-out infinite}@media (max-width:640px){.mainImageList .decoCloud.cloud1{left:-70%}}@media (max-width:400px){.mainImageList .decoCloud.cloud1{display:none}}.mainImageList .decoCloud.cloud2{width:241px;top:14%;left:-39%}.mainImageList .decoCloud.cloud2 img{animation:cloudAni 28s linear infinite reverse}@media (max-width:640px){.mainImageList .decoCloud.cloud2{display:none}}.mainImageList .decoCloud.decoCloudBack{width:145px;z-index:-1;left:auto;right:-19%;top:40%}.mainImageList .decoCloud.decoCloudBack img{animation:cloudAni 16s ease-in-out infinite alternate-reverse}@media (max-width:400px){.mainImageList .decoCloud.decoCloudBack{display:none}}.mainImageList .decoCloud.cloud3{width:300px;top:21%;left:-35%}.mainImageList .decoCloud.cloud3 img{-webkit-animation:cloudAni 25s ease-in-out infinite;-moz-animation:cloudAni 25s ease-in-out infinite;animation:cloudAni 25s ease-in-out infinite}@media (max-width:640px){.mainImageList .decoCloud.cloud3{top:10%;left:-50%}}@media (max-width:400px){.mainImageList .decoCloud.cloud3{display:none}}@-webkit-keyframes cloudAni{0%{-webkit-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(10%);transform:translateX(10%)}80%{-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{-webkit-transform:translateX(0%);transform:translateX(0%)}}@-moz-keyframes cloudAni{0%{-moz-transform:translateX(0);transform:translateX(0)}30%{-moz-transform:translateX(10%);transform:translateX(10%)}80%{-moz-transform:translateX(-10%);transform:translateX(-10%)}to{-moz-transform:translateX(0%);transform:translateX(0%)}}@keyframes cloudAni{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)}80%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%)}to{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}}.esgtextBox{max-width:690px;color:#3e3e3e;font-size:18px;font-weight:300;letter-spacing:0.9px;line-height:1.55;margin:0 auto;padding:20px 0;text-align:center}.esgtextBox .esgTitleEn{color:#004ea2;font-size:18px;font-weight:500;letter-spacing:0.3px;line-height:1.55;padding-bottom:12px}.performanceBox{padding:50px 0 30px}@media (max-width:1180px){.performanceBox{padding:40px 0 20px}}@media (max-width:640px){.performanceBox{padding:20px 0 20px}}.performanceList{position:relative}.performanceList:not(.slick-slider){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1180px){.performanceList:not(.slick-slider){max-height:127px;overflow:hidden}}.performanceList:not(.slick-slider) .performanceItem{width:-webkit-calc(100%/3);width:-moz-calc(100%/3);width:calc(100% / 3);position:relative}.performanceList:not(.slick-slider) .performanceItem:before{content:"";display:block;width:1px;height:100%;background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:auto;bottom:auto;right:0}.performanceList:not(.slick-slider) .performanceItem:last-of-type:before{opacity:0}@media (max-width:1180px){.performanceList:not(.slick-slider) .performanceItem{width:-webkit-calc(100%/2);width:-moz-calc(100%/2);width:calc(100% / 2)}}@media (max-width:840px){.performanceList:not(.slick-slider) .performanceItem{width:-webkit-calc(100%/1);width:-moz-calc(100%/1);width:calc(100% / 1)}}.performanceList .performanceItem{position:relative}.performanceList .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px}@media (max-width:1180px){.performanceList .item{padding:0 20px 20px}}@media (max-width:840px){.performanceList .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 0 15px}}.performanceList .Img{width:70px}.performanceList .Img img{width:100%;display:block;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.performanceList .Txt{color:#3e3e3e;padding-left:30px;max-width:-webkit-calc(100% - 70px);max-width:-moz-calc(100% - 70px);max-width:calc(100% - 70px)}.performanceList .Txt .titleTw{font-size:16px;font-weight:400;letter-spacing:0.8px;line-height:1.75}.performanceList .Txt .titleTw.ellipsis{max-height:56px}@media (max-width:1280px){.performanceList .Txt{padding-left:15px}}@media (max-width:840px){.performanceList .Txt{max-width:100%;width:100%;text-align:center;padding:10px 0 0}}@media (max-width:640px){.performanceList .Txt .titleTw{line-height:1.5}.performanceList .Txt .titleTw.ellipsis{max-height:48px}}.performanceList .numberBox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding-top:15px}.performanceList .numberBox .num{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;font-size:50px;font-weight:500;letter-spacing:0px;line-height:28px}.performanceList .numberBox .unit{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:20px;font-weight:400;letter-spacing:0px;line-height:28px}@media (max-width:1280px){.performanceList .numberBox .num{font-size:44px}}@media (max-width:1180px){.performanceList .numberBox .num{font-size:40px}}@media (max-width:840px){.performanceList .numberBox{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:10px}}@media (max-width:480px){.performanceList .numberBox{padding-top:5px}.performanceList .numberBox .num{font-size:36px}}@media (max-width:350px){.performanceList .numberBox .num{font-size:32px}}.mainArea .wrap{width:100%;max-width:1340px;margin:0 auto;padding-left:20px;padding-right:20px}.esgList .esgItem{padding:50px 0}@media (max-width:1440px){.esgList .esgItem{padding:40px 0}}@media (max-width:1180px){.esgList .esgItem{padding:30px 0}}@media (max-width:840px){.esgList .esgItem{padding:20px 0 10px}}@media (min-width:841px){.esgList .esgItem:nth-of-type(2n) .item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.esgList .esgItem:nth-of-type(2n) .item .Txt{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.esgList .esgItem:nth-of-type(2n) .item .Img{right:auto;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.esgList .esgItem:nth-of-type(2n) .item.show .Txt{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}.esgList .esgItem:nth-of-type(2n) .item.show .Img{right:auto;left:0%;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}.esgList .esgItem:nth-of-type(2n) .Txt{padding:25px 0px 25px 60px}}@media (min-width:841px) and (max-width:1440px){.esgList .esgItem:nth-of-type(2n) .Txt{padding:20px 0px 20px 40px}}@media (min-width:841px) and (max-width:1180px){.esgList .esgItem:nth-of-type(2n) .Txt{padding:20px 0px 20px 20px}}.esgList .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width:841px){.esgList .item .Txt{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}.esgList .item .Img{left:auto;right:50%;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}.esgList .item.show .Txt{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}.esgList .item.show .Img{left:auto;right:0%;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}}@media (max-width:840px){.esgList .item{max-width:656px;margin:0 auto}.esgList .item .Txt{-webkit-transform:translateY(-20%);-moz-transform:translateY(-20%);-ms-transform:translateY(-20%);-o-transform:translateY(-20%);transform:translateY(-20%);opacity:0}.esgList .item .Img{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);-o-transform:translateY(10%);transform:translateY(10%)}.esgList .item.show .Txt{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}.esgList .item.show .Img{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}}.esgList .Img{width:820px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;position:relative;z-index:2}.esgList .Img a{display:block;width:100%;height:100%}.esgList .Img img{width:100%;display:block;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}@media (max-width:1280px){.esgList .Img{width:64%}}@media (max-width:960px){.esgList .Img{width:60%}}@media (max-width:840px){.esgList .Img{width:100%}}.esgList .Txt{width:-webkit-calc(100% - 820px);width:-moz-calc(100% - 820px);width:calc(100% - 820px);padding:25px 60px 25px 0px}@media (max-width:1440px){.esgList .Txt{padding:20px 40px 20px 0}}@media (max-width:1280px){.esgList .Txt{width:36%}}@media (max-width:1180px){.esgList .Txt{padding:20px 20px 20px 0}}@media (max-width:960px){.esgList .Txt{width:40%}}@media (max-width:840px){.esgList .Txt{width:100%;padding:20px 0}}@media (max-width:1180px){.esgList .titleBox .titleTw{font-size:36px}}@media (max-width:840px){.esgList .titleBox .titleTw{font-size:32px}}@media (max-width:640px){.esgList .titleBox .titleTw{font-size:30px}}@media (max-width:480px){.esgList .titleBox{padding-bottom:12px}.esgList .titleBox .titleTw{font-size:26px}.esgList .titleBox .titleEn{font-size:15px;letter-spacing:0}}.esgList .text{color:#313131;font-size:18px;font-weight:300;letter-spacing:1px;line-height:1.55;margin-bottom:20px}@media (max-width:1180px){.esgList .text{font-size:16px;line-height:1.5}}.esgList .btnBox{margin:65px 0 20px}@media (max-width:1440px){.esgList .btnBox{margin:50px 0 20px}}@media (max-width:1180px){.esgList .btnBox{margin:20px 0 0}}