body .home .fadeInUp.animated {
    animation-name: fadeInUp !important;
    visibility: unset !important
}

body .home .section {
    width: 100%;
    height: 100vh
}

body .home .section video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    display: block
}

body .home .section .text {
    position: absolute;
    left: 0;
    top: 8.33333vw;
    text-align: center;
    width: 100%;
    z-index: 10
}

body .home .section .text .t {
    color: #7c4bf9;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    /* font-weight: 700 */
    font-family: 'Poppins-Bold';
}

body .home .section .text .des {
    color: white;
    /* font-weight: 300 */
    font-family: 'Poppins-Light';
    max-width: 65.88542vw;
    margin: .83333vw auto 0 auto;
    animation-delay: 500ms
}

body .home .index1 {
    position: relative
}

body .home .index1 .text {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0)
}

body .home .index1 .text.on {
    opacity: 1;
    transform: none;
    transition: all 2s
}

body .home .index1 video {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

body .home .index1 .btn {
    position: absolute;
    left: 0;
    bottom: 3.54167vw;
    width: 100%;
    display: flex;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 600ms
}

body .home .index1 .btn.show {
    opacity: 1;
    pointer-events: inherit
}

body .home .index1 .btn a {
    display: flex;
    justify-content: center;
    border-radius: 90px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    width: 11.66667vw;
    padding: .52083vw 0;
    align-items: center;
    color: white;
    gap: .52083vw;
    /* font-weight: 300 */
    font-family: 'Poppins-Light';
    transition: all 600ms
}

body .home .index1 .btn a svg {
    display: block;
    width: 1.82292vw
}

body .home .index1 .btn a svg path {
    transition: all 600ms
}

body .home .index1 .btn a:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 2px 8px 2px rgba(255, 255, 255, 0.24), 0 0 10px 4px rgba(255, 255, 255, 0.32) inset
}

body .home .index1 .btn a:hover svg path {
    fill: #000
}

body .home .index2 {
    position: relative
}

body .home .index2::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 18.75vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 50%, transparent 100%)
}

body .home .index2 .btn {
    position: absolute;
    left: 0;
    bottom: 3.54167vw;
    width: 100%;
    display: flex;
    justify-content: center
}

body .home .index2 .btn a {
    display: flex;
    justify-content: center;
    border-radius: 90px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    width: 11.66667vw;
    padding: .52083vw 0;
    align-items: center;
    color: white;
    gap: .52083vw;
    /* font-weight: 300 */
    font-family: 'Poppins-Light';
    transition: all 600ms
}

body .home .index2 .btn a svg {
    display: block;
    width: 1.82292vw
}

body .home .index2 .btn a svg path {
    transition: all 600ms
}

body .home .index2 .btn a:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 2px 8px 2px rgba(255, 255, 255, 0.24), 0 0 10px 4px rgba(255, 255, 255, 0.32) inset
}

body .home .index2 .btn a:hover svg path {
    fill: #000
}

body .home .index3 {
    position: relative
}

body .home .index3::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 18.75vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 50%, transparent 100%)
}

body .home .index3 video {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

body .home .index4 {
    position: relative;
    background: #000
}

body .home .index4::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 18.75vw;
    z-index: 5;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 50%, transparent 100%)
}

body .home .index4 .lbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 52.08333vw;
    height: 100vh
}

body .home .index4 .lbox .bg img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%)
}

body .home .index4 .lbox .pic {
    position: absolute;
    left: 48%;
    top: 36.11111vh;
    transform: translateX(-50%);
    z-index: 10
}

body .home .index4 .lbox .pic .border {
    position: relative
}

body .home .index4 .lbox .pic .border img {
    width: 30.55556vh
}

body .home .index4 .lbox .pic .border img:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0
}

body .home .index4 .lbox .pic .pro {
    position: absolute;
    left: 50%;
    top: 1.5625vw;
    transform: translateX(-50%);
    width: 100%;
    text-align: center
}

body .home .index4 .lbox .pic .pro img {
    width: 25vh
}

body .home .index4 .lbox .nr {
    position: absolute;
    width: 100%;
    bottom: 2.5vw;
    padding: 0 6.35417vw 0 3.33333vw
}

body .home .index4 .lbox .nr .info .p1 {
    color: #FFF;
    /* font-weight: 500; */
    font-family: 'Poppins-Medium';
}

body .home .index4 .lbox .nr .info .list {
    margin-top: .83333vw
}

body .home .index4 .lbox .nr .info .list .item {
    display: flex;
    gap: 1.25vw
}

body .home .index4 .lbox .nr .info .list .item:not(:last-child) {
    margin-bottom: 1.04167vw
}

body .home .index4 .lbox .nr .info .list .item .line {
    width: 31.25vw;
    border-radius: 90px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    position: relative;
    display: flex;
    align-items: center
}

body .home .index4 .lbox .nr .info .list .item .line span {
    width: 9.375vw;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 90px;
    background: #B2B2B2;
    backdrop-filter: blur(4px);
    clip-path: inset(0 100% 0 0)
}

body .home .index4 .lbox .nr .info .list .item .line span.w2 {
    width: 13.80208vw
}

body .home .index4 .lbox .nr .info .list .item .line span.w3 {
    width: 25.9375vw
}

body .home .index4 .lbox .nr .info .list .item .line span.w4 {
    width: 28.75vw
}

body .home .index4 .lbox .nr .info .list .item .line p {
    position: relative;
    z-index: 5;
    margin-left: 1.66667vw
}

body .home .index4 .lbox .nr .info .list .item .pt {
    color: #FFF
}

body .home .index4 .lbox .nr .info.animated .list .item .line span {
    clip-path: inset(0 0 0 0);
    transition: all 1s
}

body .home .index4 .rbox {
    position: absolute;
    right: 0;
    top: 0;
    width: 52.08333vw;
    height: 100vh
}

body .home .index4 .rbox .bg img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%)
}

body .home .index4 .rbox .pic {
    position: absolute;
    left: 48%;
    top: 36.11111vh;
    transform: translateX(-50%);
    z-index: 10
}

body .home .index4 .rbox .pic .border {
    position: relative
}

body .home .index4 .rbox .pic .border img {
    width: 30.55556vh
}

body .home .index4 .rbox .pic .border img:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0
}

body .home .index4 .rbox .pic .pro {
    position: absolute;
    left: 50%;
    top: 1.5625vw;
    transform: translateX(-50%);
    width: 100%;
    text-align: center
}

body .home .index4 .rbox .pic .pro img {
    width: 25vh
}

body .home .index4 .rbox .nr {
    position: absolute;
    width: 100%;
    bottom: 2.5vw;
    padding: 0 6.35417vw 0 3.33333vw
}

body .home .index4 .rbox .nr .info .p1 {
    color: #FFF;
    /* font-weight: 500 */
    font-family: 'Poppins-Medium';
}

body .home .index4 .rbox .nr .info .list {
    margin-top: .83333vw
}

body .home .index4 .rbox .nr .info .list .item {
    display: flex;
    gap: 1.25vw
}

body .home .index4 .rbox .nr .info .list .item:not(:last-child) {
    margin-bottom: 1.04167vw
}

body .home .index4 .rbox .nr .info .list .item .line {
    width: 31.25vw;
    border-radius: 90px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    position: relative
}

body .home .index4 .rbox .nr .info .list .item .line span {
    width: 9.375vw;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 90px;
    background: #7C4BF9;
    backdrop-filter: blur(4px);
    clip-path: inset(0 100% 0 0)
}

body .home .index4 .rbox .nr .info .list .item .line span.w1 {
    width: 9.11458vw
}

body .home .index4 .rbox .nr .info .list .item .line span.w2 {
    width: 6.25vw
}

body .home .index4 .rbox .nr .info .list .item .line p {
    position: relative;
    z-index: 5;
    margin-left: 1.66667vw;
    color: #fff
}

body .home .index4 .rbox .nr .info .list .item .pt {
    color: #FFF
}

body .home .index4 .rbox .nr .info.animated .list .item .line span {
    clip-path: inset(0 0 0 0);
    transition: all 1s
}

body .home .index5 {
    position: relative
}

body .home .index5::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 18.75vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 50%, transparent 100%)
}

body .home .index5 .nr {
    position: absolute;
    left: 50%;
    bottom: 1.66667vw;
    width: 72.29167vw;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0);
    background: rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(6px);
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    gap: 6.66667vw;
    padding: 3.125vw 0
}

body .home .index5 .nr .pics {
    display: flex;
    gap: 3.22917vw
}

body .home .index5 .nr .pics .item {
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    /* font-weight: 300; */
    font-family: 'Poppins-Light';
}

body .home .index5 .nr .pics .item .pic img {
    width: 12.03125vw
}

body .home .index5 .nr .pics .item p {
    margin-top: 1.35417vw
}

body .home .index5 .nr .info {
    width: 31.45833vw
}

body .home .index5 .nr .info .p1 {
    color: #FFF
}

body .home .index5 .nr .info .tip {
    margin: .9375vw 0 1.97917vw 0;
    color: rgba(255, 255, 255, 0.8);
    /* font-weight: 300; */
    font-family: 'Poppins-Light';
}

body .home .index5 .nr .info .nums {
    display: flex;
    gap: 4.16667vw
}

body .home .index5 .nr .info .nums .item {
    display: flex;
    align-items: center;
    gap: .625vw
}

body .home .index5 .nr .info .nums .item .icon img {
    width: 1.45833vw
}

body .home .index5 .nr .info .nums .item .st .n {
    color: #624DCE;
    /* font-weight: 500; */
    font-family: 'Poppins-Medium';
    line-height: 1
}

body .home .index5 .nr .info .nums .item .st .tag {
    color: #fff
}

body .home .index6 {
    position: relative;
    background: #000 url(../images/pbg.png) no-repeat;
    background-size: cover
}

body .home .index6::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 18.75vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 50%, transparent 100%)
}

body .home .index6 .bg {
    width: 100%
}

body .home .index6 .bg img {
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover
}

body .home .index6 .phone_pic {
    width: 100%;
    display: none
}

body .home .index6 .phone_pic img {
    width: 100%
}

body .home .index6 .spic {
    position: absolute;
    right: 17.5vw;
    bottom: 8.22917vw
}

body .home .index6 .spic img {
    width: 29.6875vw;
    border-radius: 10px
}

body .home .index6 a {
    position: absolute;
    left: 50%;
    bottom: 3.54167vw;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    border-radius: 90px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    width: 11.66667vw;
    padding: .52083vw 0;
    align-items: center;
    color: white;
    gap: .52083vw;
    /* font-weight: 300 */
    font-family: 'Poppins-Light';
    transition: all 600ms
}

body .home .index6 a svg {
    display: block;
    width: 1.25vw
}

body .home .index6 a svg path {
    transition: all 600ms
}

body .home .index6 a:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 2px 8px 2px rgba(255, 255, 255, 0.24), 0 0 10px 4px rgba(255, 255, 255, 0.32) inset
}

body .home .index6 a:hover svg path {
    fill: #000
}

body .home .index7 {
    position: relative;
    background: #000 url(../images/pbg.png) no-repeat;
    background-size: cover;
    padding: 8.33333vw 0 2.08333vw 0
}

body .home .index7 .text {
    position: static
}

body .home .index7 .content {
    width: 100%;
    padding: 0 0 0 14.375vw;
    margin-top: .72917vw
}

body .home .index7 .content .prev {
    position: absolute;
    left: 8.95833vw;
    bottom: 14.27083vw;
    cursor: pointer;
    z-index: 5
}

body .home .index7 .content .prev img {
    width: 1.92708vw
}

body .home .index7 .content .next {
    position: absolute;
    right: 8.95833vw;
    bottom: 14.27083vw;
    cursor: pointer;
    z-index: 5
}

body .home .index7 .content .next img {
    width: 1.92708vw
}

body .home .index7 .content .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: .83333vw;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: .625vw
}

body .home .index7 .content .swiper-pagination .swiper-pagination-bullet {
    width: .625vw;
    height: .625vw;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: .8;
    background: transparent;
    transition: all 600ms;
    position: relative;
    overflow: hidden
}

body .home .index7 .content .swiper-pagination .swiper-pagination-bullet::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
    width: 0;
    background: #fff
}

body .home .index7 .content .swiper-pagination .swiper-pagination-bullet-active {
    width: 2.08333vw;
    border-radius: 4.6875vw;
    opacity: 1
}

body .home .index7 .content .swiper-pagination .swiper-pagination-bullet-active::after {
    animation: lw 4s linear forwards
}

@keyframes lw {
    to {
        width: 100%
    }
}

body .home .index7 .content .swiper1 {
    width: 100%
}

body .home .index7 .content .swiper1 .item {
    display: flex;
    gap: 8.33333vw
}

body .home .index7 .content .swiper1 .item .pic {
    width: 33.54167vw
}

body .home .index7 .content .swiper1 .item .pic img {
    width: 100%
}

body .home .index7 .content .swiper1 .item .info .p1 {
    color: #FFF;
    margin-top: 5.20833vw
}

body .home .index7 .content .swiper1 .item .info .des {
    margin: 1.04167vw 0 7.5vw 0;
    color: rgba(255, 255, 255, 0.9);
    /* font-weight: 300 */
    font-family: 'Poppins-Light';
    width: 23.38542vw;
    height: 5.625vw
}

body .home .index7 .content .swiper1 .item .info .btns {
    display: flex;
    gap: 1.66667vw
}

body .home .index7 .content .swiper1 .item .info .btns a {
    display: flex;
    justify-content: center;
    border-radius: 90px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    width: 11.66667vw;
    padding: .52083vw 0;
    align-items: center;
    color: white;
    gap: .52083vw;
    /* font-weight: 300 */
    font-family: 'Poppins-Light';
    transition: all 600ms
}

body .home .index7 .content .swiper1 .item .info .btns a img {
    display: block;
    width: 1.25vw;
    transition: all 600ms
}

body .home .index7 .content .swiper1 .item .info .btns a:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 2px 8px 2px rgba(255, 255, 255, 0.24), 0 0 10px 4px rgba(255, 255, 255, 0.32) inset
}

body .home .index7 .content .swiper1 .item .info .btns a:hover img {
    filter: invert(1)
}

body .home .index8 {
    position: relative;
    background: #000 url(../images/pbg.png) no-repeat;
    background-size: cover;
    padding: 8.33333vw 0 2.08333vw 0
}

body .home .index8 .text {
    position: static
}

body .home .index8 .zsbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none
}

body .home .index8 .content {
    width: 100%;
    padding: 0 0 0 15.41667vw;
    z-index: 5;
    margin-top: 2.5vw
}

body .home .index8 .content .prev {
    position: absolute;
    left: 8.95833vw;
    bottom: 14.47917vw;
    cursor: pointer;
    z-index: 5
}

body .home .index8 .content .prev img {
    width: 1.92708vw
}

body .home .index8 .content .next {
    position: absolute;
    right: 8.95833vw;
    bottom: 14.47917vw;
    cursor: pointer;
    z-index: 5
}

body .home .index8 .content .next img {
    width: 1.92708vw
}

body .home .index8 .content .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 1.04167vw;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: .625vw
}

body .home .index8 .content .swiper-pagination .swiper-pagination-bullet {
    width: .625vw;
    height: .625vw;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: .8;
    background: transparent;
    transition: all 600ms;
    position: relative;
    overflow: hidden
}

body .home .index8 .content .swiper-pagination .swiper-pagination-bullet::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
    width: 0;
    background: #fff
}

body .home .index8 .content .swiper-pagination .swiper-pagination-bullet-active {
    width: 2.08333vw;
    border-radius: 4.6875vw;
    opacity: 1
}

body .home .index8 .content .swiper-pagination .swiper-pagination-bullet-active::after {
    animation: lw 4s linear forwards
}

@keyframes lw {
    to {
        width: 100%
    }
}

body .home .index8 .content .swiper2 {
    width: 100%
}

body .home .index8 .content .swiper2 .swiper-slide .item {
    display: flex;
    gap: 3.125vw
}

body .home .index8 .content .swiper2 .swiper-slide .item .pic {
    width: 34.58333vw
}

body .home .index8 .content .swiper2 .swiper-slide .item .pic img {
    width: 100%
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .p1 {
    color: #FFF;
    margin-top: 2.5vw
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .p2 {
    margin: 1.04167vw 0 3.64583vw 0;
    color: rgba(255, 255, 255, 0.9);
    /* font-weight: 300; */
    font-family: 'Poppins-Light';
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .time .pt {
    color: #FFF
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .time .line {
    width: 18.75vw;
    height: 1.30208vw;
    position: relative;
    border-radius: 90px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    overflow: hidden;
    margin-top: .36458vw
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .time .line p {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 90px;
    height: 1.35417vw;
    background: linear-gradient(0deg, #7453F0 0%, #7453F0 100%), rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(2px);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: inset(0 100% 0 0)
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .time .line p.w1 {
    width: 68.3%
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .time .line p.w2 {
    width: 35%
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .time .line p.w3 {
    width: 21%
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .time .line p.w4 {
    width: 46.1%
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .time .line p.w5 {
    width: 42.2%
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .filement,
body .home .index8 .content .swiper2 .swiper-slide .item .info .cost {
    margin: 1.25vw 0 1.14583vw 0
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .filement .pt,
body .home .index8 .content .swiper2 .swiper-slide .item .info .cost .pt {
    color: #FFF
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .filement .pd,
body .home .index8 .content .swiper2 .swiper-slide .item .info .cost .pd {
    margin-top: .3125vw;
    color: rgba(255, 255, 255, 0.9);
    /* font-weight: 300; */
    font-family: 'Poppins-Light';
}

body .home .index8 .content .swiper2 .swiper-slide .item .info .cost {
    margin: 0
}

body .home .index8 .content .swiper2 .swiper-slide-active .item .info .time .line p {
    transition: all 1s 200ms;
    clip-path: inset(0 0 0 0)
}

body .home .footer {
    height: auto !important
}

body .home .footer .fp-tableCell {
    height: auto !important
}

@media screen and (max-width: 768px) {
    body .home {
        padding-top: 60px
    }

    body .home .section {
        height: auto !important
    }

    body .home .section video {
        height: auto !important
    }

    body .home .section .fp-tableCell {
        height: auto !important
    }

    body .home .section .text {
        top: 30px
    }

    body .home .section .text .t {
        font-size: 18px;
        opacity: 1 !important;
        transform: none !important
    }

    body .home .section .text .des {
        max-width: 90%;
        margin: 8px auto 0 auto;
        font-size: 14px;
        opacity: 1 !important;
        transform: none !important
    }

    body .home .index1 .btn {
        bottom: 20px;
        opacity: 1 !important;
        pointer-events: inherit !important
    }

    body .home .index1 .btn a {
        width: fit-content;
        padding: 8px 20px;
        font-size: 14px;
        gap: 5px
    }

    body .home .index1 .btn a svg {
        width: 14px
    }

    body .home .index2::before {
        height: 100px
    }

    body .home .index3::before {
        height: 100px
    }

    body .home .index4::before {
        height: 100px
    }

    body .home .index4 .lbox,
    body .home .index4 .rbox {
        position: relative;
        height: auto;
        width: 100%
    }

    body .home .index4 .lbox .bg img,
    body .home .index4 .rbox .bg img {
        height: 70vh;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }

    body .home .index4 .lbox .pic,
    body .home .index4 .rbox .pic {
        top: 150px
    }

    body .home .index4 .lbox .nr,
    body .home .index4 .rbox .nr {
        position: static;
        padding: 0 5%
    }

    body .home .index4 .lbox .nr .info .list,
    body .home .index4 .rbox .nr .info .list {
        margin-top: 10px
    }

    body .home .index4 .lbox .nr .info .list .item,
    body .home .index4 .rbox .nr .info .list .item {
        gap: 12px;
        align-items: center
    }

    body .home .index4 .lbox .nr .info .list .item:not(:last-child),
    body .home .index4 .rbox .nr .info .list .item:not(:last-child) {
        margin-bottom: 10px
    }

    body .home .index4 .lbox .nr .info .list .item .line,
    body .home .index4 .rbox .nr .info .list .item .line {
        width: 100%;
        flex: 1;
        font-size: 14px;
        display: flex;
        align-items: center;
        height: 20px
    }

    body .home .index4 .lbox .nr .info .list .item .line p,
    body .home .index4 .rbox .nr .info .list .item .line p {
        margin-left: 16px
    }

    body .home .index4 .lbox .nr .info .list .item .line span,
    body .home .index4 .rbox .nr .info .list .item .line span {
        width: 50%;
        clip-path: inset(0 0 0 0)
    }

    body .home .index4 .lbox .nr .info .list .item .line span.w1,
    body .home .index4 .rbox .nr .info .list .item .line span.w1 {
        width: 30%
    }

    body .home .index4 .lbox .nr .info .list .item .line span.w2,
    body .home .index4 .rbox .nr .info .list .item .line span.w2 {
        width: 60%
    }

    body .home .index4 .lbox .nr .info .list .item .line span.w3,
    body .home .index4 .rbox .nr .info .list .item .line span.w3 {
        width: 70%
    }

    body .home .index4 .lbox .nr .info .list .item .line span.w4,
    body .home .index4 .rbox .nr .info .list .item .line span.w4 {
        width: 90%
    }

    body .home .index5 {
        background: #000
    }

    body .home .index5::before {
        height: 100px
    }

    body .home .index5 .nr {
        position: static;
        transform: none;
        flex-direction: column;
        padding: 20px;
        align-items: center;
        gap: 20px;
        background: rgba(255, 255, 255, 0.2);
        width: 90%;
        margin: 20px auto 0 auto
    }

    body .home .index5 .nr .pics {
        width: 100%;
        gap: 20px
    }

    body .home .index5 .nr .pics .item .pic img {
        width: 100%;
        height: auto
    }

    body .home .index5 .nr .pics .item p {
        margin-top: 15px;
        font-size: 16px
    }

    body .home .index5 .nr .info {
        width: 100%;
        text-align: center
    }

    body .home .index5 .nr .info .p1 {
        font-size: 18px
    }

    body .home .index5 .nr .info .tip {
        margin: 10px 0 20px 0;
        font-size: 16px
    }

    body .home .index5 .nr .info .nums {
        width: 100%;
        gap: 30px;
        justify-content: center
    }

    body .home .index5 .nr .info .nums .item {
        gap: 6px
    }

    body .home .index5 .nr .info .nums .item .icon img {
        width: 20px
    }

    body .home .index5 .nr .info .nums .item .num {
        font-size: 24px
    }

    body .home .index6 {
        padding: 30px 0
    }

    body .home .index6::before {
        height: 100px
    }

    body .home .index6 .bg {
        display: none
    }

    body .home .index6 .bg img {
        height: auto
    }

    body .home .index6 .phone_pic {
        display: block
    }

    body .home .index6 .spic {
        position: static;
        text-align: center;
        margin-top: 20px
    }

    body .home .index6 .spic img {
        width: 80%
    }

    body .home .index6 a {
        position: static;
        width: fit-content;
        padding: 8px 20px;
        font-size: 14px;
        gap: 5px;
        margin: 0 auto;
        transform: translateX(0)
    }

    body .home .index6 a svg {
        width: 14px
    }

    body .home .index7 .text {
        position: static
    }

    body .home .index7 .text .des {
        font-size: 16px
    }

    body .home .index7 .content {
        position: static;
        padding: 0 5% 30px 5%
    }

    body .home .index7 .content .prev {
        left: 5%;
        bottom: 40%
    }

    body .home .index7 .content .prev img {
        width: 20px
    }

    body .home .index7 .content .next {
        right: 5%;
        bottom: 40%
    }

    body .home .index7 .content .next img {
        width: 20px
    }

    body .home .index7 .content .swiper-pagination {
        bottom: 10px;
        gap: 8px
    }

    body .home .index7 .content .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }

    body .home .index7 .content .swiper-pagination .swiper-pagination-bullet-active {
        width: 20px
    }

    body .home .index7 .content .swiper1 {
        margin-top: -30px
    }

    body .home .index7 .content .swiper1 .item {
        flex-direction: column;
        align-items: center;
        gap: 20px
    }

    body .home .index7 .content .swiper1 .item .pic {
        width: 100%
    }

    body .home .index7 .content .swiper1 .item .info .p1 {
        font-size: 18px;
        margin-top: 0
    }

    body .home .index7 .content .swiper1 .item .info .des {
        font-size: 16px;
        width: 100%;
        height: auto;
        margin: 10px 0 20px 0
    }

    body .home .index7 .content .swiper1 .item .info .btns {
        width: 100%;
        justify-content: center;
        gap: 10px
    }

    body .home .index7 .content .swiper1 .item .info .btns a {
        width: 50%;
        padding: 8px 0;
        font-size: 14px;
        gap: 5px
    }

    body .home .index7 .content .swiper1 .item .info .btns a img {
        width: 14px
    }

    body .home .index8 {
        padding-top: 60px
    }

    body .home .index8 .text {
        position: static;
        padding: 0 5%
    }

    body .home .index8 .text .des {
        font-size: 16px
    }

    body .home .index8 .content {
        position: static;
        padding: 0 5% 30px 5%
    }

    body .home .index8 .content .prev {
        left: 5%;
        bottom: 60%
    }

    body .home .index8 .content .prev img {
        width: 20px
    }

    body .home .index8 .content .next {
        right: 5%;
        bottom: 60%
    }

    body .home .index8 .content .next img {
        width: 20px
    }

    body .home .index8 .content .swiper-pagination {
        bottom: 10px;
        gap: 8px
    }

    body .home .index8 .content .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }

    body .home .index8 .content .swiper-pagination .swiper-pagination-bullet-active {
        width: 20px
    }

    body .home .index8 .content .swiper2 .swiper-slide .item {
        flex-direction: column;
        align-items: center;
        gap: 20px
    }

    body .home .index8 .content .swiper2 .swiper-slide .item .pic {
        width: 100%
    }

    body .home .index8 .content .swiper2 .swiper-slide .item .info .p1 {
        font-size: 18px;
        margin-top: 0
    }

    body .home .index8 .content .swiper2 .swiper-slide .item .info .p2 {
        font-size: 16px;
        margin: 10px 0 20px 0
    }

    body .home .index8 .content .swiper2 .swiper-slide .item .info .time .pt {
        font-size: 16px
    }

    body .home .index8 .content .swiper2 .swiper-slide .item .info .time .line {
        width: 100%;
        height: 25px;
        margin-top: 5px
    }

    body .home .index8 .content .swiper2 .swiper-slide .item .info .time .line p {
        top: -1px;
        height: 26px
    }

    body .home .index8 .content .swiper2 .swiper-slide .item .info .filement,
    body .home .index8 .content .swiper2 .swiper-slide .item .info .cost {
        margin: 12px 0
    }

    body .home .index8 .content .swiper2 .swiper-slide .item .info .filement .pt,
    body .home .index8 .content .swiper2 .swiper-slide .item .info .cost .pt {
        font-size: 16px
    }

    body .home .index8 .content .swiper2 .swiper-slide .item .info .filement .pd,
    body .home .index8 .content .swiper2 .swiper-slide .item .info .cost .pd {
        font-size: 14px;
        margin-top: 5px
    }
}