.hdjn01 {
    clear: both;
    overflow: hidden;
    position: relative;
    zoom: 1;
}

.hdjn01 ul {
    clear: both;
    overflow: hidden;
    position: relative;
    zoom: 1;
}

.hdjn01 ul li {
    float: left;
    width: 25%;
    overflow: hidden;
    padding: 20px 0px 0px 10px;
    position: relative;
    box-sizing: border-box;
    margin: 10px 0;
}

.hdjn01 ul li em.em1,
.hdjn01 ul li em.em2,
.hdjn01 ul li em.em3,
.hdjn01 ul li em.em4,
.hdjn01 ul li em.em5,
.hdjn01 ul li em.em6,
.hdjn01 ul li em.em7,
.hdjn01 ul li em.em8,
.hdjn01 ul li em.em9 {
    display: block;
    width: 54px;
    height: 54px;
    background: url(/Content/Areas/News/images/bg02.png) no-repeat 0 0;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="images/bg02.png");
    _background: none;
    overflow: hidden;
    position: absolute;
    left: 3px;
    top: 8px;
}

.hdjn01 ul li em.em1 {
    background-position: 0 0;
}

.hdjn01 ul li em.em2 {
    background-position: -57px 0;
}

.hdjn01 ul li em.em3 {
    background-position: -114px 0;
}

.hdjn01 ul li em.em4 {
    background-position: -171px 0;
}

.hdjn01 ul li em.em5 {
    background-position: -228px 0;
}

.hdjn01 ul li em.em6 {
    background-position: -285px 0;
}

.hdjn01 ul li em.em7 {
    background-position: -342px 0;
}

.hdjn01 ul li em.em8 {
    background-position: -399px 0;
}

.hdjn01 ul li em.em9 {
    background-position: -456px 0;
}

.hdjn01 ul li a {
    display: block;
    width: 100%;
    height: 112px;
    border: 1px solid #e1e1e1;
    padding: 11px 8px 15px 15px;
    font-size: 12px;
    overflow: hidden;
    line-height: 20px;
    color: #999;
    box-sizing: border-box;
}

.hdjn01 ul li a span {
    display: block;
    text-align: center;
    font-size: 16px;
    padding-bottom: 9px;
    line-height: 26px;
    color: #333;
}

.hdjn01 ul li a.hdjn01_9 span {
    font-size: 16px;
    padding: 3px 0 19px;
    line-height: 20px;
}


/*.hdjn01 ul li a:hover{ text-decoration:none;background:#0086cb url(../images/bg10b.gif) no-repeat 0 0;color:#fff;}
   .hdjn01 ul li a:hover span{ color:#fff;}*/

.hdjn01 ul li a.hdjn01_1 {
    background-position: 79px 20px;
}

.hdjn01 ul li a.hdjn01_2 {
    background-position: -155px 20px;
}

.hdjn01 ul li a.hdjn01_3 {
    background-position: -389px 20px;
}

.hdjn01 ul li a.hdjn01_4 {
    background-position: 79px -212px;
}

.hdjn01 ul li a.hdjn01_5 {
    background-position: -155px -212px;
}

.hdjn01 ul li a.hdjn01_6 {
    background-position: -389px -212px;
}

.hdjn01 ul li a.hdjn01_7 {
    background-position: 79px -444px;
}

.hdjn01 ul li a.hdjn01_8 {
    background-position: -155px -444px;
}

.hdjn01 ul li a.hdjn01_9 {
    background-position: -389px -444px;
}

.hdjn01 ul li a.hdjn01_10 {
    background-position: 79px -676px;
}

.hdjn01 ul li a.hdjn01_11 {
    background-position: -155px -676px;
}

.hdjn01 ul li:hover a {
    color: #A52B28;
}

@media screen and (max-width:768px) {
    .hdjn01 ul li {
        width: 100%;
    }
    .hdjn01 ul li a {
        width: 100%;
        box-sizing: border-box;
    }
}