/* esg */
.scrollbar::-webkit-scrollbar,
.scrollbar *::-webkit-scrollbar{height:3px;width:5px;background:rgba(173,173,173,0.2); border-radius: 5px;}
.scrollbar::-webkit-scrollbar:hover,
.scrollbar *::-webkit-scrollbar:hover{background:rgba(173,173,173,0.2);  border-radius: 5px;}
.scrollbar::-webkit-scrollbar-thumb,
.scrollbar *::-webkit-scrollbar-thumb{background:rgba(173,173,173,1); border-radius: 5px;}
.scrollbar::-webkit-scrollbar-thumb:hover,
.scrollbar *::-webkit-scrollbar-thumb:hover{background-color:rgba(173,173,173,1); border-radius: 5px;}

.esg_main{margin-top: 90px;}
.top_brief { margin-top: 15px; font-size: 16px; line-height: 25px; color: #666;}



/* 广告图 */
#esg_banner{width: 100%; height: max-content;}
#esg_banner .pic{width: 100%; height: 840px;}
#esg_banner .pic picture,
#esg_banner .pic img{display: block; width: 100%; height: 100%; overflow: hidden; object-fit: cover;}
#esg_banner .cont_text{height: max-content; top: 27.38%; z-index: 5; }
#esg_banner .cont_text .title{font-size: 45px; line-height: 1.3; color: #fff;  font-weight: 500; text-shadow: 3px 3px #00000040;}
#esg_banner .cont_text .brief{margin-top: 28px; width: 40.625%; font-size: 16px; line-height: 1.8; color: #fff; text-shadow: 3px 3px #00000040;}
#esg_banner .cont_text .btn{margin-top: 73px; padding: 0 25px; width: max-content; height: 50px; font-size: 16px; color: #333; background-color: #fff; }
#esg_banner .cont_text .btn .icon{margin-right: 24px;}
#esg_banner .cont_text .btn .svg{ font-size: 23px; color: #333;}
#esg_banner .cont_text .btn:hover{background-color: var(--main); color: #fff;}
#esg_banner .cont_text .btn:hover .svg{color: #fff;}
#esg_banner .cont_text .btn:last-child{margin-left: 30px;}



/* 面包屑 */
#esg_banner .breadcrumb { position: absolute; bottom: 3%; left: 0; z-index: 1;}
#breadcrumb .svg{margin-right: 0; color: #999; font-size: 7px;}
#breadcrumb .slide:first-child .svg{font-size: 18px;}
#breadcrumb.txt_w .icon .svg, 
#breadcrumb.txt_w .jt .svg{color: #fff;}



/* 引言 */
#esg_intro{padding: 140px 0; background-color: #f8f8f8;}
#esg_intro .content{margin: 0 auto; width: 78.47%;}
#esg_intro .info .txt{margin-top: 30px; font-size: 22px; line-height: 40px; color: #999; text-align: justify; transition: all .5s ease;}
#esg_intro .info .txt:first-child{margin-top: 0;}
#esg_intro .info .txt.txt_b{color: #333;}
/* #esg_intro .info .info_g{color: #999;} */
#esg_intro .speaker{margin-top: 60px;}
#esg_intro .speaker > p{font-size: 18px; line-height: 30px; color: var(--main); }
#esg_intro .icon{width: 81px; height: 65px; z-index: 0; pointer-events: none; }
#esg_intro .icon.left{left: 0; top: 3%;}
#esg_intro .icon.right{right: 0; top: 50%;}



/* 环境 */
#environment .item{padding: 80px 0; background-color: #fff;}
#environment .item:nth-child(2n){background-color: #f8f8f8;}
#environment .content{margin-top: 80px;}
#environment .pic{width: 52.08%; height: 500px;}
#environment .info{width: 42.71%;}
#environment .info .name{font-size: 30px; line-height: 40px; color: #333; font-weight: 500; }
#environment .info .system{margin-top: 32px;}
#environment .info .li{margin-top: 25px;}
#environment .info .li .icon{margin-right: 18px; width: 40px; height: 37px; }
#environment .info .li .text{font-size: 16px; line-height: 1.2; color: #666;}
#environment .info .li .text span{font-weight: 500;}



/* 社会 */
#social{padding: 80px 0 100px; background-color: #fff;}
#social .left{width: 43.056%;}
#social .list{margin-top: 150px;}
#social .list .item{padding: 40px 0; width: 100%; border-bottom: 1px solid #e5e5e5;}
#social .list .item .title{font-size: 30px; line-height: 48px; color: #333; font-weight: 500;}
#social .list .item .brief{height: 0; overflow: hidden;}
#social .list .item .brief .in{ padding: 14px 0 5px;}
#social .list .item .text_one{font-size: 18px; line-height: 30px; color: #666;}
#social .list .item .text_two{margin-top: 30px; font-size: 16px; line-height: 25px; color: #999;}
#social .right{width: 45.139%; height: 800px;}
#social .right .pic_item{z-index: 1; pointer-events: none; opacity: 0; transform: scale(1.05);transition: transform 0.5s linear, opacity 0.5s linear, -webkit-transform 0.5s linear;}
#social .right .pic_item.cur{opacity: 1; pointer-events: auto; transform: scale(1);}



/* 治理 */
#govern{padding: 70px 0 180px; background: #fff url(images/back.jpg) no-repeat center center/100% 100%;}
#govern .content{margin-top: 170px;}
#govern .left{width: 31.94%;}
#govern .card{margin-top: 20px; padding: 30px 5.64%; width: 47.826%; background-color: rgba(255, 255, 255, 0.3);}
#govern .card:nth-child(-n+2){margin-top: 0;}
#govern .card .icon{margin-right: 18px; width: 45px; height: 45px; background-color: #fff; border-radius: 50%;}
#govern .card .icon img{max-width: 55%;}
#govern .card .icon img:nth-child(1){display: inline-block;}
#govern .card .icon img:nth-child(2){display: none;}
#govern .card .name{font-size: 16px; line-height: 1.3; color: #333;}
#govern .card.cur{background-color: rgba(255, 255, 255, 0.8);}
#govern .card.cur .icon{background-color: var(--main);}
#govern .card.cur .icon img:nth-child(1){display: none;}
#govern .card.cur .icon img:nth-child(2){display: inline-block;}

#govern .right{margin: 0; width: 50%; height: 430px; background-color: rgba(255, 255, 255, 0.8);}
#govern .swiper-wrapper{width: 100%; height: 100%; position: relative;}
#govern .item{ padding: 40px 4.94% 50px 6.94%; width: 100%; max-height: 100%;}
#govern .item .cont{padding-right: 2%; height: 100%; overflow: auto;}
#govern .item .title{font-size: 30px; line-height: 48px; color: #333; font-weight: 500;}
#govern .item .info{margin-top: 20px; font-size: 16px; line-height: 30px; color: #666;}



/* Esg报告下载 */
#report{padding: 70px 0 120px; background-color: #fff;}
#report .new_report{margin-top: 55px;}
#report .new_report .pic{margin-right: 3.819%; width: 18.056%; height: 352px;}
#report .new_report .info{width: max-content; max-width: 50%;}
#report .new_report .tag{padding: 0 12px; width: max-content; background-color: var(--main); font-size: 14px; line-height: 26px; color: #fff;}
#report .new_report .name{margin-top: 10px; font-size: 30px; line-height: 48px; color: #333;}
#report .new_report .btn{margin-top: 50px; padding: 0 25px; width: max-content; height: 50px; font-size: 16px; color: #fff; background-color: #666; }
#report .new_report .btn:last-child{margin-left: 20px; background-color: #999;}
#report .new_report .btn .icon{margin-right: 25px;}
#report .new_report .btn .svg{ font-size: 21px; color: #fff;}
#report .new_report .btn:hover{background-color: var(--main);}
#report .old_list{margin-top: 55px;}
#report .old_list .item{margin-top: 5px; padding: 20px 2.083% 20px 1.806%; border: 1px solid #e5e5e5;}
#report .old_list .item .cont{max-width: 66%;}
#report .old_list .item .icon{margin-right: 15px; width: 24px; height: 26px;}
#report .old_list .item .name{margin-right: 19px; max-width: 73%; font-size: 16px; line-height: 1.3; color: #333; }
#report .old_list .item .time{padding: 0 16px; width: max-content; line-height: 40px; border: 1px solid var(--main); font-size: 16px; color: var(--main); word-break: keep-all;}
#report .old_list .item .download{}
#report .old_list .item .download .down{}
#report .old_list .item .download .down .svg{ font-size: 23px; color: #333;}
#report .old_list .item .download .btn{margin-left: 20px; padding: 0 20px; width: max-content; height: 42px; font-size: 14px; color: #fff; background-color: #666;}
#report .old_list .item .download .btn:last-of-type{background-color: #999;}
#report .old_list .item .download .btn:hover{background-color: var(--main);}

#report .old_list .item:hover{border-color: var(--main);}



@media (max-width: 1680px) {
    #esg_banner .pic{height: 770px;}
    #esg_banner .cont_text .btn{margin-top: 60px;}

    #esg_intro{padding: 130px 0;}

    #social .list{margin-top: 120px;}
    #social .list .item .title{ font-size: 28px; line-height: 1.6em;}
    #social .list .item .text_two {margin-top: 20px;}
    #social .right{height: 47vw;}

    #govern{padding: 70px 0 140px;}
    #govern .content{margin-top: 140px;}

    #report .new_report .btn{margin-top: 40px;
    }
}
@media (max-width: 1536px) {
    #esg_banner .cont_text .brief{width: 46.625%;}
    #esg_banner .cont_text .btn{margin-top: 50px;}
    #esg_banner .cont_text .btn .svg{font-size: 21px;}

    #environment .pic{height: 29vw;} 
    
    #social .list{margin-top: 90px;}
    #social .list .item{padding: 35px  0;}

    #govern{padding: 70px 0 150px;}
    #govern .content{margin-top: 125px;}
    #govern .left{width: 35.94%;}
    #govern .right{width: 53%;}
    #govern .item{padding: 35px 6.94% 40px;}

    #report .new_report .pic{height: 21vw;}
    #report .new_report .name{font-size: 28px; line-height: 1.5em;}
}
@media (max-width: 1440px) {
    #esg_banner .pic{height: 47vw;}
    #esg_banner .cont_text{top: 26.38%;}
    #esg_banner .cont_text .text .title{font-size: 44px;}
    #esg_banner .cont_text .brief{width: 50.625%;}
    #esg_banner .cont_text .btn{margin-top: 40px;}
    #esg_banner .cont_text .btn .icon{margin-right: 20px;}

    #esg_intro{padding: 70px 0;}
    #esg_intro .info > p{font-size: 20px; line-height: 1.8em;}
    #esg_intro .icon{width: 70px; height: 60px;}
    #esg_intro .speaker{margin-top: 50px;}

    #environment .item{padding: 70px 0;}
    #environment .content{margin-top: 70px;}
    #environment .info .name{font-size: 28px; line-height: 1.5em;}
    #environment .info .li{margin-top: 25px;}
    #environment .info .li .icon { margin-right: 15px; width: 38px; height: 35px; }
    
    #social{padding: 70px 0;}
    #social .list{margin-top: 70px;}
    #social .list .item{padding: 30px  0;}
    #social .list .item .text_two{margin-top: 10px;}

    #govern{padding: 70px 0;}
    #govern .content{margin-top: 70px;}
    #govern .card{padding: 26px 5.64%;}
    #govern .item{padding: 35px 6.94%; padding-right: 4.94%;}
    #govern .item .title{font-size: 28px; line-height: 1.6em;}
    #govern .item .info{margin-top: 15px;}

    #report{padding: 70px 0;}
    #report .new_report .btn{margin-top: 30px;}
    #report .new_report .btn .icon{margin-right: 20px;}
    #report .new_report .btn .svg{font-size: 20px;}
    #report .old_list .item .download .btn{margin-left: 15px;}
}
@media (max-width: 1366px) {
    #esg_banner .cont_text{top: 29.38%;}
    #esg_banner .cont_text .text .title{font-size: 42px;}
    #esg_banner .cont_text .brief{width: 53%;}
    #esg_banner .cont_text .btn{height: 45px; font-size: 15px;}
    #esg_banner .cont_text .btn .svg{font-size: 20px;}

    #esg_intro .info .txt{font-size: 20px; line-height: 1.8em;}

    #environment .content{margin-top: 50px;}
    #environment .info .name{font-size: 26px;}
    #environment .info .system{margin-top: 25px;}

    #social .left{width: 46.056%;}
    #social .list .item { padding: 25px 0;}
    #social .list .item .title{font-size: 26px;}
    #social .list .item .text_one,
    #social .list .item .text_two{font-size: 16px; line-height: 1.6em;}

    #govern .content{margin-top: 50px;}
    #govern .card{padding: 20px 5.64%;}
    #govern .item {padding: 20px 5.64%; padding-right: 3.94%;}
    #govern .item .title{font-size: 26px;}
    #govern .right{width: 60%; height: 375px;}

    #report .new_report .name{font-size: 26px;}
    #report .new_report, #report .old_list{margin-top: 50px;}
    #report .new_report .btn{padding: 0 22px; height: 45px; font-size: 15px;}
    #report .new_report .btn .svg,
    #report .old_list .item .download .down .svg{font-size: 20px;}
    #report .old_list .item .time{font-size: 15px; line-height: 38px;}
}
@media (max-width: 1280px) {
    #esg_banner .cont_text .btn{margin-top: 30px;}

    #esg_intro .content{width: 80%;}
    #esg_intro .info > p{font-size: 18px;}
    #esg_intro .speaker{margin-top: 40px;}
    #esg_intro .icon { width: 60px; height: 50px;}
    #esg_intro .icon.right{top: 55%;}

    #environment .content{margin-top: 60px;}
    #environment .info .name{font-size: 24px;}
    #environment .info .li{margin-top: 22px;}
    #environment .info .li .text{line-height: 1.3em;}

    #social .left {width: 49%;}
    #social .list .item .title{font-size: 24px;}
    
    #govern .content{margin-top: 60px;}
    #govern .left{width: 39%;}
    #govern .card{padding: 20px 4.64%;}
    #govern .card .icon{margin-right: 15px; width: 43px; height: 43px;}
    #govern .right{width: 55%; height: 32vw;}
    #govern .item{padding: 30px 5.64%; padding-right: 3.94%;}
    #govern .item .title{font-size: 24px;}

    #report .new_report, #report .old_list{margin-top: 45px;}
    #report .new_report .name{font-size: 24px;}
    #report .new_report .btn{margin-top: 25px;}
    #report .old_list .item{padding: 18px 2.083% 18px 1.806%;}
    #report .old_list .item .cont{max-width: 60%;}
    #report .old_list .item .name{max-width: 66%;}
    #report .old_list .item .time{font-size: 14px;}
    #report .old_list .item .download .btn{height: 40px;}
}
@media (max-width: 1200px) {
    #esg_banner .pic{height: 45vw;}
    #esg_banner .cont_text{top: 28%;}
    #esg_banner .cont_text .brief{margin-top: 20px; width: 57%;}
    #esg_banner .cont_text .btn{margin-top: 35px;}
    #esg_banner .cont_text .btn .icon{margin-right: 20px;}
    #esg_banner .cont_text .btn .svg{font-size: 20px;}

    #esg_intro .speaker {margin-top: 35px;}

    #environment .content{margin-top: 50px;}
    #environment .info .name{font-size: 22px;}
    #environment .info .system {margin-top: 23px; }
    #environment .info .li{margin-top: 18px;}
    #environment .info .li .icon{width: 36px; height: 30px;}

    #social .list{margin-top: 40px;}
    #social .list .item .title{font-size: 22px;}
    #social .list .item .brief .in{padding: 10px 0 0;}

    #govern .content{margin-top: 50px;}
    #govern .left{width: 40%;}
    #govern .item{padding: 30px 4.4%; padding-right: 3.4%;}
    #govern .item .title{font-size: 22px;}
    #govern .item .info{margin-top: 10px; font-size: 15px; line-height: 1.6em;}

    #report .new_report, #report .old_list{margin-top: 45px;}
    #report .new_report .btn .svg, #report .old_list .item .download .down .svg{font-size: 20px;}
    #report .new_report .name{font-size: 22px;}
    #report .new_report .btn{margin-top: 20px; height: 45px;}
}
@media (max-width: 1050px) {
    #esg_banner .cont_text{top: 20%;}

    #esg_intro .info .txt{margin-top: 25px; font-size: 18px;}
    #esg_intro .speaker{margin-top: 30px;}
    #esg_intro .speaker > p{line-height: 1.8em;}

    #social .left{width: 52%;}
    #social .list{margin-top: 30px;}
    #social .list .item { padding: 20px 0;}
    #social .list .item:first-child{padding-top: 0;}
    #social .list .item .text_one, #social .list .item .text_two{font-size: 14px;}
    
    #govern .card .icon{width: 41px; height: 41px;}
    #govern .card .name{font-size: 15px;}
    #govern .item .info{font-size: 14px; line-height: 1.6em;}

    #report .new_report .name{font-size: 20px;}
    #report .old_list .item{padding: 16px 2.1%;}
    #report .old_list .item .download .down{display: none;}
    #report .old_list .item .name{max-width: 61%; font-size: 15px;}
}
@media (max-width: 992px) {
    .esg_main{margin-top: 66px;}
    .top_brief{margin-top: 1vw; font-size: .1212rem; line-height: 1.5em;}

    #esg_banner .cont_text{top: 50%; transform: translateY(-50%);}
    #esg_banner .cont_text .text .title{font-size: 0.298rem;}
    #esg_banner .cont_text .brief{font-size: 0.115rem;}
    #esg_banner .cont_text .btn{margin-top: 2.5vw; height: 45px; font-size: .115rem;}
    #esg_banner .cont_text .btn .svg{font-size: 17px;}
    #esg_banner .cont_text .btn:last-child{margin-left: 2.5vw;}

    #esg_intro{padding: 8vw 0;}
    #esg_intro .info > p{font-size: 0.125rem;}
    #esg_intro .speaker{margin-top: 3.5vw; font-size: 0.125rem;}
    #esg_intro .icon{width: 6vw; height: 5vw;}

    #environment .item{padding: 8vw 0;}
    #environment .content{margin-top: 4vw; flex-direction: column;}
    #environment .pic{width: 100%; height: 58vw;}
    #environment .info{margin-top: 3vw; width: 100%;}
    #environment .info .name{font-size: .1667rem;}
    #environment .info .system{margin-top: 3.5vw;}
    #environment .info .li{margin-top: 2vw;}
    #environment .info .li .icon{width: 3.5vw; height: 3vw; }
    #environment .info .li .text{font-size: .1212rem;}

    #social{padding: 8vw 0;}
    #social .box{align-items: center; flex-wrap: wrap;}
    #social .info_mb{display: block; width: 100%; margin-bottom: 4vw;}
    #social .left .top{display: none;}
    #social .ind_tit{font-size: 0.26rem;}
    /* #social .left{width: 100%;} */
    #social .list .item .title{font-size: .1667rem;}
    /* #social .list .item .brief{height: max-content !important;} */
    #social .list .item .brief .in{padding-top: 2vw;}
    #social .list .item .text_one, #social .list .item .text_two{font-size: .1212rem;}
    #social .list .item .text_two{margin-top: 0.5vw;}
    /* #social .right{display: none;} */

    #govern{padding: 8vw 0;}
    #govern .content{margin-top: 4vw;}
    #govern .card .name{font-size: .1136rem;}
    #govern .item{padding: 3vw 0.2rem 3vw 0.2rem;}
    #govern .item .title{font-size: .1667rem;}
    #govern .item .info{margin-top: 1.5vw; font-size: .1136rem;}

    #report{padding: 8vw 0;}
    #report .new_report, #report .old_list{margin-top: 4vw;}
    #report .new_report .tag{font-size: .1061rem; line-height: 1.8em;}
    #report .new_report .name{font-size: .1667rem;}
    #report .new_report .btn{margin-top: 2.5vw; height: 45px; font-size: .115rem;}
    #report .old_list .item{padding: 1.5vw 2.1%;}
    #report .old_list .item .name{margin-right: 2vw; font-size: .1212rem;}
    #report .old_list .item .time{font-size: .1136rem; line-height: 4vw;}
    #report .new_report .btn .svg, #report .old_list .item .download .down .svg{font-size: 17px;}
}
@media (max-width: 768px) {
    .top_brief{font-size: .16rem;}

    #esg_banner .pic{height: 145vw;}
    #esg_banner .cont_text{top: 7%; transform: translateY(0);}
    #esg_banner .cont_text .box{width: 100%;}
    #esg_banner .cont_text .text .title{font-size: 0.40rem;}
    #esg_banner .cont_text .text .brief{margin-top: 4vw; width: 100%; font-size: 0.16rem;}
    #esg_banner .cont_text .btn{margin-top: 8vw; height: 6vw; font-size: .16rem;}
    #esg_banner .cont_text .btn:hover{background-color: #fff; color: #333;}
    #esg_banner .cont_text .btn:hover .svg{color: #333;}
    
    #esg_intro .info > p{font-size: .18rem;}
    #esg_intro .speaker{font-size: .18rem;}
    #esg_intro .icon.right {top: inherit;bottom: 21%;}

    #environment .info{margin-top: 3.5vw;}
    #environment .info .name{font-size: .22rem;}
    #environment .info .li {margin-top: 3vw;}
    #environment .info .li .icon{width: 4vw; height: 4vw; }
    #environment .info .li .text{font-size: .18rem;}

    #social .list{margin-top: 4vw;}
    #social .list .item{padding: 3vw 0;}
    #social .list .item .title{font-size: .22rem;}
    #social .list .item .text_one, #social .list .item .text_two {font-size: .16rem;}

    #govern{background: url(images/back-mb.jpg) no-repeat center top/100% 100%;}
    #govern .content{margin-top: 6vw; flex-direction: column;}
    #govern .left{display: none; }
    #govern .left_mb{display: block; width: 100%;}
    #govern .left_mb .swiper-wrapper{align-items: normal;}
    #govern .card{width: 31%; height: auto; margin-right: 3vw; margin-top: 0; padding: 2vw 3.4%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #govern .card:last-child{margin-right: 0;}
    #govern .card .name{font-size: 0.2rem; line-height: 1.3em; text-align: center;}
    #govern .right{margin-top: 3vw; width: 100%; height: 54vw;}
    #govern .item{padding: 4vw 4% 3vw 5%;}
    #govern .item .title{font-size: .26rem;}
    #govern .item .info{margin-top: 2.5vw; font-size: .18rem;}

    #report .new_report, #report .old_list{margin-top: 5vw;}
    #report .new_report .pic{width: 36.056%; height: 43vw;}
    #report .new_report .tag{font-size: .14rem;}
    #report .new_report .name{margin-top: 2vw; font-size: .22rem;}
    #report .new_report .btns{flex-direction: column;}
    #report .new_report .btn{margin-top: 2.5vw; height: 6vw; font-size: .16rem;}
    #report .new_report .btn .svg{font-size: .2rem;}
    #report .new_report .btn:hover{background-color: #666;}
    #report .new_report .btn:last-child:hover{background-color: #999;}
    
    #report .new_report .btn:last-child{margin-left: 0;}
    #report .old_list .item{padding: 4vw; flex-direction: column;}
    #report .old_list .item:hover{border-color: #e5e5e5;}
    #report .old_list .item .cont{width: 100%; max-width: 100%; flex-direction: column; align-items: flex-start;}
    #report .old_list .item .icon{margin: 0; width: 5vw; height: 5vw;}
    #report .old_list .item .name{max-width: 100%; margin: 0; margin-top: 3vw; font-size: 0.2rem;}
    #report .old_list .item .time{max-width: 100%; margin: 0; margin-top: 2vw; font-size: 0.18rem; line-height: 6vw; padding: 0 3vw;}
    #report .old_list .item .download{width: 100%; justify-content: flex-start;}
    #report .old_list .item .download .btn{margin: 0; margin-top: 3vw; font-size: 0.18rem; height: 6vw; padding: 0 3vw;}
    #report .old_list .item .download .btn:last-child{margin-left: 2.5vw;}
    #report .old_list .item .download .btn:hover{background-color: #666;}
    #report .old_list .item .download .btn:last-child:hover{background-color: #999;}
}
@media (max-width: 576px) {
    .top_brief{font-size: .26rem;}

    #esg_banner .cont_text .text .title{font-size: 0.48rem;}
    #esg_banner .cont_text .text .brief{font-size: 0.26rem;}
    #esg_banner .cont_text .btns{flex-direction: column;}
    #esg_banner .cont_text .btn {margin-top: 0.25rem; height: auto; padding: 0.1rem 0.2rem; font-size: 0.24rem;}
    #esg_banner .cont_text .btn .icon{margin-right: 0.2rem;}
    #esg_banner .cont_text .btn .svg{font-size: 0.26rem;}
    #esg_banner .cont_text .btn:last-child{margin-left: 0;}

    #esg_intro{padding: 10vw 0;}
    #esg_intro .content{width: 90%;}
    #esg_intro .info .txt{font-size: .26rem;}
    #esg_intro .speaker > p{font-size: .26rem;}
    #esg_intro .icon{width: 10vw; height: 9vw;}
    #esg_intro .icon.left{top: -2%;}
    #esg_intro .icon.right{bottom: 16%;}

    #environment .ind_tit{font-size: 0.34rem;}
    #environment .top_brief{font-size: 0.2rem;}
    #environment .item{padding: 10vw 0;}
    #environment .info .name{font-size: .3rem;}
    #environment .info .li .icon{margin-right: 3vw; width: 8vw; height: 8vw; }
    #environment .info .li .text{width: calc(100% - 11vw); font-size: .24rem; line-height: 1.5em;}

    #social{padding: 10vw 0;}
    #social .ind_tit{font-size: 0.45rem;}
    #social .list{margin-top: 5.5vw;}
    #social .list .item{padding: 4vw 0;}
    #social .list .item .title{font-size: .3rem;}
    #social .list .item .text_one, #social .list .item .text_two {font-size: .22rem; line-height: 1.5em;}
    #social .list .item .text_two{margin-top: 1.5vw;}

    #govern{padding: 10vw 0;}
    #govern .card{justify-content: center; text-align: center;}
    #govern .card .icon{display: none;}
    #govern .card .name{font-size: 0.28rem;}
    #govern .right{height: 100vw;}
    #govern .item .title{font-size: 0.32rem;}
    #govern .item .info{font-size: 0.26rem;}

    #report{padding: 10vw 0;}
    #report .new_report .pic{width: 36.056%; height: 43vw;}
    #report .new_report .info{max-width: calc(100% - 40%);}
    #report .new_report .tag{font-size: .24rem;}
    #report .new_report .name{margin-top: 2.5vw; font-size: .28rem; line-height: 1.6em;}
    #report .new_report .btn{margin-top: 0.1rem; height: auto; font-size: 0.22rem; padding: 0.1rem 0.2rem;}
    #report .new_report .btn .icon{margin-right: 0.25rem;}
    #report .new_report .btn .svg{font-size: .24rem;}

    #report .old_list .item{margin-top: 0.15rem; padding: 4.5vw 5.083%;}
    #report .old_list .item .icon {margin-right: 0; width: 8vw; height: 7vw;}
    #report .old_list .item .name{margin-top: 2.5vw; max-width: 100%; width: 100%; font-size: 0.28rem; line-height: 1.5em;}
    #report .old_list .item .time,
    #report .old_list .item .download .btn{margin-top: 0.15rem;  max-width: 100%; height: auto; font-size: 0.22rem; line-height: 1em; padding: 0.15rem 0.25rem;}
}