#main_banner{position: relative;height: 676px;overflow:hidden}
#main_banner .swiper-container{width: 100%;height: 100%;}
#main_banner .swiper-container::before{z-index:2;position: absolute;content:'';inset:0%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
#main_banner .swiper-wrapper{}
#main_banner .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
#main_banner .swiper-slide.slide01{background-image: url(./main_banner01.jpg);}
#main_banner .swiper-slide.slide02{background-image: url(./main_banner01.jpg);}
#main_banner .text-box{position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);z-index: 3;display: flex;flex-direction: column;align-items: center;gap: 30px;width: 100%;color:#fff;text-align: center;}
#main_banner .text-box h2{font-size: 60px;font-weight: 900;line-height: 1;font-family: var(--main-font);}
#main_banner .text-box h3{font-size: 32px;font-weight: 700;}
#main_banner .text-box .swiper-pagination{position:relative;top:unset;left:unset;display: flex;align-items: center;justify-content: center;gap: 13px;height: 28px;padding: 0 14px;border-radius: 100px;background-color: rgba(0, 0, 0, 0.1);backdrop-filter:blur(4px);}
#main_banner .text-box .swiper-pagination-bullet{width: 7px;height: 7px;background-color:rgba(255,255,255,0.7);}
#main_banner .text-box .swiper-pagination-bullet-active{background-color: #fff;}

@media (max-width:1700px){
}
@media (max-width:1600px){
    #main_banner{height: 620px;}
    #main_banner .text-box{gap: 24px;top: 50%;}
    #main_banner .text-box h2{font-size: 54px;}
    #main_banner .text-box h3{font-size: 26px;}
}
@media (max-width:1400px){
    #main_banner{height: 560px;}
    #main_banner .text-box h2{font-size: 48px;}
    #main_banner .text-box h3{font-size: 22px;}
    #main_banner .text-box .swiper-pagination{height: 24px;}
}
@media (max-width:1200px){
    #main_banner{height: 510px;}
    #main_banner .text-box{gap: 18px;}
    #main_banner .text-box h2{font-size: 42px;}
    #main_banner .text-box h3{font-size: 20px;}
}
@media (max-width:1024px){
    #main_banner{height: 450px;}
    #main_banner .text-box{top: 43%;}
    #main_banner .text-box h2{font-size: 38px;}
    #main_banner .text-box h3{font-size: 18px;}
}
@media (max-width:768px){
    #main_banner .text-box h2{font-size: 35px;}
    #main_banner .text-box h3{font-size: 16px;}
}
@media (max-width:480px){
    #main_banner{height: 415px;}
    #main_banner .text-box{gap: 14px;padding: 0 20px;}
    #main_banner .text-box h2{font-size: 30px;}
    #main_banner .text-box h3{font-size: 14px;}
}