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

@import url( reset.css);
@import url( header.css);
@import url( footer.css);

/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height:40px;*line-height:36px; background:url(2021_index_list_dian.png) no-repeat left center; font-size: 16px;  padding-left: 15px; color: #2d3c5e; }
.ulList li a{ display: block; float: left; max-width:78%; *max-width:69%; max-width: calc(100% - 100px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li a br{ display:none; }
.ulList li a:hover{ color: #ac1527; }
.ulList li span{ display: inline-block; width: 90px; float: right; text-align:right; color: #666;}

.ulList.nd li a{max-width: 100%; float: none;}
.ulList.lg li{ line-height: 45px; *line-height: 43px; }

/*Part1*/
.Part1{ background:url(2021_Part_xt.png) repeat-x center bottom; overflow:hidden; padding-bottom:26px; margin-top:20px;}

/*焦点图*/
.Focus {width: 642px;height:400px;position: relative;overflow: hidden;}
.Focus .pic,.Focus .pic li{height: 100%!important;}
.Focus .pic img { width:100%;height:100%;overflow: hidden;}
.Focus .txt_bg{width: 100%;height:69px; background-image:url(2021_jdt_txt_bj.png); background-repeat: repeat-x;background-position: left center;position:absolute;left: 0px;bottom:0px;}
.Focus .txt {position: absolute;left: 0px;bottom:0px;width: 80%;height:69px;text-align: center;z-index: 1;}
.Focus .txt ul li{width:100%;height: 34px;}
.Focus .txt ul li a {display: block;width:90%; font-size:16px;height:69px;line-height:69px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #ffffff;margin: 0 auto;text-align:center;font-weight: bold;}
.Focus .num {width:100%;height: 8px;position: absolute;bottom:18px;left:0;z-index: 2;}
.Focus .num .pageState{ color:#fff; position:absolute; right:30px; bottom:0px; font-size:24px;}
.Focus .prev { background: url(2021_index_all_icon.png) no-repeat;left: 16px;background-position: -70px -244px;}
.Focus .next {background: url(2021_index_all_icon.png) no-repeat;right: 16px;background-position: -70px -326px;}
.Focus .prev,.Focus .next {display: block;width: 21px;height: 32px;position: absolute;top: 162px;cursor: pointer;}


.focusBox .nums{position: absolute; bottom: 10px; right: 10px; display:none;}
.focusBox .nums ul{width: 100%; height: auto; overflow: hidden;}
.focusBox .nums ul li{width: 15px; height: 15px; float: left; margin-left: 6px; background:url(2021gb_img07.png) right center no-repeat ; font-size: 0;}
.focusBox .nums ul li.on{background:url(2021gb_img07.png) left center no-repeat ;}

/*今日煤田*/
.NewBox_right{ width:526px;}
.FocusNews{ width: 100%; height: 400px;}
.FocusNews .hd{ height: 32px; margin-bottom:10px;}
.FocusNews .hd li{ position: relative; width: 115px; height: 32px; float: left; transform-style: preserve-3d;}
.FocusNews .hd li a{ display: block; font-size: 20px; height: 41px; text-align: center; line-height: 41px; font-weight: bold; color: #2d3c5e; position: relative; overflow: hidden; z-index: 1;}
.FocusNews .hd li:hover a,
.FocusNews .hd li.on a{ border-bottom:2px solid #ac1527; color: #ac1527; }
.FocusNews .bd{ min-height: 290px; margin-top:10px;}

.FocusNews .bd ul.ulList{ height: 360px;}
.FocusNews .bd ul.ulList .First{width: 526px;border-bottom: 1px dashed #ddd;padding: 0 0 12px;background: none;margin-bottom: 10px; height: 85px;}
.FocusNews .bd ul.ulList .First a{ float: none; max-width: 100%; font-size: 18px; font-weight: bold; line-height: 1.7; white-space:nowrap; margin-bottom: 5px; text-overflow:ellipsis; overflow:hidden; color:#ac1527;}
.FocusNews .bd ul.ulList .First span{ float: none; text-align: left; display: block; width: auto; font-size: 14px; color: #959595; line-height: 1.7; position: relative; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; max-height: 46px; text-indent: 2em;}


/*直属动态、地质新闻、领导活动*/
.part2{ height:auto; overflow:hidden;}
.part2 .xwzx_tzgg { width:386px;}

/*通知公告*/
.tzgg_left{ width: 338px; height: 338px; padding:0 24px; margin-top:20px; background:#ac1527; border-radius:5px; overflow:hidden;}
.tzgg_left h2{ width: 100%; height: 53px; position: relative; overflow: hidden; background:url(2021_xwzx_tzgg_title_bj.png) no-repeat center top; margin-top:15px; border-bottom:1px solid #db959b; padding-bottom:18px;}
.tzgg_left h2 a{ display:block; font-size:24px; color:#fff; font-weight:bold; text-align:center; line-height:53px;}
.tzgg_left h2 a:hover i{ animation-name: swing; transform-origin: center top;}
.tzgg_left ul{ margin-left:0px; width:100%; padding-top:0;}
.tzgg_left ul li{  line-height:22px; margin-top:25px; overflow:hidden;}
.tzgg_left ul li i{ display:block; background:url(2021_xwzx_tzgg_list_icon.png) no-repeat left center; height:24px; width:28px; float:left;}
.tzgg_left ul li a{  display:block; float:left; width:305px; overflow:inherit; white-space:inherit; text-overflow:inherit; color:#fff; }
.tzgg_left ul li span{ color:#fff; padding-left:10px;}

/*国务院信息按钮*/
.gwyxxbtn{ width: 386px; height: 168px; line-height:68px; background-color: #ac1527; margin-top:20px; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}
.gwyxxbtn ul{ width: 100%;}
.gwyxxbtn li{ position: relative; overflow: hidden; float: left; width: 128px;}
.gwyxxbtn li::after{ position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; z-index: 0; transition: all 0.3s ease;}
.gwyxxbtn li a{ display: block; height: 100%; position: relative; overflow: hidden; z-index: 1; color:#fff;}
.gwyxxbtn li i{ display: block; width: 49px; height: 49px; margin: 40px auto 0 auto; position: relative; overflow: hidden; transition: 0.5s; background:url(2021_xwzx_all_icon.png) no-repeat;}
.gwyxxbtn li.btn1 i{ background-position:0 0;}
.gwyxxbtn li.btn2 i{  background-position:-75px 0;}
.gwyxxbtn li.btn3 i{ background-position:-150px 0px;}
.gwyxxbtn li p{ display: block; font-size: 18px; text-align: center; line-height:68px;}
.gwyxxbtn li:hover i{ transform: scale(1.2);}
.gwyxxbtn li:hover:after { top: auto; bottom: 0; height: 100%;}

/*直属动态、地质新闻、领导活动*/
.new_list_right{ width:795px;}
.new_list_right h2{ height:132px; margin-top:20px;}
.new_list_right h2 ul li{ height:100%;margin-left:18px; width:253px; height:131px; float:left; position:relative;}
.new_list_right h2 ul li a{ display:block;  width:253px; height:121px; background:#f6dfdf; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden;	}
.new_list_right h2 ul li a i{ display:block; width:38px; height:38px; margin:26px auto 14px auto; background:url(2021_xwzx_all_icon.png) no-repeat 0 -68px;}
.new_list_right h2 ul li a i.icon02{ background-position:-56px -68px;}
.new_list_right h2 ul li a i.icon03{background-position:-111px -68px;}
.new_list_right h2 ul li.on a{ border:1px solid #ac1527; color:#ac1527; width:251px; height:119px;}
.new_list_right h2 ul li.on em{ display:block; width:100%; height:11px; background:url(2021_xwzx_zsdt_title_on.png) no-repeat center -1px; position:absolute; left:0; bottom:0;}
.new_list_right h2 ul li:first-child { margin-left:0;}
.new_list_right .ulList{ padding-top:5px ;}


.new_list_right h2 a p{ font-size:18px; text-align:center;}

@media screen and (max-width:600px ) {
	 
	 
	 .wrap {min-width: 100vw;}
	 .NewBox_left{ float:none;}
	 .Focus .prev, .Focus .next{ top:calc(100vw / (642 / 490) / 2 - 40px)}
	 .nums{ display:block;}
	 .Focus{ width:100vw; height:calc(100vw / 1.46);}
	 .NewBox_right .FocusNews .bd .ulList{ width:100% !important;}
	 ul.ulList .First{ height:auto; width:100%;}
	 ul.ulList .First a{ width:100%;}
	 ul.ulList{  display:block !important; float:left !important;}
	 .FocusNews .bd ul.ulList .First{ width:auto;}
	 
	 .NewBox_right{ float:none; width:auto; margin:10px;}
	 .FocusNews .hd li{ width:calc(100% / 4);}
	 .FocusNews .bd{}
	 .tzgg_box{ width:auto; margin:10px; float:none;}
	 .tzgg_box ul.ulList li a{ max-width:100%;}
	 .tzgg_box  ul li span{ display:none !important;}
	 
	 .part2{ width:auto; padding:0 10px;}
	 .part2 .xwzx_tzgg{ width:auto; float:none;}
	 .tzgg_left{ width:auto; padding:0 20px; height:auto; padding-bottom:20px;}
	 .tzgg_left ul li a{ width:calc(100% - 28px);}
	 .gwyxxbtn{  width:auto; height:auto;}
	 .gwyxxbtn li{ width:calc(100% / 3);}
	 .gwyxxbtn li i{ float:none; margin:14px auto 0;}
	 .gwyxxbtn li.btn2 i,.gwyxxbtn li.btn3 i{ margin:14px auto 0;}
	 .gwyxxbtn li span{ float:none; line-height:20px; margin-top:10px;}
	 
	 .new_list_right{ width:auto; float:none; margin-top:20px; margin-bottom:20px;}
	 .new_list_right h2 ul li{ width:calc((100vw - 57px)  / 3);}
	 .new_list_right h2 ul li a{ width:auto;}
	 .new_list_right h2 ul li.on a{ width:auto;}
	 .list_box{ width:auto;}
	 .ulList li{ width:auto;}
	
	
	 
	 
	 }
	 
	  @media screen and (max-width:320px ) {
		  .FocusNews .hd li a{ font-size:16px;}
		  }