/*kirin edit*/
* { margin: 0; padding: 0; font-family:Microsoft Yahei, PingFang-SC-Regular, Arial, sans-serif; text-shadow: none;}	
html,
body {
    width: 100%;
    /*overflow-x: hidden;*/
    position: relative;
    background: #fff;
	font-size: 14px; 
	color: #555;
	zoom:1;
}
body::-webkit-scrollbar {
    display: none;
}
span {
    outline: none;
}

img,
button {
	border: none;
    cursor: pointer;
}
a{
	font-style:  none;
	text-decoration:none;
	cursor: pointer;
}


ul,li,dl,dt,dd,ol{ list-style-type: none; }


.clear{ display:block; clear: both; width: 100%; height: 0; padding: 0; margin: 0 auto; overflow: hidden;}

.main_wrap {position:relative; display:block; clear:both; width:100%; min-width: 1020px; height:auto; min-height: 100%; padding: 0 0 20px 0; margin: 0; text-align: center; font-size: 14px; font-family:Microsoft Yahei, Arial, sans-serif;  background:#fff url(../img/bg-1234.png) no-repeat 50% 50%; background-size: contain;  }

/*banner*/
.banner{ display:block; clear:both; width:100%; height: calc((100vw / 16) * 9); padding: 0; margin: 0 auto; text-align: center; overflow: hidden; /*background:transparent;*/ background: url(../img/banner_qsn.jpg) no-repeat 50% 0; background-size: auto 100%;  }
/*.banner img{ display:none; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; border: none;}*/


.container_wrap{ position: relative; display:block;	clear:both;	width:100%; height:auto; padding:0 0 100px 0;  margin:20px auto 0 auto; text-align:center; font-size: 14px;  font-family:Microsoft Yahei, Arial, sans-serif;  background: url(../img/bg-bottom.png) no-repeat 0 bottom; background-size: 100% auto}

.block_wrap{display:inline-block; clear:both; width:1020px/*1000px*/; height:auto; padding:0; margin:1em auto; text-align: center;/* overflow: hidden;  background:rgba(255,255,255,1.0); box-shadow:0 5px 10px rgba(0,0,0,0.2);*/} 
.block_wrap img{ display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; border: none;}

.block_wrap h1.tit{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin:1.6em auto 0.5em auto; text-align: center;}
.block_wrap h1.tit img{ display:inline-block; clear: both; width:100%; height:auto; padding:0; margin:0 auto; text-align:center; overflow: hidden; background: none; }

.block_wrap .con{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center;}
.block_wrap .con .wp_50{ position: relative; display:inline-block; float:left; width:50%; height:auto; padding:0; margin:0; text-align: center;}

.more-bar{ display:inline-block; clear:both; width:100%; height:auto; padding:0; margin:0.5em auto 1em auto; text-align: center; overflow: hidden;} 
.more-bar a{ display:inline-block; clear:both; width:160px; height:40px; line-height: 40px; padding:0; margin:1em auto; text-align: center; overflow: hidden; box-sizing: border-box; border-radius: 20px; background: rgba(255,255,255,255,1.0); border: 1px solid rgba(238,11,15,1.00); color: rgba(238,11,15,1.00); font-size: 16px; letter-spacing: 0.2em; } 
.more-bar a:hover{ border: 1px solid rgba(238,11,15,0.80); color: rgba(238,11,15,0.80); } 

/* 编者按 */
.note{ position: relative; display:block; clear:both; width:100%; height:180px; padding: 0; margin: 0 auto 40px auto; text-align: center;/* background: url(../img/editorsnote-bg.jpg) no-repeat 0 0; background-size: 100% 100%;*/ background: linear-gradient(0deg,rgba(204, 0 ,17, 1.0) 0%, rgba(238, 68 ,51, 1.0) 100%);  overflow: hidden;}
.note dl{ position: relative; display:block; clear:both; width:1000px; height:auto; padding: 0; margin: 0 auto; text-align: center; }
.note dl dt,
.note dl dd{ display:inline-block; width:auto; height:auto; padding: 0; margin: 0; text-align: center; overflow: hidden; }
.note dl dt{ float: left; width: 90px; margin: 0 5px; }
.note dl dd{ float: right; width: calc(100% - 120px); height:auto; padding: 0; margin:30px 10px; text-align: center; overflow: hidden; }
.note dl dd p{ display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: left; font-size: 18px; color: #fff; line-height: 30px; letter-spacing: 0.15em; }

/*内容通用*/
.conbox{ display:inline-block; clear: both; width: calc(100% - 60px); height: auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }
.conbox h2.heading{ display:inline-block; clear: both; width: 100%; height:30px; line-height: 30px; padding: 0; margin:0 auto; text-align: left; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
.conbox h2.heading a{ font-size: 18px; color:rgba(204, 0 ,17, 1.0); letter-spacing: 0.1em; font-weight: 500; }
.conbox p.text{ display:inline-block; clear: both; width: 100%; height: auto; padding:0 0 10px 0; margin:0 auto 10px auto; text-align: left; text-indent: 2em; line-height: 180%; overflow: hidden; font-size: 14px; color:#666; box-sizing: border-box; border-bottom: 3px solid rgba(204, 0 ,17, 1.0); }
.conbox p.text a{ font-size: 14px; color:rgba(204, 0 ,17, 1.0); margin: 0 0.2em; }
.conbox ul.tex-list{ display:inline-block; width:100%; height: auto; padding: 0; margin: 0; text-align: center; text-indent: 0; overflow: hidden; }
.conbox ul.tex-list li{ display:inline-block; width:100%; height:auto; padding: 0; margin:5px 0; text-align: center; box-sizing: border-box; border-bottom: 1px dotted #ccc;}
.conbox ul.tex-list li a{ position: relative; display:inline-block; width:100%; height:30px; padding: 0; margin: 0; text-align:center; overflow: hidden; }
.conbox ul.tex-list li a::before{ position: absolute;  content: ""; display: block; top:10px; left:6px; width: 8px; height: 8px; padding: 0; margin: 0; background:rgba(204, 0 ,17, 0.6); border-radius: 50%; }
.conbox ul.tex-list li a span.heading{ position: relative; display:inline-block; float:left; width:calc(100% - 80px); height:30px; line-height: 30px; padding: 0; margin: 0; text-align: left; text-indent: 20px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-size: 15px; color: #555; }
.conbox ul.tex-list li a font.date{ position: relative; display:inline-block; float:right; width: 60px; height:30px; line-height: 30px; padding: 0 10px; margin: 0; text-align:center; text-indent: 0; overflow: hidden; font-size: 12px; color: #999; }	

/*70年70秒图片排列*/
ul.qspictex-list{ display:inline-block; width:96%; height: auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }
ul.qspictex-list li{ display:inline-block; float: left; width:23%; height: auto; padding: 0; margin:10px 1%; text-align: center; overflow: hidden; }
ul.qspictex-list li .itembox{ display:inline-block; width:100%; height: auto; padding: 0; margin: 0; text-align: center; overflow: hidden; background: rgba(255, 255, 255, 1.0); }

/*上图下文列表*/
ul.texpic-list{ display:inline-block; width:100%; height: auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }
ul.texpic-list li{ display:inline-block; width:30%; height: auto; padding: 0; margin: 0 1%; text-align: center; overflow: hidden; }
ul.texpic-list li .itembox{ display:inline-block; width:100%; height: auto; padding: 0; margin: 0; text-align: center; overflow: hidden; background: rgba(255, 255, 255, 1.0); border: 5px solid #ddd; box-sizing: border-box; }
ul.texpic-list li .itembox .pic{ display:inline-block; width:100%; height:240px; padding: 0; margin: 0; text-align: center; overflow: hidden; box-sizing: border-box; }
ul.texpic-list li .itembox .pic a img{ display:block; width:100%; height: 100%; padding: 0; margin: 0; }
ul.texpic-list li .itembox .tex{ display:inline-block; width:calc(100% -  40px); height:150px; padding:0; margin:5px 0; text-align: center; overflow: hidden; box-sizing: border-box; }
ul.texpic-list li .itembox .tex .heading{ display:inline-block; width:100%; height:30px; line-height: 30px; padding: 0; margin: 0; text-align: left; overflow: hidden; box-sizing: border-box; white-space: nowrap; text-overflow:ellipsis; }
ul.texpic-list li .itembox .tex .heading a{ font-size: 18px; color: #333; }
ul.texpic-list li .itembox .tex .smmmary{ display:inline-block; width:100%; height:72px; line-height: 24px; padding: 0; margin:5px 0; text-align: left; overflow: hidden; box-sizing: border-box; font-size: 14px; color: #666;  }
ul.texpic-list li .itembox .tex .more{ display:inline-block; width:100%; height:30px; line-height: 30px; padding: 0; margin: 0; text-align: right; overflow: hidden; box-sizing: border-box; }
ul.texpic-list li .itembox .tex .more a{ font-size: 14px; color: rgba(238, 68 ,51, 1.0); }
				
/*强局有我*/
ul.qjpictex-list{ display:inline-block; width:96%; height: auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }
ul.qjpictex-list li{ display:inline-block; float: left; width:48%; height: auto; padding: 0; margin:10px 1%; text-align: center; overflow: hidden; }
ul.qjpictex-list li .itembox{ display:inline-block; width:100%; height: auto; padding: 0; margin: 0; text-align: center; overflow: hidden; background: rgba(255, 255, 255, 1.0); }
ul.qjpictex-list li .itembox .pic{ display:inline-block; float: left; width:100%; height:210px; padding: 0; margin: 0; text-align: center; overflow: hidden; box-sizing: border-box; }
ul.qjpictex-list li .itembox .pic a img{ display:block; width:100%; height: 100%; padding: 0; margin: 0; }
/*左图右文列表*/
ul.pictex-list{ display:inline-block; width:96%; height: auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }
ul.pictex-list li{ display:inline-block; float: left; width:48%; height: auto; padding: 0; margin:10px 1%; text-align: center; overflow: hidden; }
ul.pictex-list li .itembox{ display:inline-block; width:100%; height: auto; padding: 0; margin: 0; text-align: center; overflow: hidden; background: rgba(255, 255, 255, 1.0); }
ul.pictex-list li .itembox .pic{ display:inline-block; float: left; width:50%; height:150px; padding: 0; margin: 0; text-align: center; overflow: hidden; box-sizing: border-box; }
ul.pictex-list li .itembox .pic a img{ display:block; width:100%; height: 100%; padding: 0; margin: 0; }
ul.pictex-list li .itembox .tex{ display:inline-block; float: left; width:calc(50% - 20px); height:150px; padding:0; margin:0 10px; text-align: center; overflow: hidden; box-sizing: border-box; }
ul.pictex-list li .itembox .tex .heading{ display:inline-block; width:100%; height:30px; line-height: 30px; padding: 0; margin: 0; text-align: left; overflow: hidden; box-sizing: border-box; white-space: nowrap; text-overflow:ellipsis; }
ul.pictex-list li .itembox .tex .heading a{ font-size: 18px; color: #333; }
ul.pictex-list li .itembox .tex .smmmary{ display:inline-block; width:100%; height:72px; line-height: 24px; padding: 0; margin:5px 0; text-align: left; overflow: hidden; box-sizing: border-box; font-size: 14px; color: #666;  }
ul.pictex-list li .itembox .tex .more{ display:inline-block; width:100%; height:30px; line-height: 30px; padding: 0; margin: 0; text-align: right; overflow: hidden; box-sizing: border-box; }
ul.pictex-list li .itembox .tex .more a{ font-size: 14px; color: rgba(238, 68 ,51, 1.0); }

/* 轮播图 */
.picScroll{ width:100%;  overflow:hidden; position:relative; }
.picScroll .hd{ display: block; position: absolute; bottom:40px; right: 0; z-index: 52; overflow:hidden; width:100%; height:40px; text-align: center; }
.picScroll .hd ul{ display: block; clear: both; width: calc(100% - 20px); height:auto; padding: 0; margin:10px; overflow:hidden; zoom:1; text-align: center; }
.picScroll .hd ul li{ display: inline-block; width:10px; height:10px; overflow:hidden; margin:5px; text-indent:-999px; cursor:pointer; background:#fff; border-radius: 50%; }
.picScroll .hd ul li.on{ background: rgba(204, 0 ,17, 1.0); }

.picScroll .bd .tempWrap { position:relative; display: block; width: 100% !important; overflow:hidden;}
.picScroll .bd ul.picList{ overflow:hidden; zoom:1; }
.picScroll .bd ul.picList li{ position: relative; display:inline-block; float:left; width: 100%; height: 360px; overflow:hidden; text-align:center; }
.picScroll .bd ul.picList li .pic{ z-index: 0; display: block; width: 100%; height:100%; text-align:center; overflow: hidden; }
.picScroll .bd ul.picList li .pic img{ display:block; width:100%;  height:100%; }
.picScroll .bd ul.picList li .tex{ position: absolute; z-index: 50; bottom: 0; left: 0; display: block; width: 100%; height: 40px; line-height:40px; background: rgba(0,0,0,0.6); 
 text-align: left; text-indent: 0; padding:0 20px; box-sizing: border-box; overflow: hidden;
 white-space: nowrap; text-overflow: ellipsis; }
.picScroll .bd ul.picList li .tex a{ color: #fff; font-size: 16px; }



/*新闻头条*/ 
.news{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden;}


/*70年70秒*/ 
.items-70n70m{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }
.video{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden;  background: /*url(../img/editorsnote-bg.jpg)*/ no-repeat 0 bottom; background-size: 100% 60%; }
.video video{ position: relative; display:block; clear:both; width: calc(100% - 60px); height:auto; padding:0; margin:0 auto 30px auto; text-align: center; overflow: hidden;}


/*物”见初心*/ 
.items-wjcx{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }

/*听我说*/ 
.items-tws{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }

/*会说话的档 
.items-hshdda{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }
/*《中煤地质报》庆祝总局70华诞专刊*/
.items-zk{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }
/*刊物轮播 插件样式*/
.con.book-pic-lb{ padding:30px 0 0 0; margin: 20px auto 0 auto; text-align: center; background:#b00/* url(../img/bg-rad.png) no-repeat 0 bottom*/; background-size: 100% 100%; }
.poster-main{ position: relative; clear: both; width: 800px; height: 600px; padding:0; margin:0 auto; }
.poster-main a,
.poster-main img{ display:block; }
.poster-main .poster-list{ width: 960px;}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0; text-align: center; }
.poster-main .poster-list .poster-item .cont-book-imgPic{/* display: block; width: 240px; height: 320px;*/}
.poster-main .poster-list .poster-item .cont-book-imgPic a img.imgPic{ width:100%; height:auto; box-shadow:0 5px 15px rgba(0,0,0,0.6); }
.poster-main .poster-list .poster-item .cont-book-imgPic a span.ell{/* position: absolute; z-index: 1; bottom: 0; left: 0;*/ display: inline-block; width: 100%; height: 40px; line-height: 40px; text-align: center; background: rgba(0,0,0,0.8); color: #fff; font-size: 16px; text-decoration: none; }

.poster-main .poster-btn{ position: absolute; width:50px;  height: 100%; top: 0; z-index: 10;}
.poster-main .poster-prev-btn{ left: -150px; background: url("../img/left.png") no-repeat center center; background-size: 44px 60px/*38%*/;}
.poster-main .poster-next-btn{ right: -150px; background: url("../img/right.png") no-repeat center center; background-size: 44px 60px/*38%*/;}
/* 通栏大轮播图 */
.focus{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden;  background: url(../img/editorsnote-bg.jpg) no-repeat 0 bottom; background-size: 100% 60%; }
.focus .picScroll{ position: relative; display:block; clear:both; width: calc(100% - 60px); height:auto; padding:0; margin:0 auto 30px auto; text-align: center; overflow: hidden;}
.focus .picScroll .hd{ bottom:0; }
.focus .picScroll .bd ul.picList li{ height: 480px; }
.focus .picScroll .bd ul.picList li .tex{ display: none; }

/*薪火相传 赓续前行*/
.items-xhxc{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }

/*底部*/
.footBox {
	display: block;
    width: 100%;
	height: auto;
    margin: 0;
	padding: 30px 0;
    border-top: 1px solid #ddd;
    
}
.footBox p.footTab,
.footBox p.footAddress,
.footBox p.footCopyright{ position: relative; display:block; clear:both; width:1000px; height:auto; padding:10px 0; margin: 0 auto; text-align: center; overflow: hidden; }
.footBox p.footTab a{ display:inline-block; width:auto; height:30px; line-height: 30px; padding:5px; margin: 0 20px; text-align: center; font-weight: bold; }
.footBox p.footTab a span{ font-size: 16px; color: #333; font-weight: bold; letter-spacing: 0.05em; }

.footBox p.footAddress span,
.footBox p.footCopyright span{ font-size: 14px; color: #666; font-weight:normal; letter-spacing: 0.05em; padding:5px; margin: 0 5px;}
.footBox p.footCopyright span a{ font-size: 14px; color: #333; font-weight:normal; letter-spacing: 0.05em; padding:0; margin: 0 5px;}
.footBox p.footTab a:hover span,
.footBox p.footCopyright span a:hover{ color: rgba(238, 68 ,51, 1.0); }