/* 衡阳市非物质文化遗产 - 传承阵地 */
@charset "UTF-8";
.s_header{
	position:relative;
	float:left;
	width:100%;
	min-width:1300px;
	min-height:300px;
	margin:200px 0 0 0;
	background:url(../images/cczd/header.png) no-repeat center 0;
}
.s_classify{
	float:left;
	width:100%;
	min-width:1300px;
	height:88px;
	background:rgba(184,159,148,.3);
	overflow:hidden;
}
.s_classify .swiper01{
	width:1300px;
	height:88px;
}
.s_classify .swiper01 .swiper-slide{
	width:215px;
	height:88px;
	font-family:'SYSTCN';
	font-size:18px;
	color:#1d1312;
	text-align:center;
	letter-spacing:1px;
	line-height:88px;
	cursor:pointer;
}
.s_classify .swiper01 .swiper-slide.current{
	background:#ce8752 url(../images/fyzc/icon_01.png) no-repeat center bottom;
	color:#fee1c4;
}

.cczd_bg{
	float:left;
	width:100%;
	min-width:1300px;
	background:url(../images/cczd/bg.png) no-repeat center bottom;
}
ul.cczd_datalist{
	float:left;
	width:1300px;
	margin:50px 0 20px 0;
}
ul.cczd_datalist li{
	position:relative;
	float:left;
	width:400px;
	height:280px;
	background:#d2c3bd;
	border:10px solid #d2c3bd;
	border-radius:5px;
	margin:0 20px 20px 0;
	overflow:hidden;
}
ul.cczd_datalist li:nth-child(3n){ margin-right:0;}
ul.cczd_datalist li .imgbox{
	position:relative;
	float:left;
	width:400px;
	height:216px;
	margin-bottom:10px;
	overflow:hidden;
}
ul.cczd_datalist li .imgbox span{
	position:absolute;
	left:10px;
	top:20px;
	background:#f6f5f2;
	border-radius:50px;
	font-size:15px;
	color:#8c6255;
	line-height:27px;
	padding:0 15px;	
}
ul.cczd_datalist li .conbox{
	float:left;
	width:270px;
	font-family:'PingFangJ';
}
ul.cczd_datalist li .conbox .title{
	font-size:20px;
	color:#000;
	font-weight:600;
	line-height:28px;
	text-indent:6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.cczd_datalist li .conbox .desc{
	font-size:16px;
	color:rgba(0,0,0,.7);
	line-height:20px;
	text-indent:6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;	
}
ul.cczd_datalist li .go{
	position:absolute;
	right:10px;
	bottom:10px;
	background:#ce8752;
	width:100px;
	height:40px;
	font-family:'SYSTCN';
	font-size:12px;
	color:#fff;
	line-height:40px;
	text-align:center;
	border-radius:5px;
}
ul.cczd_datalist li:hover .go{ background:#8c6255;}


.cczd_detail_header{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-width:1300px;
	background:rgba(29,19,18,.52);
	min-height:300px;
	z-index:1;
}
.cczd_detail_title{
	float:left;
	width:1100px;
	font-family:'PingFangJ';
	font-size:40px;
	color:#1d1312;
	font-weight:600;
	line-height:55px;
	text-align:justify;
	margin:10px 20px 35px 20px;
}
.cczd_detail_desc{
	float:left;
	width:1100px;
	font-family:'PingFangJ';
	font-size:20px;
	color:rgba(29,19,18,.7);
	padding-bottom:50px;
	border-bottom:10px solid rgba(228,220,215,.4);	
	margin:0 20px 30px 20px;
}
.cczd_detail_content{
	float:left;
	width:1100px;
	margin:0 20px 80px 20px;
}
.cczd_detail_content .weui_article {
  padding:0 10px;
  font-family:'PingFangJ';
  font-size: 16px;
  color:#000000;
  line-height:32px;
  letter-spacing:1px;
  margin: 0;
  text-align:justify;
  text-justify:inter-ideograph;
}			
.cczd_detail_content .weui_article img{
	display:inline;max-width:100%;height:auto; margin:10px 0;
}