/* 武陵山区(湘西)文化生态资源库 - 人文资源*/
@charset "UTF-8";
html,body{
    background: url(../../images/rwzy/page-bg.jpg) repeat-y center 0;
}
.s-bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1450px;
    background: url(../../images/rwzy/s-bg01.png) no-repeat center bottom;
}
.list-bg{
    float: left;
    width: 1330px;
    min-height: 900px;
    background: #fdeae2;
    padding: 50px 60px;
    margin-bottom: 50px;
}
.lsyj_screenbox{
    float: left;
    width: 1330px;
    border-bottom: 1px solid #c57857;
    margin-top: -50px;
    margin-bottom: 50px;
}
.lsyj_screenbox ul.screen-list{
    float: left;
    width: 1330px;
    padding-bottom: 10px;
    margin: 0;
}
.lsyj_screenbox ul.screen-list li{
    position: relative;
    float: left;
     width: auto;
	font-family:'NSimSun_Fnt';
    font-size: 21px;
    color: #000;
    line-height: 50px;
    text-align: center;
    background: url(../../images/rwzy/icon_10.png) no-repeat right center;
    cursor: pointer;
    padding: 0 25px;
    margin-top: 30px;
}

.lsyj_screenbox ul.screen-list li span{    
    display: inline-block;
    line-height: 60px;
    padding: 0 28px;
}

.lsyj_screenbox ul.screen-list li:last-child{ background: none;}
.lsyj_screenbox ul.screen-list li.selected{
    color: #c57857;
}
.lsyj_screenbox ul.screen-list li.selected span{
    background: url(../../images/rwzy/icon_09.png) no-repeat center bottom;
}

ul.lsyj-datalist{
    float: left;
    width: 1330px;
    margin-bottom: 20px;
}
ul.lsyj-datalist li{
    float: left;
    width: 390px;
    height: 242px;
    border: 1px solid rgba(197,120,87,.22);
    background: #fffaf8;
    padding: 19px;
    margin-right: 20px;
    margin-bottom: 20px;
}
ul.lsyj-datalist li:nth-child(3n){ margin-right: 0;}
ul.lsyj-datalist li .imgbox{
    float: left;
    width: 180px;
    height: 242px;
    border-radius: 3px;
    margin-right: 15px;
}
ul.lsyj-datalist li .conbox{
    position: relative;
    float: left;
    width: 195px;
    height: 242px;
}
ul.lsyj-datalist li .conbox .title{
	font-family:'HMOS_S_S_Regular';
    font-size: 22px;
    color: #000;
    line-height: 35px;
    margin-bottom: 5px;
}
ul.lsyj-datalist li .conbox i{
    display: inline-block;
    padding: 0 10px;
    background: #c57857;
	font-family:'HMOS_S_S_Bold';
    font-size: 14px;
    color: #fff;
    line-height: 32px;
}
ul.lsyj-datalist li .conbox .desc{
    position: absolute;
    top: 120px;
    left: 0;
    width: 195px;
	font-family:'NSimSun_Fnt';
    font-size: 16px;
    color: #000;
    line-height: 21px;
}
ul.lsyj-datalist li .conbox .desc p{ margin-bottom: 9px;}
ul.lsyj-datalist li .conbox .desc span{
    display: inline-block;
    background: url(../../images/rwzy/icon_13.png) no-repeat center right;
    padding-right: 10px;
    margin-right: 10px;
}

.s-bg-white{
    position: relative;
    float: left;
    width: 1310px;
    min-height: 900px;
    background: #fff;
    padding: 70px;
    margin-bottom: 45px;
}
.lsyj_detail-left{
    position: relative;
    float: left;
    width: 700px;
    height: 943px;
    margin-right: 30px;
}
.lsyj_detail-left .type{
    position: absolute;
    top: 20px;
    left: 20px;
    background: #c57857;
    padding: 0 10px;
	font-family:'HMOS_S_S_Bold';
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    z-index: 99;
}
.swiper01{ position: relative; width: 700px; height: 943px;}
.swiper01 .swiper-slide{ width: 700px; height: 943px; border-radius: 3px;}
.swiper01 .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;background:#c57857;opacity:.5; border-radius:50%;}
.swiper01 .swiper-pagination-bullet-active{opacity:1; width:20px; height:10px; background:#c57857; border-radius:50px;}
.swiper01 .swiper-pagination-bullets{bottom:25px;left:0;width:100%;}
.swiper01 .swiper-container-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px 0 0;
}
.lsyj_detail-right{
    float: left;
    width: 580px;
}
.lsyj_detail-right .lsyj-title{
	font-family:'HMOS_S_S_Medium';
    font-size: 32px;
    color: #000;
    line-height: 40px;
    margin-bottom: 15px;
}
.lsyj_detail-right ul.lsyj-desclist{
    float: left;
    width: 580px;
}
.lsyj_detail-right ul.lsyj-desclist li{
    float: left;
    width: 546px;
    background: #f3e2db;
    border-radius: 3px;
    padding: 15px 17px;
    margin-bottom: 10px;
    
	font-family:'NSimSun_Fnt';
    font-size: 16px;
    color: #000;
    line-height: 25px;
}
.lsyj_detail-right ul.lsyj-desclist li label{
    float: left;
    width: 75px;
    background: url(../../images/rwzy/icon_13.png) no-repeat center right;
    margin-right: 12px;
}
.lsyj_detail-right ul.lsyj-desclist li span{
    float: left;
    width: 459px;
}
.lsyj_detail-right ul.lsyj-desclist.ctjz li label{
    float: left;
    width: 75px;
    background: url(../../images/rwzy/icon_13.png) no-repeat center right;
    margin-right: 12px;
}
.lsyj_detail-right ul.lsyj-desclist.ctjz li span{
    float: left;
    width: 459px;
}
.lsyj-introbox{
    float: left;
    width: 580px;
    height: 630px;
    background: #f9f1ee;
    border-radius: 3px;
}
.lsyj-introbox.ctjz-introbox{
    height: 368px;
}
.lsyj-introbox .intro-titlebox{
    float: left;
    width: 555px;
    height: 39px;
    margin: 33px 0 20px 25px;
    background: url(../../images/rwzy/icon_14.png) no-repeat;
}
.lsyj-introbox .intro-titlebox.ctjz-title{
    background: url(../../images/rwzy/icon_16.png) no-repeat;
}
.lsyj-introbox .intro-conbox{
    float: left;
    width: 530px;
    height: 495px;
	font-family:'HMOS_S_S_Thin';
    font-size: 16px;
    color: #000;
    line-height: 30px;
    text-align: justify;
    padding-right: 25px;
    margin-left: 25px;
    overflow-y: scroll;
}
.lsyj-introbox .intro-conbox.ctjz-conbox{
    height: 245px;
}
.lsyj-introbox .intro-conbox::-webkit-scrollbar-corner {
  width: 0;
  background: transparent;
}

.lsyj-introbox .intro-conbox::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: transparent;
}

.lsyj-introbox .intro-conbox::-webkit-scrollbar-track {
  background: rgba(197, 120, 87, 0);
  border-left: 0 solid rgba(244, 244, 244, 0.14);
}

.lsyj-introbox .intro-conbox::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid transparent;
  background-clip: content-box;
  background-color: #c57857;
}