html { background-color: transparent; }
body:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: #06cbd8 url(../images/banner-bg.png) no-repeat; background-size: 100% auto; }
.page-esg-subhome .banner { overflow: hidden; }
.page-esg-subhome.page-fixed .banner .b-top { background-color: #297eff; }
.page-esg-subhome .banner .b-top { position: fixed; height: 1.22rem; width: 7.5rem; z-index: 100; }
.page-esg-subhome .banner .b-logo {background-repeat: no-repeat; background-size: 7.5rem auto; position: absolute; width: 100%; height: 1.22rem;}
.page-esg-subhome.page-fixed .banner .b-logo { background-image: url(../images/fixbanner.png); animation: fadeIn .4s ease; -webkit-animation: fadeIn .6s ease; }
@keyframes fadeIn { 0% { opacity: 0; }
   100% { opacity: 1; } }
   @-webkit-keyframes fadeIn { 0% { opacity: 0; }
   100% { opacity: 1; } }
.page-esg-subhome .banner .b-drop { position: absolute; right: .24rem; top: .24rem; height: .66rem; background: #fff; border-radius: .4rem; display: flex; align-items: center; justify-content: center; padding: 0 .2rem; z-index: 10; }
.page-esg-subhome .banner .b-drop::after { content: ''; width: .13rem; height: .11rem; background-image: url(../images/arr3-bg.png); background-image: -webkit-image-set(url(../images/arr3-bg.png) 1x, url(../images/arr3-bg-2x.png) 2x); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; margin-left: .1rem; transition: transform .3s ease; -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; -o-transition: transform .3s ease; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.page-esg-subhome .banner .b-drop-open::after { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
.page-esg-subhome .banner .b-drop h3 { font-size: .26rem; color: #297eff; font-weight: 400; }
.page-esg-subhome .b-content { background: url(../images/topcontent.png) no-repeat; background-size: 100% 100%; width: 6.01rem; height: 3.26rem; margin: .35rem 0 0; }
.page-esg-subhome .nav-wrap { height: 1.645rem; position: relative; z-index: 3; }
.page-esg-subhome .nav-list { position: relative; padding: 0 .2rem; width: 7.5rem; height: 1.645rem; }
.page-esg-subhome .nav-list::before { height: 1.22rem; background: #1f355f; border-radius: .3rem; width: 7.1rem; content: ''; position: absolute; top: .07rem; z-index: 2; }
.page-esg-subhome .nav-list::after { content: ''; width: .32rem; height: 1.1rem; background-image: linear-gradient(90deg, rgba(0, 76, 119, .06) 0%, #004c77 50%); position: absolute; right: .2rem; top: .1rem; z-index: 3; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem; display: none; }
.page-esg-subhome .nav-c { height: 1.8rem; width: 7.1rem; position: relative; z-index: 2; overflow-x: auto; overflow-y: hidden; }
.page-esg-subhome.page-fixed .nav-list { position: fixed; top: 1.11rem; background: url(../images/banner-bg.png) no-repeat; background-size: 100% auto; }
.page-esg-subhome .nav-list s { display: none; position: absolute; width: 7.5rem; height: 1.1rem; top: 1.22rem; left: 0; overflow: hidden; margin-top: -.6rem; }
.page-esg-subhome .nav-list s::before { content: ''; width: 7.5rem; height: 1.7rem; background: #fff; display: block; border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
.page-esg-subhome.page-fixed .nav-list s { display: block; }
.page-esg-subhome .nav-list ul { display: flex; padding: 0 .15rem; }
.page-esg-subhome .nav-list li { flex: 1; font-size: .3rem; color: #75bce4; letter-spacing: 0; text-align: center; font-weight: 200; flex-shrink: 0; height: 1.22rem; display: flex; align-items: center; position: relative; overflow: visible; }
.page-esg-subhome .nav-list li span { display: block; padding: .07rem .3rem 0;/* position: absolute; */ z-index: 2; width: 1.3rem; font-weight: 500; margin: 0 auto; }
.page-esg-subhome .nav-list li span::after { content: ''; }
.page-esg-subhome .nav-list li::after { content: ''; position: absolute; right: 0; background: url(../images/bg-line2.png) repeat-y; height: .93rem; top: .22rem; width: .02rem; }
.page-esg-subhome .nav-list li:last-child::after { display: none; }
.page-esg-subhome .nav-list li.cur::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAGAAAAAA915G0AAABaUlEQVRIDb2VMUoDQRiFMxKQlBGs0thoCgshEhvr3CFWHiCHSJMbWFrY6Rm8ghCICCJY2NgpYqON4vq9JQO6yc7OsDsz8NiZf/5538uyYVqt5ciybAudo2cUa7xgfIG2LddoQmGTxxzta51g3MI4NsZ8bCxhpzxTwYU8QCea2ACHWiQeA/FsgNfEcOFypv0Gdinco7Z2EoxvGHt8A0/5G2DySGGWAGwRM8HtIn/yT2ijGxR7iLH+TbPRR58RE8i7/++XFxc0TCIGmBR5K2vgBl1HCCHP/KNfgRYLNPbQW4Mh5NUrcpxrDowbDDB2wso2CXDVQIjLMv/KOvAuqnM76my3EuRqwGCEflDo0JmRy9t7D6OzULrOeAOqGjHroIeAEOrtVPkG7WM4RF8eIdQzDDL3bcZ46hFg6usX3Ae86sIqv2iCaSUHCKEL633Nm1DNfdGUeAaXAQ3Q3Z8QC+ZHwUZ1DwDdker4/ALPL54Wv1/JlwAAAABJRU5ErkJggg==) no-repeat 50% 50%; width: .24rem; height: .16rem; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); background-size: .16rem auto; top: 1.2rem; }
.page-esg-subhome .nav-list li.cur::before { content: ''; position: absolute; top: 0; left: 0; }
.page-esg-subhome .nav-list li.cur { color: #fff; }
.page-esg-subhome .nav-list li.cur::before { width: 100%; height: 1.645rem; background-image: linear-gradient(135deg, #53b5ff 0%, #297eff 100%); box-shadow: .02rem .04rem .06rem 0rem rgba(171, 171, 171, .5); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
.page-esg-subhome .nav-list li.cur span::before { content: ''; }
.page-esg-subhome .nav-list li.cur.n3::before { width: 1.36rem; }
.page-esg-subhome .nav-list li.n3 { width: 1.56rem; }
.page-esg-subhome .nav-list li.n3 span { padding-left: 0; padding-right: 0; width: 1.56rem; }
.page-esg-subhome .nav-list li.n3.cur span { width: 1.36rem; }
.page-esg-subhome .nav-list .nav-ul-5 li { width: 1.36rem; }
.page-esg-subhome .nav-list .nav-ul-5 li.cur::before { width: 1.16rem; }
.page-esg-subhome .nav-list .nav-ul-5 li span { width: 1.16rem; padding: .07rem .2rem 0; }
.page-esg-subhome .content { background: #fff; border-top-left-radius: .5rem; border-top-right-radius: .5rem; margin-top: -1rem; padding-top: 1rem; padding-left: .3rem; padding-right: .3rem;/* min-height: calc(100vh - 4.55rem); */ }
.page-esg-subhome .c-item-title { display: flex; height: .9rem; align-items: center; margin-top: .5rem; }
.page-esg-subhome .c-item-title h2 { font-size: .7rem; color: #297eff; letter-spacing: -.04rem; font-weight: 500; }
.page-esg-subhome .c-item-title .c-t { display: flex; flex-direction: column; justify-content: space-between; padding-left: .58rem; flex: 1; position: relative; }
.page-esg-subhome .c-item-title .c-t::before { content: ''; position: absolute; width: 1px; height: .66rem; background: #d4d4d4; left: .29rem; top: 50%; transform: translateY(-50%); }
.page-esg-subhome .c-item-title .c-t h3 { font-size: .4rem; color: #297eff; font-weight: 500; }
.page-esg-subhome .c-item-title .c-t p { font-size: .24rem; color: #9d9d9d; font-weight: 400; }
.page-esg-subhome .c-item-title .c-desc { font-size: .26rem; color: #a3a3a3; line-height: .4rem; font-weight: 400; background-image: url(../images/icon-list1a.png); background-image: -webkit-image-set(url(../images/icon-list1a.png) 1x, url(../images/icon-list1a-2x.png) 2x); background-repeat: no-repeat; background-position: 50% 0; background-size: .38rem .38rem; padding-top: .4rem; }
.page-esg-subhome .c-item-title .c-desc b { color: #297eff; font-weight: 500; padding: 0 .03rem; }
.page-esg-subhome .c-item { margin-top: .38rem; position:relative;}
.page-esg-subhome .c-num { height: .42rem; padding:0 .3rem;background-image: linear-gradient(135deg, #53b5ff 0%, #297eff 100%); border-radius: 23px 18px 0 23px; border-radius: 3rem; border-bottom-right-radius: 0; color: #fff; font-size: .24rem; text-align: center; line-height: .42rem; top: -.2rem; position: absolute; z-index: 2; }
.page-esg-subhome .c-content { padding: .46rem .36rem .42rem .36rem; background: #f2f8ff; border-radius: 6px; position: relative; }
.page-esg-subhome .c-content h3 { font-size: .34rem; color: #333; line-height: .48rem; font-weight: 500; }
.page-esg-subhome .c-wrap { display: flex; }
.page-esg-subhome .c-txt { flex: 1; }
.page-esg-subhome .c-txt p { font-size: .34rem; color: #333; text-align: justify; line-height: .48rem; max-height: 1.44rem; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; word-wrap: break-word;font-weight: 500;}
.page-esg-subhome .c-txt p.l5 { max-height: 2.15rem; -webkit-line-clamp: 5; }
.page-esg-subhome .c-source { color: #808595; font-size: .26rem; margin-top: .12rem; }
.page-esg-subhome .c-img { width: 1.6rem; height: 1.6rem; margin-left: .3rem;/* margin-bottom: .3rem; */ flex-shrink: 0; }
.page-esg-subhome .c-img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: .1rem; }
.pop-wrap { position: fixed; top: 0; left: 50%; right: 0; bottom: 0; z-index: 10; width: 100vw; height: 110vh; display: none; max-width: 750px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.pop-wrap-open { display: block; animation: topdown .3s ease; -webkit-animation: topdown .3s ease; }
@keyframes topdown { 0% { opacity: 0; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); }
   100% { opacity: 1; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } }
.pop-cont { margin-top: 1.1rem; background: #fff; border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; height: 65vh; padding: .3rem; position: relative; z-index: 10; }
.pop-mask { height: 45vh; background-color: rgba(0, 0, 0, .7); margin-top: -10vh; }
.pop-body { height: 100%; overflow-y: auto; }
.pop-tit { color: #297eff; font-size: .28rem; line-height: .77rem; font-weight: 700; display: flex; align-items: center; }
.pop-tit b { margin-left: .12rem; font-family: esgfontBold; color: #9a9ead; letter-spacing: -.01rem; font-size: .28rem; }
.pop-list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .25rem; margin-bottom: .3rem; }
.pop-unit { height: 1.33rem; background: #f2f8ff; border: 1px solid rgb(194,218,255); border-radius: .12rem; text-align: center; color: #297eff; }
.pop-unit a .p-tit { font-family: 'esgfontBold'; font-size: .26rem; letter-spacing: -.01rem; color: #9a9ead; line-height: .35rem; margin-top: .09rem; }
.pop-unit a, .pop-unit a:visited, .pop-unit a:hover { color: #297eff; display: block; }
.pop-cur { background-color: #297eff; border-color: #297eff; color: #fff; background-image: linear-gradient(135deg, #53b5ff 0%, #297eff 100%); border: 1px solid rgba(137,186,254,1); border-radius: 12px; }
.pop-cur a .p-tit, .pop-cur a, .pop-cur a:visited, .pop-cur a:hover { color: #fff; }
.pop-unit .p-num { font-size: .4rem; font-weight: 700; line-height: .4rem; margin: .04rem 0 .02rem; }
.pop-unit .p-date { font-size: .24rem; font-weight: 500; line-height: .3rem; }
.tabs-contsWrap .tabs-cont .content { margin-top: -2.5rem; padding-top: 2.5rem; }
.tabs-contsWrap .tabs-cont .vh { min-height: 100vh; }
.tabs-contsWrap .tabs-cont:first-child .content { margin-top: -1rem; padding-top: 1rem; }
body.pop-open { overflow: hidden; }