/*湖南艺术资源库*/
@charset "UTF-8";
.header_bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1200px;
    min-height: 520px;
    background: url(../images/ysjg/bg.jpg) no-repeat center 0;
}
.header_bg .header-title{ margin-top: 130px;}

.page_ysjg_box{ position: relative; width: 1300px; margin: 0 auto;}
.ysjg_filter_box{ float: left; width: 1200px; margin: -185px 50px 30px 50px;}
.ysjg_filter_box .filter_width{ position: relative; float: left; width: 200px; height: 50px; background: #fff;border:1px solid #fff; border-radius: 5px; margin-right: 20px;}
.ysjg_filter_box .filter_width .label{ float: left; width: 68px; font-size: 14px; color: #000; font-weight: 600; line-height: 50px; text-align: center; background: url(../images/ysjg/icon_01.png) no-repeat right center;}
.ysjg_filter_box .filter_width.on{ border: 1px solid #293e97;}

/*重定义M_select*/
.sel-box{
    float: left; 
    width: 130px;
	height: 50px;
	border:0;    
}
.sel-title{ font-size: 14px; font-weight: normal; line-height: 50px; padding-left:30px;}
.sel-sign{ top: 23px;}
.sel-float-box{ top: 60px; left: 0px;}

.ysjg_typelist{ float: right; width: 260px;}
.ysjg_typelist li{ float: left; width: 78px; height: 38px; font-size: 12px; color: #fff; text-align: center; line-height: 38px; border: 1px solid rgba(255,255,255,.39); border-radius: 5px; margin-left: 10px; cursor: pointer;}
.ysjg_typelist li.selected{ background: #fff; border: 1px solid #fff; color: #000; font-weight: 600;}
.ysjg_typelist li:first-child{ margin-left: 0;}

.ysjg_data_bg{
    float: left;
    width: 1200px;
    background: #fff;
    border-radius: 5px;
    padding: 30px 50px 20px 50px;
    margin: -105px 0 30px 0;
}
.artlis_box{ float: left; border: 1px solid #e6e6e9; margin-top: 20px; margin-bottom: 30px;}

.artlis_titlebox{ float: left; width: 1198px; height: 60px; font-family: "PingFangJ"; font-size: 16px; color: #000; font-weight: 600; line-height: 60px; text-indent: 50px;}
.artlis_titlebox li.number{ float: left; width: 110px; text-indent: 0; text-align: center;}
.artlis_titlebox li.name{ float: left; width: 220px;}
.artlis_titlebox li.title{ float: left; width: 250px;}
.artlis_titlebox li.types{ float: left; width: 350px;}
.artlis_titlebox li.datetime{ float: left; width: 150px;}
.artlis_titlebox li.area{ float: left; width: 100px;}


.institution_datalist,.team_datalist,.artist_datalist{ float: left; width: 1200px;}
.institution_datalist li{ float: left; width: 585px; height: 362px; background: #fff; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0 30px 30px 0;}
.institution_datalist li:nth-child(2n){ margin-right: 0;}
.institution_datalist li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.2);}
.institution_datalist li .imgbox{ float: left; width: 585px; height: 232px; margin-bottom: 23px;}
.institution_datalist li .conbox{ float: left; width: 325px; margin-left: 20px;}
.institution_datalist li .conbox .J-title{ font-size: 18px; color: #040404; font-weight: 600; margin-bottom: 20px;}
.institution_datalist li .conbox .J-desc{ font-size: 12px; color: rgba(4,4,4,.5); line-height: 18px;}
.institution_datalist li .con-img{ float: right; width: 83px; height: 83px; border: 1px solid rgba(0,0,0,.05); margin-right: 24px;}


.institution_datalist li:hover .conbox .J-title{ color: #293e97;}

.team_datalist li{ float: left; width: 282px; height: 380px; background: #fff; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0 24px 30px 0;}
.team_datalist li:nth-child(4n){ margin-right: 0;}
.team_datalist li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.2);}
.team_datalist li .imgbox{ float: left; width: 282px; height: 232px; margin-bottom: 20px;}
.team_datalist li .conbox{ float: left; width: 242px; margin: 0 20px;}
.team_datalist li .conbox .title{ font-size: 18px; color: #040404; font-weight: 600; margin-bottom: 15px; min-height: 50px;}
.team_datalist li .conbox .desc{ float: left; width: 185px; font-size: 13px; color: rgba(4,4,4,.4); padding-top: 0px;}
.team_datalist li .conbox .T-img{ float: right; width: 48px; height: 48px; border: 1px solid rgba(0,0,0,.05); border-radius: 50%; margin-top: 2px;}
.team_datalist li:hover .conbox .title{ color: #293e97;}

/*.artist_datalist li{ float: left; width: 282px; height: 362px; background: #fff; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0 24px 30px 0;}
.artist_datalist li:nth-child(4n){ margin-right: 0;}
.artist_datalist li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.2);}
.artist_datalist li .imgbox{ float: left; width: 282px; height: 232px; margin-bottom: 25px;}
.artist_datalist li .conbox{ float: left; width: 242px; font-size: 18px; color: #040404; font-weight: 600; margin: 0 20px;}
.artist_datalist li .conbox .desc{ font-size: 14px; color: rgba(4,4,4,.7); font-weight: normal; margin: 18px 0 5px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.artist_datalist li .conbox .status{ font-size: 12px; color: rgba(4,4,4,.4); font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.artist_datalist li:hover .conbox .title{ color: #293e97;}*/

.artist_datalist li{ float: left; width: 1200px; height: 60px; font-family: "PingFangJ"; font-size: 16px; color: #000; line-height: 60px; text-indent: 50px; background: #f4f5fa; border-bottom: 1px solid #e6e6e9;}
.artist_datalist li:last-child{ border-bottom: 0;}
.artist_datalist li:hover{ background: #fafafd;}
.artist_datalist li:hover a{ color: #000;}
.artist_datalist li .number{ float: left; width: 110px; text-align: center; text-indent: 0;}
.artist_datalist li .name{ float: left; width: 220px;}
.artist_datalist li .title{ float: left; width: 250px;}
.artist_datalist li .types{ float: left; width: 350px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.artist_datalist li .datetime{ float: left; width: 150px;}
.artist_datalist li .area{ float: left; width: 100px;}

/*详情*/
.header_detail_bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1200px;
    min-height: 570px;
    background: url(../images/ysjg/d_bg.png) no-repeat center 0;
    margin-top: 90px;
}
/*自定义*/
.location{ color: rgba(255,255,255,1); line-height: 45px; border-bottom: 0; margin: 10px 0 10px 0;}
.location a{ color: rgba(255,255,255,1);}
.location a:hover{ color: rgba(255,255,255,.8);}
.location span{ margin: 0 5px;}

.ysjg_detail_bg{
    float: left;
    width: 1200px;
    background: #fff;
    border-radius: 5px;
    padding: 40px 50px;
    margin: 0 0 30px 0;
}

.ysjg_d_header{ float: left; width: 1200px; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 44px; margin-bottom: 45px;}
.ysjg_h_imgbox{ float: left; width: 203px; height: 203px; border: 1px solid rgba(0,0,0,.1); border-radius: 5px; margin-right: 16px;}
.ysjg_h_imgbox.team_detail{ border-radius: 50%;}
.ysjg_h_imgbox.artist_detail{ float: left; width: 282px; height: 232px; border: 0; margin-right: 18px;}
.ysjg_h_imgbox .h-img{ float: left; width: 165px; height: 165px; border-radius: 5px; margin: 19px;}
.ysjg_h_imgbox.team_detail .h-img{ border-radius: 50%;}
.ysjg_h_imgbox.artist_detail .h-img{width: 282px; height: 232px; margin: 0;}

.ysjg_h_conbox{ float: left; width: 979px;}
.ysjg_h_conbox .d-title{ font-size: 30px; color: #000; font-weight: 600; line-height: 50px; text-indent: 12px; margin: 8px 0 20px 0;}
.ysjg_h_conbox .d-desc{ float: left; width: 940px; font-size: 16px; color: #040404; line-height: 50px; background: #f7f7f7; border-radius: 5px; padding: 0 20px; margin-bottom: 10px;}

.ysjg_h_conbox.artist_detail_box{ float: left; width: 900px;}
.ysjg_h_conbox.artist_detail_box .d-title{  margin: 0 0 12px 0;}
.ysjg_h_conbox.artist_detail_box .d-desc{ float: left; width: 860px;}
.ysjg_h_conbox.artist_detail_box .d-desc:last-child{ margin-bottom: 0;}

.ysjg_intro_box{ float: left; width: 1200px; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 50px; margin-bottom: 20px;}
.ysjg_intro_box .intro_imgbox{ float: left; width: 585px; height: 302px; margin-right: 27px;}
.ysjg_intro_box .intro_conbox{ float: left; width: 588px; font-size: 16px; color: #000; line-height: 28px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10;}
.ysjg_intro_box .intro_more{ float: left; width: 588px; margin: 15px 0 0 0;}
.ysjg_intro_box .intro_more a{ color: #293e97;}

.ysjg_detail_typelist{ float: left; width: 1200px; margin-bottom: 30px;}
.ysjg_detail_typelist li{ float: left; width: 80px; height: 40px; font-size: 12px; color: #000; line-height: 40px; letter-spacing: 1px; text-align: center; margin-right: 10px; cursor: pointer;}
.ysjg_detail_typelist li.selected{ background: #293e97; border-radius: 5px; color: #fff; font-weight: 600;}

ul.hjyl_datalist,ul.jcfx_datalist{ float: left; width: 1200px;}
ul.hjyl_datalist li,ul.jcfx_datalist li{ float: left; width: 386px; margin-right: 21px; margin-bottom: 21px;}
ul.hjyl_datalist li:nth-child(3n),ul.jcfx_datalist li:nth-child(3n){ margin-right: 0;}
ul.hjyl_datalist li .imgbox{ float: left; width: 386px; height: 200px; border-radius: 5px; margin-bottom: 5px;}
ul.hjyl_datalist li .conbox{ float: left; width: 362px; font-family: "PingFangJ"; font-size: 14px; color: #000; margin: 0 12px;}
ul.hjyl_datalist li .conbox .desc{ font-size: 12px; color: rgba(0,0,0,.7); font-weight: normal;}
ul.hjyl_datalist li .conbox .ellipsis,ul.jcfx_datalist li .conbox .ellipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

ul.jcfx_datalist li .imgbox{ float: left; width: 386px; height: 200px; border-radius: 5px; margin-bottom: 15px;}
ul.jcfx_datalist li .conbox{ float: left; width: 362px; font-family: "PingFangJ"; font-size: 16px; color: #000; font-weight: 600; margin: 0 12px;}
ul.jcfx_datalist li .conbox .desc{ float: left; width: 362px; font-size: 12px; color: rgba(0,0,0,.7); font-weight: normal; line-height: 25px;}

ul.jgry_datalist{ float: left; width: 1200px; display: none;}
ul.jgry_datalist li{ float: left; width: 224px; margin-right: 20px; margin-bottom: 20px;}
ul.jgry_datalist li:nth-child(5n){ margin-right: 0;}
ul.jgry_datalist li .imgbox{ float: left; width: 224px; height: 158px; border-radius: 5px; margin-bottom: 5px;}
ul.jgry_datalist li .conbox{ float: left; width: 200px; font-family: "PingFangJ"; font-size: 14px; color: #000; margin: 0 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

ul.tdcy_datalist{ float: left; width: 1200px; display: none;}
ul.tdcy_datalist li{ float: left; width: 282px; margin-right: 24px; margin-bottom: 24px;}
ul.tdcy_datalist li:nth-child(4n){ margin-right: 0;}
ul.tdcy_datalist li .imgbox{ float: left; width: 282px; height: 232px; margin-bottom: 15px;}
ul.tdcy_datalist li .conbox{ float: left; width: 258px; font-family: "PingFangJ"; font-size: 16px; color: #000; font-weight: 600; text-align: center; margin: 0 12px; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;*/}
ul.tdcy_datalist li .conbox .status{ font-size: 13px; color: rgba(0,0,0,.7); font-weight: normal; line-height: 25px;}


.grjs_intro_box{ float: left; width: 1160px; border-bottom: 1px solid rgba(0,0,0,.1); padding: 0 20px 50px 20px; margin-bottom: 20px;}
.grjs_intro_box .intro_title{ float: left; width: 1160px; font-size: 24px; color: #000; font-weight: 600; background: url(../images/ysjg/icon_02.png) no-repeat left bottom; padding-bottom: 15px; margin-bottom: 20px;}
.grjs_intro_box .intro_content{ float: left; width: 1160px; font-size: 16px; font-weight: lighter; text-align: justify; line-height: 28px;}
.grjs_intro_box .intro_content p{ padding-bottom: 15px;}
.grjs_intro_box .intro_content img{ display: inline-block; max-width:100%;height:auto; margin:10px auto;}

ul.grry_datalist{ float: left; width: 1200px;}
ul.grry_datalist li{ float: left; width: 386px; margin-right: 21px; margin-bottom: 24px;}
ul.grry_datalist li:nth-child(3n){ margin-right: 0;}
ul.grry_datalist li .imgbox{ float: left; width: 386px; height: 270px; border-radius: 5px; margin-bottom: 20px;}
ul.grry_datalist li .conbox{ float: left; width: 366px; margin: 0 10px;}
ul.grry_datalist li .conbox .title{font-family: "PingFangJ"; font-size: 16px; color: #000; font-weight: 600; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
ul.grry_datalist li .conbox .status{ font-size: 13px; color: rgba(0,0,0,.7); font-weight: normal; line-height: 25px;}

#jczp_datalist{ display: none;}