.header {
    background: url(/material/images_2020/zwxmtjz/banner.png) center/cover no-repeat;
    height: 479px;
}

.header .clearfix {
    background: url(/material/images_2020/zwxmtjz/logo.png) 50% 0 no-repeat;
    height: 216px;
}

.content {
    margin-bottom: 100px;
}

.p1 {
    margin-top: 30px;
}

.p1 h2 {
    background: url(/material/images_2020/zwxmtjz/fwpt.png) 50% 0 no-repeat;
    height: 62px;
}

.p1 .row {
    margin-top: 25px;
}

.p1 .fwpt {
    height: 320px;
    box-shadow: 0px 0px 5px 0px #ccc;
    border-radius: 3%;
    text-align: center;
}

.p1 .col-md-3:first-child .fwpt {
    margin-left: 0;
}

.p1 .col-md-3:last-child .fwpt {
    margin-right: 0;
}

.p1 img {
    margin-top: 20px;
    height: 216px;
    width: 216px;
}

.p1 h3 {
    font-size: 30px;
    margin-top: 20px;
}

.p1 .col-md-3:hover .fwpt {
    border: 1px solid #2284ff;
    box-shadow: none;
}

.p2 {
    margin-top: 30px;
}

.p2 h2 {
    background: url(/material/images_2020/zwxmtjz/szgzh.png) 50% 0 no-repeat;
    height: 62px;
}

.p2 .sz {
    width: 20%;
    display: inline-block;
    float: left;
    margin-top: 30px;
    padding: 0 10px;
}

.p2 .img {
    display: block;
    height: 131px;
    margin-top: 20px;
}

.p2 .szgzh {
    height: 216px;
    border: 1px solid #ccc;
    border-radius: 3%;
    text-align: center;
}

.whsjxj {
    background: url(/material/images_2020/zwxmtjz/whsjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.xysjxj {
    background: url(/material/images_2020/zwxmtjz/xysjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.ycsjxj {
    background: url(/material/images_2020/zwxmtjz/ycsjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.hssjxj {
    background: url(/material/images_2020/zwxmtjz/hssjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.jzsjxj {
    background: url(/material/images_2020/zwxmtjz/jzsjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.sysjxj {
    background: url(/material/images_2020/zwxmtjz/sysjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.xnsjxj {
    background: url(/material/images_2020/zwxmtjz/xnsjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.jmsjxj {
    background: url(/material/images_2020/zwxmtjz/jmsjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.ezsjxj {
    background: url(/material/images_2020/zwxmtjz/ezsjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.hgsjxj {
    background: url(/material/images_2020/zwxmtjz/hgsjxj.png) 50% 20px no-repeat;
    height: 131px;
}

.p2 h3 {
    font-size: 20px;
    margin-top: 20px;
}

.p2 .sz:hover .whsjxj {
    background: url(/material/images_2020/zwxmtjz/whewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .xysjxj {
    background: url(/material/images_2020/zwxmtjz/xyewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .ycsjxj {
    background: url(/material/images_2020/zwxmtjz/ycewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .hssjxj {
    background: url(/material/images_2020/zwxmtjz/hsewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .jzsjxj {
    background: url(/material/images_2020/zwxmtjz/jzewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .sysjxj {
    background: url(/material/images_2020/zwxmtjz/syewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .xnsjxj {
    background: url(/material/images_2020/zwxmtjz/xnewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .jmsjxj {
    background: url(/material/images_2020/zwxmtjz/jmewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .ezsjxj {
    background: url(/material/images_2020/zwxmtjz/ezewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .hgsjxj {
    background: url(/material/images_2020/zwxmtjz/hgewm.png) 50% 20px no-repeat;
    width: 100%;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.p2 .sz:hover .xnsjxj {
    background: url(/material/images_2020/zwxmtjz/xnewm.png) 50% 20px no-repeat;
    height: 216px;
    border: 1px solid #fff;
    background-color: #2d8fff;
    color: #fff;
}

.header h1 {
        background: url(/material/images_2020/logo020422.png) 0 50% no-repeat;
        height: 130px;
        background-size: 50%;
}


/* 响应式 */

@media (max-width:992px) {
    .p1 .col-md-3 {
        margin-top: 30px;
    }
    .p2 .sz {
        width: 50%;
    }
}

@media (max-width:768px) {
    .header {
        height: 300px;
    }
    .header h1 {
        height: 76px;
    }
    .header .clearfix {
        background: url(/material/images_2020/zwxmtjz/logo.png) center/cover no-repeat;
        background-size: 90%;
    }
}

@media (max-width: 520px) {
    .header h1 {
        background-size: 70%;
}
}
}