@charset "utf-8";
body,.wrap{
    background: none;
}
.header{
    height:480px;
    width:100%;
    background: url("../images/hmzc_bg.png") center top no-repeat;
}
.inner, .grid, .links, .copyright{
    width: 1200px;
}
.site-logo {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.grid,.content{
    width: 1200px;
    margin: 0 auto;
}
.grid{
    padding: 20px 0px 0px 0px
}
.content{
    padding: 10px 0px 70px 0px;
}
.header div.site-logo a {
    position: absolute;
    left: 0;
    top: 20px;
    width: 400px;
    height: 65px;
    background: url(../images/hmzc_logo.png) 0 50% no-repeat;
    background-size: 75%;
}
.p1 h3{
    height: 41px;
    width:100%;
    position: relative;
    margin-bottom: 10px;
}
.p1 h3 span{
    right: 15px;
    top: 10px;
    position: absolute;
}
.hdnr h3{
    background:url("../images/hmzc_hdnr.png") 0px 0 no-repeat;
}
.hddt h3{
    background:url("../images/hmzc_hddt.png") 0px 0 no-repeat;
}

.list-t li{
    line-height: 44px;
}
.list-t li span{
    position: absolute;
    right: 15px;
    top: 0;
}
.list-t li:before{
    left:5px
}
.p2 h3{
    width: 100%;
    height: 63px;
    background:url("../images/hmzc_zcxj.png") top center no-repeat;
    margin-bottom:34px
}
.p2 .list-b{
    margin-left:-15px;
    margin-right:-15px
}
.list-b li a{
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding:15px 20px;
    display: block;
    height: 100%;
    position: relative;
}
.list-b li{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 30px;
    height: 110px;
}
.list-b li a h4{
    font-size: 20px;
    line-height: 36px;
    max-height: none;
}
.list-b li a span{
    bottom:27px;
    right:20px;
    position: absolute;
}
.p3 a{
    height:142px;
    display: block;
    width: 100%;
    background: url("../images/hmzc_hmzc.png") center top no-repeat;
}
@media (max-width:1200px) {
    .inner, .grid, .links, .copyright,.site-logo,.content{
        width: 100%;
    }
    .grid{
        padding:15px
    }
    .list-b li{
        margin-bottom: 15px;
    }
    .content{
        padding-bottom: 30px;
    }
    .header div.site-logo a{
        height: 55px;
        top:0px
    }
}
@media (max-width:992px) {
    .hdnr{
        margin-bottom: 20px;
    }
}
@media (max-width:768px) {
    .p3{
        padding-top:0px;
        padding-bottom: 0px;
    }
    .p3 a{
        background-size: 100%;
        height: 80px;
    }
    .header{
        height: 200px;
        background-size: cover;
    }
    .list-t li span{
        display:none
    }
    .w70{
        width: 100%;
    }
}
@media (max-width:480px) {
    .p3 a{
        background-size: auto 100%;
        height: 55px;
    }
}