/*首页样式文件*/

.banner-wrapper .mask-layer {
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        z-index: 1;
}

.banner-wrapper .img-box {
        width: 100%;
        height: 100vh;
        position: absolute;
        transform: scale(1, 1);
        transition-duration: 1s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
        opacity: 0.9;
        overflow: hidden;
}

.banner-wrapper .img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.2, 1.2) translateX(0);
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
        transition-property: transform;
}

.banner-slogan {
        position: absolute;
        z-index: 2;
        /*top: 34rem;*/
        top: calc(calc(100vh - 8.1rem - 7.9rem)/2);
        width: 100%;
        height: auto;
        text-align: center;
}

.banner-wrapper h1 {
        font-size: 6.6rem;
        color: #fff;
        font-family: "SanR", arial, sans-serif;
        font-weight: normal;
        width: 100%;
        letter-spacing: 1.5rem;
}

.banner-wrapper h6 {
        font-size: 2.4rem;
        color: #fff;
        font-family: "JetR", arial, sans-serif;
        font-weight: normal;
        letter-spacing: 0.3rem;
        margin: 0 6rem;
}

.slogan-en {
        display: flex;
        align-items: center;
        margin-top: 5rem;
        justify-content: center;
}

.slogan-en span {
        width: 5.4rem;
        height: 1px;
        background: #fff;
        display: flex;
}

.pagination-wrapper {
        position: absolute;
        z-index: 2;
        bottom: 2.5rem;
        height: auto;
        width: 100%;
        text-align: center;
}

.pagination-wrapper span {
        background: #fff;
        width: 0.3rem;
        height: 1.6rem;
        display: inline-block;
        border-radius: 0.3rem;
        margin-bottom: 1.2rem;
        animation: blink 2s linear infinite;
        -webkit-animation: blink 2s linear infinite;
}

@keyframes blink {
        0% {
                opacity: 1;
        }

        50% {
                opacity: 0.2;
        }

        100% {
                opacity: 0.8;
        }
}

@-webkit-keyframes blink {
        0% {
                opacity: 1;
        }

        50% {
                opacity: 0.2;
        }

        100% {
                opacity: 0.8;
        }
}

.pagination-wrapper p {
        color: #B5B5B5;
        font-family: "albbL", arial, sans-serif;
        font-size: 1.6rem;
}

.intro-wrapper {
        padding: 16.2rem 0 0 12rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: auto;
}

.intro-wrapper *,
.data-wrapper *,
.product-wrapper *,
.news-wrapper *,
.customer-feedback-wrapper *,
.contact-us-wrapper *,
footer * {
        height: auto;
}

.intro-wrapper .intro-text-wrapper>div {
        display: none;
}

.intro-text-wrapper h6 {
        display: flex;
        align-items: center;
}

.intro-text-wrapper h6 img {
        width: 5.3rem;
        margin-right: 2.7rem;
}

.intro-text-wrapper h6 span {
        font-size: 1.8rem;
        color: #4F46BA;
        font-family: "JetR", arial, sans-serif;
        font-weight: normal;
}

.intro-text-wrapper h1 {
        font-size: 4.5rem;
        font-family: "albbM", arial, sans-serif;
        font-weight: normal;
        letter-spacing: 0.2rem;
        margin-top: 1rem;
        margin-bottom: 6.3rem;
}

.intro-text-wrapper .text p {
        font-family: "albbL", arial, sans-serif;
        font-size: 2rem;
        letter-spacing: 0.4rem;
        line-height: 4rem;
}

.intro-text-wrapper .dimension {
        font-family: "albbM", arial, sans-serif;
        font-size: 1.6rem;
        letter-spacing: 0.4rem;
        line-height: 4.4rem;
        margin-top: 4rem;
}

.intro-img-wrapper ul {
        display: flex;
        position: relative;
        right: -8.6rem;
}

.intro-img-wrapper li {
        width: 19.7rem;
        overflow: hidden;
        border-radius: 2rem;
        margin-right: 4rem;
        height: 47.4rem;
        cursor: pointer;
        transition: width 0.5s;
        position: relative;
}

.intro-img img {
        height: 100%;
}

.en-subscript {
        position: absolute !important;
        bottom: 2.5rem;
        left: 2.5rem;
        height: 5.6rem !important;
        display: none;
}

.subscript-show {
        display: block !important;
        text-transform: uppercase;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation: anim 2s ease-out forwards 0s;
        -moz-animation: anim 2s ease-out forwards 0s;
}

@-webkit-keyframes anim {
        0% {
                opacity: 0;
                -webkit-transform: rotateY(-90deg);
        }

        50% {
                opacity: 0.8;
                -webkit-transform: rotateY(0deg);
        }

        75% {
                opacity: 0.8;
                -webkit-transform: rotateY(0deg) translateZ(60px);
        }

        100% {
                opacity: 0.8;
                letter-spacing: 8px;
                -webkit-transform: rotateY(0deg) translateZ(100px);
        }
}

@-moz-keyframes anim {
        0% {
                opacity: 0;
                -moz-transform: rotateY(-90deg);
        }

        50% {
                opacity: 0.8;
                -moz-transform: rotateY(0deg);
        }

        75% {
                opacity: 0.8;
                -moz-transform: rotateY(0deg) translateZ(60px);
        }

        100% {
                opacity: 0.8;
                letter-spacing: 1rem;
                -moz-transform: rotateY(0deg) translateZ(100px);
        }
}

.intro-img-select {
        width: 43.7rem !important;
}

.data-wrapper {
        height: auto;
        position: absolute;
        bottom: 3.8rem;
        display: flex;
        align-items: center;
}

.data-wrapper .data {
        background: #F6F8FF;
        width: 152.2rem;
        height: 14rem;
        border-radius: 0 11.9rem 11.9rem 0;
        padding: 0 27.1rem 0 16.9rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.data-wrapper .data>div {
        text-align: center;
        margin-top: -5.2rem;
        min-width: 10rem;
}


.data-wrapper .data img {
        width: 5.2rem;
}

.data-wrapper .data .data-num {
        font-family: "NunitoEB", arial, sans-serif;
        font-size: 3.2rem;
        color: #000f2d;
        letter-spacing: -1px;
        margin: 0.9rem 0;
}

.data-wrapper .data .data-label {
        font-size: 1.8rem;
        color: #000f2d;
        letter-spacing: 0;
}

.data-wrapper .more-btn {
        background: #4F46BA;
        width: 16.3rem;
        height: 8.4rem;
        border-radius: 8.9rem;
        text-align: center;
        line-height: 8.4rem;
        margin-left: -10.2rem;
}

.data-wrapper .more-btn a {
        color: #fff;
        font-family: "JetR", arial, sans-serif;
        font-size: 3.2rem;
        letter-spacing: 0;
}

.product-wrapper {
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 22rem 21.9rem 16.6rem 21.6rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.product-wrapper img {
        width: 74.1rem;
}

.product-text-wrapper .more-btn {
        width: 13.4rem;
        height: 5.2rem;
        background: #4F46BA;
        border-radius: 1rem;
        text-align: center;
        line-height: 5.2rem;
        margin-top: 7.6rem;
}

.product-text-wrapper .more-btn a {
        font-size: 2rem;
        letter-spacing: 0.3rem;
        color: #fff;
        font-family: "albbL", arial, sans-serif;
}

.news-wrapper {
        background: #F6F8FF;
        padding: 15rem 20rem;
}

.news-wrapper .intro-text-wrapper,
.customer-feedback-wrapper .intro-text-wrapper,
.contact-us-wrapper .intro-text-wrapper {
        text-align: center;
}

.news-wrapper .title,
.customer-feedback-wrapper .title,
.contact-us-wrapper .title {
        display: inline-block;
}

.customer-feedback-wrapper h1,
.contact-us-wrapper h1 {
        margin-bottom: 4.5rem;
}

.news-wrapper h1 {
        margin-bottom: 3rem;
}

.news-wrapper .more-btn {
        background: #4F46BA;
        width: 9rem;
        height: 4rem;
        border-radius: 8rem;
        line-height: 4rem;
        text-align: center;
        margin: auto;
}

.news-wrapper .more-btn a {
        font-family: "JetR", arial, sans-serif;
        font-size: 2rem;
        color: #fff;
        letter-spacing: 0;
}

.news-list {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 9.5rem;
}

.news-list li {
        background: #fff;
        border-radius: 0.5rem;
        padding-bottom: 3rem;
        width: 31.5%;
}

.news-list .news-img {
        transform: scale(1, 1);
        transition-duration: 1s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
        opacity: 0.9;
        overflow: hidden;
        height: 25.8rem;
}

.news-list .news-img img {
        width: 100%;
        border-radius: 0.5rem 0.5rem 0 0;
        height: 100%;
        object-fit: cover;
        transform: scale(1, 1) translateX(0);
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
        transition-property: transform;
        transition: 1s;
}

.news-list .news-title {
        padding: 0 2.9rem;
        font-family: "albbS", arial, sans-serif;
        font-size: 2rem;
        letter-spacing: 0.2rem;
        line-height: 3rem;
        margin-top: 2rem;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        min-height: 6rem;
}

.news-list .news-date {
        padding: 0 2.9rem;
        font-size: 1.4rem;
        line-height: 3.4rem;
        margin-top: 0.2rem;
        color: #8B8B8B;
        font-family: "albbL", arial, sans-serif;
}

.news-list .news-text {
        padding: 0 2.9rem;
        font-size: 1.6rem;
        letter-spacing: 0.2rem;
        line-height: 2.9rem;
        margin-top: 1.5rem;
        font-family: "albbL", arial, sans-serif;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
}

.customer-feedback-wrapper {
        padding: 17rem 31.1rem;

}

.case-content {
        display: flex;
}

.case-content>img {
        width: 78.4rem;
        margin-top: 10.5rem;
}

.feedback-wrapper .swiper-slide {
        background: #fff;
        padding: 3rem 2.1rem 6.24rem 2.1rem;
        width: 50.3rem;
        height: 28.1rem;
}

.feedback-swiper {
        box-shadow: 0 6rem 20rem rgba(1, 23, 54, 0.1);
        width: 50.3rem;
        height: 28.1rem;
        border-radius: 2rem;
}

.feedback-data {
        display: flex;
        align-items: center;
}

.indexSolutionWrap .textWrap .title {
        font-size: calc(100vw * 24 / 1920);
        letter-spacing: 0.2rem;
}


.avatar-img {
        width: 6rem !important;
        margin-right: 1.6rem;
}

.nickname p {
        font-family: "albbM", arial, sans-serif;
        color: #011736;
        font-size: 2rem;
        letter-spacing: 0;
}

.rank {
        display: flex;
        margin-top: 0.4rem;
}

.rank li {
        margin-right: 0.9rem;
}

.rank img {
        width: 1.3rem;
}

.feedback-text {
        font-size: 1.6rem;
        letter-spacing: 0;
        color: #1b1b1c;
        margin-top: 2.4rem;
        line-height: 3.2rem;
}

.prev-next-btn {
        margin-top: 6rem;
        justify-content: center;
        display: flex;
}

.prev-next-btn>div {
        margin: 0 1.5rem;
        cursor: pointer;
}

.prev-next-btn img {
        width: 4.6rem;
}

.button-next {
        background: #4F46BA;
        box-shadow: 0 1rem 1.4rem rgba(49, 62, 247, 0.25);
        border-radius: 10rem;
        width: 4.6rem;
        height: 4.6rem;
}

.customer-feedback-wrapper h1 {
        margin-bottom: 12.7rem;
}

.contact-us-wrapper {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 15rem 61.2rem 6rem;
}

.contact-us-wrapper .title span {
        color: #fff !important;
}

.contact-us-wrapper h1 {
        color: #fff !important;
}

.contact-us-wrapper p {
        color: #CBD3EF;
        font-family: "albbT", arial, sans-serif;
        font-size: 1.8rem;
        letter-spacing: 0.4rem;
        line-height: 3.6rem;
        width: 69.6rem;
        text-align: center;
        margin: 0.5rem auto 0 auto;
}

.contact-btn {
        margin: 5rem auto 0 auto;
        border: 1px #ffffff solid;
        width: 11.2rem;
        padding: 0.9rem 0;
        text-align: center;
        border-radius: 0.4rem;
}

.contact-btn a {
        font-size: 1.6rem;
        letter-spacing: 0.2rem;
        color: #ffffff;
        font-family: "albbT", arial, sans-serif;
}

.contact-us-wrapper {
        height: auto;
}

@media screen and (max-width: 1280px) {
        .intro-img-wrapper li {
                width: 16.7rem;
                margin-right: 2rem;
                height: 50rem;
        }

        .intro-img-select {
                width: 37.7rem !important;
        }

        .product-wrapper {
                padding: 22rem 14.9rem 16.6rem 15.6rem;
        }

        .contact-us-wrapper {
                padding: 15rem 49.2rem 6rem;
        }
}

@media screen and (min-width: 1281px) and (max-width: 1360px) {
        .intro-img-wrapper li {
                width: 15.7rem;
                margin-right: 2rem;
                height: 50rem;
        }

        .intro-img-select {
                width: 37.7rem !important;
        }

        .product-wrapper {
                padding: 22rem 14.9rem 16.6rem 15.6rem;
        }

        .customer-feedback-wrapper {
                padding: 17rem 25.1rem;
        }

        .case-content>img {
                width: 70.4rem;
        }

        .prev-next-btn img {
                width: 4rem;
        }

        .button-next {
                width: 4rem;
                height: 4rem;
        }

        .contact-us-wrapper {
                padding: 18rem 49.2rem 6rem;
        }

}

@media screen and (min-width: 1361px) and (max-width: 1440px) {
        .intro-img-wrapper li {
                width: 15.7rem;
                margin-right: 2rem;
                height: 50rem;
        }

        .intro-img-select {
                width: 37.7rem !important;
        }

        .product-wrapper {
                padding: 22rem 14.9rem 16.6rem 15.6rem;
        }

        .contact-us-wrapper {
                padding: 19rem 49.2rem 6rem;
        }

        .customer-feedback-wrapper {
                padding: 17rem 29.1rem;
        }

        .case-content>img {
                width: 72.4rem;
        }

        .prev-next-btn img {
                width: 4.2rem;
        }

        .button-next {
                width: 4.2rem;
                height: 4.2rem;
        }

}

@media screen and (min-width:1441px) and (max-width: 1520px) {
        .intro-img-wrapper li {
                margin-right: 2rem;
                height: 45.4rem;
        }

        .intro-img-select {
                width: 41.7rem !important;
        }

        .data-wrapper {
                bottom: 7.8rem;
        }

        .news-wrapper {
                background: #F6F8FF;
                padding: 17rem 20rem;
        }

        .customer-feedback-wrapper {
                padding: 17rem 27.1rem;
        }

        .contact-us-wrapper {
                padding: 18rem 47.2rem 10rem;
        }
}

@media screen and (min-width:1521px) and (max-width: 1600px) {
        .intro-wrapper {
                padding: 18.2rem 0 0 12rem;
        }

        .intro-img-wrapper li {
                margin-right: 2rem;
                height: 45.4rem;
        }

        .intro-img-select {
                width: 41.7rem !important;
        }

        .data-wrapper {
                bottom: 8.8rem;
        }

        .news-wrapper {
                background: #F6F8FF;
                padding: 17rem 20rem;
        }

        .customer-feedback-wrapper {
                padding: 17rem 27.1rem;
        }

        .contact-us-wrapper {
                padding: 22rem 47.2rem 10rem;
        }
}

@media screen and (min-width: 1601px) and (max-width: 1680px) {
        .customer-feedback-wrapper {
                padding: 15rem 27.1rem;
        }

        .intro-img-wrapper li {
                width: 17.7rem;
                margin-right: 2rem;
                height: 47rem;
        }

        .intro-img-select {
                width: 40.7rem !important;
        }

        .product-wrapper {
                padding: 22rem 18.9rem 16.6rem 21.6rem;
        }

        .contact-us-wrapper {
                padding: 17rem 49.2rem 6rem;
        }

        .news-list li {
                width: 32.5%;
        }
}

@media screen and (min-width: 1681px) and (max-width: 1760px) {
        .banner-slogan {
                top: calc(calc(100vh - 11.1rem - 8.8rem) / 2);
        }

        .intro-img-wrapper li {
                width: 18.7rem;
                margin-right: 2rem;
                height: 47rem;
        }

        .intro-img-select {
                width: 41.7rem !important;
        }

        .data-wrapper {
                bottom: 5.8rem;
        }

        .product-wrapper {
                padding: 22rem 23.9rem 16.6rem 23.6rem;
        }

        .product-wrapper img {
                width: 72.1rem;
        }

        .contact-us-wrapper {
                padding: 17rem 49.2rem 6.5rem 49.2rem;
        }

        .news-list li {
                width: 32.5%;
        }

        .intro-text-wrapper h1 {
                font-size: 4rem;
                margin-top: 1rem;
                margin-bottom: 3.5rem;
        }

        .data-wrapper .data img {
                width: 4.8rem;
        }

        .data-wrapper .data {
                width: 150.2rem;
                height: 12rem;
        }

        .data-wrapper .data .data-num {
                font-size: 3rem;
        }

        .data-wrapper .data .data-label {
                font-size: 1.6rem;
        }

        .data-wrapper .more-btn {
                width: 14.3rem;
                height: 6.4rem;
                line-height: 6.4rem;
                margin-left: -9.2rem;
        }

        .data-wrapper .more-btn a {
                font-size: 2.8rem;
        }

        .news-list {
                margin-top: 7.5rem;
        }

        .news-wrapper {
                padding: 15rem;
        }

        .news-list .news-img {
                height: 23.8rem;
        }

        .news-list .news-title {
                font-size: 1.8rem;
                line-height: 2.8rem;
                min-height: 5rem;
        }

        .news-list .news-text {
                font-size: 1.5rem;
                line-height: 2.6rem;
                margin-top: 1.3rem;
        }

        .avatar-img {
                width: 5.8rem !important;
        }

        .nickname p {
                font-size: 1.9rem;
        }

        .rank li {
                margin-right: 0.6rem;
        }

        .rank img {
                width: 1.1rem;
        }

        .feedback-text {
                font-size: 1.5rem;
                line-height: 3rem;
        }

        .feedback-swiper {
                height: 26.1rem;
        }

        .prev-next-btn img {
                width: 4rem;
        }

        .button-next {
                width: 4rem;
                height: 4rem;
        }

        .case-content>img {
                width: 68.4rem;
        }

        .customer-feedback-wrapper {
                padding: 17rem 26.1rem;
        }

        .case-content {
                position: absolute;
                bottom: 11rem;
        }

}

@media screen and (min-width: 1761px) and (max-width: 1840px) {
        .banner-slogan {
                top: calc(calc(100vh - 11.1rem - 8.8rem) / 2);
        }

        .intro-img-wrapper li {
                width: 18.7rem;
                margin-right: 2rem;
                height: 47rem;
        }

        .intro-img-select {
                width: 41.7rem !important;
        }

        .data-wrapper {
                bottom: 5.8rem;
        }

        .product-wrapper {
                padding: 22rem 23.9rem 16.6rem 23.6rem;
        }

        .product-wrapper img {
                width: 72.1rem;
        }

        .contact-us-wrapper {
                padding: 17rem 49.2rem 6.5rem 49.2rem;
        }

        .news-list li {
                width: 32.5%;
        }

        .intro-text-wrapper h1 {
                font-size: 4rem;
                margin-top: 1rem;
                margin-bottom: 3.5rem;
        }

        .data-wrapper .data img {
                width: 4.8rem;
        }

        .data-wrapper .data {
                width: 150.2rem;
                height: 12rem;
        }

        .data-wrapper .data .data-num {
                font-size: 3rem;
        }

        .data-wrapper .data .data-label {
                font-size: 1.6rem;
        }

        .data-wrapper .more-btn {
                width: 14.3rem;
                height: 6.4rem;
                line-height: 6.4rem;
                margin-left: -9.2rem;
        }

        .data-wrapper .more-btn a {
                font-size: 2.8rem;
        }

        .news-list {
                margin-top: 7.5rem;
        }

        .news-wrapper {
                padding: 18rem 15rem;
        }

        .news-list .news-img {
                height: 23.8rem;
        }

        .news-list .news-title {
                font-size: 1.8rem;
                line-height: 2.8rem;
                min-height: 5rem;
        }

        .news-list .news-text {
                font-size: 1.5rem;
                line-height: 2.6rem;
                margin-top: 1.3rem;
        }

        .avatar-img {
                width: 5.8rem !important;
        }

        .nickname p {
                font-size: 1.9rem;
        }

        .rank li {
                margin-right: 0.6rem;
        }

        .rank img {
                width: 1.1rem;
        }

        .feedback-text {
                font-size: 1.5rem;
                line-height: 3rem;
        }

        .feedback-swiper {
                height: 26.1rem;
        }

        .prev-next-btn img {
                width: 4rem;
        }

        .button-next {
                width: 4rem;
                height: 4rem;
        }

        .case-content>img {
                width: 68.4rem;
        }

        .customer-feedback-wrapper {
                padding: 18rem 30.1rem;
        }

        .case-content {
                position: absolute;
                bottom: 11rem;
        }
}

@media screen and (min-width: 1841px) and (max-width: 1919px) {
        .contact-us-wrapper{
                padding: 17rem 61.2rem 9rem;
        }
}