@charset "UTF-8";
.content{ padding: .4rem 0rem;}
.hbdc_bg{ background: url(231123szf_hbdc_ban.jpg) no-repeat center top; padding-top: .6rem; padding-bottom: 2.56rem; text-align: center;}
.hbdc_bg img{ max-width: 80%;}
.hbdc_bg1{ background-color: #F7FAF8;}
.hbdc_bg2{ background: url(231123szf_hbdc_bg1.jpg) no-repeat center top; background-size: cover; margin-bottom: -.3rem;}

.hbdc_tit{ position: relative; font-size: 0;}
.hbdc_tit>span{ position: absolute; right: 0rem; bottom:0.04rem; font-size: .16rem;}
.hbdc_tit>span a{ display: block;}
.hbdc_tit>span i{ width: .32rem; height: .32rem; border: 1px solid #138641; transform: scale(.5); font-size: .18rem; color: #138641; display: inline-block; text-align: center; border-radius:8px; line-height: .32rem;}
.word_group_02{ margin-top: .2rem;}
.word_group_02 li .word_conent{ display: block; border: 1px solid #138641 !important;padding: .22rem !important; background-color: rgba(255,255,255,.9);}
.list_base li:before,.list_base li:hover:before{ background-color: #138641;}
.list_base li a:hover{ color:#138641;}
.word_group_02 .word_date{margin-right:.2rem;width: auto;padding-right: .2rem;height: .44rem;margin-top: .06rem; padding-top: 0rem;}
.word_group_02 .word_date>h3{font-size:.24rem;line-height: .28rem;text-align:center;color: #138641;}
.word_group_02 .word_text>h3{font-size:.18rem;line-height:.3rem;height: .6rem;margin-bottom: 0rem;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.word_group_02 .word_date>p{ line-height:.2rem;}
.word_group_02 .word_text{position:relative;}
.word_group_02 .word_conent:hover .word_text>h3{ color:#138641;}
.hbdc_list{ margin-top: .2rem;}
.hbdc_list li a{ display: block; background: rgba(255, 255, 255, 1); box-shadow: 0px 4px 4px  rgba(0, 0, 0, 0.05); padding: .2rem .3rem; border-left: 4px solid #B5DCC4;}
.hbdc_list li a h3{ font-size: .18rem; line-height: .3rem; height: .6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-weight: normal; margin-bottom: .24rem;}
.hbdc_list li a p{ color:#999999}
.hbdc_list li a:hover h3{ color:#138641;}
.title_name{ color: #138641;}
.title_name:before,.page_base .page_tools li.active a, .page_base .page_tools li a:hover,.page_base .fy_go{ background-color: #138641;}
.page_base .page_tools li.active a, .page_base .page_tools li a:hover{ border-color: #138641;}
.row{ overflow:hidden;}
.slb .hbdc_bg{ padding-bottom:1.2rem;}
.slb .hbdc_tit>span{height: .2rem;}
@media screen and (max-width:992px) {
    .content{ padding: .2rem 0rem;}
    .hbdc_bg{ padding: .32rem 0rem .6rem 0rem; background-size: cover;}
    .hbdc_bg img{ max-width: 90%;}
    .hbdc_tit{ overflow: hidden;}
    .pad_t_base0_sm{ padding-top: 0rem;}
    .hbdc_tit{ padding-bottom:.1rem; margin-bottom:-.1rem}
    .list_base>.more{ display:none;}
    .slb .hbdc_bg{ padding-bottom:.6rem;}
}

@media screen and (max-width:767px) {
    .hbdc_tit{ padding-bottom:.04rem;}
    .hbdc_tit img{ width: 200%; max-width: inherit; left: -50%; position: relative;}
    .word_group_02,.hbdc_list{ margin-top:0rem;}
    .hbdc_tit>span{ bottom: 0rem;}
    .slb .hbdc_tit>span{ bottom:.05rem}
}