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


.domPC,.iframePC {  display:none!important;}
.domMobile {  display:block;}

*{margin: 0px; padding:0px; }

/*body { margin: 0 auto;  max-width: 640px;  background: #EDEDED }  此段注释语句应用于纯移动端页面 */
body { font-family:"微软雅黑"; color:#333; background: url("https://www.news.cn/energy/zjhfz/img/mb_banner.png") 50% 0px / 100% 400px no-repeat rgb(237, 244, 247);}
.bg{ width: 100%; margin: 0 auto; overflow: hidden;}

.top{  position:relative; height:300px; display: block; }

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

/* 栏目 包框 宽+高 */
.section_pm { margin: 0 1%; width: 98%;  margin-bottom: 30px; overflow: hidden;}


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




/*导读*/
.section-13{  margin: 0 2%; width: 96%;  }
.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: 14px; line-height: 24px; 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: 96%; text-align: justify; margin: 0 2%; }


/*聚焦栏目 滚动图通用*/
.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: 15px; padding: 7px 60px 11px 15px; color: #fff; text-align: left; line-height: 22px; background-color: rgba(0, 0, 0, 0.7);}
/* 论动图 焦点以 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;*/ bottom: 2px; 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: 3rem;*/ /*width: 3.8rem;*/ width: 6rem;}
/* 论动图 焦点以 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; font-size: 16px; width: 100%; overflow: hidden;}
.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 {  width: 100%; 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 {  width: 100%;}


.section_pm_6{ height: auto;}
.section_pm_6 .col_r .headline{ padding-bottom: 6px; border-bottom: 1px dashed #ccc;}
.section_pm_6 .col_r .headline h3{ margin-bottom: 5px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*.section_pm_6 .col_r .headline h3 a{font-size: 16px;}*/
.section_pm_6 .col_r .headline .topic{ line-height: 28px;  font-size: 16px;}
.section_pm_6 .col_r .headline .topic a{color: #2989a9; transition: 0.5s; text-decoration: none;}
.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: 16px; line-height: 30px; 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; text-decoration: none;}
.section_pm_6 .col_r .headline .abstract .more a { color: #c00; text-decoration: none;}



.section-header-jxxm {
    width: 100%;
    height: 60px;
    margin-bottom: 25px;
    text-align: center;
    margin-top: 20px;
    background: url("https://www.news.cn/energy/zjhfz/img/jxxm2.png") no-repeat left center;
    background-size: 100% 100%;
}

.section-header-yztx {
    width: 100%;
    height: 60px;
    margin-bottom: 25px;
    text-align: center;
    margin-top: 20px;
    background: url("https://www.news.cn/energy/zjhfz/img/yztx.png") no-repeat left center;
    background-size: 100% 100%;
}

.section-header-bxxs {
    width: 100%;
    height: 60px;
    margin-bottom: 25px;
    text-align: center;
    margin-top: 20px;
    background: url("https://www.news.cn/energy/zjhfz/img/bxxs.png") no-repeat left center;
    background-size: 100% 100%;
}

.section-header-jxxm {
    width: 100%;
    height: 60px;
    margin-bottom: 25px;
    text-align: center;
    margin-top: 20px;
    background: url("https://www.news.cn/energy/zjhfz/img/jxxm.png") no-repeat left center;
    background-size: 100% 100%;
}



/* 践行项目 栏目样式6 */
.section_pm_17{ /*background: #EBE9E9;*/ padding: 10px 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: 190px; position: relative; top: 0px; left: 0px; background: #5799ae;}
}
@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: #5799ae;}
}
@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: 100px; 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: 110px; 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; margin-top: 8px; margin-bottom: 8px; font-size: 14px; line-height: 20px;}
.section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide .inf h3 a{  color: #fff; text-align: left; font-weight: normal; text-decoration: none;  }



/* 6633框架 */
.yztx img{ width: 98%; height: auto; margin: 0 1%; }



/* 六防六不三省 高清样式10*/
.block-3{background: url(../img/bg1-m.jpg) no-repeat ; background-size: cover; padding-bottom: 30px; position: relative; }
.bg-max-container {padding: /*20px*/ 0; }
.container_3d {margin: 25px 1%; width: auto; overflow: hidden; }
.section_pm_81 .swiper-pagination-bullet{/*width: .11rem; height: .11rem;*/ width: 11px; height: 11px; background:#A0A0A0; border-radius: 50%; margin-right: .11rem; }
.section_pm_81 .swiper-pagination-bullet-active{background: #AC1F24; }
.section_pm_81 .swiper-pagination{width: 100%; /*bottom: -.5rem;*/ }
.section_pm_81 .photo-desc{/*height:.7rem; line-height: .7rem;*/background:rgba(26,26,26,.75); height:35px; line-height: 35px; padding: 0 .2rem ; position: absolute; left: 0; bottom: 0; width: 96%; padding: 0 2%;}
.section_pm_81 .photo-desc a{/*font-size:.28rem;*/ color: white; font-size: 14px;  }
#swiper-container-lswiper-rtext .photo-desc a{padding: 0 .37rem; /*font-size:.28rem;*/ font-size:.14px; }
.section_pm_81 .swiper-container{width: 100%; }
.section_pm_81 .swiper-slide a{/*width: 6.86rem; height: 3.86rem;*/ width: 100%; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.section_pm_81 .swiper-slide a img{/*    width: 6.86rem; height: 3.86rem;*/ width: 100%; height: auto; }
.section_pm_81 .swiper-slide img{/*    width: 6.86rem; height: 3.86rem;*/ width: 100%; height: auto; }
.section_pm_81 .swiper-slide{/*width: 6.86rem; height: 3.86rem;*/ width: 100%; height: auto; }
.section_pm_81{margin-bottom: .4rem; }
.section_pm_81 .swiper-button-prev, .section_pm_81 .swiper-button-next{top: 13.8rem; width: .5rem; height: .44rem; }
.section_pm_81 .swiper-button-prev{left: .1rem; }
.section_pm_81 .swiper-button-next{right: .1rem; }







/* 后补充 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: 100%; 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: 100%; 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: 100px; 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; }
}