@charset "utf-8";
.main {
    min-height: 500px;
    margin-bottom: 30px;
}

.main .ggfw_main {
    background: #000;
    height: 578px;
    background: url("../images/ggfw_main_bg.jpg") no-repeat center;
    box-sizing: border-box;
    padding: 0 50px;
    position: relative;
}

.main .ggfw_main ul {
    height: 300px;
    position: absolute;
    top: 25%;
    width: 1100px;
}

.main .ggfw_main ul li {
    width: 22%;
    float: left;
    height: 300px;
}

.main .ggfw_main ul li+li {
    margin-left: 4%;
}

.main .ggfw_main ul li a {
    display: block;
    height: 300px;
    text-align: center;
}

.main .ggfw_main ul li a span {
    display: inline-block;
    width: 180px;
    height: 180px;
    border-radius: 90px;
    transition: all .8s;
}

.main .ggfw_main ul li a:hover span {
    -webkit-transform: rotateY(180deg);
}

.main .ggfw_main ul li:first-child a span {
    background: url("../images/sjzx.png") #5658f4 no-repeat center;
}

.main .ggfw_main ul li:first-child+li a span {
    background: url("../images/swyb.png") #5658f4 no-repeat center;
}

.main .ggfw_main ul li:first-child+li+li a span {
    background: url("../images/zdxm.png") #5658f4 no-repeat center;
}

.main .ggfw_main ul li:first-child+li+li+li a span {
    background: url("../images/gjmy.png") #5658f4 no-repeat center;
}

.main .ggfw_main ul li a p {
    text-align: center;
    font-size: 20px;
}