.banner {
    position: relative;
    overflow: hidden
}

.banner .banner_swiper {
    width: 20vw;
    height: 4.58333vw;
    position: absolute;
    right: 1.71875vw;
    bottom: 5.625vw
}

.banner .banner_swiper .swiper-slide {
    transition: 0.6s;
    position: relative;
    opacity: 0;
    pointer-events: none;
}

.banner .banner_swiper .swiper-slide .slide_box {
    display: flex;
    align-items: flex-start;
    border-radius: .625vw;
    width: 100%;
    height: 100%;
    padding: .78125vw;
    position: relative;
    transition: 0.6s
}

.banner .banner_swiper .swiper-slide .slide_box .slide_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.banner .banner_swiper .swiper-slide .slide_box .slide_bg img {
    display: block;
    width: 100%
}

.banner .banner_swiper .swiper-slide .slide_box .slide_box_r {
    width: 100%;
    flex: 1
}

.banner .banner_swiper .swiper-slide .slide_box .slide_box_r .slide_title {
    color: #111;
    font-weight: 400;
    line-height: 1.5625vw;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.banner .banner_swiper .swiper-slide .slide_box .slide_box_r .slide_time {
    font-weight: 400;
    line-height: 1.5;
    background: linear-gradient(90deg, #C4ADFF 0%, #63E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.banner .banner_swiper .swiper-slide .slide_box .label {
    width: 3.22917vw;
    display: flex;
    justify-content: center;
    position: relative;
    margin-right: .625vw;
    border-radius: .83333vw;
    box-shadow: 0 2.08333vw 1.25vw-1.66667vw rgba(218, 208, 255, 0.5)
}

.banner .banner_swiper .swiper-slide .slide_box .label p {
    position: absolute;
    z-index: 3;
    font-weight: 400;
    line-height: 1.5625vw;
    text-transform: uppercase;
    background: linear-gradient(90deg, #C4ADFF 0%, #63E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.banner .banner_swiper .swiper-slide .slide_box .label img {
    display: block;
    width: 100%
}

.banner .banner_swiper .swiper-slide.swiper-slide-prev {
    z-index: 2
}

.banner .banner_swiper .swiper-slide.swiper-slide-prev .slide_box {
    transform: scale(0.92) translateY(4.0625vw)
}

.banner .banner_swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: unset;
    pointer-events: auto;
    z-index: 3
}

.banner .banner_swiper .swiper-slide.swiper-slide-next {
    z-index: 2;
    opacity: 0.6
}

.banner .banner_swiper .swiper-slide.swiper-slide-next .slide_box {
    transform: scale(0.92) translateY(-4.0625vw)
}

.banner .banner_swiper .swiper-slide.swiper-slide-next+.swiper-slide {
    opacity: 0.6
}

.banner .banner_swiper .swiper-slide.swiper-slide-next+.swiper-slide .slide_box {
    transform: scale(0.84) translateY(-8.85417vw)
}

.banner .banner_swiper .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide .slide_box {
    transform: scale(0.76) translateY(-14.58333vw)
}

.banner .bg {
    width: 100%;
    display: block;
    object-fit: cover
}

.banner .c1 {
    width: 93.75vw;
    position: absolute;
    top: 0;
    left: 0
}

.banner .box {
    width: 100%;
    position: absolute;
    top: 17.96875vw;
    display: flex;
    justify-content: space-between;
    padding: 0 14.01042vw 0 8.33333vw
}

.banner .box .text {
    padding: 4.94792vw 0 0
}

.banner .box .text .img {
    width: 4.375vw;
    margin: 0 0 0 -.78125vw
}

.banner .box .text .img img {
    display: block;
    width: 100%;
    mix-blend-mode: lighten
}

.banner .box .text .h1 {
    color: #FFF;
    font-weight: 700;
    line-height: 1.4
}

.banner .box .text .h1 div {
    transition: 0.1s
}

.banner .box .text .en {
    color: #FFF;
    font-weight: 400;
    line-height: 1.8;
    text-transform: capitalize;
    margin-bottom: .52083vw
}

.banner .box .text .en div {
    transition: 0.1s
}

.banner .box .text .p {
    color: #FFF;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.02224vw
}

.banner .box .text .p div {
    transition: 0.1s
}

.banner .box .text.animated .h1 div,
.banner .box .text.animated .en div,
.banner .box .text.animated .p div {
    opacity: 1 !important
}

.banner .box .btn {
    display: block;
    width: fit-content;
    height: fit-content;
    padding: 1px;
    border-radius: 50px;
    box-shadow: 0 0 .83333vw 0 rgba(158, 145, 255, 0.1);
    margin: 2.08333vw 0 0;
    background: rgba(255, 255, 255, 0.15);
    transition: 0.8s
}

.banner .box .btn .btn_color {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0
}

.banner .box .btn .btn_color .sq {
    position: absolute;
    transition: 0.8s
}

.banner .box .btn .btn_color .sq:nth-child(1) {
    background: #63E;
    filter: blur(2px);
    top: -.3125vw;
    left: 1.35417vw;
    width: 5.10417vw;
    height: .625vw;
    border-radius: 5.10417vw;
    opacity: 0.74;
    background: radial-gradient(42.33% 42.33% at 50% 57.67%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    mix-blend-mode: lighten
}

.banner .box .btn .btn_color .sq:nth-child(2) {
    background: #63E;
    filter: blur(2px);
    bottom: -.26042vw;
    right: .57292vw;
    width: 5.10417vw;
    height: .625vw;
    border-radius: 5.10417vw;
    opacity: 0.74;
    background: radial-gradient(42.33% 42.33% at 50% 57.67%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    mix-blend-mode: lighten
}

.banner .box .btn .btn_box {
    width: 13.02083vw;
    height: 2.91667vw;
    display: flex;
    align-items: center;
    border-radius: 2.60417vw;
    padding: .20833vw;
    gap: 1.45833vw;
    background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%);
    position: relative;
    z-index: 3;
    transition: 0.6s
}

.banner .box .btn .avatar {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    box-shadow: 0 .36458vw .20833vw 0 rgba(0, 0, 0, 0.25);
    overflow: hidden
}

.banner .box .btn .avatar img {
    display: block;
    width: 100%;
    height: 100%
}

.banner .box .btn p {
    color: #FFF;
    font-weight: 800;
    transition: 0.6s
}

.banner .box .btn:hover {
    box-shadow: 0 0 1.04167vw 0 rgba(255, 255, 255, 0.3)
}

.banner .box .btn:hover .btn_color .sq:nth-child(1) {
    transform: translateX(7.29167vw)
}

.banner .box .btn:hover .btn_color .sq:nth-child(2) {
    transform: translateX(-8.85417vw)
}

.banner .box .btn:hover .btn_box {
    width: 15.625vw
}

.banner .box .btn:hover .btn_box p {
    transform: translateX(.78125vw)
}

.banner .box .r {
    width: 25vw
}

.banner .box .r img {
    display: block;
    width: 100%
}

.sec1 .fix {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    /* overflow: auto; */
}

.sec1 .fix .wrap {
    width: 100%;
    padding: 0 13.54167vw 0 10.72917vw
}

.sec1 .fix .wrap .title {
    color: #111;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5vw
}

.sec1 .fix .wrap .box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sec1 .fix .wrap .box .r {
    width: 28.90625vw
}

.sec1 .fix .wrap .box .r .item {
    cursor: pointer
}

.sec1 .fix .wrap .box .r .item:not(:last-child) {
    margin-bottom: 1.35417vw
}

.sec1 .fix .wrap .box .r .item .item_title {
    color: #000;
    font-weight: 400;
    margin-bottom: .83333vw;
    position: relative;
    transition: 0.6s
}

.sec1 .fix .wrap .box .r .item .item_title p {
    width: fit-content
}

.sec1 .fix .wrap .box .r .item .item_title img {
    display: block;
    width: 1.71875vw;
    position: absolute;
    left: -2.60417vw;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.6s
}

.sec1 .fix .wrap .box .r .item .item_text {
    color: #666;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    display: none
}

.sec1 .fix .wrap .box .r .item .item_text p:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    color: #666
}

.sec1 .fix .wrap .box .r .item.on .item_title {
    color: #8942FE
}

.sec1 .fix .wrap .box .r .item.on .item_title img {
    opacity: 1
}

.sec1 .fix .wrap .box .r .item.on .item_text {
    display: block
}

.sec1 .fix .wrap .box .r .item.on .item_text p {
    opacity: 0
}

.sec1 .fix .wrap .box .r .item.on .item_text p:nth-child(2) {
    opacity: 1
}

.sec1 .fix .wrap .box .l {
    width: 37.13542vw;
    position: relative
}

.sec1 .fix .wrap .box .l .l_light {
    width: 100%;
    height: 3.125vw;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.sec1 .fix .wrap .box .l .l_light .light {
    position: absolute;
    background: #63E;
    filter: blur(3.64583vw);
    border-radius: 37.13542vw;
    opacity: 0.5
}

.sec1 .fix .wrap .box .l .l_light .light_img {
    position: absolute;
    z-index: 3;
    width: 21.35417vw;
    height: 4.73958vw;
    border-radius: 50%;
    opacity: 0.74;
    background: radial-gradient(45.27% 45.26% at 49.95% 54.74%, #DBA9FF 0%, rgba(190, 146, 255, 0) 100%)
}

.sec1 .fix .wrap .box .l .l_light .light4 {
    opacity: 0.4
}

.sec1 .fix .wrap .box .l .l_light .light3 {
    opacity: 0.4
}

.sec1 .fix .wrap .box .l.animated:after {
    opacity: 1
}

.sec1 .fix .wrap .box .l:after {
    content: "";
    width: 29.63542vw;
    height: 29.63542vw;
    border-radius: 29.63542vw;
    background: linear-gradient(177deg, #8942FE 42.84%, #F974BF 97.42%);
    filter: blur(11.04167vw);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: 1s;
    transition-delay: 0.5s
}

.sec1 .fix .wrap .box .l .l_imgs {
    width: 100%;
    border-radius: .72917vw;
    overflow: hidden;
    background: #000;
    position: relative;
    z-index: 4
}

.sec1 .fix .wrap .box .l .l_imgs .img {
    height: 24.84375vw;
    display: none
}

.sec1 .fix .wrap .box .l .l_imgs .img.on {
    display: block
}

.sec1 .fix .wrap .box .l .l_imgs .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

/* new sec1 start */
.sec1_new .fix {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    /* overflow: auto; */
}

.sec1_new .fix .wrap {
    width: 100%;
    padding: 0 13.54167vw 0 10.72917vw
}

.sec1_new .fix .wrap .title {
    color: #111;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5vw
}

.sec1_new .fix .wrap .box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sec1_new .fix .wrap .box .r {
    width: 28.90625vw
}

.sec1_new .fix .wrap .box .r .item {
    cursor: pointer
}

.sec1_new .fix .wrap .box .r .item:not(:last-child) {
    margin-bottom: 1.35417vw
}

.sec1_new .fix .wrap .box .r .item .item_title {
    color: #000;
    font-weight: 400;
    margin-bottom: .83333vw;
    position: relative;
    transition: 0.6s
}

.sec1_new .fix .wrap .box .r .item .item_title p {
    width: fit-content
}

.sec1_new .fix .wrap .box .r .item .item_title img {
    display: block;
    width: 1.71875vw;
    position: absolute;
    left: -2.60417vw;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.6s
}

.sec1_new .fix .wrap .box .r .item .item_text {
    color: #666;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    /* display: none */
}

.sec1_new .fix .wrap .box .r .item .item_text p:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    color: #666
}

.sec1_new .fix .wrap .box .r .item.on .item_title {
    color: #8942FE
}

.sec1_new .fix .wrap .box .r .item.on .item_title img {
    opacity: 1
}

.sec1_new .fix .wrap .box .r .item.on .item_text {
    display: block
}

.sec1_new .fix .wrap .box .r .item.on .item_text p {
    opacity: 0
}

.sec1_new .fix .wrap .box .r .item.on .item_text p:nth-child(2) {
    opacity: 1
}

.sec1_new .fix .wrap .box .l {
    width: 37.13542vw;
    position: relative
}

.sec1_new .fix .wrap .box .l .l_light {
    width: 100%;
    height: 3.125vw;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.sec1_new .fix .wrap .box .l .l_light .light {
    position: absolute;
    background: #63E;
    filter: blur(3.64583vw);
    border-radius: 37.13542vw;
    opacity: 0.5
}

.sec1_new .fix .wrap .box .l .l_light .light_img {
    position: absolute;
    z-index: 3;
    width: 21.35417vw;
    height: 4.73958vw;
    border-radius: 50%;
    opacity: 0.74;
    background: radial-gradient(45.27% 45.26% at 49.95% 54.74%, #DBA9FF 0%, rgba(190, 146, 255, 0) 100%)
}

.sec1_new .fix .wrap .box .l .l_light .light4 {
    opacity: 0.4
}

.sec1_new .fix .wrap .box .l .l_light .light3 {
    opacity: 0.4
}

.sec1_new .fix .wrap .box .l.animated:after {
    opacity: 1
}

.sec1_new .fix .wrap .box .l:after {
    content: "";
    width: 29.63542vw;
    height: 29.63542vw;
    border-radius: 29.63542vw;
    background: linear-gradient(177deg, #8942FE 42.84%, #F974BF 97.42%);
    filter: blur(11.04167vw);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: 1s;
    transition-delay: 0.5s
}

.sec1_new .fix .wrap .box .l .l_imgs {
    width: 100%;
    border-radius: .72917vw;
    overflow: hidden;
    background: #000;
    position: relative;
    z-index: 4
}

.sec1_new .fix .wrap .box .l .l_imgs .img {
    height: 24.84375vw;
    display: none
}

.sec1_new .fix .wrap .box .l .l_imgs .img.on {
    display: block
}

.sec1_new .fix .wrap .box .l .l_imgs .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
/* new sec1 end */


.over {
    width: 100%;
    overflow: hidden
}

.sec2 {
    padding: 3.64583vw 0 13.54167vw;
    position: relative
}

.sec2 .bg {
    position: absolute;
    width: 59.16667vw;
    top: 0;
    z-index: -1;
    right: -5.72917vw;
    opacity: 0.4
}

.sec2 .bg img {
    display: block;
    width: 100%
}

.sec2 .title {
    color: #111;
    text-align: center;
    font-weight: 700;
    line-height: 1.5
}

.sec2 .text {
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-weight: 400;
    line-height: 1.4;
    margin: .625vw 0 9.375vw
}

.sec2 .list {
    display: flex;
    justify-content: center;
    transform-style: preserve-3d;
    transform: perspective(260.41667vw) rotateX(-17deg) rotateY(-40deg);
    width: fit-content;
    position: relative;
    margin: 0 auto
}

.sec2 .list:has(.item:nth-child(6)) {
    margin-left: 42%
}

.sec2 .list:has(.item:nth-child(7)) {
    margin-left: 40%
}

/* 6、7个时卡片密度为原来的80% */
.sec2 .list:has(.item:nth-child(6)) .item {
    width: 11.66667vw;
    height: 11.66667vw;
    border-radius: .83333vw
}

.sec2 .list:has(.item:nth-child(6)) .item::after {
    width: 12.79167vw;
    height: 12.79167vw
}

.sec2 .list:has(.item:nth-child(6)) .item:nth-child(1) {
    bottom: -1.66667vw;
    left: -1.66667vw;
    transform: translateZ(.83333vw)
}

.sec2 .list:has(.item:nth-child(6)) .item:nth-child(2) {
    bottom: -.83333vw;
    left: -.83333vw;
    transform: translateZ(.41667vw)
}

.sec2 .list:has(.item:nth-child(6)) .item:nth-child(4) {
    top: -.83333vw;
    right: -.83333vw;
    transform: translateZ(-.41667vw)
}

.sec2 .list:has(.item:nth-child(6)) .item:nth-child(5) {
    top: -1.66667vw;
    right: -1.66667vw;
    transform: translateZ(-.83333vw)
}

.sec2 .list:has(.item:nth-child(6)) .item:nth-child(6) {
    top: -2.5vw;
    right: -2.5vw;
    transform: translateZ(-1.25vw)
}

.sec2 .list:has(.item:nth-child(6)) .item:nth-child(7) {
    top: -3.33333vw;
    right: -3.33333vw;
    transform: translateZ(-1.66667vw)
}

.sec2 .list:has(.item:nth-child(6)) .item .num {
    top: .66667vw;
    left: .66667vw
}

.sec2 .list:has(.item:nth-child(6)) .item .icon {
    width: 9.54167vw;
    height: 9.54167vw
}

.sec2 .list:has(.item:nth-child(6)) .item .p {
    bottom: .66667vw;
    right: .66667vw
}

.sec2 .list:has(.item:nth-child(6)).animated .item:nth-child(1) {
    transform: translateZ(20.83333vw)
}

.sec2 .list:has(.item:nth-child(6)).animated .item:nth-child(2) {
    transform: translateZ(10.41667vw)
}

.sec2 .list:has(.item:nth-child(6)).animated .item:nth-child(4) {
    transform: translateZ(-10.41667vw)
}

.sec2 .list:has(.item:nth-child(6)).animated .item:nth-child(5) {
    transform: translateZ(-20.83333vw)
}

.sec2 .list:has(.item:nth-child(6)).animated .item:nth-child(6) {
    transform: translateZ(-31.25vw)
}

.sec2 .list:has(.item:nth-child(6)).animated .item:nth-child(7) {
    transform: translateZ(-41.66667vw)
}

.sec2 .list .item {
    width: 14.58333vw;
    height: 14.58333vw;
    border-radius: 1.04167vw;
    background: url(../images/ib.svg) no-repeat;
    background-size: 100% 100%;
    transition: 1.2s;
    position: relative;
    overflow: hidden
}

.sec2 .list .item::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(50%);
    width: 15.98958vw;
    height: 15.98958vw;
    border-radius: 50%;
    background: radial-gradient(41.69% 41.69% at 50% 50%, rgba(102, 51, 238, 0.3) 0%, rgba(102, 51, 238, 0) 100%)
}

.sec2 .list .item:nth-child(1) {
    transform: translateZ(1.04167vw);
    position: absolute;
    bottom: -2.08333vw;
    left: -2.08333vw
}

.sec2 .list .item:nth-child(2) {
    position: absolute;
    bottom: -1.04167vw;
    left: -1.04167vw;
    transform: translateZ(.52083vw)
}

.sec2 .list .item:nth-child(4) {
    position: absolute;
    top: -1.04167vw;
    right: -1.04167vw;
    transform: translateZ(-.52083vw)
}

.sec2 .list .item:nth-child(5) {
    position: absolute;
    top: -2.08333vw;
    right: -2.08333vw;
    transform: translateZ(-1.04167vw)
}

.sec2 .list .item:nth-child(6) {
    position: absolute;
    top: -3.125vw;
    right: -3.125vw;
    transform: translateZ(-1.5625vw)
}

.sec2 .list .item:nth-child(7) {
    position: absolute;
    top: -4.16667vw;
    right: -4.16667vw;
    transform: translateZ(-2.08333vw)
}

.sec2 .list .item .item_box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.sec2 .list .item .num {
    width: fit-content;
    position: absolute;
    top: .83333vw;
    left: .83333vw;
    font-weight: 400;
    background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.sec2 .list .item .icon {
    width: 11.92708vw;
    height: 11.92708vw
}

.sec2 .list .item .icon img {
    display: block;
    width: 100%
}

.sec2 .list .item .p {
    color: #111;
    font-weight: 400;
    position: absolute;
    bottom: .83333vw;
    right: .83333vw
}

.sec2 .list.animated .item {
    transition-delay: 0.4s
}

.sec2 .list.animated .item:nth-child(1) {
    transform: translateZ(26.04167vw)
}

.sec2 .list.animated .item:nth-child(2) {
    transform: translateZ(13.02083vw)
}

.sec2 .list.animated .item:nth-child(4) {
    transform: translateZ(-13.02083vw)
}

.sec2 .list.animated .item:nth-child(5) {
    transform: translateZ(-26.04167vw)
}

.sec2 .list.animated .item:nth-child(6) {
    transform: translateZ(-39.0625vw)
}

.sec2 .list.animated .item:nth-child(7) {
    transform: translateZ(-52.08333vw)
}

.sec3 {
    padding: 10.41667vw 0 0
}

.sec3 .title {
    color: #111;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 3.90625vw
}

.sec3 .more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 2.60417vw;
    margin: 5.625vw auto 0;
    padding: 0 2.55208vw 0 2.23958vw;
    padding-bottom: 1px;
    border-radius: 52.08333vw;
    background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%);
    gap: .72917vw
}

.sec3 .more p {
    color: #FFF;
    font-weight: 400
}

.sec3 .more img {
    display: block;
    width: .41667vw;
    transition: all 600ms
}

.sec3 .more:hover img {
    transform: rotate(-45deg)
}

.sec3 .box {
    display: flex;
    justify-content: center;
    gap: 1.04167vw
}

.sec3 .box .r {
    width: 17.96875vw
}

.sec3 .box .r .item2 {
    width: 100%;
    height: 13.22917vw;
    padding: 2.91667vw .88542vw 0;
    border-radius: 1.04167vw;
    overflow: hidden;
    position: relative;
    margin: 20px 0 0
}

.sec3 .box .r .item2 .item_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.sec3 .box .r .item2 .item_bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec3 .box .r .item2 .item_title {
    display: flex;
    align-items: center;
    gap: .52083vw
}

.sec3 .box .r .item2 .item_title img {
    display: block;
    width: 1.40625vw
}

.sec3 .box .r .item2 .item_title p {
    color: #000;
    font-weight: 400
}

.sec3 .box .r .item2 .swiper {
    width: 15.20833vw;
    height: 4.11458vw
}

.sec3 .box .r .item2 .swiper .swiper-slide {
    position: relative;
    opacity: 0;
    transition: 0.6s;
    display: flex;
    justify-content: center
}

.sec3 .box .r .item2 .swiper .swiper-slide .slide_box {
    height: 100%;
    border-radius: 12px;
    backdrop-filter: blur(98px);
    background: rgba(255, 255, 255, 0.4);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s
}

.sec3 .box .r .item2 .swiper .swiper-slide .slide_box p {
    position: absolute;
    color: #000;
    font-weight: 400;
    opacity: 0;
    transition: 0.6s
}

.sec3 .box .r .item2 .swiper .swiper-slide .slide_box img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.6s
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-prev {
    z-index: 4
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-prev .slide_box {
    transform: scale(0.92) translateY(3.125vw)
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: unset;
    z-index: 5
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-active .slide_box p {
    opacity: 1
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-active .slide_box img {
    opacity: 1
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next {
    z-index: 4;
    opacity: 0.6
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next .slide_box {
    width: 13.95833vw;
    transform: translateY(-3.125vw)
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide {
    opacity: 0.6;
    z-index: 3
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide .slide_box {
    width: 11.40625vw;
    transform: translateY(-6.19792vw)
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide {
    opacity: 0.6;
    z-index: 2
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide .slide_box {
    width: 9.42708vw;
    transform: translateY(-9.27083vw)
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide {
    z-index: 1
}

.sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide .slide_box {
    width: 8.33333vw;
    transform: translateY(-12.29167vw)
}

.sec3 .box .r .item1 {
    width: 100%;
    height: 24.01042vw;
    border-radius: 1.04167vw;
    overflow: hidden;
    position: relative
}

.sec3 .box .r .item1 .item_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.sec3 .box .r .item1 .item_bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec3 .box .r .item1 .item_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5625vw .88542vw 1.77083vw
}

.sec3 .box .r .item1 .item_box .item_num {
    display: flex;
    align-items: center
}

.sec3 .box .r .item1 .item_box .item_num p {
    color: #FFF;
    font-weight: 500
}

.sec3 .box .r .item1 .item_box .item_box_top h5 {
    color: #111;
    font-weight: 400
}

.sec3 .box .r .item1 .item_box .item_box_top .item_title {
    display: flex;
    align-items: center;
    gap: .52083vw;
    margin-bottom: 1.66667vw
}

.sec3 .box .r .item1 .item_box .item_box_top .item_title p {
    color: #000;
    font-weight: 400
}

.sec3 .box .r .item1 .item_box .item_box_top .item_title img {
    display: block;
    width: 1.40625vw
}

.sec3 .box .l {
    width: 49.53125vw;
    display: flex;
    flex-wrap: wrap;
    gap: 1.04167vw
}

.sec3 .box .l .item1 {
    width: 100%;
    height: 17.55208vw;
    position: relative;
    border-radius: 1.04167vw;
    overflow: hidden
}

.sec3 .box .l .item1 .bg {
    background: #EEEDF9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.sec3 .box .l .item1 .bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec3 .box .l .item1 .item_box {
    width: 18.02083vw;
    height: 100%;
    margin: 0 0 0 28.85417vw;
    padding: 1.66667vw 0 0
}

.sec3 .box .l .item1 .item_box .item_text {
    color: #111;
    font-weight: 400
}

.sec3 .box .l .item1 .item_box .numList {
    display: flex;
    gap: 4.16667vw;
    margin: 2.86458vw 0 0
}

.sec3 .box .l .item1 .item_box .numList .num_item {
    display: flex;
    align-items: flex-end;
    gap: .26042vw
}

.sec3 .box .l .item1 .item_box .numList .num_item p {
    color: #000;
    font-weight: 500;
    line-height: 1;
    font-family: "Montserrat"
}

.sec3 .box .l .item1 .item_box .numList .num_item span {
    color: #000;
    font-weight: 400
}

.sec3 .box .l .item1 .item_box .item_title {
    display: flex;
    align-items: center;
    gap: .52083vw;
    margin-bottom: 1.82292vw
}

.sec3 .box .l .item1 .item_box .item_title img {
    display: block;
    width: .98958vw
}

.sec3 .box .l .item1 .item_box .item_title p {
    color: #000;
    font-weight: 400
}

.sec3 .box .l .item2 {
    width: 30.05208vw;
    height: 19.6875vw;
    border-radius: 1.04167vw;
    background: rgba(238, 237, 249, 0.5);
    backdrop-filter: blur(1.30208vw);
    padding: 1.40625vw 0 0 3.28125vw
}

.sec3 .box .l .item2 .tiaos {
    display: flex;
    align-items: flex-end;
    height: 10.9375vw;
    padding: 0 0 0 .41667vw;
    gap: 1.51042vw
}

.sec3 .box .l .item2 .tiaos .tiao {
    width: 4.32292vw;
    height: 0;
    border-radius: .625vw;
    transition: 2s;
    background: linear-gradient(180deg, rgba(102, 51, 238, 0.61) 0%, rgba(102, 51, 238, 0) 100%)
}

.sec3 .box .l .item2 .numList {
    display: flex;
    gap: 4.16667vw;
    margin-top: 1.30208vw
}

.sec3 .box .l .item2 .numList .num {
    display: flex;
    line-height: 1;
    margin-top: .625vw
}

.sec3 .box .l .item2 .numList .num p {
    color: #000;
    font-weight: 500;
    font-family: "Montserrat"
}

.sec3 .box .l .item2 .numList .item_title {
    display: flex;
    align-items: center;
    gap: .52083vw
}

.sec3 .box .l .item2 .numList .item_title img {
    display: block;
    width: 1.04167vw
}

.sec3 .box .l .item2 .numList .item_title p {
    color: #000;
    font-weight: 400
}

.sec3 .box .l .item2.animated .tiaos .tiao:nth-child(1) {
    height: 4.79167vw
}

.sec3 .box .l .item2.animated .tiaos .tiao:nth-child(2) {
    height: 6.19792vw
}

.sec3 .box .l .item2.animated .tiaos .tiao:nth-child(3) {
    height: 8.07292vw
}

.sec3 .box .l .item2.animated .tiaos .tiao:nth-child(4) {
    height: 10.9375vw
}

.sec3 .box .l .item3 {
    width: 17.96875vw;
    height: 19.6875vw;
    position: relative;
    overflow: hidden;
    border-radius: 1.04167vw;
    padding: 11.19792vw 0 0 3.95833vw
}

.sec3 .box .l .item3 .item_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.sec3 .box .l .item3 .item_bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec3 .box .l .item3 .item_box ul li {
    color: #000;
    font-weight: 400;
    line-height: 2
}

.sec3 .box .l .item3 .item_box .item_title {
    display: flex;
    align-items: center;
    gap: .26042vw;
    margin-bottom: 1.14583vw
}

.sec3 .box .l .item3 .item_box .item_title p {
    color: #000;
    font-weight: 400
}

.sec3 .box .l .item3 .item_box .item_title .icon {
    display: flex;
    align-items: flex-start
}

.sec3 .box .l .item3 .item_box .item_title .icon img {
    display: block
}

.sec3 .box .l .item3 .item_box .item_title .icon img:nth-child(1) {
    width: .98958vw
}

.sec3 .box .l .item3 .item_box .item_title .icon img:nth-child(2) {
    width: .26042vw;
    margin: -.05208vw 0 0
}

.sec4 {
    position: relative;
    padding: 100vh 0 200vh
}

.sec4 .fix_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.sec4 .fix_box .fix {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.sec4 .fix_box .fix .title {
    width: 31.25vw;
    color: #111;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.sec4 .fix_box1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.sec4 .fix_box1 .fix {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.04167vw
}

.sec4 .fix_box1 .fix .item {
    width: 12.55208vw;
    height: 12.29167vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #FFFFFF;
    filter: drop-shadow(0 1.04167vw .52083vw rgba(218, 208, 255, 0.5));
    border-radius: 1.19792vw;
    opacity: 0
}

.sec4 .fix_box1 .fix .item.show {
    opacity: 1
}

.sec4 .fix_box1 .fix .item:hover .item_bg {
    opacity: 1
}

.sec4 .fix_box1 .fix .item:hover .logo img:nth-last-child(1) {
    opacity: 1
}

.sec4 .fix_box1 .fix .item:hover .logo img:nth-child(1) {
    opacity: 0
}

.sec4 .fix_box1 .fix .item .item_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.6s
}

.sec4 .fix_box1 .fix .item .item_bg img {
    display: block;
    width: 100%;
    height: 100%
}

.sec4 .fix_box1 .fix .item .logo {
    width: 10.20833vw;
    position: relative;
    z-index: 4
}

.sec4 .fix_box1 .fix .item .logo img {
    display: block;
    width: 100%;
    transition: 0.6s
}

.sec4 .fix_box1 .fix .item .logo img:nth-last-child(1) {
    position: absolute;
    top: 0;
    opacity: 0
}

.sec4 .fix_box1 .fix .item .item_box {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 1.19792vw;
    z-index: 4;
    opacity: 0
}

.sec4 .fix_box1 .fix .item .item_box .item_box1 {
    width: 33.17708vw;
    height: 15.52083vw;
    border-radius: 1.82292vw;
    position: absolute;
    overflow: hidden;
    padding: 1.04167vw .3125vw .52083vw;
    opacity: 0;
    transform: translateY(40px)
}

.sec4 .fix_box1 .fix .item .item_box .item_box1 .item_box1_sq {
    border-radius: 1.5625vw;
    background: #F6F9FF;
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%
}

.sec4 .fix_box1 .fix .item .item_box .item_box1 .item_box1_sq .item_box_text {
    padding: 1.04167vw 4.47917vw 0 1.875vw;
    color: #666;
    font-weight: 300;
    line-height: 180%
}

.sec4 .fix_box1 .fix .item .item_box .item_box1 .item_box1_sq .item_box_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1.5625vw;
    background: #FFF;
    width: 100%;
    height: 5.10417vw;
    padding: 0 1.71875vw
}

.sec4 .fix_box1 .fix .item .item_box .item_box1 .item_box1_sq .item_box_top .h5 {
    color: #000;
    font-weight: 400
}

.sec4 .fix_box1 .fix .item .item_box .item_box1 .item_box1_sq .item_box_top .p {
    color: #000;
    font-weight: 400
}

.sec4 .fix_box1 .fix .item .item_box .item_box1 .item_box_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.sec4 .fix_box1 .fix .item .item_box .item_box1 .item_box_bg img {
    display: block;
    width: 100%;
    height: 100%
}

.sec4 .fix_box1 .fix .item.on .item_box {
    opacity: 1
}

.sec4 .fix_box1 .fix .item.on.show .logo img:nth-child(1) {
    opacity: 1 !important
}

.sec4 .fix_box1 .fix .item.on.show .logo img:nth-child(2) {
    opacity: 0 !important
}

.sec4 .fix_box1 .fix .item.on.show .item_bg {
    opacity: 0 !important
}

.sec4 .bg {
    position: absolute;
    z-index: -1;
    top: 15.625vw;
    left: 50%;
    transform: translateX(-50%);
    width: 98.33333vw
}

.sec4 .bg img {
    display: block;
    width: 100%
}

.sec4 .grid {
    display: flex;
    justify-content: center;
    gap: 1.04167vw
}

.sec4 .grid .grid_row {
    width: 12.55208vw
}

.sec4 .grid .grid_row:nth-child(1),
.sec4 .grid .grid_row:last-child {
    padding: 3.59375vw 0 0
}

.sec4 .grid .grid_row:nth-child(3),
.sec4 .grid .grid_row:nth-last-child(3) {
    padding: 15vw 0 0
}

.sec4 .grid .grid_row:nth-child(4) {
    padding: 6.77083vw 0 0
}

.sec4 .grid .grid_row .item {
    width: 100%;
    height: 12.29167vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #FFFFFF;
    filter: drop-shadow(0 1.04167vw .52083vw rgba(218, 208, 255, 0.5));
    border-radius: 1.19792vw
}

.sec4 .grid .grid_row .item.hide {
    opacity: 0
}

.sec4 .grid .grid_row .item:hover .item_bg {
    opacity: 1
}

.sec4 .grid .grid_row .item:hover .logo img:nth-last-child(1) {
    opacity: 1
}

.sec4 .grid .grid_row .item:hover .logo img:nth-child(1) {
    opacity: 0
}

.sec4 .grid .grid_row .item .item_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.6s
}

.sec4 .grid .grid_row .item .item_bg img {
    display: block;
    width: 100%;
    height: 100%
}

.sec4 .grid .grid_row .item .logo {
    width: 10.20833vw;
    position: relative;
    z-index: 4
}

.sec4 .grid .grid_row .item .logo img {
    display: block;
    width: 100%;
    transition: 0.6s
}

.sec4 .grid .grid_row .item .logo img:nth-last-child(1) {
    position: absolute;
    top: 0;
    opacity: 0
}

.sec4 .grid .grid_row .item:not(:last-child) {
    margin-bottom: .78125vw
}

@keyframes img_go {
    100% {
        transform: translateX(-50%)
    }
}

@keyframes img_go2 {
    0% {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes move1 {
    0% {
        transform: translate(0, 0)
    }

    5% {
        transform: translate(0, calc((2.9166666vw + 2px)/2*-1))
    }

    45% {
        transform: translate(calc(13.0208333vw + 2px), calc((2.9166666vw + 2px)/2*-1))
    }

    50% {
        transform: translate(calc(13.0208333vw + 2px), 0)
    }

    55% {
        transform: translate(calc(13.0208333vw + 2px), calc((2.9166666vw + 2px)/2))
    }

    95% {
        transform: translate(0, calc((2.9166666vw + 2px)/2))
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes move2 {
    0% {
        transform: translate(0, 0)
    }

    5% {
        transform: translate(0, calc((2.9166666vw + 2px)/2))
    }

    45% {
        transform: translate(calc((13.0208333vw + 2px)*-1), calc((2.9166666vw + 2px)/2))
    }

    50% {
        transform: translate(calc((13.0208333vw + 2px)*-1), 0)
    }

    55% {
        transform: translate(calc((13.0208333vw + 2px)*-1), calc((2.9166666vw + 2px)/2*-1))
    }

    95% {
        transform: translate(0, calc((2.9166666vw + 2px)/2*-1))
    }

    100% {
        transform: translate(0, 0)
    }
}

@media screen and (max-width: 768px) {
    .banner {
        position: relative;
        padding: 100px 5vw 70px
    }

    .banner .bg {
        position: absolute;
        height: 100%;
        z-index: -1;
        top: 0;
        left: 0
    }

    .banner .box {
        padding: 0;
        position: relative;
        top: 0;
        flex-direction: column;
        z-index: 10
    }

    .banner .box .text .img {
        width: 40px
    }

    .banner .box .text .h1 {
        font-size: 24px
    }

    .banner .box .text .en {
        font-size: 15px;
        margin: 10px 0
    }

    .banner .box .text .p {
        font-size: 15px
    }

    .banner .box .text .p br {
        display: none
    }

    .banner .box .text .btn {
        padding: 1px;
        margin: 30px 0 0
    }

    .banner .box .text .btn .btn_color .sq {
        width: 80px !important;
        height: 15px !important;
        border-radius: 30px
    }

    .banner .box .text .btn .btn_color .sq:nth-child(1) {
        top: -9px
    }

    .banner .box .text .btn .btn_color .sq:nth-child(2) {
        bottom: -9px
    }

    .banner .box .text .btn .btn_box {
        width: 200px;
        height: 48px;
        border-radius: 25px;
        padding: 4px;
        gap: 10px
    }

    .banner .box .text .btn .btn_box .avatar {
        width: 40px;
        height: 40px
    }

    .banner .box .r {
        margin: 30px 0 0;
        width: 97px;
        transform: none !important
    }

    .banner .banner_swiper {
        width: 100%;
        height: 68px;
        bottom: 30px;
        position: unset;
        margin: 30px 0 0
    }

    .banner .banner_swiper .swiper-slide .slide_box {
        padding: 10px
    }

    .banner .banner_swiper .swiper-slide .slide_box .label {
        width: 50px;
        height: 25px
    }

    .banner .banner_swiper .swiper-slide .slide_box .label p {
        line-height: 25px;
        font-size: 12px
    }

    .banner .banner_swiper .swiper-slide .slide_box .slide_box_r {
        width: calc(100% - 50px)
    }

    .banner .banner_swiper .swiper-slide .slide_box .slide_box_r .slide_title {
        line-height: 25px;
        font-size: 15px
    }

    .banner .banner_swiper .swiper-slide .slide_box .slide_box_r .slide_time {
        font-size: 13px
    }

    .banner .banner_swiper .swiper-slide.swiper-slide-prev .slide_box {
        transform: scale(0.92) translateY(60px)
    }

    .banner .banner_swiper .swiper-slide.swiper-slide-next {
        z-index: 2;
        opacity: 0.6
    }

    .banner .banner_swiper .swiper-slide.swiper-slide-next .slide_box {
        transform: scale(0.92) translateY(-60px)
    }

    .banner .banner_swiper .swiper-slide.swiper-slide-next+.swiper-slide {
        opacity: 0.6
    }

    .banner .banner_swiper .swiper-slide.swiper-slide-next+.swiper-slide .slide_box {
        transform: scale(0.84) translateY(-130px)
    }

    .sec1 {
        height: unset !important;
        padding: 30px 0;
        width: 100%;
        overflow: hidden
    }

    .sec1 .fix {
        height: unset;
        padding: 0 5vw;
        position: unset
    }

    .sec1 .fix .wrap {
        padding: 0
    }

    .sec1 .fix .wrap .title {
        margin-bottom: 30px
    }

    .sec1 .fix .wrap .title br {
        display: none
    }

    .sec1 .fix .wrap .box {
        display: none
    }

    .sec1 .fix .wrap .swiper {
        width: 100%;
        display: block !important
    }

    .sec1 .fix .wrap .swiper .img {
        width: 100%
    }

    .sec1 .fix .wrap .swiper .img img {
        display: block;
        width: 100%
    }

    .sec1 .fix .wrap .swiper .item_title {
        margin: 15px 0 10px
    }

    .sec1 .fix .wrap .swiper .item_title img {
        display: none
    }

    .sec1 .fix .wrap .swiper .item_text {
        color: #666
    }

    .sec2 {
        padding: 60px 5vw
    }

    .sec2 .title br {
        display: none
    }

    .sec2 .text {
        font-size: 15px;
        margin: 15px 0 30px
    }

    .sec2 .text br {
        display: none
    }

    .sec2 .list {
        transform: unset;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px 0
    }

    .sec2 .list .item {
        transform: unset !important;
        position: unset !important;
        width: 44vw;
        height: 44vw;
        border-radius: 10px
    }

    .sec2 .list .item::after {
        width: 150px;
        height: 150px;
        display: none
    }

    .sec2 .list .item .icon {
        width: 30vw;
        height: 30vw
    }

    .sec2 .list .item .num {
        top: 10px;
        left: 10px
    }

    .sec2 .list .item .p {
        bottom: 10px;
        right: 10px;
        font-size: 15px
    }

    .sec3 {
        padding: 30px 5vw 40px
    }

    .sec3 .title {
        margin-bottom: 30px
    }

    .sec3 .title br {
        display: none
    }

    .sec3 .box {
        display: block;
        width: 100%
    }

    .sec3 .box .l {
        width: 100%;
        gap: 10px
    }

    .sec3 .box .l .item1 {
        height: unset;
        border-radius: 8px
    }

    .sec3 .box .l .item1 .item_box {
        width: 52%;
        margin: 0 0 0 45%;
        padding: 15px 0
    }

    .sec3 .box .l .item1 .item_box .item_title img {
        width: 14px
    }

    .sec3 .box .l .item1 .item_box .item_text {
        font-size: 15px
    }

    .sec3 .box .l .item3 {
        width: 100%;
        height: 100vw;
        padding: 53vw 0 0 14vw
    }

    .sec3 .box .l .item3 .item_box .item_title {
        gap: 5px;
        margin-bottom: 15px
    }

    .sec3 .box .l .item3 .item_box .item_title p {
        font-size: 16px
    }

    .sec3 .box .l .item3 .item_box .item_title .icon img:nth-child(1) {
        width: 14px
    }

    .sec3 .box .l .item3 .item_box .item_title .icon img:nth-child(2) {
        width: 3px
    }

    .sec3 .box .l .item2 {
        width: 100%;
        border-radius: 8px;
        height: unset;
        padding: 20px
    }

    .sec3 .box .l .item2 .tiaos {
        margin-bottom: 15px;
        height: 50vw
    }

    .sec3 .box .l .item2 .tiaos .tiao {
        width: 25vw;
        border-radius: 4px
    }

    .sec3 .box .l .item2 .numList .num_item {
        width: 45%
    }

    .sec3 .box .l .item2 .numList .num_item .item_title {
        gap: 5px;
        margin-bottom: 10px
    }

    .sec3 .box .l .item2 .numList .num_item .item_title img {
        width: 14px
    }

    .sec3 .box .l .item2.animated .tiaos .tiao:nth-child(1) {
        height: 25%
    }

    .sec3 .box .l .item2.animated .tiaos .tiao:nth-child(2) {
        height: 50%
    }

    .sec3 .box .l .item2.animated .tiaos .tiao:nth-child(3) {
        height: 75%
    }

    .sec3 .box .l .item2.animated .tiaos .tiao:nth-child(4) {
        height: 100%
    }

    .sec3 .box .r {
        width: 100%;
        margin: 10px 0 0
    }

    .sec3 .box .r .item1 {
        border-radius: 8px;
        height: 100vw
    }

    .sec3 .box .r .item1 .item_box {
        padding: 30px 15px
    }

    .sec3 .box .r .item1 .item_box .item_box_top .item_title {
        gap: 5px
    }

    .sec3 .box .r .item1 .item_box .item_box_top .item_title img {
        width: 14px
    }

    .sec3 .box .r .item2 {
        margin: 10px 0 0;
        border-radius: 8px;
        height: unset;
        padding: 30px 15px 90px
    }

    .sec3 .box .r .item2 .item_title {
        gap: 5px;
        margin-bottom: 20px
    }

    .sec3 .box .r .item2 .item_title img {
        width: 14px
    }

    .sec3 .box .r .item2 .swiper {
        width: 100%;
        height: 79px
    }

    .sec3 .box .r .item2 .swiper .swiper-slide .slide_box {
        border-radius: 12px;
        backdrop-filter: blur(98px)
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-prev {
        z-index: 4
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-prev .slide_box {
        transform: scale(0.92) translateY(60px)
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-active {
        opacity: 1;
        transform: unset;
        z-index: 5
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-active .slide_box p {
        opacity: 1
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-active .slide_box img {
        opacity: 1
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next {
        z-index: 4;
        opacity: 0.6
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next .slide_box {
        width: 268px;
        transform: translateY(-60px)
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide {
        opacity: 0.6;
        z-index: 3
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide .slide_box {
        width: 219px;
        transform: translateY(-119px)
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide {
        opacity: 0.6;
        z-index: 2
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide .slide_box {
        width: 181px;
        transform: translateY(-178px)
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide {
        z-index: 1
    }

    .sec3 .box .r .item2 .swiper .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide .slide_box {
        width: 160px;
        transform: translateY(-236px)
    }

    .sec3 .more {
        height: 40px;
        padding: 0 20px;
        gap: 10px
    }

    .sec3 .more img {
        width: 6px
    }

    .sec4 {
        padding: 30px 5vw 80px;
        width: 100%;
        overflow: hidden
    }

    .sec4 .fix_box,
    .sec4 .fix_box1,
    .sec4 .grid {
        display: none
    }

    .sec4 .title_ph {
        margin-bottom: 30px;
        display: block !important;
        color: #111;
        text-align: center;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 40px
    }

    .sec4 .bg {
        position: absolute;
        top: 110px;
        z-index: -1;
        display: block !important
    }

    .sec4 .content {
        display: block !important;
        width: 100%;
        position: relative;
        margin: 40px 0 0
    }

    .sec4 .content .swiper {
        position: relative
    }

    .sec4 .content .swiper .swiper-slide {
        position: relative;
        padding: 20px;
        border-radius: 8px;
        overflow: hidden
    }

    .sec4 .content .swiper .swiper-slide .item_box1_sq {
        border-radius: 6px;
        background: #F6F9FF;
        position: relative;
        z-index: 3;
        width: 100%;
        height: 100%
    }

    .sec4 .content .swiper .swiper-slide .item_box1_sq .item_box_text {
        padding: 20px 15px;
        color: #666;
        font-weight: 300;
        line-height: 180%
    }

    .sec4 .content .swiper .swiper-slide .item_box1_sq .item_box_top {
        border-radius: 6px;
        background: #FFF;
        width: 100%;
        padding: 10px 15px
    }

    .sec4 .content .swiper .swiper-slide .item_box1_sq .item_box_top .h5 {
        color: #000;
        font-weight: 400;
        margin-bottom: 10px
    }

    .sec4 .content .swiper .swiper-slide .item_box1_sq .item_box_top .p {
        color: #000;
        font-weight: 400
    }

    .sec4 .content .swiper .swiper-slide .item_box_bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .sec4 .content .swiper .swiper-slide .item_box_bg img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .sec4 .content .swiper_control {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin: 30px 0 0
    }

    .sec4 .content .swiper_control .swiper-pagination {
        display: flex;
        gap: 10px;
        position: unset
    }

    .sec4 .content .swiper_control .swiper-pagination .swiper-pagination-bullet {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: rgba(0, 0, 0, 0.2);
        opacity: 1;
        margin: 0;
        cursor: pointer;
        transition: 0.6s
    }

    .sec4 .content .swiper_control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%)
    }

    .sec4 .content .swiper_control .prev,
    .sec4 .content .swiper_control .next {
        width: 30px;
        height: 30px;
        border-radius: 12px;
        cursor: pointer;
        transition: 0.6s;
        background: url(../images/left.png) no-repeat;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .sec4 .content .swiper_control .prev img,
    .sec4 .content .swiper_control .next img {
        display: block;
        width: 5px;
        transition: all 600ms
    }

    .sec4 .content .swiper_control .prev:hover,
    .sec4 .content .swiper_control .next:hover {
        box-shadow: 0 4px 20px 0 rgba(102, 51, 238, 0.4)
    }

    .sec4 .content .swiper_control .prev:hover img {
        transform: translate(-.10417vw, -.10417vw) rotate(45deg)
    }

    .sec4 .content .swiper_control .next img {
        transform: rotateY(180deg)
    }

    .sec4 .content .swiper_control .next:hover img {
        transform: translate(.10417vw, -.10417vw) rotateY(180deg) rotate(45deg)
    }

    .sec4 .flex {
        display: flex !important;
        width: max-content;
        animation: img_go 60s infinite linear
    }

    .sec4 .flex .item:hover .item_bg {
        opacity: 1
    }

    .sec4 .flex .item:hover .logo img:nth-last-child(1) {
        opacity: 1
    }

    .sec4 .flex .item:hover .logo img:nth-child(1) {
        opacity: 0
    }

    .sec4 .flex .item .item_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: 0.6s
    }

    .sec4 .flex .item .item_bg img {
        display: block;
        width: 100%;
        height: 100%
    }

    .sec4 .flex .item .logo {
        position: relative;
        z-index: 4
    }

    .sec4 .flex .item .logo img {
        display: block;
        width: 100%;
        transition: 0.6s
    }

    .sec4 .flex .item .logo img:nth-last-child(1) {
        position: absolute;
        top: 0;
        opacity: 0
    }

    .sec4 .flex .item {
        width: 90px;
        height: 87px;
        border-radius: 8px;
        margin-right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background: #FFFFFF;
        filter: drop-shadow(0 20px 10px rgba(218, 208, 255, 0.5))
    }

    .sec4 .flex .item .logo {
        width: 60px
    }

    .sec4 .swiper_box {
        width: 100%;
        margin: 40px 0 0
    }

    .sec4 .swiper_box .little_title {
        margin-bottom: 20px
    }

    .sec4 .swiper_box .btns {
        gap: 20px;
        margin: 30px 0 0
    }

    .sec4 .swiper_box .btns .jt {
        width: 40px;
        height: 40px;
        border-radius: 12px
    }

    .sec4 .swiper_box .btns .jt img {
        width: 5px
    }

    .sec4 .swiper_box .swiper {
        width: 100%;
        height: unset
    }

    .sec4 .swiper_box .swiper .swiper-slide {
        padding: 20px
    }

    .sec4 .swiper_box .swiper .swiper-slide .slide_box {
        border-radius: 8px
    }

    .sec4 .swiper_box .swiper .swiper-slide .slide_box .slide_top {
        display: block;
        height: unset;
        width: 100%;
        border-radius: 8px;
        padding: 20px 15px
    }

    .sec4 .swiper_box .swiper .swiper-slide .slide_box .slide_top .slide_top_r {
        margin: 8px 0 0;
        font-size: 16px
    }

    .sec4 .swiper_box .swiper .swiper-slide .slide_box .slide_bottom {
        padding: 20px 15px;
        font-size: 15px
    }

    .sec4 .swiper_box .swiper .swiper_bg {
        width: 100%;
        height: 100%;
        border-radius: 8px;
        overflow: hidden
    }

    .sec4 .swiper_box .swiper .swiper_bg img {
        width: 100vw;
        height: 105%;
        object-fit: cover;
        left: -5vw;
        top: -3%
    }


    /* @sec1_new mobile media start*/
    .sec1_new {
        height: unset !important;
        padding: 30px 0;
        width: 100%;
        overflow: hidden;
        /* background: grey */
    }

    .sec1_new .fix {
        height: unset;
        padding: 0 5vw;
        position: unset
    }

    .sec1_new .fix .wrap {
        padding: 0
    }

    .sec1_new .fix .wrap .title {
        margin-bottom: 30px
    }

    .sec1_new .fix .wrap .title br {
        display: none
    }

    .sec1_new .fix .wrap .box {
        display: none
    }

    .sec1_new .fix .wrap .swiper {
        width: 100%;
        display: block !important
    }

    .sec1_new .fix .wrap .swiper .img {
        width: 100%
    }

    .sec1_new .fix .wrap .swiper .img img {
        display: block;
        width: 100%
    }

    .sec1_new .fix .wrap .swiper .item_title {
        margin: 15px 0 10px
    }

    .sec1_new .fix .wrap .swiper .item_title img {
        display: none
    }

    .sec1_new .fix .wrap .swiper .item_text {
        color: #666
    }
    /* @sec1_new mobile media end*/

}