/*七星无忧服务*/
.seven-service {
    position: relative;
    padding:1.2rem 0;
}
.seven-service::after {
    opacity: 0.1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/service/seven-service.jpg) no-repeat top left /cover;
    transition: all 3s;
}

.seven-service .title {}
.seven-service .title p {
    font-size: 0.38rem;
    color: #000;
    font-family: "Futura-Light";
    line-height: 1;
}
.seven-service .title h4 {
    font-size: 0.48rem;
    color: #000;
    font-weight: bold;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}
.seven-service .title h5 {
    font-size: 0.24rem;
    color: #000;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}


.seven-service .list {
    margin: 1.2rem 0 0 0;
}
.seven-service .list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1%;
}
.seven-service .list ul li {
    width: 13.42%;
    margin: 0 0 2% 0;
    padding: 0.6rem 0.3rem;
    text-align: center;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.5);
}
.seven-service .list ul li figure {}
.seven-service .list ul li figure img {
    max-width: 0.44rem;
}
.seven-service .list ul li h5 {
    font-size: 0.16rem;
    color: #333;
    line-height: 1.6;
    padding: 0.3rem 0 0 0;
}
@media screen and (max-width:1024px) {
.seven-service {
    position: relative;
    padding:0.6rem 0;
}
.seven-service::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/service/seven-service.jpg) no-repeat top left /cover;
    transition: all 3s;
}

.seven-service .title {}
.seven-service .title p {
    font-size: 0.24rem;
    line-height: 1;
}
.seven-service .title h4 {
    font-size: 0.24rem;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}
.seven-service .title h5 {
    font-size: 0.16rem;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}


.seven-service .list {
    margin: 0.4rem 0 0 0;
}
.seven-service .list ul {
    gap: 2%;
}
.seven-service .list ul li {
    width: 49%;
    margin: 0 0 2% 0;
    padding: 0.3rem 0.3rem;
}
.seven-service .list ul li figure {}
.seven-service .list ul li figure img {
    max-width: 0.4rem;
}
.seven-service .list ul li h5 {
    font-size: 0.16rem;
    line-height: 1.6;
    padding: 0.15rem 0 0 0;
}
}
/*七星无忧服务*/

/*三大保证*/
.three-guarantees {
    position: relative;
    padding:1.2rem 0;
}
.three-guarantees::after {
    opacity: 0.5;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/service/three-guarantees.jpg) no-repeat top left /cover;
    transition: all 3s;
}

.three-guarantees .title {}
.three-guarantees .title p {
    font-size: 0.38rem;
    color: #000;
    font-family: "Futura-Light";
    line-height: 1;
}
.three-guarantees .title h4 {
    font-size: 0.48rem;
    color: #000;
    font-weight: bold;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}
.three-guarantees .title h5 {
    font-size: 0.24rem;
    color: #000;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}


.three-guarantees .list {
    margin: 0.6rem 0 0 0;
}
.three-guarantees .list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 3%;
}
.three-guarantees .list ul li {
    width: 31.33%;
    padding:0.6rem 0;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.5);
}

.three-guarantees .list ul li h5 {
    font-size: 0.38rem;
    color: #000;
    line-height: 1.6;
}
.three-guarantees .list ul li h5 span {
    font-size: 0.38rem;
    padding: 0 0rem 0 0;
}
.three-guarantees .list ul li h6 {
    font-size: 0.24rem;
    color: #333;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}
.three-guarantees .list ul li p {
    max-width: 4rem;
    margin: 0 auto;
    font-size: 0.16rem;
    color: #666;
    line-height: 1.8;
    padding: 0.2rem 0 0 0;
}
@media screen and (max-width:1024px) {
.three-guarantees {
    position: relative;
    padding:0.6rem 0;
}
.three-guarantees::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/service/three-guarantees.jpg) no-repeat top left /cover;
    transition: all 3s;
}

.three-guarantees .title {}
.three-guarantees .title p {
    font-size: 0.24rem;
    font-family: "Futura-Light";
    line-height: 1;
}
.three-guarantees .title h4 {
    font-size: 0.24rem;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}
.three-guarantees .title h5 {
    font-size: 0.16rem;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}


.three-guarantees .list {
    margin: 0.4rem 0 0 0;
}
.three-guarantees .list ul {

}
.three-guarantees .list ul li {
    width: 100%;
    margin: 0.2rem 0;
    padding:0.3rem 0;
}

.three-guarantees .list ul li h5 {
    font-size: 0.24rem;
    line-height: 1.6;
}
.three-guarantees .list ul li h5 span {
    font-size: 0.24rem;
    padding: 0 0rem 0 0;
}
.three-guarantees .list ul li h6 {
    font-size: 0.18rem;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}
.three-guarantees .list ul li p {

    opacity: 0.8;
    font-size: 0.14rem;
    line-height: 1.8;
    padding: 0.2rem 0 0 0;
}
}
/*三大保证*/