@charset "utf-8";
/* CSS Document */
/* 互动链接 */
.hd-links{ margin-top:30px;}
.hd-links li{ display:inline; float:left; width:180px; height:84px; text-align:center; margin-left:24px;}
.hd-links li a{ display:block; line-height:35px; background:#f7fbfa; border:1px solid #9ecabd; border-radius: 5px; -moz-border-radius: 5px; padding:23px 0; height:35px; font-size:18px;}
.hd-links li a:hover{ color:#0c7b5b;}
.hd-links li img{ margin-right:12px;}
.hd-links li.num1{ margin-left:0;}
.hd-links li a:hover img{webkit-transition:  -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
/* 回复选登 */
.hdxxBox{ height:292px; overflow:hidden;}
.ind-atabs li.tit a,.ind-atabs li.tit { color:#0c7b5b; font-weight: bold;}
.hf-links{ position:absolute; right:0; top:0; }
.hf-links ul li{ font-size:16px; margin:0 0 0 20px;}
.hdxx-title{ background: #f8f8f8; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; position:relative;}
.hdxx-title p{ position: absolute; top:0; text-align: center; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.hdxx-list li{ height: 46px; line-height: 46px; border-bottom:1px dashed #e7e7e7; padding: 2px 0; position: relative; font-size: 16px; }
.hdxx-list li p{ position: absolute; top:2px; text-align: center; color: #666; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.hdxx-title .p1,.hdxx-list li .p1{ right:470px; width: auto; left:0; text-align: left; padding-left: 30px; }
.hdxx-title .p2,.hdxx-list li .p2{ right:270px; width: 200px;}
.hdxx-title .p3,.hdxx-list li .p3{ right:90px; width: 180px;}
.hdxx-title .p4,.hdxx-list li .p4{ right:0; width: 90px;}
.hdxx-list li .p1{ padding-left: 0; }
/* 办件统计 */
.hd-bjtj{ background:#f8f8f8; height:130px;  }
.bjtj-tit{ font-size:20px; color:#0c7b5b; font-weight:bold; line-height:22px; height:30px; position:relative;padding:12px 20px 0 20px;}
.bjtj-tit .nl{ position:absolute; right:20px; top:10px; display:inline-block; padding:0 8px; line-height:24px; background:#fff; height:24px; border:1px solid #ddd; font-size:14px; font-weight:normal;  border-radius: 2px; -moz-border-radius: 2px; }
.bjtj-left{ width:624px;}
.bjtj-left ul{ width:165px; float:left; display:block; font-size:16px; height:64px; border-left:1px solid #e6e6e6; padding-left:46px;}
.bjtj-left ul.num1{ padding-left:20px; border-left:none;}
.bjtj-left ul li{ line-height:24px; height:24px; padding:4px 0; }
.bjtj-left ul li .red{ color:#e90000;}
.bjtj-right{ width:575px;  font-size:16px}
.bjtj-right ul{ width:50%; float:left; }
.bjtj-right ul li{line-height:24px; height:24px; padding:4px 0; }
.bjtj-right ul li .tit{ display:inline-block; background:#0c7b5b; color:#fff; width:45px; text-align:center;  border-radius: 5px; -moz-border-radius: 5px; margin-right:6px; }
.bjtj-right ul li .ptxt{ display:inline-block; width:105px;}
.bjtj-right ul li .red{ color:#e90000; font-style:normal;}
/* 在线访谈 */
.hdzxft-con{ padding-top:20px; height:296px;}
.hdzxft-left{ width:828px; height:297px;}
.hdzxft-left .ft-pic{ width:379px; height:297px; float:left;}
.hdzxft-left .ft-pic img{ width:100%; height:100%;}
.hdzxft-left .zxft-info{ margin-left:408px;}
.hdzxft-left .zxft-info .title{ font-size:22px; height:50px; line-height:24px; font-weight:bold;}
.hdzxft-left .zxft-info p{ line-height:34px; height:34px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;  margin:4px 0; font-size:16px; position:relative; padding-left:88px;}
.hdzxft-left .zxft-info .tit{ font-weight:bold; display:inline-block; width:88px; position:absolute; left:0; top:0; }
.hdzxft-left .zxft-info .remarks{ height:auto; white-space:normal;}
.hdzxft-left .zxft-info .remarks a{ color:#e40202;}
.hdzxft-right{ width:350px;}
.hdzxft-right .zt-title{ height:32px; font-weight:bold; line-height:22px; font-size:20px; color:#0c7b5b;}
.hdzxft-right .zt-title a{ color:#0c7b5b; }
.hdzxft-right .ft-list{ height:262px; border:1px solid #ddd;}
.hdzxft-right .ft-list ul{ display:block; padding:10px 16px 0 16px;}
.hdzxft-right .ft-list ul li{ height:40px; line-height:40px; padding-left:18px; background: url(../images-new/icon.gif) no-repeat left center;  font-size:16px; }
.hdzxft-right .ft-list ul li a{ display:block; float:none; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
/* 征集 */
.hd-lmbox{ width:585px; height:288px; overflow:hidden;}
.zj-list{margin-top:15px;}
.zj-list li{ float:left; width:585px; height:40px; line-height:40px; font-size:16px; position:relative;}
.zj-list li.even { float:right; }
.zj-list li a{ display:block; padding-left:18px; background: url(../images-new/icon.gif) no-repeat left center; margin-right:80px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; float:none;}
.zj-list li .state { display:block; height:28px; line-height:28px; text-align:center; background:#eaeaea; position:absolute; right:0; top:6px; width:70px;  border-radius: 5px; -moz-border-radius: 5px; color:#505050; }
.zj-list li .on{ background:#ffb62d; color:#fff;}
@media (max-width: 1199px){
   /* 互动链接 */
   .hd-links li{ margin-left:20px; width:148px;}
   .hd-links li img {  margin-right: 5px;}
   /* 信件统计 */
   .hd-bjtj{ height:auto; padding-bottom:10px;}
   .bjtj-left {  width: auto; float:none; margin-bottom:10px;}
   .bjtj-left ul{ width:31.2%; padding-left:2% !important; text-align:center;}
   .bjtj-right {  width: auto; float:none;}
   .bjtj-right ul {  width: 48%;  padding-left:2% !important;}
    /* 在线访谈 */
	.hdzxft-left {  width: 728px;}
	.hdzxft-right {  width: 242px;}
	.hdzxft-left .zxft-info p{ line-height:30px;}
	.zj-list li{ width:481px;}
   
   
}
@media (max-width: 991px){
  /* 互动链接 */
   .hd-links li{ margin:0 0 20px 20px; width: 242px;}
    .hd-links li.num4{ margin-left:0;}
	/* 在线访谈 */
	 .hdzxft-con { height: auto;}
	.hdzxft-left {  width: auto; float:none; margin-bottom:20px;}
	.hdzxft-right {   width: auto; float:none;}
	.hdzxft-left .zxft-info p{ line-height:30px;}
	.zj-list li{ width:auto;  float:none !important;}
	

}
@media (max-width: 767px){
	.lm-main{ padding:0 10px;}	
	/* 互动链接 */
   .hd-links li{ margin:0 0 20px 2%; width: 32%;}
   	/* 回复选登 */
	 .hf-links ul li { margin: 0 0 0 10px;}
   .hdxx-title .p2, .hdxx-list li .p2,.hdxx-title .p3, .hdxx-list li .p3{ display:none; }
   .hdxx-title .p1, .hdxx-list li .p1{right:100px;} 
	/* 在线访谈 */
	.hdzxft-left{ height:auto; }
	.hdzxft-left .ft-pic{ width:auto; float:none; height:auto; margin-bottom:15px;}
	.hdzxft-left .ft-pic img{ height:auto;}
	.hdzxft-left .zxft-info {margin-left: 0;}
	.hdzxft-left .zxft-info .title{ height:auto; padding:5px 0; line-height:28px;}
}
@media (max-width: 620px){
	.bjtj-left ul{ width: 90%; padding:0 5% !important; border:none; text-align:left; height:auto;}	
	.bjtj-right ul { width: 90%; padding:0 5% !important; margin-bottom:10px;}
	.bjtj-left ul li{ border-bottom: 1px dashed #e7e7e7; }	
}
@media (max-width: 500px){	
	/* 互动链接 */
   .hd-links li{margin:0 0.5% 20px 0.5% !important;   width: 49%;}
   
}




