/* 唐山市文化志愿者 - 首页 */
.index_page{
	position:relative;
	width:1300px;
	margin:0 auto;
}
.page_main{
	float:left;
	width:1260px;
	background:#fff;
	padding:20px;
}
.index_bannerbox{
	float:left;
	width:1260px;
	margin-bottom:20px;
}
.index_bannerbox .banner-left{
	float:left;
	width:600px;
	height:330px;
	margin-right:32px;
}
.index_zyzgg{ position:relative; float:left; width:600px; height:330px; overflow:hidden;}
.index_zyzgg .bd{ position:relative; height:330px; z-index:0;   }
.index_zyzgg .bd li{ position:relative; float:left; width:600px; height:330px;}
.index_zyzgg .bd img{ width:600px; height:330px; display:block;  }
.index_zyzgg .bd li .banner_bg{ position:absolute; left:0; bottom:0; width:600px; height:50px; background:rgba(0,0,0,.3);}
.index_zyzgg .bd li span{ position:absolute; left:0; bottom:0; width:560px; height:50px; font-size:18px; color:#fff; line-height:50px; letter-spacing:1px; padding:0 20px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.index_zyzgg .prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:40px; height:40px; background:url(../images/icon_06.png) no-repeat;  }
.index_zyzgg .next{ position:absolute; right:3%; top:50%; margin-top:-25px; display:block; width:40px; height:40px; background:url(../images/icon_07.png) no-repeat; }
.index_bannerbox .banner-right{
	float:left;
	width:628px;
}
.hasMoreTab{ float:left; width:628px; height:330px; overflow:hidden;}
.hasMoreTab .hd{ line-height:46px; height:46px; border-bottom:1px solid rgba(12,5,9,.1); position:relative; }
.hasMoreTab .hd .more{ float:right; }
.hasMoreTab .hd .more a{ color:rgba(0,0,0,.5);}
.hasMoreTab .hd ul{ z-index:5; position:absolute; height:46px;  overflow:hidden; zoom:1; }
.hasMoreTab .hd li{ float:left; font-size:18px; color:#000; padding:0 10px; font-weight:600; margin-right:30px; cursor:pointer;}
.hasMoreTab .hd li.on{ font-weight:bold; height:46px; line-height:46px; background:#fff; color:#9a171a; background:url(../images/icon_01.png) no-repeat center bottom;  }
.hasMoreTab .bd{  padding:2px 0; clear:both; position:relative;  }
.hasMoreTab .bd ul li{ float:left; width:628px; height:55px; font-size:18px; color:#000; letter-spacing:1px; line-height:55px; border-bottom:1px dashed rgba(12,5,9,.2); background:url(../images/icon_05.png) no-repeat left center;}
.hasMoreTab .bd ul li span.title{ float:left; width:475px; margin-left:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;	}
.hasMoreTab .bd ul li span.datetime{ float:right; font-size:16px;}

.zyz_databox{
	float:left;
	width:1260px;
	margin-bottom:35px;
}
.zyz_databox .zyz_l_data{
	float:left;
	width:299px;
	height:369px;
	border:1px solid rgba(0,0,0,.21);
	margin-right:31px;
}
.zyz_databox .zyz_l_data li{
	float:left;
	width:299px;
	font-size:28px;
	color:#000;
	line-height:74px;
	text-align:center;
	border-bottom:1px solid rgba(0,0,0,.21);
}
.zyz_databox .zyz_l_data li:last-child{ border-bottom:0;}
.zyz_databox .zyz_l_data li.title{
	height:47px;
	font-size:18px;
	color:#fff;
	background:#c22327;
	line-height:47px;
}

.rankMoreTab{ float:left; width:448px; height:370px; overflow:hidden; margin-right:32px;}
.rankMoreTab .hd{ line-height:43px; height:43px; border-bottom:1px solid rgba(12,5,9,.1); position:relative; }
.rankMoreTab .hd .more{ float:right; margin-right:15px; }
.rankMoreTab .hd .more a{ color:rgba(0,0,0,.5);}
.rankMoreTab .hd ul{ z-index:5; position:absolute; height:43px;  overflow:hidden; zoom:1; }
.rankMoreTab .hd li{ float:left; font-size:18px; color:#000; padding:0 10px; font-weight:600; margin-right:30px; cursor:pointer;}
.rankMoreTab .hd li.on{ font-weight:bold; height:43px; line-height:43px; background:#fff; color:#9a171a; background:url(../images/icon_02.png) no-repeat center bottom;  }
.rankMoreTab .bd{  padding:2px 0; clear:both; position:relative;  }
.rankMoreTab .bd ul li{ float:left; width:448px; height:53px; font-size:18px; color:#000; letter-spacing:1px; line-height:53px; border-bottom:1px dashed rgba(12,5,9,.2); background:url(../images/icon_05.png) no-repeat 10px center;}
.rankMoreTab .bd ul li span.title{ float:left; width:275px; margin-left:12px; text-indent:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;	}
.rankMoreTab .bd ul li span.datetime{
	float: right;
	font-size: 16px;
	margin-right: 15px;
}

.activeMoreTab{ float:left; width:448px; height:370px; overflow:hidden;}
.activeMoreTab .hd{ line-height:43px; height:43px; border-bottom:1px solid rgba(12,5,9,.1); position:relative; }
.activeMoreTab .hd .more{ float:right; margin-right:15px;}
.activeMoreTab .hd .more a{ color:rgba(0,0,0,.5);}
.activeMoreTab .hd ul{ z-index:5; position:absolute; height:43px;  overflow:hidden; zoom:1; }
.activeMoreTab .hd li{ float:left; font-size:18px; color:#000; padding:0 10px; font-weight:600; margin-right:30px; cursor:pointer;}
.activeMoreTab .hd li.on{ font-weight:bold; height:43px; line-height:46px; background:#fff; color:#9a171a; background:url(../images/icon_02.png) no-repeat center bottom;  }
.activeMoreTab .bd{  padding:2px 0; clear:both; position:relative;  }
.activeMoreTab .bd ul li{ float:left; width:448px; height:53px; font-size:18px; color:#000; letter-spacing:1px; line-height:53px; border-bottom:1px dashed rgba(12,5,9,.2); background:url(../images/icon_05.png) no-repeat 10px center;}
.activeMoreTab .bd ul li span.title{ float:left; width:345px; margin-left:12px; text-indent:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;	}
.activeMoreTab .bd ul li span.datetime{ float:right; font-size:16px; color:#4498ff; margin-right:15px;}

.zytd_box{
	float:left;
	width:1260px;
	margin-bottom:34px;
}
.zytd_box .zytd_titlebox{
	float:left;
	width:1260px;
	font-size:18px;
	color:#9a171a;
	font-weight:600;
	text-indent:24px;
	background:url(../images/icon_03.png) no-repeat center bottom;
	padding-bottom:20px;
	margin-bottom:10px;
}
.zytd_box .zytd_datalist{
	float:left;
	width:1200px;
	height:177px;
	background:#f0f1f2;
	margin:0 10px;
	padding:20px;
}
.swiper01{
	height:177px;
}
.swiper01 .swiper-slide{
	width:206px;
	height:177px;
	margin-right:10px;
}
.swiper01 .swiper-slide .zytd_box{
	float:left;
	width:206px;
	height:177px;
	overflow:hidden;
}
.swiper01 .swiper-slide .zytd_box .imgbox{
	float:left;
	width:206px;
	height:129px;
	margin-bottom:5px;
	overflow:hidden;
}
.swiper01 .swiper-slide .zytd_box .conbox{
	position:relative;
	float:left;
	width:206px;
}
.swiper01 .swiper-slide .zytd_box .conbox p.title{
	float:left;
	width:206px;
	font-size:14px;
	color:#000;
	font-weight:600;
	letter-spacing:1px;
	line-height:24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.swiper01 .swiper-slide .zytd_box .conbox p.desc{
	float:left;
	width:165px;
	font-size:12px;
	color:rgba(0,0,0,.6);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.swiper01 .swiper-slide .zytd_box .conbox p.desc span{ margin:0 2px;}
.swiper01 .swiper-slide .zytd_box .conbox span.number{
	position:absolute;
	right:0;
	bottom:0;
	font-size:12px;
	color:rgba(0,0,0,.5);	
}