.dhcx-box{
    margin-top: .85rem;
}
.dhcx-tit h3{
    position: relative;
    font-family: SourceHanSerifCN-Bold;
	font-size: 0.3rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.22rem;
	letter-spacing: 0rem;
	color: #232323;
    padding-left: .36rem;
    display: flex;
    align-items: center;
}
.dhcx-tit h3::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform:translateY(-50%);
    width: 0.12rem;
	height: 0.12rem;
	border: solid 0.03rem #1d62ac;
    border-radius: 50%;
}
.dhcx-tit h3::after{
    content: "";
    flex: 1;
    min-width: 0;
    display: block;
    background: url(../images/titi-line.png) repeat-x;
    background-position: center center;
    background-size: auto 0.04rem;
    height:.1rem;
    margin-left: .2rem;
}

.dhcx-bd ul{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: .3rem;
    padding: .2rem 0;
    padding-left: .4rem;
}
.dhcx-bd ul::before{
    content: "";
    position: absolute;
    border-left: 1px dashed #a58989;
    left: .07rem;
    top: 0;
    bottom: 0;
}
.dhcx-bd ul li{
    width: 25%;
}
.dhcx-bd ul li a{
    display: block;
    background: url(../images/dhcx-itembf.png) no-repeat;
    background-position: left center;
    background-size: 0.08rem auto;
    font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.3rem;
	color: #333333;
    padding: .13rem 0;
    padding-left: .17rem;
    padding-right: .1rem;
}
.dhcx-bd ul li a:hover{
    color: #1d62ac;
    font-weight: 600;
}



@media screen and (max-width:1024px) {
    .dhcx-bd ul{
        display: block;
        padding: .1rem 0 .1rem .3rem;
    }
    .dhcx-tit h3{font-size: .24rem;}
    .dhcx-bd ul li{width: auto;}
    .dhcx-bd ul li a{
        padding-top: .05rem;
        padding-bottom: .05rem;
    }
    .dhcx-box {
        margin-top: .5rem;
    }
}