.esg_body .banner_text{top:50%;}
.esg_body .banner_text p{ /*width:42%;*/ line-height: 1.8; max-height: 9em;-webkit-line-clamp:5;}

.esg_tabbox{max-width: 1567px; margin:3% auto 0; padding-bottom: 2%; border-bottom: 1px solid #C0C0C0; width: 90%;}
.esg_tabbox ul{width: 100%;}
.esg_tabbox li{ float: left; padding: 5px 1.5%; color: #fff; border-radius: 25px; margin-right:2%;}
.esg_tabbox li:last-child{margin-right: 0;}
.esg_tabbox li a{color:#00417F;}
.esg_tabbox li.on{background: linear-gradient(to right, #008967 0%,#005E87 100%);}
.esg_tabbox li.on a{color: #fff!important;}

.esg_part01{margin-top:3%; padding: 10% 0; position: relative;}
.esg_part01 .con{color: #fff; width: 42%;}
.esg_part01 .con h2{margin-bottom: 6%;}
.esg_part01 .con .c{line-height: 1.8;}

.esg_part02{padding: 5% 0 0; background: #fff;}
.esg_part02 .c{margin-top:2%;}
.esg_part02 ul{margin: 6% -1% 0;}
.esg_part02 li{ float: left; width: 23%; margin: 0 1% 3%;}
.esg_part02 li span{ float: left; width: 36%;}
.esg_part02 li span img{max-width: 100%;}
.esg_part02 li p{ float: right; width: 55%;height:3em; overflow: hidden; margin-top:5%;}

.esg_part03{padding: 5% 0 0; background: #fff;}
.esg03_box{ overflow: hidden;max-width: 1756px; margin: 0 auto; width: 91.45%;margin-top: 3%;}
.esg03_box .ll{ float: left; width:calc(29% - 1px); min-height:600px; background:#F2F3F3; position: relative; z-index: 1; border-right: 1px solid #D8D8D8; box-shadow: 0px 5px 8px 8px rgba(0,0,0,0.1);}
.esg03_box .ll ul{padding: 10% 0;}
.esg03_box .ll li{ cursor: pointer; padding: 6% 0; position: relative; text-align: center;position: relative;}
.esg03_box .ll li::before{content: ""; position: absolute; left:15%; right:15%; bottom:0; width: 70%; height: 1px; background: #BBBCBC;}
.esg03_box .ll li:last-child::before{opacity: 0;}
.esg03_box .ll li span{ display: block;  padding: 8% 0 6%; position: relative;}
.esg03_box .ll li span em{ display:inline-block; padding: 0 15px 15px; border-bottom:4px solid transparent;}
.esg03_box .ll li.on span{ color: #fff!important;background:linear-gradient(to right, #005E87 0%,#008967 100%);}
.esg03_box .ll li.on span em{ border-bottom:4px solid #fff;}


.esg03_box .rr{ float: right; width: 71%;}
.esg03_box .rr li{ height: 0; opacity: 0; visibility: hidden;}
.esg03_box .rr li.on{ height: auto; opacity: 1; visibility: visible;}
.esg03_box .rr li img{ width: 100%;}

.wrap{max-width: 1568px; margin: 0 auto; width: 81.66%;}
.wrap2{max-width: 1756px; margin: 0 auto; width: 91.45%;}
.fnt_92{font-size: 92px;}

.esg_part04{padding: 5% 0 0; background: #fff;}
.esg_part04 h2{margin-bottom: 5%;}
.esg04_list ul{margin: 0 -1%;}
.esg04_list li{ float: left; width: 31.33%; margin: 0 1% 2%; background: #0071C1; position:relative;}
.esg04_list li i{position: absolute; lefT:6%; top:10%; max-width: 64px; max-height: 80px; width: 10%; overflow: hidden;}
.esg04_list li .txt{ width: 90%; text-align: center; color: #fff;}
.esg04_list li .txt h3{line-height: 1.2;}
.esg04_list li .txt p{ margin-top: 10px;}
.esg04_list01 li i{width: 8%;}
.esg04_list02 li{ background: #023E7D;}
.esg04_list02 li p{ max-height: 4.5em; overflow: hidden;}
.esg04_list02 h4{ margin-top: 5%; max-height: 6em; overflow: hidden;}
.esg04_list03 li{background: #2A9E51;}
.esg04_list03 p{max-height: 4.5em; overflow: hidden;}
.esg_part04 p.tips{padding-left: 5%;}

.esg_part05{padding: 5% 0 8%; background: #fff;}
.esg05_list{margin-top: 3%; padding:40px 5%; position: relative; background: #F2F3F3;}
.esg05_list::before{content: ""; position: absolute; left:50%; top:40px; bottom:40px; height: calc(100% - 80px); width: 1px; background: #BBBCBC;}
.esg05_list li{ float: left; width: 46%; margin: 1% 0; line-height: 38px;}
.esg05_list li:nth-child(2n){ float: right;}
.esg05_list li span{ float: left;}
.esg05_list li i{ float: left; margin-left: 15px;width: 5%; overflow: hidden; transition: all 0.3s; }
.esg05_list li i img{ width: 100%; vertical-align: middle;}
.esg05_list li:hover i{margin-left: 5px;}
.esg05_list.noline::before{ display: none;}


.fnt_38{font-size: 38px;}
.fnt_60{font-size: 60px;}
@media only screen and (max-width:1710px){
	.esg_tabbox li{margin-right:1.4%;}
}

@media only screen and (max-width:1600px){
.fnt_24{font-size: 22px;}
.fnt_92{font-size: 70px;}
.fnt_38{font-size: 34px;}
.fnt_60{font-size: 50px;}
}
@media only screen and (max-width:1599px){
.fnt_24{font-size: 20px;}
.fnt_92{font-size: 60px;}
.fnt_38{font-size: 30px;}
.fnt_60{font-size: 40px;}
}
@media only screen and (max-width:1365px){
    .fnt_24{font-size: 18px;}
    .fnt_92{font-size: 50px;}
    .fnt_38{font-size: 24px;}
    .fnt_60{font-size: 36px;}
}

@media only screen and (max-width:1279px){
    .fnt_24{font-size: 16px;}
    .fnt_92{font-size: 40px;}
    .fnt_38{font-size: 20px;}
    .fnt_60{font-size: 24px;}
    .esg_tabbox li{margin-right:1%;}
    .esg_part02 li{width: 48%;}
}



@media only screen and (max-width:1023px){
.esg_tabbox li{padding: 5px 2%; margin-right:3%;}
.esg04_list li{width: 48%;}
.esg05_list::before{display: none;}
.esg05_list li{ width: 100%;}
}
@media only screen and (max-width:767px){
.esg_body .banner_text p,.esg_part01 .con,.esg03_box .ll,.esg03_box .rr{width: 100%;}
.esg03_box .ll ul{padding: 0 0;}
.esg03_box .ll li,.esg03_box .ll li span{padding: 3% 0;}
.esg03_box .ll li span em{padding-bottom: 5px;}
.esg03_box .ll{min-height: unset;}
.esg04_list li{width: 98%;}
.esg05_list{padding: 5%;}
}

.innovation_part02{padding: 5% 0 0; background: #fff;}
.innovation_part02 .ll{ float: left; width: 45%;}
.innovation_part02 .rr{ float: right; width: 45%;}
.innovation_part02 .ll .c{margin-top: 5%;}
.innovation_part02 .rr li{ float: left; width: 40%; position: relative; background: url(../images/img_d06.png) no-repeat; background-size: cover;}
.innovation_part02 .rr li:nth-child(2n){ float: right;}
.innovation_part02 .rr li p{top:60%; width:60%;}
.innovation_part02 .rr li p span{ color: #2A9E51;}
.innovation_part02 .rr li p em{color: #2D9F54;}
@media only screen and (max-width:1799px){
    .innovation_part02 .rr{ width: 50%;}
    .innovation_part02 .rr li{width: 45%;}
}
@media only screen and (max-width:1023px){
.innovation_part02 .rr li{ width: 48%;}
}
@media only screen and (max-width:767px){
.wrap{width: 90%;}
.innovation_part02 .ll,.innovation_part02 .rr{ width: 100%;}
.innovation_part02 .rr{margin-top: 5%;}
.innovation_part02 .rr li{ width: 50%;}
}

.quality_part02{padding: 5% 0 0;}
.quality_part02 ul{margin: 5% 0 0;}
.quality_part02 li{ float: left; width: 40%; padding: 0 9%;margin-bottom: 5%; box-sizing: border-box; position: relative;}
.quality_part02 li::before{content: ""; position: absolute; right:0; top:0; width: 1px; height: 100%; background: #C7C7C7;}
.quality_part02 li:nth-child(3n)::before{ display: none;}
.quality_part02 li .img{position: relative; width: 175px; height: 175px; margin:0 auto; overflow: hidden;}
.quality_part02 li .img span{color:#023E7D; font-weight: bold; width: 100%; text-align: center;}
.quality_part02 li p{margin-top:3em; line-height: 1.8; height: 5.4em; overflow: hidden;}
.quality_part02 li:nth-child(3n-2){padding-left: 0; width: 30%;}
.quality_part02 li:nth-child(3n){padding-right: 0; width: 30%;}
.quality_part02 li:nth-child(3n+1){ clear: both;}


.esg_part03 .c{margin-top: 2%;}
.esg_part03 .c .edit_con_original{line-height: 1.8;}
.marg_b{margin-bottom: 6%;}
@media only screen and (max-width:1600px){
    .quality_part02 li{padding: 0 5%;}
    .quality_part02 li .img{ width: 140px; height: 140px;}
}
@media only screen and (max-width:1599px){
    .quality_part02 li .img{ width: 130px; height: 130px;}
}
@media only screen and (max-width:1399px){
    .quality_part02 li .img{ width: 120px; height: 120px;}
}
@media only screen and (max-width:1279px){
    .quality_part02 li .img{ width: 100px; height: 100px;}
}
@media only screen and (max-width:1023px){
.quality_part02 li{ width: 50%!important; padding: 0 5%!important;}
.quality_part02 li:nth-child(3n+1){ clear: none;}
.quality_part02 li:nth-child(2n+1){ clear: both;}
.quality_part02 li:nth-child(3n)::before{ display: block;}
.quality_part02 li:nth-child(2n)::before{ display: none;}
.quality_part02 li:nth-child(2n){padding-right: 0!important;}
.quality_part02 li:nth-child(2n+1){ padding-left: 0!important;}
}
@media only screen and (max-width:767px){
.quality_part02 li{width: 100%!important; padding: 0!important;}
.quality_part02 li::before{display: none!important;}
.quality_part02 li p{margin-top: 5%; height: auto;}
}

.environment_part02{padding: 5% 0 0; overflow: hidden;}
.environment_part02 h2{color:#3E3A39;}
.environment_part02 .c{margin-top:2%;color:#000;}
.environment_part02 dl{margin: 4% 0 0;}
.environment_part02 dt{ height: 76px; line-height: 76px;}
.environment_part02 dt span{ float: left; margin-right: 20px;max-width: 82px;width:6%; overflow: hidden;}
.environment_part02 dt span img{ max-width: 100%; max-height: 76px; vertical-align: middle;}
.environment_part02 dd{margin-top:2.5%; margin-left: -4%; margin-right: -4%;}
.environment_part02 dd img{width: 100%;}
@media only screen and (max-width:1279px){
    .environment_part02 dt{ height: 56px; line-height: 56px;}
}
@media only screen and (max-width:767px){
.environment_part02 dt{ height: 36px; line-height: 36px;}
}


.fund_01 .index_more{margin-top:3%; text-align:center;}
.fund_01 .index_more a{width:230px; display:inline-block; height:30px; line-height:30px; color:#fff;}
.fund_01 .index_more a span,.fund_01 .index_more a i{ display:inline-block;}
.fund_01 .index_more a i{margin-left:10px;}
@media only screen and (max-width:1024px){
	.fund_01 .index_more a{width:195px;}
	.fund_01 .index_more a i{position:static;}
}

.esg_pingdao{padding:5% 0;}
.esg_body .welfare_02{padding-bottom:0;}
.esg_part05_welfare{padding-top:0;}


@media only screen and (min-width:1025px){
    .esg_tabbox li:hover{background: linear-gradient(to right, #008967 0%,#005E87 100%);}
    .esg_tabbox li:hover a{color: #fff!important;}
    .esg03_box .ll li:hover span{color: #00417F;}
	.fund_01 .index_more a:hover{width:230px;}
	.fund_01 .index_more a:hover i{position:static;}
}

/*字体颜色修改*/
.greencolor,.greencolor a,.data_re dd a,.welfare_text h3,.welfare_02 dd{color:#484848;}