﻿.domMobile { display:none!important; }
.domPC {display:block;}
.guidepic{ width:0px;}

.section_intro{ width:1022px; height:170px; margin:0 auto; padding:10px 5px 10px 5px; background:  url(//www.news.cn/energy/20211216dqjs/img/intro_pc.png) 50% 0px no-repeat;}

/* 焦点 */
.section1{ width:1010px; height:350px; margin:0px auto; /*background-color:#FFF;*/ padding:5px; position:relative; padding-bottom:10px;/*margin-top:-45px;*/ padding-top: 10px; border: 1px solid rgba(255,255,255,0.5);}
.section1 .left { /*border:solid 1px #d8e9f1;*/ /*padding:4px;*/ margin-left:5px; overflow:hidden; float:left; background-color:#FFF; width:600px; height:340px;}
/* 聚焦 轮动图 */
.device { width: 100%; height:auto; position: relative; margin-bottom:10px; padding-bottom:10px; background-color:#FFF }
.device .arrow-left { background: url(//www.news.cn/politics/2015/images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -30px; width: 17px; height: 30px; z-index:5; }
.device .arrow-right { background: url(//www.news.cn/politics/2015/images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -30px; width: 17px; height: 30px; z-index:5; }
.swiper-container { height: 340px; width: 600px; }
.swiper-container img { width:600px; height:340px; }
.content-slide { padding: 20px; color: #fff; }
.pagination { position: absolute; left: 0; text-align: right; bottom:35px; width: 600px; height:340px; z-index:5; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #777; margin-right:8px; cursor: pointer; }
.swiper-active-switch { background: #fff; }
.swiper-slide { position:relative; float:left }
.swiper-slide .name { position:absolute; bottom:0; left:10px; z-index:5; height:35px; }
.swiper-slide .bg { position:absolute; bottom:0; left:0; background:#000; z-index:4; width:100%; height:35px; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; }
.swiper-slide .name a { color:#fff; line-height:35px; font-size:14px; height:35px; overflow:hidden; }

.section1 .right { float:right;  padding:0px; margin:0px 2px; overflow:hidden;/*background-color:#FFF;*/ /*width:400px;*/ width:380px; padding-bottom:3px;}
.section1 .right .headline { /*border:solid 1px #e9e9e9;*/  margin:0px 5px; padding:5px; height: 330px; width:360px; zoom:1; text-align:left; }
.section1 .right .headline ul{}
.section1 .right .headline li{ line-height:28px; margin-left:3px; font-size:14px; /*width:330px; height:160px;*/ display:block; overflow:hidden; color:#666;}
.section1 .right .headline li p{ line-height:28px; /*margin-left:3px;*/ font-size:14px; /*width:330px;*/ /*height:120px;*/ display:block; overflow:hidden; color:#fff; text-indent:2em;}
.section1 .right .headline li h4{ font-size:18px; font-weight:bold; color:#0f4b9c; line-height:55px; margin-left:4px;}
.section1 .right .headline li h4 a{ font-size:18px; font-weight:bold; color:#f6d095; /*line-height:55px;*/ line-height:32px; margin-left:4px;}
.section1 .right .headline li a{color:#f5b257; text-decoration:none; }





.guidepic{ width:0px;}
.btn_showresult{ display:none; width:0px;}


.layout { width:980px; margin:0 auto;}
.area { width:960px; margin:0 auto;}
body { font-family: "微软雅黑"; color:#333;}

.trblp5 { padding:5px;}
.trblp10 { padding:10px;}
.trblp15 { padding:15px;}
.tm { margin-top:10px;}

/****** 雅黑版top-bar ******/
#top-bar { width:100%; height:37px; line-height:37px; display:inline-block; background:#fff url(../img/top-bar_bg.jpg) repeat-x 0 0;}
#top-bar_nav { font-size:12px; width:980px; margin:0 auto; word-spacing:-0.5em;}
#top-bar_nav h3 { float:left; font-size:14px; padding-right:10px; line-height:35px;}
#top-bar_nav h3 a { color:#f00;}
#top-bar_nav a { padding:0 5px; color:#333;}

/****** 宋体版top-bar
#top-bar { width:100%; height:37px; line-height:37px; display:inline-block; background:#fff url(../img/top-bar_bg.jpg) repeat-x 0 0;}
#top-bar_nav { font-size:12px; width:980px; margin:0 auto; word-spacing: -0.5em;}
#top-bar_nav h3 { float:left; font-size:14px; padding-right:10px;}
#top-bar_nav h3 a { color:#f00;}
#top-bar_nav a { padding:0 4px; color:#333;}
******/

#header { height:410px;}
.logo { text-indent:-9999px;}
.logo a { display:block; height:300px;}

#btn_huigu { width:980px; margin:0 auto 10px;}
#btn_huigu h2 { font-size:28px; padding-left:20px; height:1.5em; color:#006305;}
#btn_huigu ul li { float:left; height:70px; width:235px; margin:0 5px; _margin:0 4px;}
#btn_huigu ul li img { width:235px; height:70px;}

#webpage { background:#fff;}

#dy { width: 1000px;/*background: #ffffff;*/ margin: 0 auto;/*margin-top: 400px;*/ padding: 10px; /*height: 130px;*/}
.l-col { float:left; width:60px; /*height:90px;*/ padding:15px 0px; background:#3d62b3; text-align:center; color:#FFFFFF;}
.r-col { /*float:right;*/ width:1022px; height:40px; /*padding:15px;*/ /*background:#ffffff;*/ /*height:90px;*/ /*overflow:hidden; font-size:16px; line-height:26px; overflow:hidden;*/ margin-bottom:20px; margin-top:20px; background: url(../img/vote_area.png) no-repeat center bottom; /*padding-bottom: 30px; color:#FFF;*/}
.r-col span { padding-left:10px; line-height:40px;}
.r-col span a { color:#00AD08;}
.r-col em { display:inline-block; width:100%; text-align:left; color:#900; line-height:40px; }

.dy_h3{color: #115dc5; font-size: 30px; line-height: 60px; font-weight: bold; text-align: center;}

.area-tit { height:40px; line-height:40px; color:#3d62b3; font-size:20px; border-top:2px solid #3d62b3;}
.area-tit em { display:block; height:40px; background:#eee; text-indent:20px; letter-spacing:2px;}
.area-cont {}
.l_l { padding-top:10px; border:1px solid #ccc;}

.mod-con { margin:0 auto 15px; font-size:14px; line-height:24px; padding:5px 25px 5px 15px; background-color:#FFF3CC;}
.mod-con span { padding-left:10px;}
.mod-con span a { color:#00AD08;}




/* goback */
.nav { position: fixed; /*top: 344px;*/ top: 400px;  /*z-index: 9999999;*/ width: 170px; height: 550px; /*right: 40px;*/ right: 0px;}
.nav .box { /*position: relative;*/}
.nav-cont { /*position: absolute; right: -330px; */width: 169px; height: 387px; padding-top: 25px; background-position: right center; background-repeat: no-repeat; background-image: url("../img/bg_slide.png");}
.nav-item { display: block; width: 141px; height: 40px; /*padding-bottom: 5px;*/ margin: 4px; background-position: center top;  background-repeat: no-repeat; /*background-image: url("../img/button_blue_slide.png");*/ background: #0b56bc; font-size: 18px; line-height: 40px; text-align: center; color: #ffffff; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; transition: all .2s ease 0s; cursor: pointer;text-decoration: none;}
.nav-on { font-weight: bold;text-decoration: none;}
.nav-item:hover { width: 144px; margin-left: 0; /*background-image: url("../img/button_green_slide.png");*/ background: #0864e1; color: #ffffff; font-weight: bold;	text-decoration: none; }
.toTop { position:absolute;/* top: 460px;*/  /*top: 160px;*/ width: 70px; height: 70px; background: url(//www.xinhuanet.com/tech/2017CSRvote/img/topback.png) no-repeat;  margin: 0px auto; margin-top: 5px; cursor: pointer; z-index: 99999999; right: 62px;}




/*视频部分*/

.videolist { position:relative; float:left; width:500px; height:300px; margin-right:50px;/* margin-top:15px;*/ margin-bottom:30px; position:relative; }
.videolist img{ width:500px; height:300px;}
.videolist:hover{ cursor: pointer; }
.videoed { /*display:none;*/ width:50px !important; height:50px !important; position: absolute; left:85%; top:65%; z-index:99; border-radius:100%; }
.videos{ display:none; /*border: 1px solid #080808;*/ position:fixed; left:50%; /*top:50%;*/ top:40%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.vtime { background:rgba(0,0,0,0.6); padding:5px; overflow:hidden; width:490px; position:absolute; bottom:0px;}
.vtime .vtime1{ font-size:16px; color:#FFF; font-weight:bold;}
.vtime .vtime2{ font-size:14px; color:#FFF; font-weight:bold;}

.video_container { /* padding-right: 15px; */ padding-right: 0px; width:1100px;  padding-left: 50px;  margin-right: auto;  margin-left: auto; overflow:hidden; /*margin-top:30px;*/ padding-bottom: 60px;	}





/*栏目样式25*/
.section_pm_43{ margin-top: 20px; }
.section_pm_43 .action{width:1050px; /*height:420px;*/ overflow: hidden; /*background-color: #FFF;*/ margin:0px auto; padding:0px;}
.section_pm_43 .action .item{float:left; width: calc(50% - 22px); /*height:190px;*/ /*border:solid 1px #d8e9f1;*/ margin:10px 5px 10px 5px; padding:5px;}
.section_pm_43 .action .item img{ float:left; margin:5px; width: calc(34% - 10px);/* width:160px;*/ height:140px;}
.section_pm_43 .item .text{ float:left; width: calc(66% - 10px); height:160px; line-height:24px; overflow:hidden; text-align:left; float:left; margin:5px;}
.section_pm_43 .item .text p{ color:#f5f5f4; text-indent:2em;}
.section_pm_43 .action .text h4{ margin:5px auto; text-align:left;}
.section_pm_43 .action .text h4 a{ text-decoration:none; font-size:18px; color:#f6d095;}
.section_pm_43 .action .text a{ color:#f4b50c; text-decoration:none;}















