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



/* 轮播图和工作动态 */

.dynamic{padding: 40px 0 0px;}


/* 主体标题通用样式 */

#content h4{height:44px;padding-lefT:40px;position: relative;font-weight: normal;}

#content h4 span{font-size: 24px;color:#333333;line-height: 44px;}

#content h4 a{line-height: 44px;position: absolute;right:0px;top:0px;font-size: 14px;color:#999999;}

#content h4 a:hover{color:#c11212;}

#content h4 i{display: block;width:28px;height:28px;position: absolute;left:2px;top:6px;background-size: contain;}

#content h4 .icon1{background: url(../images/icon1.png) no-repeat;}
#content h4 .icon2{background: url(../images/icon2.png) no-repeat;}
#content h4 .icon3{background: url(../images/icon3.png) no-repeat;}
#content h4 .icon4{background: url(../images/icon4.png) no-repeat;}
#content h4 .icon5{background: url(../images/icon5.png) no-repeat;}
#content h4 .icon6{background: url(../images/icon6.png) no-repeat;}
#content h4 .icon7{background: url(../images/icon7.png) no-repeat;}
#content h4 .icon8{background: url(../images/icon8.png) no-repeat;}



/* focus循环图 */

.focus{ position:relative; width:628px; height:360px;background-color:#fff;float:left;} 
 
.focus img{ width: 628px; height: 360px;} 

.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}

.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }

.focus .btn{ position:absolute; bottom:34px; left:1px; overflow:hidden; zoom:1;} 

.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn 
a.current{  cursor:pointer;background:#fc114a;} 
 
.focus .fPic{ position:absolute; left:0px; top:0px; }  

.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  

.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  

.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; margin-left:16px; font-family: "\5FAE\8F6F\96C5\9ED1";line-height:26px;right:100px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  

.focus .fcon img{ display:block; }  

.focus .fbg{bottom:14px; left:536px; position:absolute; height:16px; text-align:center; z-index: 200; } 
 
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:12px}    

.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 3px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }   
 
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#c11212;}  
  
.focus .D1fBt img{display:none}    

.focus .D1fBt i{display:none; font-style:normal; }    

.focus .prev,.focus .next{position:absolute;width:40px;height:40px;background: url(../images/focus_btn.png) no-repeat;}

.focus .prev{top: 50%;margin-top: -40px; left: 0;background-position:0 -40px; cursor:pointer; } 
 
.focus .next{top: 50%;margin-top: -40px; right: 0;  background-position:-40px -40px;  cursor:pointer;}  

.focus .prev:hover{  background-position:0 0; } 
 
.focus .next:hover{  background-position:-40px 0;}  




/* 工作动态 */

.trends{float: left;margin-left:30px;width:542px;}

.trends_ul{margin-top:10px;}

.trends_ul li{height:50px;border-bottom: 1px #eeeeee solid;position: relative;}

.trends_ul li a{display: block;padding:0 100px 0 18px;font-size: 18px;color:#666666;line-height: 50px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;background: url(../images/dian1.png) no-repeat 4px center;}

.trends_ul li span{line-height: 50px;position: absolute;right:0px;top:0px;font-size: 18px;color:#999999;}

.trends_ul li a:hover{color:#c11212;background: url(../images/dian2.png) no-repeat 4px center;}



/* 通知公告 */

.news{width:100%;height:380px;background: url(../images/news_bg_18.jpg) no-repeat;}

.news_inner{width:1200px;padding-top:40px;margin: auto;}



/* 通知公告轮换 */

.hdcx_e{ height:186px;margin-top: 30px;}
.hdcx_e1{ width:1200px; margin:0 auto; position: relative;}

.rollBox{width:1200px; overflow:hidden;}

.LeftBotton{width:30px;height:48px;background:url(../images/left_29.png) no-repeat 0px 0px;overflow:hidden;display:inline;cursor:pointer;position: absolute;left:-50px;top:64px;}
.RightBotton{width:30px;height:48px;background:url(../images/right_29.png) no-repeat 0px 0px;overflow:hidden;display:inline;cursor:pointer;position: absolute;right:-50px;top:64px;}


.rollBox .Cont{width:1200px;overflow:hidden;position: relative;}

.rollBox .ScrCont{width:10000px;}

.rollBox .Cont .pic{ float:left;widtH:338px;border: 1px #dddddd solid;margin-right: 30px; padding:28px 20px;position: relative;background: #ffffff;cursor: pointer;}

.notice_text{padding-left:80px;}

.notice_text p{font-size: 20px;color:#333333;line-height: 36px;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 12px;}

.notice_text span{font-size: 15px;color:#888888;line-height: 24px;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:50px;}


.notice_date{position: absolute;lefT:24px;top:20px;widtH:66px;text-align: center;}

.notice_date b{font-size: 32px;color:#c11212;display: block;}

.notice_date span{font-size: 16px;color:#666666;display: block;}

.notice_date a{display: block;border: 1px #dbdbdb solid;border-radius: 3px;line-height: 22px;height:22px;text-align: center;font-size: 12px;color:#c11212;background: url(../images/more_img1_35.png) no-repeat 38px center;padding-right:10px;widtH:40px;margin:18px auto 0;}

.notice_date a:hover{border: 1px #c11212 solid;}

.more_mobile{display: none;background: url(../images/icon6.png) repeat-x;}




/* 下列党建工作等文字列表 */


.work_list{width:100%;margin: auto;}

.work_inner{width:1200px;margin: auto;padding: 45px 0;}

.work_text1{width:33.33%;float:left;padding-bottom:50px;}

.work_list .spacing30{margin:0 15px;}

.party{margin-top:20px;box-shadow: 0 1px 5px rgba(0,0,0,.1);background: #ffffff;border-radius: 5px;position: relative;border: 1px #eeeeee solid;}

.party_inner{widtH:100%;height:180px;display: block;border-top-left-radius: 5px;border-top-right-radius: 5px;}

.party_inner img{widtH:100%;height: 180px;border-top-left-radius: 5px;border-top-right-radius: 5px;}

.words{widtH:auto;height:40px;line-height: 40px;display: block;background: url(../images/news_bg1_03.png);padding:0 15px;font-size: 14px;color:#ffffff;position: absolute;left:0px;right:0px;top:140px;z-index: 99;}

.work_text{padding:20px 15px;}

.work_text li{height:44px;line-height: 44px;}

.work_text li a{display: block;padding:0 0 0 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 44px;font-size: 18px;color:#666666;background: url(../images/dian1.png) no-repeat 4px center;}

.work_text li a:hover{color:#c11212;background: url(../images/dian2.png) no-repeat 4px center;}

.link_img{widtH:100%;height:100px;margin:20px 0 0 0;display: block;border-radius: 5px;}

.link_img img{widtH:100%;height:100px;border-radius: 5px;}

.choice{border:1px #eeeeee solid;height:40px;border-radius: 5px;margin-top: 12px;}

.choice select{height:40px;line-height: 40px;border: 0px;widtH:100%;font-size: 18px;color:#666666;border-radius: 5px;}

.choice select option{min-height: 40px;height:40px;}




@media (max-width:768px) {
/*------------------------------------------------------------------------------
// Mobile 768px-
------------------------------------------------------------------------------*/


/* 主体 */
	
#main{widtH:100%;}	
	
.dynamic{padding:0 0 30px;width:auto;}	
	
	
/* focus循环图 */
	

.focus{ position:relative; width:100%; height:210px;background-color:#fff;float:none;overflow: hidden;} 
 
.focus img{ width: 100%; height: 210px;} 
	 
.focus .fPic{ position:absolute; left:0px; top:0px; width: 100%}  

.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  

.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left;}  

.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px;  margin-left:16px; font-family: "\5FAE\8F6F\96C5\9ED1";line-height:26px;display: block;padding-right:100px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;line-height: 40px;}
  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  

.focus .fcon img{ display:block; }  

.focus .fbg{bottom:14px; left:100%; position:absolute; height:16px; text-align:center; z-index: 200;margin-lefT:-80px; } 
 
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:12px}    

.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 3px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }   
 
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#c11212;}  
  
.focus .D1fBt img{display:none}    

.focus .D1fBt i{display:none; font-style:normal; }    
	
.next,.prev{display: none;}
	

/* 工作动态 */
	
.trends{float: none;margin-left:0px;widtH:auto;padding:15px;}

.trends_ul li a{display: block;padding:0px 100px 0 20px;font-size: 14px;color:#666666;line-height: 50px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;background: url(../images/dian1.png) no-repeat 4px center;}
	

	
	
	
/* 通知公告 */

.news{width:100%;height:auto;background: url(../images/news_bg_18.jpg) no-repeat center;background-size: cover;}

.news_inner{width:auto;padding:15px;}

	
/* 通知公告轮换 */

.hdcx_e{ height:auto;margin-top: 20px;}
	
.hdcx_e1{ width:100%;}

.rollBox{width:100%; }

.LeftBotton{display: none;}
.RightBotton{display: none;}


.rollBox .Cont{width:100%;}

.rollBox .ScrCont{width:100%;}

	
.rollBox .Cont .pic{ float:none;widtH:auto;border: 1px #dddddd solid;margin-right: 0px; padding:28px 20px;position: relative;background: #ffffff;cursor: pointer;margin-bottom: 15px;}

.notice_text{padding-left:80px;}

.notice_text p{font-size: 20px;color:#333333;line-height: 36px;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 12px;}

.notice_text span{font-size: 14px;color:#888888;line-height: 24px;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.notice_date{position: absolute;lefT:24px;top:20px;widtH:66px;text-align: center;}

.notice_date b{font-size: 32px;color:#c11212;display: block;}

.notice_date span{font-size: 16px;color:#666666;display: block;}

.notice_date a{display: block;border: 1px #dbdbdb solid;border-radius: 3px;line-height: 22px;height:22px;text-align: center;font-size: 12px;color:#c11212;background: url(../images/more_img1_35.png) no-repeat 38px center;padding-right:10px;widtH:40px;margin:18px auto 0;}

.notice_date a:hover{border: 1px #c11212 solid;}

.more_mobile{display: none;}

#List2{display: none;}
	
	
	
.work_inner{widtH:100%;padding:10px 0;}	
	
.work_text1{widtH:auto;padding:15px;float: none;}	
	
.work_list .spacing30{margin:0px;}

.work_text1{padding:15px;}	
	
	
	
	
	
}


@media (max-width:414px) {
/*------------------------------------------------------------------------------
// Mobile 414px-
------------------------------------------------------------------------------*/
	
	
	

}


@media (max-width:375px) {
/*------------------------------------------------------------------------------
// Mobile 375px-
------------------------------------------------------------------------------*/

.rollBox .Cont .pic{  padding:24px 15px;}
	
.notice_date{position: absolute;lefT:15px;top:20px;widtH:66px;text-align: center;}
	
.notice_text{padding-left:80px;}


}

@media (max-width:320px) {
/*------------------------------------------------------------------------------
// Mobile 320px-
------------------------------------------------------------------------------*/

.rollBox .Cont .pic{  padding:20px 10px;}
	
.notice_date{position: absolute;lefT:10px;top:20px;widtH:66px;text-align: center;}
	
.notice_text{padding-left:70px;}
	
	
}

@media (max-width:320px) and (max-height:480px) {
/*------------------------------------------------------------------------------
// Mobile width:320px- and height:480px-
------------------------------------------------------------------------------*/


	
}