.in_01 .in01_c .zp5 {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
}

.in01_c .zp5 img {
    display: block;
    height: 2.6rem;
}

.zgp_01 {
    overflow: hidden;
    position: relative;
    padding-top: .8rem;
}

.zgp_01::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url("../images/zgp_06.png") 50% no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    pointer-events: none;
}

.zpgfr {
    width: 100%;
    overflow: hidden;
}

.zpgfr ul {
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: .6rem;
}

.zpgfr ul li {
    width: 100%;
    overflow: hidden;
}

.zpgfr ul li .p {
    width: 100%;
    overflow: hidden;
}

.zpgfr ul li .pt {
    height: .8rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.zpgfr ul li:nth-child(1) .pt {
    background: url("../images/zgp_02.jpg") 50% no-repeat;
    background-size: 100% 100%;
}

.zpgfr ul li:nth-child(1) .pc {
    background: url("../images/zgp_03.jpg") 50% no-repeat;
    background-size: cover;
}

.zpgfr ul li:nth-child(2) .pt {
    background: url("../images/zgp_04.jpg") 50% no-repeat;
    background-size: 100% 100%;
}

.zpgfr ul li:nth-child(2) .pc {
    background: url("../images/zgp_05.jpg") 50% no-repeat;
    background-size: cover;
}

.zpgfr ul li .p1 {
}

.zpgfr ul li .p1 dl {
    width: 100%;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}

.zpgfr ul li .p1 dl dd {
    width: 50%;
    overflow: hidden;
    height: 2.4rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}

.zpgfr ul li .p1 dl dd .c {
    width: 100%;
    overflow: hidden;
    color: #fff;
}

.zpgfr ul li .p1 dl dd .ai1 {
    text-align: center;
    font-weight: bold;
}

.zpgfr ul li .p1 dl dd .ai2 {
    text-align: center;
    margin-top: .1rem;
}

.zpgfr ul li .p1 dl dd .ai2 i {
    display: inline-block;
    position: relative;
}

.zpgfr ul li .p1 dl dd .ai2 i::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    /*background-color: #0880b0;*/
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -.5px;
    z-index: 9;
}

.zpgfr ul li .p1 dl dd:nth-child(2) {
    position: relative;
}

.zpgfr ul li .p1 dl dd:nth-child(2)::before {
    content: "";
    display: block;
    width: 1px;
    height: 1rem;
    background-color: #0880b0;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -.5rem;
}


.zpgfr ul li:nth-child(1) .p1 dl dd .ai1 {
    color: #5eddb5
}

.zpgfr ul li:nth-child(2) .p1 dl dd .ai1 {
    color: #00cfff
}


.zpgfr ul li .p2 {
    text-align: center;
}

.zpgfr ul li .p2 span {
    display: inline-block;
    padding: .1rem .5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #fff;
    border-radius: .35rem;
}

.zpgfr ul li:nth-child(1) .p2 span {
    border: 1px solid #49b394;
}

.zpgfr ul li:nth-child(2) .p2 span {
    border: 1px solid #03a5d2;
}

.zpgfr ul li .p3 {
    text-align: center;
    color: #fff;
    padding-top: .35rem;
    line-height: 1.8;
}

.zpgfr ul li .p3 span {
    display: inline-block;
    margin: 0px .1rem;
    padding: .03rem 0px;
}

.zpgfr ul li:nth-child(1) .p3 span::first-letter {
    color: #44d392;
}

.zpgfr ul li:nth-child(2) .p3 span::first-letter {
    color: #00cfff;
}


.zpgfr ul li .p4 {
    text-align: center;
    padding-bottom: 1rem;
}

.zpgfr ul li .p4 a {
    display: inline-block;
    padding: .1rem .7rem;
    color: #000;
    border-radius: 3px;
    font-weight: bold;
}

.zpgfr ul li:nth-child(1) .p4 a {
    background-color: #44d392;
}

.zpgfr ul li:nth-child(1) .p4 a:hover {
    opacity: .8;
}

.zpgfr ul li:nth-child(2) .p4 a {
    background-color: #00cfff;
}

.zpgfr ul li:nth-child(2) .p4 a:hover {
    opacity: .8;
}

.zpg_info {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #fff;
    margin-top: .6rem;
    padding-bottom: 1rem;
}

@media screen and (max-width: 1200px) {
    .in01_c1 img.img1 {
        height: 1.3rem;
        display: block;
        margin-left: 4%;
        position: absolute;
        left: 0px;
        top: .7rem;
    }

    .in01_c1 img.img2 {
        height: .5rem;
        display: block;
        margin-left: 4%;
        position: absolute;
        left: 0px;
        top: 2.5rem;
    }

    .in01_c1 img.img3 {
        height: .5rem;
        display: block;
        margin-left: 4.8%;
        position: absolute;
        left: 0px;
        top: 3.1rem;
    }

    .zgp_01 {
        padding-top: 0rem;
    }
}

@media screen and (max-width: 990px) {
    .zpgfr ul {
        grid-template-columns:100%;
    }
}