main{
    width: 100%!important;
}

.banner {
    height: 5.79rem;
}

.banner .swiper {
    height: 100%;
}

.banner .swiper .img-box {
    height: 5.79rem;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}

.case-tit {
    position: relative;
    padding-bottom: .2rem;
    margin-bottom: .25rem;
}

.case-tit::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: .3rem;
    height: .05rem;
    background: #231815;
}

.case-tit .cn {
    margin-bottom: .1rem;
    font-size: .5rem;
    font-weight: lighter;
    color: #231815;
    letter-spacing: .02rem;
}

.case-tit .cn span {
    color: #e60012;
}

.case-tit .en {
    font-size: .2rem;
    color: #606060;
}
.p1 {
    padding: 1.2rem 0;
    background: #f2f2f2;
}

.p1-cont {
    width: 11rem;
    margin: 0 auto;
    display: flex;
}

.p1-cont .left {
    width: 4.68rem;
    height: 5.28rem;
    margin-right: .5rem;
}

.p1-cont .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    color: #595757;
}

.p1-cont .right .item {
    padding: .1rem 0;
    border-bottom: 1px solid #b9b8b8;
}
.p1-cont .right .item:last-child{
    border-bottom: none;
}
.p1-cont .right .item.name .item-tit strong{
    font-size: .42rem;
}
.p1-cont .right .item .item-tit strong {
    display: inline-block;
    font-size: .2rem;
    margin-right: .1rem;
}

.p1-cont .right .item .item-tit span {
    font-size: 12px;
}

.p1-cont .right .item .item-cont {
    margin-top: .05rem;
    font-size: .18rem;
    line-height: 1.5em;
    color: #595757;
}

.p2 {
    padding-top: 1.1rem;
}

.p2-cont {
    padding-bottom:.65rem;
    width: 11rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dedede;
}

.p2-cont .left {
    
    margin-right: .3rem;
    flex:1;
}


.p2-cont .left .cont {
    font-size: .18rem;
    line-height: .3rem;
    color: #606060;
    text-align: justify;
}

.p2-cont .right {
    width: 4.86rem;
    flex: 0 0 4.86rem;
}

.p3 {
    margin-top: 1.1rem;
    margin-bottom: 1.4rem;
}

.p3-cont {
    width: 11rem;
    margin: 0 auto;
}

.p3-img {
    margin-bottom: .3rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.p3-img img {
    width: 5.38rem;
    height: 2.57rem;
}

.p3-info,
.p4-info {
    padding-bottom: .15rem;
    font-size: .18rem;
    line-height: .28rem;
    color: #595757;
}

.p4 {
    width: 11rem;
    margin: 0 auto 1.4rem auto;
}

.p4 .case-tit {
    margin-bottom: .35rem;
}

.p4-img {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p4-img img{
    margin-bottom: .25rem;
    width: 5.38rem;
    height: 2.57rem;
}


.p5 {
    margin-bottom: .95rem;
    background: url(../img/case/lyys/p5-img.jpg) center no-repeat;
    height: 7.07rem;
    background-size: cover;
}

.p5-cont {
    width: 11rem;
    margin: 0 auto;
    color: #fff;
}
.p5-cont .case-tit .cn{
    color: #fff;
}
.p5-cont .case-tit  .en{
    color: #fff;
}
.p5 .case-tit::after{
    background: #fff;
}
.p5-cont .inner {
    margin-top: 1.35rem;
    margin-left: 3.2rem;
    float: left;
}

.p5-info {
    width: 5.2rem;
    margin-top: .1rem;
    font-size: .18rem;
    text-align: justify;
    line-height: .28rem;
    color: #fff;
} 


.p7-cont {
    width: 11rem;
    margin: 0 auto 0.95rem auto;
    padding-bottom: .45rem;
    border-bottom: 1px solid #cbcbcb;
}
.p7-img{
    margin-bottom: .35rem;
    display: flex;
    justify-content: space-between;
}
.p7 .p7-info{
    font-size: .18rem;
    line-height: .28rem;
    color: #595757;
}
.p7-img img
{
    width: 5.38rem;
    height: 2.56rem;
}
.p6 {
    padding-bottom: .8rem;
}

.p6-cont {
    width: 11rem;
    margin: 0 auto;
}

.p6 .info-tit {
    margin-bottom: .3rem;
    padding-bottom: .15rem;
    position: relative;
}

.p6 .info-tit strong {
    font-size: .33rem;
    letter-spacing: .05rem;
    color: #231815;
}

.p6 .info-tit span {
    font-size: .18rem;
}

.p6 .info-tit::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: .3rem;
    height: .05rem;
    background: #231815;
}

.p6 .info-cont {
    font-size: .18rem;
    line-height: .28rem;
    color: #595757;
}



/*0403*/

@media screen and (max-width:750px) {
    .p1-cont {
        width: 6.8rem;
        margin: 0 auto;
        flex-direction: column;
    }

    .p1-cont .right .item .item-cont {
        font-size: .24rem;
    }

    .p1-cont .right .item .item-tit strong {
        font-size: .24rem;
    }

    .p1-cont .right .item .item-tit span {
        font-size: .24rem;
    }

    .p2-cont {
        width: 6.8rem;
        margin: 0 auto;
        flex-direction: column;
    }

    .p2-cont .left .cont {
        font-size: .24rem;
        line-height: 1.5em;
    }

    .p2-cont .right {
        margin-top: .3rem;
        flex: 1;
        width: 100%;
    }

    .p2-cont .right img {
        width: 100%;
    }
    .p3-cont{
        width: 6.8rem;
        margin: 0 auto;
    }
    .p3-img{
        flex-direction: column;
        margin-bottom: 0;
    }
    .p3-img img{
        width: 100%;
        height: auto;
        margin-bottom: .2rem;
    }
    .p3-info{
        font-size: .24rem;
        line-height: 1.5em;
    }
    .p4{
        width: 100%;
    }
    .p4-cont {
        width: 6.8rem;
        margin: 0 auto;
    }
    .p4-info, .p5-info,.p7 .p7-info{
        font-size: .24rem;
        line-height:1.5em;
    }
    .p4-img{
        margin-bottom: 0;
        flex-direction: column;
    }
    .p4-img img{
        width: 100%;
        height: auto;
        margin-bottom: .2rem;
    }
    
    .p5 {
        margin-top: 1rem;
        padding-top: 3.2rem;
        background-size: 100%;
        background-position: bottom center;
        height: auto;
    }
    .p5 .case-tit{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .p5-cont {
        position: relative;
        top: -3.2rem;
        width: 6.8rem;
        margin: 0 auto;
        color: #595757;

    }

    .p5-cont .case-tit .cn {
        color: #231815;
    }

    .p5-cont .case-tit .en {
        color: #606060;
    }

    .p5-cont .inner {
        margin-top: 0;
        margin-left: 0;
        float: none;
    }

    .p5-info {
        width: 100%;
        font-size: .24rem;
        line-height: 1.5em;
        color: #595757;
    }

    .p6-cont,
    .p7-cont
     {
        width: 6.8rem;
        margin: 0 auto;
    }
   
    .p7-img img{
        width: 48%;
        height: auto;
    }
    .p7{
        margin-bottom: .2rem;
    }
    .p6 .info-cont{
        font-size: .24rem;
        line-height: 1.5em;
    }

}