/* 武陵山区(湘西)文化生态资源库 - 湘西非遗（传承阵地）*/
@charset "UTF-8";
html,body{
    background: url(../../images/xxfy/cczd/page-bg.jpg) repeat-y center 0;
}
.bottom-bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1458px;
    min-height: 1100px;
    background: url(../../images/xxfy/cczd/b-bg.jpg) no-repeat center bottom;
}
.top-bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1458px;
    min-height: 602px;
    background: url(../../images/xxfy/cczd/t-bg.jpg) no-repeat center 128px;
}
.d-top-bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1458px;
    min-height: 602px;
    background: url(../../images/xxfy/cczd/d-t-bg.jpg) no-repeat center 375px;
}
.cczd_header{
    float: left;
    width: 1458px;
    margin: 180px 0 35px 0;
}
.cczd_header .titlebox{
    float: left;
    width: 588px;
    font-family:'NSimSun_Fnt';
    font-size: 32px;
    color: #000;
    text-align: center;
    margin: 0 435px 20px 435px;
}
.cczd_header .titlebox span{ display: inline-block; background: url(../../images/xxfy/cczd/icon_01.png) no-repeat center bottom; line-height: 40px; padding: 0 8px 5px 10px;}
.cczd_header ul.datalist{
    float: left;
    width: 588px;
    margin: 0 435px;
    
    font-family:'NSimSun_Fnt';
    color: #000;
}
.cczd_header ul.datalist li{
    float: left;
    width: 196px;
    background: url(../../images/xxfy/fyxm/icon_05.png) no-repeat right 20px;

    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
.cczd_header ul.datalist li:last-child{ background: none;}
.cczd_header ul.datalist li .num{ font-size: 50px; line-height: 65px;}
.cczd_header ul.screen-box{
    float: left;
    width: 1284px;
    margin: 85px 87px 10px 87px;
    text-align: center;
}
.cczd_header ul.screen-box li{
    display: inline-block;
    font-family: 'NSimSun_Fnt';
    font-size: 16px;
    color: #151720;
    line-height: 36px;
    padding: 0 14px;
    margin-right: 38px;
}
.cczd_header ul.screen-box li.selected{ background: #22598a; color: #fff;}

ul.cczd_datalist{
    float: left;
    width: 1458px;
    margin: 30px 0 20px 0;
}
ul.cczd_datalist li{
    float: left;
    width: 430px;
    height: 336px;
    background: #faf2df;
    border: 5px solid #faf2df;
    border-radius: 5px;
    margin: 0 24px 24px 0;
    padding: 15px;
}
ul.cczd_datalist li:hover{
    border: 5px solid #5d97cd;
    background: #fff;
}
ul.cczd_datalist li:nth-child(3n){ margin-right: 0;}
ul.cczd_datalist li .imgbox{
    float: left;
    width: 430px;
    height: 250px;
    margin-bottom: 20px;
}
ul.cczd_datalist li .conbox{
    float: left;
    width: 420px;
	font-family:'NSimSun_Fnt';
    font-size: 16px;
    color: rgba(0,0,0,.5);
    line-height: 30px;
    margin: 0 5px;
}
ul.cczd_datalist li .conbox .cczd-title{
    
	font-family:'HMOS_S_S_Medium';
    font-size: 22px;
    color: #000;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.cczd_detailbox{
    float: left;
    width: 1118px;
    padding: 55px 170px;
    margin-bottom: 30px;
    background: #fff;
}
.cczd_detailbox .cczd-titlebox{
    float: left;
    width: 1118px;
    background: url(../../images/xxfy/cczd/icon_02.png) no-repeat center bottom;
    margin-bottom: 35px;

	font-family:'NSimSun_Fnt';
    font-size: 16px;
    color: rgba(0,0,0,.7);
    line-height: 28px;
    text-align: center;
    padding-bottom: 20px;
}
.cczd_detailbox .cczd-titlebox .title{    
	font-family:'HMOS_S_S_Medium';
    font-size: 34px;
    color: #000;
    line-height: 50px;
    margin-bottom: 5px;
}
.cczd_detailbox .cczd-contentbox{
    float: left;
    width: 1118px;    
	font-family:'HMOS_S_S_Regular';
    font-size: 18px;
    text-align: justify;
    line-height: 35px;
}
.cczd_detailbox .cczd-contentbox img{ display: inline-block; max-width:100%;height:auto; margin: 10px 0;}