@charset "utf-8";
/*common*/
body { color: #181818; }

img { max-width: 100%; }

a { color: #181818; }

.cxesg img { width: 2.16rem; padding: 0.32rem 0 0.32rem 0.4666666667rem; }

.esgfocus .swiper-wrapper .swiper-slide img { max-width: 100%; }

.esgfocus .swiper-container { width: 100%; height: 100%; }

.esgfocus .swiper-slide { text-align: center; font-size: 0.48rem; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.esgfocus .swiper-pagination-bullet { background: #818181; opacity: 1; }

.esgfocus .swiper-pagination-bullet-active { background: #fff; }

.esgfocus .swiper-pagination { text-align: right; width: auto; left: auto; right: 10px; }

.esgfocus .swiper-wrapper .swiper-slide .img_txt, .esgfocus .swiper-wrapper .swiper-slide .img_txt a { color: #fff; }

.esgfocus .swiper-wrapper .swiper-slide .img_txt { text-align: left; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 0 0.4rem 0.6666666667rem; box-sizing: border-box; background: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 60%); background: linear-gradient(to top, black, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 60%); }

.esgfocus .swiper-wrapper .swiper-slide .img_txt dt { display: none; background: #3e5ea9; border-radius: 0.1333333333rem; padding: 0 0.1333333333rem; font-size: 0.4266666667rem; margin-bottom: 0.1333333333rem; }

.esgfocus .swiper-wrapper .swiper-slide .img_txt dt img { vertical-align: middle; margin-bottom: 0.0533333333rem; }

.esgfocus .swiper-wrapper .swiper-slide .img_txt dd { font-size: 0.48rem; line-height: 120%; }

.esgfocus .swiper-slide .video-icon { margin-left: 0.1333333333rem; display: inline-block; width: 0.4666666667rem; height: 0.3333333333rem; background:  no-repeat 0 0; background-size: contain; }

.esgfocus .swiper-slide .key-icon { margin-left: 0.1333333333rem; display: inline-block; width: 0.6133333333rem; height: 0.3733333333rem; vertical-align: middle; background:  no-repeat 0 0; background-size: contain; }

.esg_zxwz { margin: 0.4rem 0 0 0; }
.esg_zxwz h2, .esg_zxwz .list { margin: 0 0.5333333333rem; }
.esg_zxwz h2 { font-size: 0.4rem; border-bottom: 1px solid #eee; padding: 0 0 0.4rem 0; }
.esg_zxwz .list h3 { color: #3e5ea9; background: url(/uploads/image/ffeimages/icon_blue.png) no-repeat 0 0.5066666667rem; background-size: 0.32rem; padding: 0.4rem 0 0 0.4533333333rem; }
.esg_zxwz .list dl { border-bottom: 1px solid #eee; padding: 0.4rem 0 0.4rem 0; }
.esg_zxwz .list dl, .esg_zxwz .list dd { overflow: hidden; zoom: 1; }
.esg_zxwz .list dt { float: left; width: 2.8rem; margin-right: 0.2933333333rem; }
.esg_zxwz .list dd h4 { font-size: 0.4rem; text-align: justify; }
.esg_zxwz .list dd span { font-size: 0.32rem; }
.esg_zxwz h3 a { color: #3e5ea9; }
.esg_zxwz .more { width: 3.6rem; height: 0.8266666667rem; line-height: 0.8266666667rem; margin: 0.5333333333rem auto; background: #eff1f6; border-radius: 0.4133333333rem; text-align: center; font-size: 0.32rem; color: #666; }

.txt_img_ad { position: relative; overflow: hidden; zoom: 1; margin: 0.2666666667rem 0.5333333333rem 0; border-bottom: 1px solid #eee; padding: 0 0 0.4rem 0; }
.txt_img_ad dt { float: right; margin-left: 0.2666666667rem; width: 3.0266666667rem; }
.txt_img_ad dd { overflow: hidden; zoom: 1; font-size: 0.4266666667rem; text-align: justify; }
.txt_img_ad em { position: absolute; z-index: 10; left: 0; bottom: 0.4rem; background: #787878; width: 0.72rem; height: 0.4266666667rem; line-height: 0.4266666667rem; text-align: center; border-radius: 0.08rem; color: #dadada; }

.esg_video { margin-bottom: 0.5333333333rem; }
.esg_video dd { font-size: 0.4rem; margin: 0.2666666667rem 0.5333333333rem 0; }
.esg_video h3 { font-size: 0.4rem; padding-bottom: 0.32rem; margin: 0 0.5333333333rem; }

.esg_hqbg { margin: 0 0.5333333333rem; border-top: 1px solid #eee; padding: 0.4rem 0 0; }
.esg_hqbg h4 { font-size: 0.4rem; padding-bottom: 0.32rem; }
.esg_hqbg dl, .esg_hqbg dd { overflow: hidden; zoom: 1; }
.esg_hqbg dl { border-bottom: 1px solid #eee; padding: 0 0 0.4666666667rem 0; margin-bottom: 0.4666666667rem; }
.esg_hqbg dl:last-child { border-bottom: 0; }
.esg_hqbg dt { float: left; width: 1.6rem; margin-right: 0.2666666667rem; }
.esg_hqbg dd h5 { font-size: 0.3733333333rem; padding-bottom: 0.2rem; }
.esg_hqbg dd p { font-size: 0.24rem; color: #666; }

.footer { text-align: center; }
.footer dd { margin: 0.8rem 0; }
.footer dd img { width: 4.9333333333rem; }

/*邮件订阅 2021-08-23 --------------------*/
.mail_sub_box { background: #f7f7f7; padding-bottom: 0.5333333333rem; margin: 0.5333333333rem 0.5333333333rem 0; }
.mail_sub_box h3 { background: #e2efff; height: 1.04rem; line-height: 1.04rem; text-align: center; font-size: 0.4rem; }
.mail_sub_box .con { padding: 0 0.3333333333rem; }
.mail_sub_box .con p { font-size: 0.4rem; color: #464646; text-align: justify; padding-top: 0.36rem; }
.mail_sub_box .con dl { overflow: hidden; zoom: 1; margin-top: 0.4rem; }
.mail_sub_box .con dt { width: 6.4666666667rem; float: left; }
.mail_sub_box .con dt input { background: #fff; height: 0.8rem; line-height: 0.8rem; color: #000; width: 100%; border: 0; padding: 0 0.1333333333rem; box-sizing: border-box; margin-bottom: 0.0666666667rem; font-size: 0.32rem; border: none; outline: none; }
.mail_sub_box .con dt input::placeholder { color: #ccc; }
.mail_sub_box .con dt input::-webkit-placeholder { color: #ccc; }
.mail_sub_box .con dt span { color: #f00; font-size: 0.32rem; display: none; }
.mail_sub_box .con dd { float: right; width: 1.5333333333rem; height: 0.7466666667rem; line-height: 0.7466666667rem; color: #1f449c; border: 1px solid #1f449c; text-align: center; border-radius: 3px; }

/* 特别呈现 2021-11*/
.tbcx_ad { margin-top: 0.4rem; border-bottom: 1px solid #535353; border-top: 1px solid #535353; padding-bottom: 0.1333333333rem; }

.tbcx_ad .swiper { width: 100%; height: 100%; }

.tbcx_ad .swiper-slide { text-align: center; font-size: 0.48rem; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.tbcx_ad .swiper-slide img { display: block; width: 10rem; height: 5.6666666667rem; object-fit: cover; }

.tbcx_ad h3 { height: 0.9333333333rem; line-height: 0.9333333333rem; font-size: 0.5333333333rem; font-style: italic; color: #535353; text-align: center; }

.tbcx_ad .swiper .swiper-pagination-fraction { bottom: 1.3333333333rem; left: 0.4rem; font-family: arial; color: #000; width: 0.9333333333rem; height: 0.5333333333rem; line-height: 0.5333333333rem; background: rgba(191, 209, 209, 0.7); text-align: center; border-radius: 0.2666666667rem; word-spacing: -2px; }

.tbcx_ad .swiper .swiper-button-prev, .tbcx_ad .swiper .swiper-button-next { background: rgba(191, 209, 209, 0.7); color: #000; width: 0.5333333333rem; height: 0.5333333333rem; bottom: 1.3333333333rem; top: auto; outline: none; }

.tbcx_ad .swiper .swiper-button-prev::after, .tbcx_ad .swiper .swiper-button-next::after { font-size: 0.3466666667rem; }

.tbcx_ad .swiper .swiper-button-prev { right: 0.88rem; left: auto; }

.tbcx_ad .swiper-slide p { padding-bottom: 0.2666666667rem; font-size: 0.48rem; color: #535353; text-align: center; margin-top: 0.16rem; padding: 0.1333333333rem 0.1333333333rem 0; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.xgplayer-skin-default .xgplayer-fullscreen { display: none !important; }

/*# sourcemappingurl=m_esgchannel.css.map */