@charset "utf-8";
/* CSS Document */


  /* 基础样式补充 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

body { font-family: "Microsoft YaHei", Arial, sans-serif;  }
.dib {  display: inline-block; }
.row {  font-size: 0; /* 消除inline-block间隙 */  width: 100%;  }
img { max-width: 100%;  height: auto;  display: block;}
a {text-decoration: none; }

body { font-size:14px; font-family:"微软雅黑"; color:#333;  background: url("https://www.news.cn/energy/zjhfz/img/banner-pc.jpg") 50% 0px no-repeat rgb(237, 244, 247);}
.top { height:520px; position:relative; display: block; }



.wz1200{width: 1100px; margin: 0 auto; max-width: 100%;}

.section_pm { margin:0 auto; width:1100px; /*margin-bottom: 50px;*/ overflow: hidden;}

/*点击更多 跳转二级页 写的时候 要包在对应的栏目div框内*/
.gnm {margin:0px auto;width:960px;padding:50px 20px 0px 20px; text-align:center; overflow:hidden;}
.gnm .ann{float:left;margin-left:330px;width:300px;height:38px;background:#f9f9f9;border:1px #e5e5e5 solid;-webkit-border-radius:30px; text-align:center;padding:6px 0px 2px 0px;font-family:\5FAE\8F6F\96C5\9ED1;font-size:16px;position:relative; }
.gnm .ann .ff{ position:absolute;left:0px;top:0px;width:300px;text-align:center;padding:6px 0px 5px 0px;}
.gnm .ann .ff a{ color: #264e5a;  }



/*导读*/
.section-13{  margin: 0px auto; width: 1100px; margin-bottom: 30px; }
.section-13 .part {background-image: none; }
.section-13 .part {/* background:url(img/ab-2.jpg) no-repeat center right; background-size: 78% 100%; */}
.section-13 .part img{ width:20%; height: 100px; float: left; margin-right: 20px; padding-bottom: 80px; }
/*.section_pm_14 .col_l .part .part_r{ float: left; width: calc(67% - 20px); margin: 0 10px; }*/
.section-13 .part .bq{ width: 46px; height: 22px; background: #ee0003; display: block; float: left; margin-right: 10px; text-align: center; font-size: 14px; color: #fff; line-height: 22px; }
.section-13 .part h3 { color: #333; font-size: 18px; line-height: 22px; padding:0px;  }
.section-13 .part h3 a { font-size: 16px; font-weight: bold; }
.section-13 .part p { /*overflow: hidden;*/ font-size: 18px; line-height: 32px; margin-top: 5px; color: #482f16; padding: 0px; text-indent: 2.2em; }
.section-13 .part p a{ color: #ffffff}
.section-13 .part { height: auto; padding: 0px; padding-bottom: 30px; padding-top: 20px; width: 100%; text-align: justify; }


/*聚焦栏目 滚动图通用*/
.scroll_Pic_1, .scroll_Pic_2, .scroll_Pic_3, .scroll_Pic_4, .scroll_Pic_5, .scroll_Pic_6, .scroll_Pic_7, .scroll_Pic_8, .scroll_Pic_8_2, .scroll_Pic_17{ position: relative;  overflow: hidden;}
.scroll_Pic_1 .swiper-slide, .scroll_Pic_2 .swiper-slide, .scroll_Pic_3 .swiper-slide, .scroll_Pic_4 .swiper-slide, .scroll_Pic_5 .swiper-slide, .scroll_Pic_6 .swiper-slide, .scroll_Pic_7 .swiper-slide, .scroll_Pic_8 .swiper-slide, .scroll_Pic_8_2 .swiper-slide, .scroll_Pic_17 .swiper-slide{ position: relative; display: inline; width: 100%; overflow: hidden;}
.scroll_Pic_1 .swiper-slide, .scroll_Pic_2 .swiper-slide, .scroll_Pic_3 .swiper-slide, .scroll_Pic_4 .swiper-slide, .scroll_Pic_5 .swiper-slide, .scroll_Pic_6 .swiper-slide, .scroll_Pic_7 .swiper-slide, .scroll_Pic_8 .swiper-slide, .scroll_Pic_8_2 .swiper-slide, .scroll_Pic_17 .swiper-slide {  z-index: 1; white-space: nowrap; width: 100%; height: auto;}
.scroll_Pic_1 .swiper-slide img, .scroll_Pic_2 .swiper-slide img, .scroll_Pic_3 .swiper-slide img, .scroll_Pic_4 .swiper-slide img, .scroll_Pic_5 .swiper-slide img, .scroll_Pic_6 .swiper-slide img, .scroll_Pic_7 .swiper-slide img, .scroll_Pic_8 .swiper-slide img, .scroll_Pic_8_2 .swiper-slide img, .scroll_Pic_17 .swiper-slide img { width: 100%; height: auto; display: block;}
.scroll_Pic_1 .e_flt_inf, .scroll_Pic_2 .e_flt_inf, .scroll_Pic_3 .e_flt_inf, .scroll_Pic_4 .e_flt_inf, .scroll_Pic_5 .e_flt_inf, .scroll_Pic_6 .e_flt_inf, .scroll_Pic_7 .e_flt_inf, .scroll_Pic_8 .e_flt_inf, .scroll_Pic_8_2 .e_flt_inf, .scroll_Pic_17 .e_flt_inf { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; overflow: hidden; z-index: 8; color: #fff; white-space: normal;  word-wrap: break-word;}
.scroll_Pic_1 .e_flt_inf h3, .scroll_Pic_2 .e_flt_inf h3, .scroll_Pic_3 .e_flt_inf h3, .scroll_Pic_4 .e_flt_inf h3, .scroll_Pic_5 .e_flt_inf h3, .scroll_Pic_6 .e_flt_inf h3, .scroll_Pic_7 .e_flt_inf h3, .scroll_Pic_8 .e_flt_inf h3, .scroll_Pic_8_2 .e_flt_inf h3, .scroll_Pic_17 .e_flt_inf h3 { font-size: 20px; padding: 7px 60px 11px 15px; color: #fff; text-align: left; line-height: 1.8;}
/* 论动图 焦点以 fraction 分数计数形式的样式 开始 */
.scroll_Pic_1 .swiper-pagination-fraction, .scroll_Pic_2 .swiper-pagination-fraction, .scroll_Pic_3 .swiper-pagination-fraction, .scroll_Pic_4 .swiper-pagination-fraction, .scroll_Pic_5 .swiper-pagination-fraction, .scroll_Pic_6 .swiper-pagination-fraction, .scroll_Pic_7 .swiper-pagination-fraction, .scroll_Pic_8 .swiper-pagination-fraction, .scroll_Pic_8_2 .swiper-pagination-fraction, .scroll_Pic_17 .swiper-pagination-fraction { position: absolute; bottom: 12px; right: 15px!important; z-index: 7; color: rgba(255, 255, 255, 0.7); font-size: 18px; font-style: italic; font-weight: bold; left: inherit; width: 5.5rem;}
/* 论动图 焦点以 fraction 分数计数形式的样式 结束 */
.scroll_Pic_1 .e_flt_inf h3 a, .scroll_Pic_2 .e_flt_inf h3 a, .scroll_Pic_3 .e_flt_inf h3 a, .scroll_Pic_4 .e_flt_inf h3 a, .scroll_Pic_5 .e_flt_inf h3 a, .scroll_Pic_6 .e_flt_inf h3 a, .scroll_Pic_7 .e_flt_inf h3 a, .scroll_Pic_8 .e_flt_inf h3 a, .scroll_Pic_8_2 .e_flt_inf h3 a, .scroll_Pic_17 .e_flt_inf h3 a  { color: #fff;}
.scroll_Pic_1 .e_flt_inf h3 a, .scroll_Pic_2 .e_flt_inf h3 a, .scroll_Pic_3 .e_flt_inf h3 a, .scroll_Pic_4 .e_flt_inf h3 a, .scroll_Pic_5 .e_flt_inf h3 a, .scroll_Pic_6 .e_flt_inf h3 a, .scroll_Pic_7 .e_flt_inf h3 a, .scroll_Pic_8 .e_flt_inf h3 a, .scroll_Pic_8_2 .e_flt_inf h3 a, .scroll_Pic_17 .e_flt_inf h3 a  { color: #fff;}
.scroll_Pic_1 .swiper-slide .e_bg_flt, .scroll_Pic_2 .swiper-slide .e_bg_flt, .scroll_Pic_3 .swiper-slide .e_bg_flt, .scroll_Pic_4 .swiper-slide .e_bg_flt, .scroll_Pic_5 .swiper-slide .e_bg_flt, .scroll_Pic_6 .swiper-slide .e_bg_flt, .scroll_Pic_7 .swiper-slide .e_bg_flt, .scroll_Pic_8 .swiper-slide .e_bg_flt, .scroll_Pic_8_2 .swiper-slide .e_bg_flt, .scroll_Pic_17 .swiper-slide .e_bg_flt { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px;  background-color: rgba(0, 0, 0, 0.75); z-index: 7;}

/*聚焦栏目 左右栏目 补充样式*/
.section_pm_5, .section_pm_6, .section_pm_7, .section_pm_8, .section_pm_9, .section_pm_5_10, .section_pm_11, .section_pm_12, .section_pm_13 {}
.section_pm_5 .col_l, .section_pm_6 .col_l, .section_pm_7 .col_l, .section_pm_8 .col_l, .section_pm_9 .col_l, .section_pm_10 .col_l { float: left; width: calc(55% - 10px); margin-right: 10px; padding-bottom: 10px; display:block}
.section_pm_5 .col_r, .section_pm_6 .col_r, .section_pm_7 .col_r, .section_pm_8 .col_r, .section_pm_9 .col_r, .section_pm_10 .col_r { float: right; width: calc(45% - 10px); margin-left: 10px;}


.section_pm_6{ height: 400px; overflow: hidden; /*margin-bottom: 50px;*/}
.section_pm_6 .col_r .headline{ padding-bottom: 6px; border-bottom: 1px dashed #ccc;}
.section_pm_6 .col_r .headline .topic{ line-height: 30px;  font-size: 20px;}
.section_pm_6 .col_r .headline .topic a{color: #2989a9; transition: 0.5s;}
.section_pm_6 .col_r .headline .topic a:hover { color:#1f96be; transition: 0.5s;}
.section_pm_6 .col_r .headline .abstract{line-height: 1.7; color: #444; text-indent: 2em;}
.section_pm_6 .col_r .headline .abstract_none a{color: #2989a9; transition: 0.5s; font-size: 18px; line-height: 39px; margin-left: 4px; font-weight:bold; background: url(http://www.xinhuanet.com/food/2016FDCzb/img/xwjjdot.jpg) 0 center no-repeat!important; padding-left: 12px}
.section_pm_6 .col_r .headline .abstract_none a:hover { color:#1f96be; transition: 0.5s;}
.section_pm_6 .col_r .headline .abstract .more a { color: #c00; text-decoration: none;}







.section-header-jxxm {
    height: 92px; /* 修复原高度10%导致内容溢出问题 */
    margin-bottom: 20px;
    text-align: center;
    margin-top: 20px;
    background: url("https://www.news.cn/energy/zjhfz/img/jxxm2.png") no-repeat left center;
}

.section-header-yztx {
    height: 92px; /* 修复原高度10%导致内容溢出问题 */
    margin-bottom: 40px;
    text-align: center;
    margin-top: 20px;
    background: url("https://www.news.cn/energy/zjhfz/img/yztx.png") no-repeat left center;
}

.section-header-bxxs {
    height: 92px; /* 修复原高度10%导致内容溢出问题 */
    margin-bottom: 20px;
    text-align: center;
    margin-top: 20px;
    background: url("https://www.news.cn/energy/zjhfz/img/bxxs.png") no-repeat left center;
}



/*栏目样式6*/
.section_pm_17{ /*background: #EBE9E9;*/ padding: 60px 0px 0px 0px; }

.section_pm_17 .swiper-container_12 { width: 100%; height: auto;  margin: 20px auto; position: relative; left: 0px; bottom: 0px;}
.section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide {  text-align: center; font-size: 18px; background: #fff;  height: 200px;
        /* Center slide text vertically */
        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;
    }
.section_pm_17 .swiper-container_12 .swiper-pagination_12{ margin: 0 auto; text-align: center; line-height: 50px;}
.section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide { background-position: center; background-size: cover; position: relative; left: 0px; bottom: 0px; }
@media screen and (min-width:320px) and (max-width:639px){
    .section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide { width: 100%; height: 210px; position: relative; top: 0px; left: 0px; background: #676767;}
}
@media screen and (min-width:640px) and (max-width:767px){
    .section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide { width: 100%; height: 100px; position: relative; top: 0px; left: 0px; background: #676767;}
}
@media screen and (min-width:768px) and (max-width:1919px){
    .section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide { width: 100%; height: auto;}
}
@media screen and (min-width:1920px){
    .section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide { width: 100%; height: auto;}
}

.section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide img { background-position: center; }
@media screen and (min-width:320px) and (max-width:639px){
    .section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide img { width: 100%; height: 50px; position: absolute; top: 0px; left: 0px;}
}
@media screen and (min-width:640px) and (max-width:767px){
    .section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide img { width: 100%; height: 100px; position: absolute; top: 0px; left: 0px;}
}
@media screen and (min-width:768px) and (max-width:1919px){
    .section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide img { width: 380px; /*height: 150px;*/}
}
@media screen and (min-width:1920px){
    .section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide img {width: 380px; height: 200px;}
}
.section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide .inf {position: absolute;left: 0px; bottom: 0px;  z-index: 10; width: 100%;}
.section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide .inf h3{ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));  padding:5px; line-height: 20px; font-size: 15px; text-align: left; }
.section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide .inf h3 a{ color: #fff; text-align: left; font-weight: normal; text-decoration: none; }




/*高清样式10*/

.bg-max-container {max-width: 1920px; margin: 0 auto; overflow: hidden; }
.block-3{background: url(../img/bg3.jpg) no-repeat ; background-size: cover; padding-bottom: 30px; }
.container_3d {margin: 100px auto; position: relative; width: 1200px; }
.section_pm_81{position: relative; }
.section_pm_81 .photo-desc{color: white; height:50px; line-height: 50px; background:rgba(26,26,26,.75); position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 2%; }
.section_pm_81{margin-bottom: 47px; }
.section_pm_81 .swiper-container{width: 1000px; margin: 0 auto; box-sizing: content-box; }
.section_pm_81 .swiper-pagination{text-align: center; width: 1200px; bottom: -51px; }
.section_pm_81 .swiper-slide a img{width: 675px; height: 314px; }

.section_pm_81 .swiper-slide{width: 675px; height: 314px; }
.section_pm_81 .photo-desc a{color: white; font-size: 16px; }
.section_pm_81 .swiper-pagination-bullet{width: 11px; height: 11px; background:#A0A0A0; border-radius: 50%; margin-right: 11px; }
.section_pm_81 .swiper-pagination-bullet-active{background: #AC1F24; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0px; right: auto; top: 227px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0px; top: 227px; }

/*.swiper-button-prev{background-image:url(../img/l_left_new.png); top: 50%; transform: translateY(-50%); }
.swiper-button-next{background-image:url(../img/l_right_new.png); top: 50%; transform: translateY(-50%); }*/




/* 后补充 ppt部分 高清样式4 */
.section_pm_40{ width: 100%;}
.section_pm_40 .swiper-slide {/*background-color:rgb(0,0,0);*/; position: relative; left: 0px; bottom: 0px; opacity: 0.4;}
.section_pm_40 .swiper-slide.swiper-slide-active{opacity:1;}
.section_pm_40 .swiper-slide img { width: 1100px; opacity: 0.4;}
.section_pm_40 .swiper-slide.swiper-slide-active img{opacity:1;}
.section_pm_40 .swiper-container .swiper-wrapper .swiper-slide img{ width: 1100px; height: auto;}
.section_pm_40 .swiper-button-next, .section_pm_40 .swiper-container-rtl .swiper-button-prev { background-image: url(http://www.xinhuanet.com/info/zgcbh2017/images/tuyou_btn_r.png); background-repeat: no-repeat;  background-position: center; right: 20%; left: auto; width: 100px; height: 100px; border-radius: 50%; background-color: rgba(20, 30, 100, 0.2); top:45%;}
.section_pm_40 .swiper-button-prev, .section_pm_40 .swiper-container-rtl .swiper-button-next { background-image: url(http://www.xinhuanet.com/info/zgcbh2017/images/tuyou_btn_l.png); background-repeat: no-repeat;  background-position: center; left: 20%;  right: auto;  width: 100px; height: 100px; border-radius: 50%; background-color: rgba(20, 30, 100, 0.2); top:45%;}
.section_pm_40 .swiper-container .swiper-wrapper .swiper-slide .inf{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; overflow: hidden; z-index: 8; color: #fff; white-space: normal; word-wrap: break-word;}
.section_pm_40 .swiper-container .swiper-wrapper .swiper-slide .inf a{ position: absolute; left: 0; bottom: 0; width: 98%; height: 3em; font-size: 1.2em; line-height: 3em; text-align: left; padding-left: 1%; padding-right: 1% overflow: hidden; z-index: 8; color: #fff; white-space: normal; word-wrap: break-word;}
.section_pm_40 .swiper-container .swiper-wrapper .swiper-slide .bg_inf{position: absolute; left: 0;  bottom: 0; width: 100%; height: 50px; background-color: rgba(0, 0, 0, 0.75); z-index: 7;}


.bottom_bg{ width: 100%; height: 280px; display: block; background: url("https://www.news.cn/energy/zjhfz/img/bottom_bg.png") 50% 0px no-repeat; background-size: 100% 100%;}




/* goback pc端 */
.RTools { position: fixed; _position: absolute; right: 10px; bottom: 200px; width: 60px; z-index: 10000; display: none;}
.RTools .qrcode { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px/* 5px 0*/; border: 1px solid #ccc; background-color: #f7f7f7 !important; right: 0; bottom: 70px; position: absolute;}
.RTools .qrcode canvas { width: 100%; height: auto;}
.RTools .qrcode:hover::after { content: '扫描分享'; width: 100%; color: #333; font-size: 16px; display: block; text-align: center;}
.RTools .qrcode:hover { transform: translate(0, 0); animation: change 1s; -moz-animation: change 1s; -webkit-animation: change 1s; -mozanimation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; overflow: hidden; width: 100%;}
@keyframes change {
  from {   width: 48px;  height: 48px;  opacity: 1; }
  to {  width: 100px;  height: 125px;  opacity: 1; }
}
.RTools .gototop { width: 60px; height: 60px; cursor: pointer; background: #24adbd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  transition: .3s; opacity: 0; filter: alpha(opacity=0);}
.show { display: block;}
.adBottom {  background: #00a0e9; /*padding: 20px 0 40px;*/}


/* goback 移动端 */
@media (max-width: 768px) {
.RTools{position:fixed; _position:absolute; right:10px;bottom:100px;width:60px;z-index:10000; display:none;}
.RTools .qrcode{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 5px 0;border:1px solid #ccc;background-color:#f7f7f7 !important;right:0;bottom:70px;position:absolute; display:none;}
.RTools .qrcode canvas{width:100%;height:auto;}
.RTools .qrcode:hover::after{content:'扫描分享';width:100%;margin:5px auto 0;color:#333;font-size:20px;display:block;text-align:center;}
.RTools .qrcode:hover{transform:translate(0,0);animation:change 1s;-moz-animation:change 1s;-webkit-animation:change 1s;-mozanimation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;overflow:hidden;width:100%;}
/* 用来改变二维码大小 */
@keyframes change{
    from{width:48px;height:48px;opacity:1;}
    to{width:268px;height:310px;opacity:1;}
}
/* 用来改变二维码大小 */
.RTools .gototop{width:60px;height:60px;cursor:pointer;background:#24adbd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%;transition:.3s;opacity:0;filter:alpha(opacity=0);}
.show{display:block;}
@media screen and (min-width:0px) and (max-width:767px){
    .RTools{width:40px;}
    .RTools .gototop{width:40px;height:40px;}
}
}


.footer {padding: 50px 0; /*background: #da3c3b; background-color: #2998e6;*/ background-image: linear-gradient(#bcf4f9, #1a6b8b); text-align: center; color: #fff; /*border-top: #df0045 solid 5px;*/ /*margin-top: 100px;*/}
.footer p {line-height: 2; font-size: 16px; }
@media screen and (min-width:0px) and (max-width:767px){
.footer {padding: 30px 0; /*background: #2998e6;*/ text-align: center; background-image: linear-gradient(#bcf4f9, #1a6b8b); }
.footer p {line-height: 2; font-size: 12px; margin: 0 auto; word-spacing: -1px; letter-spacing: 0px; color: #ffffff; }
}