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


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


.domMobile { display:none!important; }
.clear { clear:both; }

/*通用*/
body { font-size:14px; font-family:"微软雅黑"; color:#333;  background: url("https://www.news.cn/energy/yxrwz/img/cover.jpg") 50% 0px no-repeat; background-color: #fff0db;}
/*.top { height:680px; position:relative; }*/
.bg{ width: 100%; margin: 0 auto; overflow: hidden; }

/*包框*/
.section_pm { margin:0 auto; width:1200px; margin-bottom: 30px; overflow: hidden;}


/*title样式*/
.title { width: 100%; height: 76px; background: url('http://www.xinhuanet.com/fortune/summerdws2017/img/bg-line.png') repeat-x center; margin: 20px auto;}
.title .w-1200 { height: 100%; position: relative; }
.title-more { display: block; height: 100%; position: absolute; top: 0; right: 0; background-color: #ffffff; line-height: 76px; padding: 0 10px; }
.title-pic { margin: 0 auto; line-height: 76px; font-size: 46px; text-align: center; position: relative; display: block; margin: 0 auto; font-weight: bold; width: 1100px; }
.title-pic span { display: inline-block; background: #fff; padding: 0 20px; position: relative; }
.title-pic span a{ color: #000; font-weight:500;}
.title-pic span:before { display: block; position: absolute; width: 8px; height: 8px; content: ''; border: 1px solid #999999; top: 50%; margin-top: -4px; left: -10px; background-color: #ffffff; }


/*顶部工具栏*/
#topHeader { height: 32px; text-align: center; }
#topHeader .top { width: 1000px; margin: 0 auto; height: inherit; }
#topHeader a { float: left; height: 32px; line-height: 38px; color: #fff; margin: 0 10px; font-size: 12px; opacity: 1; }



/*2021网站导航*/
.bg-xinhua-bar {/*background-color: #2998e6;*/ min-width: 1188px; background: linear-gradient(to bottom, rgba(215,110,85,0.96), rgba(250,150,75,0.8)); }
.top-bar {height: 57px; color: #FFFFFF; text-decoration: none; padding-left: 14px; margin: 0 auto; position: relative; width: 1200px; }
.top-bar a {color: #FFFFFF; text-decoration: none;}
.top-bar .container {width: 1188px; }
.top-bar ul li {list-style: none; float: left; line-height: 56px; min-width: 46px; text-align: center; }
.top-bar ul li a {margin-right: 5px; font-size: 15px; }




/* 大聚焦 自适应 */
.section_pm_73 {width: 1200px;  min-width: 1200px; margin: 0 auto; /*overflow: hidden;*/ }

.boxBg01 { /*height: auto; padding-bottom:50px;*/ width: 100%;    height: auto;    background: url("https://www.news.cn/energy/yxrwz/img/banner_pc.png") 50% 0 no-repeat;    position: relative; padding-top: 680px; overflow: hidden; }


.part1 { width: 1200px; height:675px; /*overflow: hidden;*/ position: relative; float: left; }
.part1 .arrow-left { background: url("http://www.xinhuanet.com/global/img/iconBtn/arrows.png") no-repeat left top; position: absolute; left: 10px; top: 46%; margin-top: -15px; width: 20px;
        height: 40px;
        z-index: 2;
        background-size: 100% 200%;
    }

.part1 .arrow-right { background: url("http://www.xinhuanet.com/global/img/iconBtn/arrows.png") no-repeat left bottom; position: absolute; right: 10px; top: 46%; margin-top: -15px; width: 20px;
        height: 40px;
        z-index: 2;
        background-size: 100% 200%; }
.part1 .swiper-container { width: 1200px; height:675px; overflow: hidden;}
.part1 .swiper-slide { position: relative; }
.part1 .pagination { position: absolute; right: 10px; text-align: right; bottom: 15px; z-index: 2; }
.part1 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #ccc; margin: 0 3px; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.part1 .swiper-active-switch { background: #fb964c!important; }
.part1 .swiper-pagination-bullet{ margin-left:5px;}
.part1 .swiper-pagination-bullet-active{ background: #fb964c!important; }
.part1 .picTitle { position: relative; width: 1200px; height:675px; /*overflow: hidden;*/ }
.part1 .picTitle .img img { width: 1200px; height:675px; /*overflow: hidden;*/ display: block; }
.part1 .picTitle .img {margin: 0 !important; padding: 0 !important;}   /* 清除图片默认padding */
.part1 .picTitle .bg { background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9)); bottom: 0; height: 50px; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 10; }
.part1 .picTitle .name { bottom: 0; color: #fff; height: 50px; left: 0; font-size: 22px; line-height: 50px; overflow: hidden; position: absolute; text-indent: 1em; text-align: left; width: 100%; z-index: 11; }
.part1 .picTitle .name a { color: #fff; text-decoration: none; }
/* .part1-left .picTitle .name a:hover { text-decoration: underline; } */
/*chooseBox*/
.icon { display: inline-block; vertical-align: middle; background: url("http://www.news.cn/2015/img2015/icon_all.png") no-repeat; overflow: hidden; }
.iconDownArrowWhite { width: 14px; height: 14px; background-position: -19px -45px; }
.chooseBox-enter { position: absolute; z-index: 2; font-size: 14px; font-family: "微软雅黑"; right: 30px; top: 10px; color: #fff; width: 95px; text-align: center; }
.chooseBox-enter a { color: #fb964c; font-family: "微软雅黑"; font-size: 14px; }
.chooseBox-language { position: absolute; z-index: 2222; left: 50%; top: 310px; width: 95px; overflow: hidden; height: 20px; margin-left: 30px; }
.chooseBox-language ul { z-index: 2; position: relative; }
.chooseBox-language li { height: 20px; line-height: 19px; position: relative; color: #6ac6f0; text-align: left; padding-left: 12px; }
.chooseBox-language li a { color: #fff; font-size: 12px; font-family: Arial; }
.chooseBox-language-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #142751; opacity: 0.2; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
z-index: 1; }
.chooseBox-icon { position: absolute; right: 5px; top: 3px; }
/*红*/
/*.part1-right { width: 380px; height: 388px; float: right;}
.part1-right h3 { width: 348px; font-size: 24px; color: #f11f00; padding: 25px 0px 15px 0px; border-bottom: 1px dashed #d6151a; text-align:center; margin: 0 auto; line-height: 35px; font-weight: bold; }
.part1-right h3 a { color: #f11f00;font-weight: bold; }
.part1-right ul { padding-top: 10px; width: 345px; margin: 0 auto; }
.part1-right li { background: url(http://www.xinhuanet.com/2016homepage/img201611115/20170626_hg_dian01.png) 0 17px no-repeat; color: #f11f00; padding: 10px 0 10px 12px; }
.part1-right li a { color: #f11f00; }*/
/*蓝*/
/*.part1-right { width: 400px; float: right; background: #f2f9fe; overflow:hidden; }
.part1-right h3 { width: 348px; font-size: 24px; color: #333; padding: 25px 0px 15px 0px; border-bottom: 1px dashed #528dfa; text-align: center; margin: 0 auto; line-height: 35px; font-weight: bold; }
.part1-right h3 a { color: #333; font-weight: bold; }
/*.part1-right ul { width: 380px; margin: -3px auto 0; }*/
/*.part1-right ul { overflow: hidden;margin: -5px auto 0;}
.part1-right li { font-size: 16px; color: #305798; padding: 15px 15px 0px 15px; height: 60px; }
.part1-right li + li { border-top: 1px solid #fff;padding: 15px 15px 0px 15px }
.part1-right li:hover { background:#ce1127;}
.part1-right li a { color: #305798; }
.part1-right li:hover a { color:#fff!important;}
.part1-right li * { vertical-align: middle; }*/*/
.indexlink { width: 106px; height: 33px; font-size: 14px; line-height: 33px; position: absolute; left: 50%; top: 305px; margin-left: -110px; background: url("http://www.xinhuanet.com/world/ciie2019/img/btnJbh.png") 0 0 no-repeat; text-align: center; color: #fff; }
.indexlink a { color: #fff; }
.mul-play { position: absolute; width: 70px; height: 70px; bottom: 50px; left: 15px; display: none; cursor: pointer; z-index: 999; }
.mul-play img { width: 100%; height: 100%;}
.videoPart { width: 1200px; height: 675px; background: #333; position: absolute; top: 0; left: 0; z-index: 50; }
.videoPart iframe { width: 1200px; height: 675px; }
.videoPart .videoPart-close { width: 22px; height: 22px; position: absolute; top: 0; right: -22px; z-index: 50; background: url("icon_btn_close.png") no-repeat; cursor: pointer; background-size: 100% auto; }
.dizhi { position: absolute; display: block; width: 830px; height: 340px; z-index: 99; top: 0; left: 50%; margin-left: -402px; text-indent: -99999em; }
.iphoto { width:21px;height:45px;float:left; margin-left: 5px; margin-right: 8px; display: inline-block; background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon1_v1_.png") 0 2px no-repeat; }
.ivideo { width:24px;height:45px;float:left; margin-left: 5px; margin-right: 8px; display: inline-block; background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon2_v1_.png") 0 2px no-repeat; }
.isound { width:22px;height:45px;float:left; margin-left: 5px; margin-right: 8px; display: inline-block; background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon3_v1_.png") 0 2px no-repeat; }
.ipen { width:21px;height:45px;float:left; margin-left: 5px; margin-right: 8px; display: inline-block; background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon4_v1_.png") 0 2px no-repeat; }
.itxt { width:17px;height:45px;float:left; margin-left: 5px; margin-right: 8px; display: inline-block; background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon5_v1_.png") 0 2px no-repeat; }
/*.part1-right li:hover .iphoto { background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon1_v2_.png") 0 2px no-repeat; }
.part1-right li:hover .ivideo { background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon2_v2_.png") 0 2px no-repeat; }
.part1-right li:hover .isound { background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon3_v2_.png") 0 2px no-repeat; }
.part1-right li:hover .ipen { background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon4_v2_.png") 0 2px no-repeat; }
.part1-right li:hover .itxt { background: url("http://www.xinhuanet.com/politics/2019xcf/images/20190319_XCFicon5_v2_.png") 0 2px no-repeat; }*/






/*栏目样式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));  line-height: 22px; padding:5px;}
.section_pm_17 .swiper-container_12 .swiper-wrapper .swiper-slide .inf h3 a{ font-size: 16px; color: #fff; text-align: left; font-weight: normal; text-decoration: none;}




        /* 大标题及摘要 (高度占栏目10%) */
        .section-header {
            height: auto; /* 修复原高度10%导致内容溢出问题 */
            margin-bottom: 30px;
            padding-bottom: 15px;
            /*border-bottom: 2px solid #e0e0e0;*/
        }

        .section-1 .section-header {
            height: auto; /* 修复原高度10%导致内容溢出问题 */
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 0px solid #e0e0e0;
            text-align: center;
            margin-top: 20px;
        }


        .section-header h2 {
            font-size: 28px;
            color: #333;
            margin-bottom: 18px;
            position: relative;
            display: inline-block;
        }

        .section-1 .section-header h2 {
            font-size: 36px;
            font-weight: 400;
            color: #333;
            margin-bottom: 18px;
            position: relative;
            display: inline-block;
        }

        .section-header h2::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -7px;
            width: 60px;
            height: 4px;
            background-color: #ff4400;
        }




/*goback*/
.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: #1657cf 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;*/}


        /* 核心栏目样式 - section-18 */
        .section-18 {
            width: 100%;
            padding: 0 20px; /* 移动端左右内边距 */
            background: url("https://www.news.cn/energy/yxrwz/img/bottom.png") 50% 0px no-repeat;
            padding-bottom: 100px;
            background-position: bottom;
        }
        .section-18_container {
            max-width: 1200px; /* PC端宽度1200px */
            margin: 50px auto; /* 上下间距，居中显示 */
            display: flex;
            flex-wrap: wrap; /* 响应式换行 */
            background: linear-gradient(to right, #f8e9e0, #fff); /* 模拟原图渐变背景 */
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 轻微阴影提升质感 */
            margin-bottom: 0px;
        }

        /* 左侧文字区域 */
        .section-18_text-wrap {
            flex: 1 1 350px; /* 最小宽度350px，自适应占比 */
            padding: 40px 30px;
            background-color: #e87b5033; /* 浅橙底色，模拟原图 */
            position: relative;
            transition: all 0.3s ease; /* PC端交互过渡 */
        }
        /* PC端交互：鼠标悬浮文字区加深底色 */
        @media (min-width: 769px) {
            .section-18_text-wrap:hover {
                background-color: #e87b504d;
                transform: scale(1.01);
                box-shadow: 0 8px 15px rgba(232, 123, 80, 0.2);
            }
        }

        .section-18_title {
            display: inline-block;
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            background-color: #e8290b; /* 红色标题背景 */
            padding: 8px 20px;
            margin-bottom: 25px;
            border-radius: 4px 4px 4px 0; /* 模拟原图标题样式 */
        }
        .section-18_content {
            font-size: 16px;
            line-height: 1.8;
            color: #4e3430;
            text-align: justify;
        }
        .section-18_logo {
            position: absolute;
            bottom: 20px;
            right: 30px;
            width: 80px;
        }

        /* 右侧图片区域 */
        .section-18_img-wrap {
            flex: 2 1 500px; /* 图片区占比更大 */
            position: relative;
            overflow: hidden;
        }
        .section-18_img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 等比例缩放，填充容器 */
            transition: transform 0.5s ease; /* PC端交互过渡 */
        }

        /* PC端交互：鼠标悬浮图片轻微放大 */
        @media (min-width: 769px) {
            .section-18_img-wrap:hover img {
                transform: scale(1.03); /* 轻微放大，增强交互 */
            }
        }
        .section-18_img-logo {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 60px;
        }

        /* 移动端适配 (768px及以下) */
/*        @media (max-width: 768px) {
            .section-18 {
                margin: 30px auto;
            }
            .section-18_container {
                flex-direction: column; /* 移动端上下排列 */
            /*}
            .section-18_text-wrap {
                padding: 25px 20px;
                flex: none;
                width: 100%;
            }
            .section-18_title {
                font-size: 20px;
                padding: 6px 15px;
                margin-bottom: 20px;
            }
            .section-18_content {
                font-size: 14px;
                line-height: 1.6;
            }
            .section-18_logo {
                width: 60px;
                bottom: 15px;
                right: 20px;
            }
            .section-18_img-wrap {
                flex: none;
                width: 100%;
                height: auto; /* 移动端图片固定高度，保证显示效果 */
            }
            /*.section-18_img-logo {
                width: 40px;
                top: 15px;
                right: 15px;
            }
            .section-18_img-wrap img { width: 100%; height: auto; }
        }*/




/*返回*/
.bar{ display:block; width:100px; height:200px; position:fixed; right:20px; bottom:100px; cursor:pointer; z-index: 20000;}
.bar h3{ width:100px; height:40px; display:block; font-size:18px; color:#0074b1; line-height:40px; text-align:center; background:#abcea7; margin-bottom:2px;}
.bar h3 a{ width:100px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; text-decoration:none; }
.bar .toTop{ width:70px; height:70px; background:url(../img/top.png) no-repeat; margin:0px auto; margin-top:5px; cursor:pointer; }


/*footer2    wave begin */

 .footer {padding: 50px 0; /*background: #da3c3b;*/ /*background-color: #2998e6;*/ background: linear-gradient(to bottom, rgba(250,150,75,0.96), rgba(215,110,85,0.8)); text-align: center; color: #fff; /*border-top: #df0045 solid 5px; margin-top: 100px;*/ }
 .footer p {line-height: 2; font-size: 16px; }












