/* 武陵山区(湘西)文化生态资源库 - 地质地貌*/
@charset "UTF-8";
html,body{
    background: url(../../images/zrzy/dzdm/page-bg.jpg) repeat-y center 0;
}
.filter_box{
    float: left;
    width: 1450px;
    margin: 160px 0 20px 0;
}
.filter_box .li_control{
    float: left;
    width: 1150px;
    height: 65px;
    background: url(../../images/zrzy/icon_03.png) no-repeat;
    margin-right: 18px;
}
.filter_box .li_control label{
    float: left;
    width: 100px;
    font-family:'NSimSun_Fnt';
    font-size: 18px;
    color: #000;
    line-height: 65px;
    text-align: center;
    background: url(../../images/zrzy/icon_05.png) no-repeat right center;
    margin-left: 45px;
}
.filter_box .li_control .txt-search{
    float: left;
    width: 920px;
    height: 65px;
    background: transparent;
    border: 0;
    font-family:'HMOS_S_S_Regular';
    font-size: 16px;
    color: #000;
    line-height: 65px;
    text-indent: 15px;
}
.filter_box .li_control .txt-search::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(0,0,0,.23);
}
.filter_box .li_control .txt-search::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(0,0,0,.23);
}
.filter_box .li_control .txt-search::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(0,0,0,.23);
}
.filter_box .li_control .txt-search::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(0,0,0,.23);
}
.filter_box .li_control .btn-search{
    float: left;
    width: 52px;
    height: 65px;
    background: url(../../images/zrzy/icon_04.png) no-repeat center center;
    border: 0;
    cursor: pointer;
}
.filter_box .li_width{
    position: relative;
    float: left;
    width: 282px;
    height: 65px;
    background: url(../../images/zrzy/icon_06.png) no-repeat center 0;
}
.filter_box .li_width label{
    float: left;
    width: 75px;
    font-family:'NSimSun_Fnt';
    font-size: 18px;
    color: #fff;
    line-height: 65px;
    text-align: center;
    background: url(../../images/zrzy/icon_07.png) no-repeat right center;
}
.filter_box .li_width .sel-box{
    float: left;
    width: 200px;
}
.dzdm_bg{
    float: left;
    width: 1332px;
    padding: 50px 59px 0 59px;
    margin-bottom: 60px;
    background: #fff;
}
.dzdm_screenbox{
    float: left;
    width: 1332px;
    border-bottom: 1px solid #2597a1;
    margin-bottom: 50px;
}
.dzdm_screenbox ul.screen-list{
    float: left;
    width: 940px;
    padding-bottom: 10px;
    margin: 0 195px;
}
.dzdm_screenbox ul.screen-list li{
    position: relative;
    float: left;
    width: 470px;
	font-family:'NSimSun_Fnt';
    font-size: 24px;
    color: #000;
    line-height: 50px;
    text-align: center;
    background: url(../../images/zrzy/dzdm/icon_02.png) no-repeat right center;
    cursor: pointer;
}
.dzdm_screenbox ul.screen-list li:last-child{ background: none;}
.dzdm_screenbox ul.screen-list li.selected{
    color: #2597a1;
}
.dzdm_screenbox ul.screen-list li.selected span{
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 470px;
    height: 10px;
    background: url(../../images/zrzy/dzdm/icon_01.png) no-repeat center 0;
}

ul.zrbhq_datalist{
    float: left;
    width: 1332px;
    margin-bottom: 20px;
}
ul.zrbhq_datalist li{
    float: left;
    width: 318px;
    height: 400px;
    background: #edf6f3;
    margin: 0 20px 20px 0;
}
ul.zrbhq_datalist li:nth-child(4n){ margin-right: 0;}
ul.zrbhq_datalist li:hover{ background: #2597a1;}
ul.zrbhq_datalist li .imgbox{
    float: left;
    width: 318px;
    height: 235px;
    margin-bottom: 5px;
}
ul.zrbhq_datalist li .titlebox{
    float: left;
    width: 264px;
    margin: 0 12px 20px 12px;
    padding: 0 15px;
	font-family:'HMOS_S_S_Regular';
    font-size: 22px;
    color: #000;
    line-height: 58px;
    border-bottom: 2px solid #bcddd2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.zrbhq_datalist li .descbox{
    float: left;
    width: 264px;
	font-family:'NSimSun_Fnt';
    font-size: 16px;
    color: #000;
    line-height: 30px;
    margin: 0 27px;
}
ul.zrbhq_datalist li .descbox label{
    float: left;
    width: 75px;
    background: url(../../images/zrzy/dzdm/icon_09.png) no-repeat right center;
    margin-right: 12px;
}
ul.zrbhq_datalist li .descbox span{
    float: left;
    width: 177px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.zrbhq_datalist li:hover .descbox label{ background: url(../../images/zrzy/dzdm/icon_10.png) no-repeat right center;}
ul.zrbhq_datalist li:hover .titlebox{ color: #fff;}
ul.zrbhq_datalist li:hover .descbox{ color: #fff;}

ul.dxdm_datalist{
    display: none;
    float: left;
    width: 1332px;
    margin-bottom: 20px;
}
ul.dxdm_datalist li{
    float: left;
    width: 655px;
    height: 825px;
    background: #edf6f3;
    margin: 0 22px 22px 0;
}
ul.dxdm_datalist li:hover{
    background: #2597a1;
}
ul.dxdm_datalist li:nth-child(2n){ margin-right: 0;}
ul.dxdm_datalist li .imgbox{
    float: left;
    width: 655px;
    height: 485px;
    margin-bottom: 30px;
}
ul.dxdm_datalist li .titlebox{
    float: left;
    width: 605px;
    margin: 0 25px 15px 25px;

	font-family:'HMOS_S_S_Bold';
    font-size: 22px;
    color: #000;
    text-indent: 10px;
    border-bottom: 2px solid #bcddd2;
    padding-bottom: 20px;
}
ul.dxdm_datalist li .descbox{
    float: left;
    width: 605px;
	font-family:'NSimSun_Fnt';
    font-size: 16px;
    color: #000;
    line-height: 30px;
    margin: 0 25px 20px 25px;
}
ul.dxdm_datalist li .descbox label{
    float: left;
    width: 75px;
    background: url(../../images/zrzy/dzdm/icon_09.png) no-repeat right center;
    margin-right: 12px;
    margin-left: 10px;
}
ul.dxdm_datalist li .descbox span{
    float: left;
    width: 508px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.dxdm_datalist li .simplebox{
    float: left;
    width: 585px;
    margin: 0 35px;
    
	font-family:'HMOS_S_S_Regular';
    font-size: 14px;
    color: rgba(0,0,0,.5);
    line-height: 22px;
    text-align: justify;
}
ul.dxdm_datalist li:hover .titlebox{ color: #fff;}
ul.dxdm_datalist li:hover .descbox{ color: #fff;}
ul.dxdm_datalist li:hover .descbox label{ background: url(../../images/zrzy/dzdm/icon_10.png) no-repeat right center;}
ul.dxdm_datalist li:hover .simplebox{ color: rgba(255,255,255,.5);}

.dzdm_detailbox{
    float: left;
    width: 850px;
    min-height: 800px;
    padding: 70px 300px;
    background: #fff;
    margin-bottom: 25px;
}
.dzdm_detailbox .detail-titlebox{
    float: left;
    width: 820px;
    margin: 0 15px 25px 15px;
}
ul.zrbhq_datalist li .descbox p{ float: left; width: 264px;}
ul.dxdm_datalist li .descbox p{ float: left; width: 605px;}

.detail-titlebox .title{
	font-family:'HMOS_S_S_Medium';
    font-size: 32px;
    color: #000;
    margin-bottom: 5px;
}
.detail-titlebox label{
    float: left;
    width: 270px;
	font-family:'NSimSun_Fnt';
    font-size: 16px;
}
.detail-titlebox label i{ margin: 0 10px;}
.detail-content{
	font-family:'HMOS_S_S_Regular';
    font-size: 18px;
    color: rgba(0,0,0,.5);
    line-height: 28px;
    text-align: justify;
}
.detail-content img{ display: inline-block; max-width:100%;height:auto; margin: 10px 0;}