.wrap{background:#fff}
.banner {
    background: url('../../../../Images/service/club/Tea-club-banner.jpg') no-repeat center;
    background-size: cover;
    height: 100vh;
    width: 100%;
}
.section{position:relative}
.section-title {
    font-size: 3rem;
    color: #e70310;
    margin-bottom: 1rem;
}
.desc > p {
    margin-bottom: 2rem;
    line-height: 2;
}
.part1{padding:10rem 0}
.part1 > img {
    position: absolute;
    left: 25%;
    width: 12rem;
}
.part1 >.desc{margin-left:50%}
.part2 {
    background: #e70310;
}
.part2 .content {
    position: absolute;
    color: #fff;
    top: 20%;
    left: 13%;
}
.part2 .desc {
    width: 32rem;
    margin-top: 5rem;
}
.part2 .part {
    background: #fff;
    color: #e70310;
    position: absolute;
    bottom: 20%; 
    left:13%
}
.part {
    font-weight: bold;
    padding: .25rem 1rem;
    background: #fff;
    color: #e70310;
    display: inline-block;
}
.part2>img{width:100%;}
.part2 .content img{width:22rem}
.part3 {padding-top: 9rem;line-height:0}
.part3>img{width:50%}
.part3 .content {
    position: absolute;
    left: 50%;
    top: 0;
    padding-left: 5rem;
    top: 50%;
    transform: translateY(-50%);
    line-height:2
}
.part3 .part {
    background: #e70310;
    color: #fff;
    margin-bottom: 2rem;
}
.part3 .desc {
    width: 35rem;
    margin: 3rem 0 5rem;
}
.part4 .content {
    position: absolute;
    color: #fff;
    top: 30%;
    left: 13%;
}
.part4 .section-title{color:#fff}
.part4 .desc{width:32rem;margin:3rem 0 5rem}
.part4>img{width:100%;}
.part5 .part {
    background: #e70310;
    color: #fff;
    margin-bottom: 2rem;
}
.part5 .content {
    margin-left: 13%;
    margin-top: 15rem;
}
.part5 .desc {
    width: 42rem;
    margin-top: 2rem;
}
.part5 > img {
    margin-left: 13%;
    width: 80%;
    margin-top: -7%;
}
.part6{text-align:center;padding-top:20rem}
.part6 img{width:25%;vertical-align:middle}
.part6 .content{width:25%;display:inline-block;text-align: left;vertical-align:middle;margin-left:10%}