:root{--item-color: #232323}.purple{--item-color: #ABA3DA;--btn-bg-color:linear-gradient(90deg, #B7B2D7 0%, #C6D0EA 100%)}.green{--item-color: #90C31F;--btn-bg-color: linear-gradient(90deg, #7DDE4A 0%, #B3E45A 100%)}.orange{--item-color: #FE8300;--btn-bg-color:linear-gradient(90deg, #FD8407 0%, #FCB45E 100%)}.indigo{--item-color: #73CFC1;--btn-bg-color:linear-gradient(90deg, #49C5AC 0%, #9BDCD5 100%)}.blue{--item-color: #6D9CD6;--btn-bg-color:linear-gradient(90deg, #4984CC 0%, #97C3ED 100%)}.pink{--item-color: #EE8AA8;--btn-bg-color: linear-gradient(90deg, #EE8AA8 0%, #F4BCCC 100%)}.policy-wrap{width:100%;max-width:960px;margin:0 auto;padding:60px 0}@media screen and (max-width: 992px){.max-w-paddin{padding-left:16px !important;padding-right:16px !important}}.round-trac{border:2px solid var(--item-color);border-radius:0 20px 0 0}.svg-content{padding:15px 0}.svg-content img{width:100%}.policyList{padding-top:60px}.policyList .svg-content{position:relative;display:flex;align-items:flex-end;padding:0 0 20px;margin:15px 0;border-bottom:2px solid var(--item-color, #232323);color:var(--item-color, #232323);transition:transform .3s ease}.policyList .svg-content .icon{font-size:68px;margin-right:30px}.policyList .svg-content h4{font-size:24px;margin-top:0;margin-bottom:0}.policyList .svg-content::after{content:"";display:block;position:absolute;right:0;bottom:-7px;width:14px;height:12px;border-radius:0% 100%;transform:rotate(-36deg);background-color:var(--item-color, #232323)}.policyList .icon-toright{display:inline-block;font-size:16px}.policyList .item{margin-top:60px}.policyList .item p{margin:12px 0;width:960px;font-weight:400;font-size:14px;color:rgba(0,0,0,.65);letter-spacing:0;text-align:left}.policyList .item a{color:var(--item-color, #232323);cursor:pointer}.policyList .item a .policy-arrow{width:16px;height:16px;vertical-align:text-top;transition:all .5s}.policyList .item img{transition:all .5s}.policyList .item:hover .svg-content{transform:translateY(-20%)}.policyList .item:hover .policy-arrow{transform:translateX(10px)}.p-item-list{margin-bottom:24px}.p-item-list li a{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:36px 0}.p-item-list li a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--item-color);opacity:.2}.p-item-list li a:hover .i-l-btn{border:1px solid var(--item-color);color:#fff;background-color:var(--item-color)}.p-item-list li a[href*="javascript:void(0)"]{cursor:initial;pointer-events:none}.p-item-list li a[href*="javascript:void(0)"] .i-l-icon::before{content:""}.p-item-list li a[href*="javascript:void(0)"] .i-l-btn{display:none}.p-item-list li .i-l-text{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.p-item-list li .i-l-icon{font-size:20px;color:var(--item-color) !important}.p-item-list li .i-l-icon::before{content:"";font-family:"icomoon" !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1}.p-item-list li h4{margin-top:0;margin-bottom:0;line-height:1.4;font-size:16px;font-weight:300;color:#3f302a;text-align:justify}.p-item-list li .i-l-btn{padding:10px 36px;border:1px solid var(--item-color);border-radius:40px;color:var(--item-color);font-size:14px;line-height:1;transition:background-color .2s ease}.title{padding:15px 0;border-bottom:2px solid #eef4e7}.title .icon_color{display:inline-block;width:20px;height:10px;border-radius:4px 0 4px 0;vertical-align:text-top;margin-right:5px;background:var(--btn-bg-color, var(--item-color))}.title .green{background-image:var(--btn-bg-color, linear-gradient(90deg, #7DDE4A 0%, #B3E45A 100%))}.title .orange{background-image:var(--btn-bg-color, linear-gradient(90deg, #FD8407 0%, #FCB45E 100%))}.title .cyan{background-image:var(--btn-bg-color, linear-gradient(90deg, #49C5AC 0%, #9BDCD5 100%))}.title .blue{background-image:var(--btn-bg-color, linear-gradient(90deg, #4984CC 0%, #97C3ED 100%))}.title .brown{background-image:var(--btn-bg-color, linear-gradient(-86deg, #CAB6A4 0%, #A28262 98%))}.title.gyl{border-bottom:2px solid rgba(198,208,234,.2)}.title.gyl .icon_color{background-image:linear-gradient(90deg, #ABA3DA 0%, #C6D0EA 100%)}.title h2{display:inline-block;font-size:24px;color:#333;letter-spacing:0;line-height:20px}.gyl-list{margin-top:16px;margin-bottom:40px;border:2px solid #b0a7db;border-top-right-radius:30px}.gyl-list li{padding:0 24px;font-size:16px}.gyl-list li a{display:flex;align-items:center;justify-content:space-between;padding:40px 0;border-bottom:2px solid rgba(198,208,234,.2);color:#3f302a}.gyl-list li a:hover .btn{color:#fff;background-image:linear-gradient(90deg, #B7B2D7 0%, #C6D0EA 100%)}.gyl-list li:last-child a{border-bottom:none}.gyl-list li .text{display:flex;align-items:flex-end}.gyl-list li i{display:inline-block;width:18px;height:22px;margin-right:14px;background:url(../../esg-img/esp-p-gyl-icon.png) no-repeat center/contain}.gyl-list li .btn{border-radius:35px;padding:10px 35px;border:1px solid #b6c2e2;color:#b6c2e2;transition:background-image .3s}.policy-son .p-item-list{margin-top:16px;padding:0 24px;border:2px solid var(--item-color);border-radius:0 20px 0 0}.policy-son .p-item-list li a:hover .i-l-btn{background:var(--btn-bg-color, var(--item-color));border-color:rgba(0,0,0,0)}.policy-son .p-item-list li a[href*="javascript:void(0)"]{display:none}.policy-son .p-item-list li:last-child a::after{content:none;display:none}.policy-son .p-item-list .more-btn{position:relative;margin:20px auto;padding:14px 10px;font-size:14px;line-height:1;text-align:center;color:rgba(0,0,0,.5);cursor:pointer}.policy-son .p-item-list .more-btn::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:var(--item-color);opacity:.1;border-radius:40px}.policy-son .p-item-list .more-btn:hover{color:var(--item-color)}.policy-son .p-item-list .more-btn:hover::after{opacity:.2}.policy-table{display:flex;flex-wrap:wrap;margin:14px 0}.policy-table .policy-col{flex:1;display:flex;flex-direction:column}.policy-table .policy-col .list{height:100%;border-right:1px dashed var(--item-color)}.policy-table .policy-col:last-child .list{border-right:none}.policy-table .col-title{padding:20px 24px;font-weight:600;font-size:20px;line-height:1.33;color:var(--item-color);border-bottom:1px solid var(--item-color)}.policy-table .list{margin:16px 0;padding-left:24px;padding-right:10px}.policy-table .list .item{display:flex;align-items:center;padding:12px 0;font-weight:400;font-size:14px;line-height:1.714;color:rgba(0,0,0,.65)}.policy-table .list .item:first-child{padding-top:0}.policy-table .list .item:last-child{padding-bottom:0}.policy-table .list .item .icon{color:var(--item-color);font-size:20px}.policy-table .list .item .en{margin-left:6px}@media screen and (max-width: 910px){.policy-table .policy-col{flex:none;width:100%}.policy-table .policy-col .list{border-right:none}}@media screen and (max-width: 992px){.policy-wrap{margin-top:50px}}@media screen and (max-width: 768px){.policyList .item p{width:90%}.policyList{padding-top:30px}.policyList .item{margin-top:40px}.policyList .svg-content{padding:0 0 14px;margin:10px 0;border-bottom-width:1px}.policyList .svg-content .icon{font-size:44px;margin-right:14px}.policyList .svg-content::after{bottom:-4px;width:10px;height:8px}}