body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.products{
    padding-top: 0rem;
}
.products::before{
    display: block;
    content: '';
    width: 100vw;
    height: 6rem;
    background-color: #000;
}
.p-title{
    padding: 7rem 0 3rem 0;
}
.products-pic{
    width: 100%;
    margin-top: -1.5rem;
}
.products-pic img{
    width: 100%;
}
.ServicesBanW{
    width: 100vw;
    padding: 0 15vw;
    overflow: hidden;
    margin: -5rem auto 0;
    position: relative;
}
.swiper-slide-prev,.swiper-slide-next{
    opacity: 0;
}
.slider_circle_pic{
    border: 0.2rem solid #fff;
    position: relative;
    width: 70vw;
}
.slider_circle_pic h3{
    font-size: 1.8rem;
    color: #fff;
    position: absolute;
    top: calc(50% - 0.9rem);
    display: block;
    text-align: center;
    width: 100%;
}
.slider_circle_text{
    width: 100%;
    padding: 5rem 0.2rem 2rem;
}
.slider_circle_pic img{
    width: 100%;
}
.ServicesBan_prev, .ServicesBan_next{
    position: absolute;
    /* top: 23.5rem; */
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border: 0.2rem solid #d9d9d9;
    border-radius: 50%;
}
.ServicesBan_prev::after, .ServicesBan_next::after{
    font-size: 2rem;
    text-align: center;
    color: #d9d9d9;
}
.footer{
    justify-self: flex-end;
    margin-top: 3rem;
    flex: 1;
}