.m_{z-index: 2; position: relative; display: flex;align-items: center;justify-content: center;overflow-x: hidden;}
.m_ .m_inner{gap: 40px; display: flex;flex-direction: column;width: 100%;height: 100%;justify-content: space-evenly;align-items: center;}
/*  */
.m_ .m_inner>.tit_bx{font-size: 40px;font-weight: 500;}
/*  */
.pjSwiper_bbx{width: 100%;}
.pjSwiper{}
.pjSwiper .swiper-wrapper{display: flex;}
.pjSwiper .swiper-slide{flex-shrink: 0; position: relative;display: flex;align-items: center;justify-content: center;}
.pjSwiper .swiper-slide .cont_bx{user-select: none; max-width: calc(100vw - 32px); width: 300px; border-radius: 20px;overflow: hidden; flex-wrap: wrap; justify-content: center; gap: 20px; display: flex; height: 100%; position: relative; overflow: hidden;}
.pjSwiper .swiper-slide .bg{ }
.pjSwiper .swiper-slide .bg img{position: relative;left: 1px; width: calc(100% - 2px);height: 100%;object-fit: cover;object-position: center;}
.pjSwiper .swiper-slide .desc_bx{background: #000000c2; backdrop-filter: blur(5px); display: flex;flex-direction: column; gap: 16px; border-radius: 10px 10px 0 0; left: 0;bottom: -50px; opacity: 0; transition: .3s; width: 100%; height: 60%; position: absolute; padding: 16px;}
.pjSwiper .swiper-slide:hover .desc_bx{opacity: 1;bottom: 0;}
.pjSwiper .swiper-slide .desc_bx br{margin-top: 10px;padding: 10px;}
.pjSwiper .swiper-slide .desc_bx .tit{font-size: 24px;font-weight: 500;color: #eee;flex-shrink: 0;text-align: center;}
.pjSwiper .swiper-slide .desc_bx .desc{word-break: keep-all; font-size: 14px; line-height: 1.6;color: #eee;height: 100%;overflow-y: auto;}
/*  */











/* .main_bg {z-index: 0; display: flex;align-items: center; color: #bbd2f828; line-height: 140px; pointer-events: none; position: absolute; left: 0; top: 0; font-size: 190px; font-weight: bolder; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: hidden; }
.main_bg .track{position: absolute;}
.main_bg .track .content{transition: .3s; white-space: nowrap;will-change: transform;animation: marquee 200s linear infinite; }
.main_bg .track .content:nth-child(odd){animation: marquee2 200s linear infinite; }
.main_bg .track .content:nth-child(1){color: #E3FDFD;}
.main_bg .track .content:nth-child(2){color: #F8E8EE;}
.main_bg .track .content:nth-child(3){color: #F4EEFF;}
.main_bg .track .content:nth-child(4){color: #F6F6F6;}
.main_bg .track .content:nth-child(5){color: #FFC3A1;}
.main_bg .track .content:nth-child(6){color: #E4F9F5;}
.main_bg .track .content:nth-child(7){color: #F7FBFC;}
.main_bg .track .content:nth-child(8){color: #F0EBE3;}
.main_bg .track .content:nth-child(9){color: #FEF5ED;}
@keyframes marquee {from { transform: translateX(0); }to { transform: translateX(-50%); }}
@keyframes marquee2 {from {transform: translateX(-50%);  }to { transform: translateX(0); }}

html[color-theme='dark'] .main_bg .track .content{filter: brightness(0);} */

.main_bg{z-index: 1;width: 100vw; height: 100vh;overflow: hidden;position: absolute;top: 0;left: 0;}
.main_bg .cir_aos_bx{position: absolute;position: absolute; left: 0; top: 0;width: 100%; height: 100vh;}
.main_bg .cir_bbx{animation: rotateAni 5s linear infinite; position: absolute; width: 400px; aspect-ratio: 1/1; border-radius: 50%;border: 1px solid #7F55B1;display: flex;align-items: center;justify-content: center;}
.main_bg .cir_bbx_1{top: 15%;left: 20%;}
.main_bg .cir_bbx .cir_bx{width: 250px;aspect-ratio: 1/1;border-radius: 50%;border: 1px solid #9B7EBD;display: flex;align-items: center;justify-content: center;}
.main_bg .cir_bbx .cir_bx .cir{width: 100px;aspect-ratio: 1/1;border-radius: 50%;background: #F49BAB;}
.main_bg .cir_bbx .cir_bx .outer{bottom: 0;left: 50%;transform: translateX(-50%); position: absolute;width: 150px;aspect-ratio: 1/1;border-radius: 50%;background: #ffe1e0b6;filter: blur(20px);}

.main_bg .cir_bbx_2{animation: rotateAni2 8s linear infinite; width: 400px; border: 1px solid #FFFA8D; bottom: 15%;right: 10%; top: auto; left: auto;}
.main_bg .cir_bbx_2 .cir_bx{width: 250px; border: 1px solid #A8F1FF;}
.main_bg .cir_bbx_2 .cir_bx .cir{width: 100px; background: #6FE6FC;}
.main_bg .cir_bbx_2 .cir_bx .outer{width: 100px; background: #4ed6f17e;}

@keyframes rotateAni {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes rotateAni2 {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}

.rectangle{position: absolute; width: 100px;aspect-ratio: 1/1;border-radius: 20px;border: 1px solid #64E2B7;}
.rectangle_2{ animation: hoveringAni 2s ease-in-out infinite alternate; top: 5%;right: 10%; width: 150px; border-radius: 30px; border: 1px solid #FFB433;}
.rectangle_3{animation: hoveringAni2 2.5s ease-in-out infinite alternate; bottom: 10%;left: 10%; width: 100px; border-radius: 15px; transform: rotate(-20deg);border: 1px solid #F6D6D6;}

@keyframes hoveringAni {
    0% {transform: translateY(0) rotate(30deg);}
    100% {transform: translateY(80px) rotate(30deg);}
}
@keyframes hoveringAni2 {
    0% {transform: translateY(0) rotate(-20deg);}
    100% {transform: translateY(-50px) rotate(-20deg);}
}