@import url(../animate.css);
body{font-family: "microsoft yahei";}
.top{background: url(../../images/hbdc_new/top-pic.jpg);height: 442px;background-position: center center;background-repeat: no-repeat;}
.introduction-box{background-color: #f8f8f8;box-sizing: border-box;padding: 0 14px 32px 30px;margin: 33px 0 26px;overflow: hidden;}
.introduction-box h1{display: block;font-size: 30px;color: #023400;margin-top: 28px;margin-bottom: 26px;}
.introduction-box p{font-size: 18px;color: #3e3e3e;line-height: 36px;text-indent: 2em;}
.hbdc_bg{box-sizing: border-box;overflow: hidden;width: 100%;background-color: #f4f4f4;box-sizing: border-box;}
.hbdc_mail{background: url(../../images/hbdc_new/mail-bg.jpg);overflow: hidden;height: 143px;box-sizing: border-box;margin-top: 36px;margin-bottom: 21px;}
.hbdc_mail img{display: inline-block;margin-top: 24px;margin-left: 202px;}
.hbdc_mail ul{display: inline-block;vertical-align: top;margin-left: 98px;font-size: 0;margin-top: 33px;}
.hbdc_mail ul li{display: inline-block;margin-right: 20px;color: #FFF;background-color: #399c4d;border-radius: 8px;width: 222px;height: 96px;}
.hbdc_mail ul li:last-of-type{margin-right: 0;}
.hbdc_mail ul li i{font-size: 32px;display: inline-block;margin-left: 22px;line-height: 96px;}
.hbdc_mail ul li div{display: inline-block;margin-top: 10px;margin-left: 20px;vertical-align: top;}
.hbdc_mail ul li div h1{font-size: 24px;margin-bottom: 6px;}
.hbdc_mail ul li div span{font-size: 16px;line-height: 20px;}
.hbdc_list_box{background-color: #FFF;box-sizing: border-box;padding: 0 20px;overflow: hidden;padding-bottom: 32px;box-sizing: border-box;margin-bottom: 34px;}
.hbdc_list_box h1{font-size: 25px;color: #023400;display: block;position: relative;margin: 26px auto 10px;}
.news-list a{ font-size:18px; color:#3e3e3e;transition:all .3s;-webkit-transition:all .3s; height:48px;display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:block;line-height: 48px;cursor: pointer;}
.news-list a:hover{ color:#023400}
.news-list span{text-align:right; color:#3e3e3e; font-size:14px !important; width:100%;display:block;white-space: nowrap;line-height: 48px;}
.news-list{border-bottom: 1px #b7b7b7 dotted;box-sizing: border-box;}
#carousel1 {
    width: 1200px;
    height: 445px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 30px;
}

#carousel1 img {
    border: none;
    width: 600px;
    height: 340px;
    border: solid 1px #ccc;
}

#carousel1 .title {
    visibility: hidden;
}

#carousel1 #title-text {
    font-size: 18px;
    margin: 70px 20px 0 0;
    padding: 0;
    text-align: center;
    position: relative;
    top: 350px;
    z-index: 998;
    color: block;
}

#carousel1 #alt-text {
    font-size: 14px;
    margin: 5px 20px 0 0;
    padding: 0;
    text-align: center;
    position: relative;
    top: 350px;
    z-index: 998;
}

#carousel1 #user-c {
    padding: 0;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

#carousel1 .carouselLeft,
#carousel1 .carouselRight {
    position: absolute;
    bottom: 0px;
    width: 29px;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    z-index: 999;
}

#carousel1 .carouselLeft {
    right: 20px;
    background: url(../../images/415/button-right.png) no-repeat
}

#carousel1 .carouselRight {
    right: 60px;
    background: url(../../images/415/button-left.png) no-repeat;
}
.hbdc_pic{margin-bottom: 20px;}
a.hbdc_btn{margin-bottom: 30px;display: block;}
.index-bottom{margin-top: 0 !important;}
a.more{position: absolute !important;right: 0;font-size: 14px !important;color: #8b8b8b !important;top: 8px;}
@media screen and (max-width:768px){
    .top_mobile img{width: 100%;}
    .top_mobile{margin-bottom: 15px;}
    .layui-container{padding: 0 10px !important;}
    .introduction-box{padding: 0 10px 10px 10px;}
    .introduction-box h1{font-size: 1.5rem;margin-top: 10px;margin-bottom: 10px;}
    .introduction-box p{font-size: 1.125rem;}
    .hbdc_mail{margin: 10px auto;height: auto;background: unset;background-color: #0f7e5e;padding: 10px;box-sizing: border-box;}
    .hbdc_mail img{display: none;}
    .hbdc_mail>h1{font-size: 1.5rem;line-height: 28px;color: #FFF;margin: 10px auto;}
    .hbdc_mail ul{margin-top: 10px;width: 100%;margin-left: 0;}
    .hbdc_mail ul li{width: 49%;margin-bottom: 10px;margin-right: 1%;}
    .hbdc_mail ul li:last-of-type{margin-right: 0;margin-left: 1%;}
    .hbdc_mail ul li i{display: none;}
    .hbdc_mail ul li div{margin-left: 10px;}
    .hbdc_mail ul li div h1{font-size: 1.5rem;}
    .hbdc_list_box{padding: 0 10px 10px;margin-bottom: 0;}
    .hbdc_list_box h1{margin-top: 10px;font-size: 1.5rem;}
    .news-list a{font-size: 1.125rem;}
    a.hbdc_btn{display: none;}
}