锘?news_01{padding: 4% 0;box-sizing: border-box;overflow: hidden;}
.news_tit{color: #96643C;margin-bottom: 30px;}
.news_tit h2{float: left;color: #000; line-height: 40px;}
.news_tit>a,.news_tit .media_link a{float: right;font-size: 40px;color: #96643C;/*width:80px;*/text-align: right; line-height: 1;}
.dynamic_box dl{display: inline-block;position: relative;width: 100%;}
.dynamic_box dd{float: left;width: 50%;position: relative;overflow: hidden;}
.dynamic_box dd a{color: #fff!important;}
.dynamic_box dd .dynamic_txt{position: absolute;left: 0;bottom: 0;padding:0 5% 5%; width: 100%; box-sizing: border-box;overflow: hidden;z-index: 2;}
.dynamic_txt p{margin-bottom: 3%;}
.dynamic_txt span em{margin-left: 8px; }
.blank_img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../upload/news_02.png) no-repeat center;background-size: cover;}
.dynamic_box dt{width: 46%;position: absolute;right: 0;top: 0;height: 100%;}
.dynamic_box dt ul{height: 100%;}
.dynamic_box dt ul li{height: 50%;position: relative;border-bottom: 1px solid #96643C;}
.dynamic_text{padding: 0 5%;box-sizing: border-box;}
.dynamic_text a{display: block;color: #000; line-height: 1.4;height: 2.8em; max-height: 2.8em;}
.dynamic_text p{color: #000;transition: all .3s;margin-top:3%;}
.dynamic_text p span{margin-left: 8px; font-weight: 400;}

.news_02{padding: 4% 0;box-sizing: border-box;overflow: hidden;background: #efeeed;}
.finance_01{padding-bottom: 0!important; background: #FBFBFB;}
.finance_list ul{margin-left: -30px;margin-right: -30px;}
.finance_list li{float: left;width: 50%;padding: 0 30px;box-sizing: border-box;margin-bottom: 20px;}
.finance_list li a{padding:3.5% 7%;box-sizing: border-box;display: block;background: #fff; color: #000;}
.finance_list li a p{line-height: 1.4; height: 2.8em; max-height: 2.8em; overflow: hidden;margin-bottom: 30px;}
.finance_list li a span{/*color: #5a5a5a;*/transition: all .3s;}

.news_03{padding: 4% 0 5%;box-sizing: border-box;overflow: hidden;}
.news_03 .news_tit{margin-bottom: 40px;}
.news_03 .news_tit h2{margin-right: 40px;}
.media_tab{float: left;}
.media_tab li{float: left;/*width: 200px;*/ padding: 0 10px; height: 40px;line-height: 40px;text-align: center; background: #efeeed;border-radius: 3px;
    margin-right: 10px;cursor: pointer;transition: all .3s;}
.media_tab li i{font-size: 24px;margin-right: 5px;}
.media_tab li span{display: inline-block;position: relative;top:-3px; color:#000;}

.media_link{float: right;}
.media_link a{display: none;}
.media_link a.on{display: block;}



.media_video ul{margin-left: -20px;margin-right: -20px;}
.media_video li{float: left;width: 33.3%;padding: 0 20px;box-sizing: border-box;margin-bottom: 20px;}
.media_video li dl{cursor: pointer;transition: all .3s;}
.media_video li dd{ overflow: hidden; position: relative;}
.media_video li dd a{position: relative;overflow: hidden; display: block; width: 100%; height: 100%;}
.media_video li dd span{opacity: 0;color: #fff; font-size: 40px; z-index: 2;}
.media_video li dd a em{opacity: 0;position: absolute; z-index: 1; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.media_video li:hover dd span,.media_video li:hover dd em{ opacity: 1;}
.vid_play{font-size: 40px; color: #000; z-index: 2; opacity: 0.5;}
.media_video li dd .vid_play{/*color: #fff;*/}
.blank_10{background: rgba(0,0,0,0.1);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.media_video li dt{padding: 15px 0 20px;text-align: center;transition: all .3s;}
.media_video li dt p{overflow: hidden;line-height: 1.2em; height: 1.2em;}

.media_tab li.on{background: #96643C;color: #fff;}
.media_tab li.on span{color: #fff; }
.media_tab li.on i{color: #fff;}
.media_tab li a:hover{color: #fff!important;}

.mmore{ display: block; text-align: center;color: #96643C;}
.mmore i{ font-size: 30px; margin-left: 5px; position: relative; top:8px;}
/*瑙嗛寮圭獥*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;width: 100%;}
.video_appbox .video_t{z-index:2; background:#000;width: 1035px;max-width:94%;height:70%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{ visibility: visible;opacity:1;top:50%;}
.video_appbox iframe{width:100%; height: 100%;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:calc(15% - 60px); right:calc(50% - 517px); cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:30px;}

/**/
.media_image ul{margin-left: -20px;margin-right: -20px;}
.media_image li{float: left;width: 33.3%;padding: 0 20px;box-sizing: border-box;margin-bottom: 20px;}
.media_image dt{padding: 15px 0 20px;text-align: center;transition: all .3s;}
.media_image dt h2{line-height: 1.2em; height: 1.2em; overflow: hidden;}
.media_image li dd a{position: relative;overflow: hidden; display: block; width: 100%; height: 100%;}
.media_image li dd span{opacity: 0;color: #fff; font-size: 40px; z-index: 2;}
.media_image li dd a em{opacity: 0;position: absolute; z-index: 1; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.media_image li:hover dd span,.media_image li:hover dd em{ opacity: 1;}
.media_image2 li{ width: 25%;}
.media_image2 dt h2{height: 2.4em;}
/*s*/

.media_info-list ul{margin-left: -20px;margin-right: -20px;}
.media_info-list li{float: left;width: 25%;padding: 0 20px;margin-bottom: 20px;box-sizing: border-box;}
.media_info-list li a{display: block;color: #000;}
.media_info-list li dd{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.media_info-list li dt{padding:15px 10px 20px;box-sizing: border-box;text-align: center;}

@media only screen and (max-width:1599px) {
.news_03 .news_tit h2{ margin-bottom: 3%;}
.media_tab{ width: calc(100% - 60px);}
.news_media .media_tab{ width: 100%;}
}
@media only screen and (max-width:1279px) {
    .media_tab li{ margin-bottom: 5px;}
}
/*鏂伴椈鍔ㄦ€?/
.dynamic_01{padding: 4% 0 0;box-sizing: border-box;overflow: hidden;}
.dynamic_list{margin:0 -20px;}
.dynamic_list li{float: left;width: 33.3%;padding: 0 20px;box-sizing: border-box;margin-bottom: 60px;}
.dynamic_list li a{display: block; color: #000;}
.dynamic_list li dd{overflow: hidden;}
.dynamic_list li dt{background: #F5F5F5;padding: 30px 40px 40px;box-sizing: border-box;color: #000;transition: all .3s;}
.dynamic_list li dt h3{margin-bottom: 10px;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.dynamic_list li dt>p{color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dynamic_list li dt>p span{margin-left: 10px; font-weight: 400;}
.dyn_txt{margin-top: 8%;}
.dyn_txt p{line-height: 24px;height: 96px;overflow: hidden;}


.finance_01 ul{margin-bottom:40px;overflow: hidden;}
.pdf_01{padding: 4% 0;box-sizing: border-box;overflow: hidden;}
.pdf_01 ul{margin-bottom: 40px;overflow: hidden;padding-top: 20px;margin-top: -20px;}
.report_01{padding-bottom: 2%;}
/*璇︽儏椤?/
.del_con{margin-top:8.5%;width: 1100px;margin-left: auto;margin-right: auto;padding-bottom: 6%;max-width: 100%;}
.d_title{text-align: center;border-bottom: 1px solid #4C4C4C;padding-bottom:2.2%;margin-bottom: 2.5%;}
.d_title h2{line-height: 1.4em;margin-bottom: 3%;}
.gray{color: #5a5a5a;}
.d_span span{margin: 0 12px;color:#838383; }
.d_span span em{ color: #5A5A5A;}


.del_edit{padding: 0 4%;box-sizing: border-box;padding-bottom: 4%;}
.del_edit .edit_con_original{line-height: 24px;color: #000;}
.share_common{float: left;overflow: hidden;}
.del_share span {float: left;width: 50px;text-align: left;}
.share_common a,.del_share span{height: 40px; line-height:40px;}
.share_common a{float: left;color: #9ca1a2;width: 40px;height: 40px;border-radius: 40px;background: #f5f5f5;text-align: center;line-height: 40px;margin-right: 40px;}
.share_common a i{font-size: 20px;color: #6e6e6e;}
.share_common a:last-child{margin-right: 0;}
.del_share{overflow: hidden;border-bottom: 1px solid #4c4c4c;padding: 0 4% 20px;box-sizing: border-box;}
.news_page{padding: 30px 4% 0;box-sizing: border-box;position: relative;}
.news_page span{display: block;line-height: 28px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cona{position: absolute;right: 0;top: 30px;color: #fff;height: 28px;line-height: 28px;text-align: center;border-radius: 20px;}
.cona a{display: block;width: 100px;height: 33px;line-height: 33px;text-align: center;background: #92673C;color: #fff;font-size: 14px; border-radius: 5px;}

.detimg_list_box{ max-width: 684px;margin: 0 auto 0.5%; position: relative;}
.detimg_list_box .swiper-container{padding-bottom: 4%;}
.detimg_list_box .swiper-scrollbar{bottom:0px; left:0px; width:100%; height: 1px; background: #92673C;}
.detimg_list_box .swiper-scrollbar-drag{cursor: pointer;height:7px; top:-3px; border-radius:5px; background: #92673C;}


@media only screen and (min-width:1025px) {
    .dynamic_box dt ul li:hover{background: #96643C;}
    .dynamic_box dt ul li:hover a{color: #fff!important;}
    .dynamic_box dt ul li:hover p{color: #fff;}
    .finance_list li a:hover{background: #96643C;color: #fff!important;}
    .finance_list li a:hover span{color: #fff;}
    .media_tab li:hover{background: #96643C;color: #fff;}
    .media_tab li:hover span{color: #fff; }
    .media_video li dl:hover .vid_play{
        color:#92673C; opacity: 1;
    }
    .media_video li dl:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .media_video li dl:hover dt{background: #96643C;color: #fff;}
    .media_image li dl:hover dt{background: #96643C;color: #fff;}
    .media_info-list li a:hover{background: #96643C;color: #fff!important;}

    .dynamic_list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .dynamic_list li a:hover dt{background: #96643c;color: #fff;}
    .dynamic_list li a:hover dt>p{color: #fff;}
    .cona a:hover{color: #fff!important;opacity: .8;}

    .news_page span a:hover{color:#92673C!important;}
}
@media only screen and (max-width:1600px) {
    .media_info-list ul{margin-left: -20px;margin-right: -20px;}
    .media_info-list li{padding: 0 20px;}
}
@media only screen and (max-width:1440px) {
    .media_tab li span{top:-4px;}
}
@media only screen and (max-width:1366px) {
    .dynamic_list li dt{padding:5%;}
    .vid_play{font-size: 30px;}
}
@media only screen and (max-width:1280px) {
    .media_info-list li dt{padding: 20px 8%;}
    .media_tab li{margin-right: 5px;}
}
@media only screen and (max-width:1024px) {
    .news_tit{margin-bottom: 20px;}
    .dynamic_box dd,.dynamic_box dt{width: 100%;}
    .dynamic_box dt{position: static;overflow: hidden;}
    .dynamic_box dt ul{margin-top: 10px;}
    .dynamic_text{position: static;transform: inherit;padding: 20px 0;}
    .finance_list ul{margin-left: -15px;margin-right: -15px; margin-bottom: 20px;}
    .finance_list li{padding: 0 15px;}
    .news_03 .news_tit h2{margin-right: 20px;}
    
    .media_tab li i{margin-right: 5px;}
    .media_video li{margin-bottom: 0;}
    .media_image li{margin-bottom: 0;}
    .media_info-list li{margin-bottom: 0;}
    .dynamic_list li{width: 50%;margin-bottom: 40px;}
    .dynamic_text a{ height: auto; max-height: unset;}
    .media_tab{margin-top:0;}
    .pdf_01{padding: 50px 0;}
    .share_common a{margin-right: 25px;}
    .cona{display: none;}
    .media_info-list li dt{padding: 20px 5%;}
    .news_tit>a,.news_tit .media_link a{font-size: 36px;}
}
@media only screen and (max-width:1023px) {
    .media_info-list li dt{padding: 20px 0;}
    .media_tab li{margin-bottom: 5px;}
}
@media only screen and (max-width:767px) {
    .news_tit{margin-bottom: 10px;}
    .news_01{padding: 20px 0 40px;}
    .dynamic_box dd .dynamic_txt{padding: 15px 20px;}
    .news_02{padding: 20px 0;}
    .finance_list ul{margin-left: 0;margin-right: 0;}
    .finance_list li{width: 100%;padding: 0; margin-bottom: 5%;}
    .finance_list li a{padding: 20px;}
    .media_video ul{margin-left: -10px;margin-right: -10px;}
    .media_video li{width: 50%;padding: 0 10px;}
    .media_video li dt{padding: 10px 0;}
    .news_03 .news_tit h2{margin-right: 0;}
    .media_tab{width: 100%;}
    .media_tab li{/*width: 32%;margin-right: 2%;*/}
    .media_tab li:last-child{margin-right: 0;}
    .media_tab li i{font-size: 18px;}
    .media_tab li span{top: -2px;}
    .news_03{padding: 20px 0;}
    .news_03 .news_tit{position: relative;margin-bottom: 30px;}
    .news_03 .media_link{position: absolute;right: 0;}
    .news_media{padding-top: 45px;}
    .news_media .media_link{ top:-42px;}
    .news_tit>a,.news_tit .media_link a{font-size: 30px;}

    .media_image ul{margin-left: -10px;margin-right: -10px;}
    .media_image li{width: 50%;padding: 0 10px;}
    .media_image dt{padding: 10px 0;}
    .vide0_close{right: 7px;}
    .vid_play{font-size: 24px;}
    .media_info-list ul{margin-left: -10px;margin-right: -10px;}
    .media_info-list li{width: 50%;padding: 0 10px;}
    .media_info-list li dt{padding: 10px; background: #92673C; color: #fff;}
    .media_info-list li dt p{ height: 3em; white-space:unset;text-overflow:unset;}
    .dynamic_list{margin: 0;}
    .dynamic_list li{width: 100%;margin-bottom:5%;padding: 0;}
    .finance_01 ul{margin-bottom: 0;}
    .pdf_01{padding: 30px 0 10px;}
    .pdf_01 ul{margin-bottom: 20px;}
    .del_con{padding-bottom: 40px;}
    .del_edit{padding: 0;}
    .share_common a{width: 30px;height: 30px;border-radius: 30px;line-height: 30px;margin-right: 10px;}
    .share_common a i{font-size: 14px;}
    .news_page{padding-top: 20px;}
    .d_span span{display: block;}

    .dynamic_list li dt h3{ height: auto; max-height: auto;}
}


/*esg 鏍忕洰*/
.esg_01{padding: 7% 0 5%;overflow: hidden;}
.esg_01-txt{text-align: center;line-height:45px;color: #000000;position: relative;}
.esg_01-txt p em.l{display:inline-block;position: relative; top:-10px; width: 24px;height: 19px;background: url('../upload/esg_01.png') no-repeat;/*position: absolute;left: 16%;top: 0px;*/}
.esg_01-txt p em.r{display:inline-block;position: relative; top:-10px;width: 24px;height: 19px;background: url('../upload/esg_02.png') no-repeat;/*position: absolute;right: 4%;bottom: 0px;*/}
.esg_01-txt p{position:relative;}

.esg_01-link{text-align: center;margin-top: 4%;}
.esg_01-link a{display: inline-block;padding: 0 30px;height: 40px;line-height: 40px;border-radius: 20px;background: #96643c;color: #fff!important;}
.esg_01-link a i{font-size: 24px;display: inline-block;vertical-align: middle;}

.esg_02{margin-bottom: 4%;}
.esg_02.grade_01{margin-bottom: 0;}

.esg_grade{background: #e6dcd0;padding: 6% 8%;box-sizing: border-box;overflow: hidden;}
.esg_tit{margin-bottom: 5%;}
.esg_grade ul li{margin-bottom: 45px;overflow: hidden;}
.esg_grade ul li dd{float: left;width: 58%;padding-right: 5%;box-sizing: border-box;overflow: hidden;}
.esg_grade ul li dd .ls{float: left;width: 60px;height: 60px;text-align: center;border-radius: 15px;margin-right: 40px;background: #96643C;}
.esg_grade ul li dd .ls img{margin-top: 12px;width: 36px;height: 36px;}
.esg_grade ul li dd .rs{float: left;width: calc(100% - 102px);position: relative;/*height: 60px;*/}
.esg_grade ul li dd .rs p{line-height: 30px;max-height: 90px; color: #000; margin-bottom: 1%; display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.esg_grade ul li dd .rs p.fnt_12{line-height: 20px;}
.esg_grade ul li dt{float: right;width: 32%;padding-top: 9px; line-height: 36px;}
.esg_grade ul li dt h3{ float: left; color: #96643C;/*display: inline-block;*/margin-right: 10px;}
.esg_grade ul li dt span{color: #000; float: right; width: calc(100% - 60px);}
.esg_grade ul li:first-child h3,.esg_grade ul li:nth-child(2) h3{width: 50px;}



.esg_03{padding: 4% 0 0%;box-sizing: border-box;overflow: hidden;}
.esg_list{width: 70%;margin: 0 auto;}
.esg_list dl{position: relative;overflow: hidden;margin-bottom: 5%;}
.esg_list dl dt{left: 0;height: 74%;width: 57.7%;background: url('../upload/esg_09.png') no-repeat;background-size: cover;padding: 40px;box-sizing: border-box;padding-right: 16%;}
.esg_list dl:nth-child(2n) dt{left: auto;right: 0;background: url('../upload/esg_10.png') no-repeat;background-size: cover;padding-right: 40px;padding-left: 16%;}
.esg_list dl dt h3{margin-bottom: 6px;}
.esg_list dl dt .txt p{line-height: 30px;max-height: 90px;overflow: hidden;}
.esg_list-link{margin-top: 15px;}
.esg_list-link a{font-size: 30px;display: block;}
.esg_list2{width: 70%;margin: 0 auto;}
.esg_list2 ul{margin-left: -10px;margin-right: -10px;}
.esg_list2 li{float: left;width: 50%;padding: 0 10px;box-sizing: border-box;}
.esg_list2 li a{display: block;}
.esg_list2 li dl{position: relative;}
.esg_list2 li dl dt{position: absolute;left: 0;bottom: 40px;width: 100%;padding: 0 40px;box-sizing: border-box;color: #fff;}


.grade_01 .esg_grade{background: #fff;padding:6% 0 3%;}
.grade_01 .esg_grade ul li dd{width: 68%;}
.grade_02{background: #f5f5f5;padding: 5% 0;box-sizing: border-box;}
.grade_03{padding: 4% 0 2%;box-sizing: border-box;overflow: hidden;}
.grade_03 .esg_tit{margin-bottom: 3%;}
.association_list ul{overflow: hidden;}
.association_list li{float: left;width: 25%;text-align: center;}
.association_img{display: inline-block;width: 76%;overflow: hidden;}

.strategy_01{padding: 5% 0 2%;box-sizing: border-box;overflow: hidden;}
.strategy_pc{width: 89%;margin: 0 auto;}
.strategy_t{padding: 30px 0;overflow: hidden;background: #e6dbce;}
.strategy_t li{float: left;width: 21.5%;color: #000;padding: 0 20px;box-sizing: border-box;}
.strategy_t li:last-child{margin-right: 0;}
.first_li{width: 14% !important;margin-right: 0!important;padding-left: 3% !important;box-sizing: border-box;}

/*.strategy_b{border-bottom: 2px solid #735745;overflow: hidden;}*/
.strategy_b dl{overflow: hidden;}
.strategy_b dl:nth-child(2n){background: #e6dbce;}
.strategy_b dl ul{}
.strategy_b dl ul li{float: left;width: 21.5%;padding: 40px 20px 100px 20px;box-sizing: border-box;color: #000;}
.strategy_b dl ul li:last-child{margin-right: 0;}
.strategy_b .first_li{color: #000;padding-left: 3%;box-sizing: border-box;}

.strategy_phone{display: none;}
.phone_item{}
.phone_item:last-child{border-bottom: 0;}
.strategy_phone-t{font-size: 16px;color: #000;padding: 20px 0;overflow: hidden;background: #e6dbce;}
.strategy_phone-t dd{float: left;width: 30%;padding-left: 5%;box-sizing: border-box;}
.strategy_phone-t dt{float: left;width: 70%;}
.strategy_phone-b ul{font-size: 16px;}
.strategy_phone-b ul li{overflow: hidden;padding: 20px 0;}
.strategy_phone-b ul li:nth-child(2n){background: #e6dbce;}
.strategy_phone-b ul dd{float: left;width: 30%;color: #000;padding-left: 5%;box-sizing: border-box;}
.strategy_phone-b ul dt{float: left;width: 70%;font-size: 14px;}


/*澶嶆槦涓婃柊*/
.new_body .main{background: url(../upload/new_bg.jpg) no-repeat center;background-size: cover;}
.new_content{padding: 8% 0;box-sizing: border-box;overflow: hidden;}
.new_wrap{max-width: 1460px; margin: 0 auto; width: 94%;}
.newTit{color: #96643c;}
.newTit p{text-transform: uppercase;}
.newList{margin-top: 40px;}
.newList dl{position: relative;margin-bottom: 20px;}
.newList dl dd{position: relative;}
.newList dl dd>img{width: 100%;margin-right: 30px;}
.newList dl dt{ display: none; width: 55%;padding: 0 5%;box-sizing: border-box;color: #fff;right: 0;left: auto;}
.newList dl dt h3{margin-bottom: 20px;}

.newImg_list{display: none;position: absolute;left: 40px;bottom: 40px;}
.newImg_list img{display: inline-block;vertical-align: bottom;margin-left: 30px;}

.yel{color: #cbaa6d;}
.newList dl:nth-child(2n) dt{left: 0;right: auto;color: #000;width: 46%;}
.newList dl:nth-child(2n) .newImg_list{right: 40px;left: auto;}
.newList dl:nth-child(4) .newImg_list img{margin-left: 12px;}
.phone_img{display: none;}


.newList dl:first-child .newImg_list img:first-child{width: 97px;height: 97px;}
.newList dl:nth-child(2) .newImg_list img:first-child{width: 97px;height: 97px;}
.newList dl:nth-child(3) .newImg_list img:first-child{width: 86px;height: 114px;}
.newList dl:nth-child(4) .newImg_list img{width: 89px;height: 114px;}

@media only screen and (max-width:1280px) {
    .esg_grade{padding: 4%;}
    .esg_list,.esg_list2{width: 100%;}
    .esg_grade ul li dt{padding-top: 15px;}
    .esg_grade ul li dt h3{font-size: 20px;}
    .esg_grade ul li dt span{font-size: 14px;}

}
@media only screen and (max-width:1200px) {
    .strategy_pc{width: 100%;}
    .strategy_b dl ul li{font-size: 16px;}
}
@media only screen and (max-width:1024px) {
    .esg_01{padding: 70px 0 50px;}
    .esg_01-txt{line-height: 30px;}
    .esg_grade ul li dt{padding-top: 3px;}
    .esg_03{padding: 5% 0 6%;}
    .grade_01 .esg_grade{padding: 6% 4% 2%;}
    .strategy_t ul{font-size: 16px;}
    .esg_01-txt p em.r{top:0;}
}

@media only screen and (max-width:767px) {
    .esg_01{padding: 60px 0 40px;}
    .esg_01-link{margin-top: 50px;}
    .esg_tit{margin-bottom: 25px;}
    .esg_grade{padding: 30px 20px;}
    .esg_grade ul li{margin-bottom: 25px;}
    .esg_grade ul li dt{/*margin-top: 20px;*/ width:calc(100% - 80px); padding-left: 80px;}
    .esg_grade ul li dd{padding-right: 0;width: 100%;}
    .esg_grade ul li dd .ls{margin-right: 20px;}
    .esg_grade ul li dd .rs{width: calc(100% - 82px);}
    .esg_grade ul li dd .rs p{line-height: 20px;}
    .esg_grade ul li:first-child h3, .esg_grade ul li:nth-child(2) h3{ width: auto;}
    .esg_03{padding: 30px 0;}
    .esg_list dl{margin-bottom: 0;}
    .esg_list dl dt{position: static;overflow: hidden;transform: none;width: 100%;padding: 30px 10px;}
    .esg_list dl:nth-child(2n) dt{padding: 30px 10px;}
    .esg_list2 li dl dt{padding: 0 15px;bottom: 15px;}
    .grade_01 .esg_grade{padding: 30px 20px 20px;}
    .association_list li{width: 50%;}
    .grade_02{padding: 30px 0;}
    .strategy_b dl ul li{font-size: 14px;}
    .strategy_pc{display: none;}
    .strategy_phone{display: block;}
    .strategy_01{padding: 30px 0;}
    .grade_01 .esg_grade ul li dd{ width: 100%;}
    .newList dl dt,.newImg_list{display: block;}
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}
.clearfix {
    *zoom: 1;
}
.esg_ul li{
    position: relative;
    margin-bottom: 1%;
}
.esg_ul li .rightimg{
    float: right;
    width: 50%;
}
.esg_ul li .rightimg img{
    width: 100%;
}
.esg_ul li .left{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    padding:6% 5% ;
    left: 0;
    box-sizing: border-box;
    background: #96643c;
    color: #fff;
}
.esg_ul li .left a{
    color: #fff !important;
}
.esg_ul li .left a:hover{
    opacity: .4;
}
.esg_ul li .left h3{
    margin-bottom: 2%;white-space: nowrap;;overflow: hidden;;text-overflow: ellipsis;;

}
.esg_ul li .left .txt{line-height: 30px;height: 90px;overflow: hidden;}
.esg03_ul{
    margin-top: 2%;
    margin-bottom: 5%;
}
.esg03_ul li > div{
    position: relative;
    width: 49.39%;
    margin-right: 1.22%;
}
.esg03_ul li > div:nth-child(2n){
    margin-right: 0;
}
.esg03_ul li > div > a img{
    width: 100%;
}
.esg03_ul li > div > a >div{
    width: 100%;
    color: #fff;
    padding-left:10%;
    box-sizing: border-box;
    transition: all .3s;
}
.esg03_ul li > div > a >div i{font-size: 30px;}
/**/
.mediaInfo{padding-bottom: 2%;}
.means_tab ul{text-align: center;}
.means_tab li{display: inline-block;width: 200px;margin: 0 8px;}
.means_tab li a{height: 40px;line-height: 40px;background: #f5f5f5;display: block;color: #000!important;}
.means_tab li.on a{background: #96643c;color: #fff!important;}
.means_tab2 ul{text-align: center;overflow: inherit;padding-bottom: 20px;}
.means_tab2 li{display: inline-block;margin: 0 20px;}
.means_tab2 li a{position: relative;}
.means_tab2 li a:after{content: "";width: 100%;height: 2px;background: #96643c;display: none;bottom: -8px;position: absolute;left: 0;}
.means_tab2 li.on a{color: #96643c;}
.means_tab2 li.on a:after{display: block;}



#lcl_window{max-width: 70% !important;max-height: 80% !important;}
#lcl_elem_wrap{background: none!important;}
.lcl_image_elem img{visibility: visible!important; left: 0!important; position:static!important;}
.lcl_txt_under #lcl_txt{color: #000;}
@media only screen and (min-width:1025px) {
    .esg03_ul li > div > a:hover>div{opacity: .4;}
}

@media only screen and (max-width:1660px) {
    .lcl_txt_under #lcl_txt #lcl_title{font-size: 24px;}
}
@media only screen and (max-width:1440px) {
    .lcl_txt_under #lcl_txt #lcl_title{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
    .means_tab li{width: auto;}
    .means_tab li a{padding: 0 20px;}
    .lcl_txt_under #lcl_txt #lcl_title{font-size: 18px;}
}

@media only screen and (max-width:1024px) {
    .new_content{padding: 90px 0 60px;}
    .lcl_txt_under #lcl_txt #lcl_title{ font-size: 16px;}

}
@media only screen and (max-width:768px){
    /* .esg_01-txt:before {
        left: 12%;
    } */
    .lcl_txt_under #lcl_txt #lcl_title{ font-size: 14px;}
    .esg_01-txt p{
        text-indent: 25px;
    }
    .esg_01 {
        padding: 25px 0;
    }
    .esg_ul li .rightimg {
        float: none;
        width: 100%;
    }
    .esg_ul li .left {
        position: static;
        padding: 4%;
        width: 100%;
        left: 0;
    }
    .esg03_ul li > div > a >div {
        padding-left:8%;
    }

    .new_content{padding: 40px 0 40px;}
    .pc_img{display: none;}
    .phone_img{display: block;}
    .newList{margin-top: 20px;}
    .newList dl dt,.newList dl:nth-child(2n) dt{position: static;transform: inherit;overflow: hidden;background: #ece9e4;width: 100%;padding: 30px 20px;color: #000;}
    .newImg_list{bottom: 20px;left: 20px;}
    .newImg_list img{margin-right: 20px;margin-left: 0;width: 70px;}
    .newList dl:nth-child(2n) .newImg_list{left: 20px;}
    .newList dl:nth-child(4) .newImg_list img{margin-left: 0;}


    .means_tab li{margin: 0 6px;margin-bottom: 15px;}
    .means_tab li a{padding: 0 10px;}
}

@media only screen and (max-width:767px){
    .esg03_ul li > div{width: 100%; margin: 0 0 1%;}
    .esg03_ul{margin: 0;}
    .esg_list-link{margin-top: 0;}
    .esg03_ul li > div > a >div i{position: relative; top: 5px;}
    #lcl_window{max-width: unset!important;max-height: unset!important; height: auto;}
    .lcl_image_elem img{ position: fixed!important;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);left:0; top:50%;}
    .lcl_hidden_txt.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt{transform: translateY(0)!important;}
}

.media-txt{padding:4% 0 0;color: #000;}
.media-txt h3{margin-top:1%;}

/*浼佷笟绠℃不*/
.govern_con{padding: 5% 0 2%;box-sizing: border-box;overflow: hidden;}
.govern-item{margin-bottom: 40px;overflow: hidden;}
.govern-item>h2{margin-bottom: 30px;}
.govern_list ul{margin-left: -30px;margin-right: -30px;}
.govern_list li{float: left;width: 50%;padding: 0 30px;box-sizing: border-box;margin-bottom: 30px;}
.govern_inner{padding: 50px 45px;box-sizing: border-box;line-height: 40px;background: #f5f5f5;transition: all .3s;overflow: hidden;display: block;}
.govern_inner i{font-size: 40px;width: 40px;margin-right: 20px;float: left;color: #96643c;}
.govern_inner p{float: left;width: calc(100% - 190px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.govern_inner span{float: right;width: 120px;height: 40px;line-height: 40px;background: #96643c;color: #fff;text-align: center;}


@media only screen and (min-width:1025px){
    .govern_inner:hover{background: #96643c;color: #fff!important;}
    .govern_inner:hover i{color: #fff;}
    .govern_inner:hover span{background: #fff;color: #000!important;}
}
@media only screen and (max-width:1024px){
    .govern-item{margin-bottom: 30px;}
    .govern-item>h2{margin-bottom: 20px;}
    .govern_list ul{margin-left: -10px;margin-right: -10px;}
    .govern_list li{padding: 0 10px;margin-bottom: 20px;;}
    .govern_inner{padding: 30px;}
    .govern_inner span{width: 90px;}
    .govern_inner p{width: calc(100% - 160px);}
}
@media only screen and (max-width:767px){
    .govern_con{padding: 30px 0;}
    .govern-item{margin-bottom: 10px;}
    .govern-item>h2{margin-bottom: 13px;}
    .govern_list ul{margin-left: 0;margin-right: 0;}
    .govern_list li{width: 100%;padding: 0;}
    .govern_inner{padding: 25px 25px 25px 15px;}
    .govern_inner i{margin-right: 10px;}
}








/*20230626鍙樻洿ESG鎴樼暐*/
.fnt_140{ font-size: 140px;}
.strategy_part{padding: 4% 0;}
.strategy_tit{margin-bottom: 1.5%; color: #000000;}
.strategy_con{margin-bottom: 4%;color: #000000;}
.strategy_list01{ padding: 2% 0; background: #E6DBCE;}
.strategy_list01 li{ position: relative; float: left; width: 25%; padding: 0 2%; line-height: 68px; box-sizing: border-box;}
.strategy_list01 li::before{content: ""; position: absolute; lefT:0; top:50%; width: 1px; height: 46px; margin-top: -23px; background: #fff;}
.strategy_list01 li span{ float: left; width: 106px; height: 68px; overflow: hidden; margin-right: 10px;}
.strategy_list01 li span img{ max-width: 100%;}
.strategy_list01 li:first-child::before{display: none;}
.strategy_list02{margin-top: 3%;}
.strategy_list02 li{ float: left; width: 48%; margin-bottom: 2%;}
.strategy_list02 li:nth-child(2n){ float: right;}
.strategy_list02 li span{ float: left; width: 42px; height: 42px; overflow: hidden; margin-top: 5px;}
.strategy_list02 li p{ float: right; width: calc(100% - 70px); height: 4.5em;}
.strategy_list03{margin: 0 -0.5%;}
.strategy_list03 li{ float: left; width: 24%; margin: 0 0.5% 1%; background:#F5F5F5; position: relative; overflow: hidden;}
.strategy_list03 li span{position: absolute; z-index: 1; right:0; bottom:-25px;color: #DCDCDC; line-height: 1;}
.strategy_list03 li p{padding: 10%; position: relative; z-index: 2;}
.strategy_list04{margin-top: 3%;}
.strategy_titbg{ padding-bottom: 2%; background: url(../images/str_ndot09.jpg) left bottom no-repeat;}
.strategy_list04 li{ float: left; width: 49.3%; margin-bottom: 1.5%; background: #E6DBCE;}
.strategy_list04 li:nth-child(2n){ float: right;}
.strategy_list04 li p{ padding: 5%; height:7.5em; overflow: hidden;}
@media only screen and (max-width:1660px){
.fnt_140{ font-size: 120px;}
}
@media only screen and (max-width:1440px){
    .fnt_140{ font-size: 100px;}
}
@media only screen and (max-width:1279px){
    .strategy_list01 li{ width: 50%; margin-bottom: 2%;}
    .strategy_list01 li:nth-of-type(3)::before{ display: none;}
    .strategy_list02 li p{ height: 6em;}
    .strategy_list03 li{ height: 200px!important;}
    .strategy_list04 li p{ height: 10.5em;}
}
@media only screen and (max-width:1023px){
    .strategy_list02 li,.strategy_list04 li{ width: 100%;}
    .strategy_list02 li p,.strategy_list04 li p{ height: auto;}
    .strategy_list03 li{ width: 49%;}
}
@media only screen and (max-width:767px){
    .strategy_list01 li{ width: 100%; padding: 0 5%;}
    .strategy_list01 li::before{ display: none;}
    .strategy_list02 li p{ width: calc(100% - 60px);}
    .strategy_list03 li{ width: 100%; margin: 0 0 2%; height: auto!important;}
    .strategy_list03 li p{padding: 5%;}
}
/*20230626鍙樻洿ESG鎴樼暐end*/



/*20230717鏂板浜嗚В鏇村鎴愬憳浼佷笟ESG涓炬帾logo鍒楄〃*/
.esg03_logo{background: #f5f5f5; padding: 5%; margin-bottom: 5%;}
.esg03_logo ul{ margin: 0 -0.4%;}
.esg03_logo li{ float: left; width: 19.2%; margin: 0 0.4% 0.8%;}
.esg03_logo li img{ width: 100%;}
@media only screen and (max-width:1279px) {
  .esg03_logo li{ width: 24.2%;}
}
@media only screen and (max-width:414px) {
  .esg03_logo li{ width: 49.2%; margin-bottom: 1.2%;}
}
/*20230717鏂板浜嗚В鏇村鎴愬憳浼佷笟ESG涓炬帾logo鍒楄〃end*/