.main{
    position: relative;
}
.p1 {
    min-height: 11.8rem;
    background: url(../img/gy/p1-bg.jpg) center no-repeat;
    background-size: cover;
}

.gy-cont {
    width: 15.5rem;
    margin: 0 auto;
    display: flex;
    justify-content: end;
}

.gy-cont .inner {
    width: 11.18rem;

}

.p1 .gy-cont {
    padding-top: .75rem;
}

.p1 .p1-txt {
    width: 11.27rem;
}

.p1 .p1-tit {
    font-size: .55rem;
    line-height: 1em;
    margin-bottom: .3rem;
    font-family: 'myfont_b';
}

.p1 .p1-desc p {
    margin-top: .5rem;
    font-size: .2rem;
    line-height: .34rem;
    color: #3e3a39;
    text-align: justify;
}

.p2 {
    padding-top: 1.4rem;
    padding-bottom: 1rem;

    box-sizing: border-box;
}

.p2 .gy-cont {
    position: relative;
    min-height: 7rem;
}

.p2 .gy-cont .inner {
    position: relative;
    border-bottom: 1px solid #cecece;
}

.p2 .gy-cont .inner::after {
    content: "";
    position: absolute;
    width: .8rem;
    height: .1rem;
    background: #e5b642;
    left: 0;
    bottom: -.05rem;
}

.p2 .gy-cont .p2-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4.73rem;
}

.p2 .p2-tit {
    margin-bottom: .95rem;
    font-size: .54rem;
    font-weight: bold;
    color: #000;
}

.p2 .p2-tit span {
    font-family: 'myfont_b';
}

.p2 .p2-desc p {
    font-size: .26rem;
    line-height: .42rem;
    color: #3e3a39;
}

.p3 {
    background: #e7e7e7;
    padding-top: 1.1rem;
    padding-bottom: .5rem;
}

.p3 .p3-logo {
    margin-bottom: .35rem;
    width: 2.7rem;
}

.p3 .p3-tit {
    position: relative;
    z-index: 2;
    font-size: .56rem;
}

.p3 .p3-tit span {
    font-size: .62rem;
    font-family: 'myfont_b';
}

.p3 .p3-img {
    width: 10.14rem;
    margin-top: -1.55rem;
}

.p4 {
    padding-top: 1.75rem;
    padding-bottom: 2.4rem;
}

.p4 .p4-tit {
    padding-top: .6rem;
    background: url(../img/gy/p4-txt.png) top left no-repeat;
    background-size: 4.12rem;
    margin-bottom: .5rem;
    font-size: .55rem;
    font-family: 'myfont_b';
}

.p4 .p4-list {
    display: flex;
}

.p4 .p4-list .item {
    width: 3.7rem;
    height: 8.5rem;
}

.p4 .p4-list .item .img-box {
    position: relative;
    width: 3.7rem;
    height: 4.84rem;
}

.p4 .p4-list .item .img-box img {
    width: 3.7rem;
    height: 4.84rem;
    display: block;
}

.p4 .p4-list .item .img-box .item-tit {
    position: absolute;
    bottom: -.98rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.96rem;
    height: 1.96rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .46rem;
    color: #fff;
}

.p4 .p4-list .item .img-box .item-tit::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.4rem;
    height: 2.4rem;
    background: url(../img/gy/p4-c.png) center no-repeat;
    background-size: 100%;
}

.p4 .p4-list .item:nth-of-type(1) .img-box .item-tit {
    background: #5c41c6;
}

.p4 .p4-list .item:nth-of-type(2) .img-box .item-tit {
    background: #dc4ea0;
}

.p4 .p4-list .item:nth-of-type(3) .img-box .item-tit {
    background: #e5b642;
}

.p4 .p4-list .item:nth-of-type(1),
.p4 .p4-list .item:nth-of-type(3) {
    background: #efefef;
}

.p4 .p4-list .item:nth-of-type(2) {
    background: #e2e2e2;
}

.p4 .p4-list .item .img-box .item-tit strong {
    font-family: 'myfont_b';
}

.p4 .p4-list .item .item-desc {
    padding: 1.55rem .3rem 0 .3rem;
    font-size: .22rem;
    line-height: .34rem;
    text-align: justify;
}

.p4 .p4-list .item:nth-of-type(2) .item-desc {
    letter-spacing: .03rem;
}