/* main_banner */
.main_banner {
    padding: 0px 20px 0px;
}
.main_banner_swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 50px;
    color: #fff;
}
.main_banner .swiper-slide {
    height: 89vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.main_banner_con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.main_banner_swiper .swiper-slide > img {
    transform: scale(1.13);
}
.main_banner_swiper .swiper-slide-active > img {
    transform: scale(1);
    transition: 3s;
}
.main_banner_prev {
    position: absolute;
    left: 220px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: all 0.2s;
}
.main_banner_prev:hover {
    transform: translateY(-50%) translateX(-10px);
}
.main_banner_next {
    position: absolute;
    right: 220px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: all 0.2s;
}
.main_banner_next:hover {
    transform: translateY(-50%) translateX(10px);
}
.scroll {
    position: absolute;
    left: 50%;
    bottom: 44px;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.scroll > img {
    margin-top: 20px;
    animation: scroll 3s linear infinite;
}
@keyframes scroll {
    0% {
        transform: translateY(0px);
    }
    /* 50% {
                    transform: translateY(10px);
                } */
    100% {
        transform: translateY(20px);
        opacity: 0;
    }
}
.main_banner_swiper h3 {
    font-size: 20px;
    font-weight: 300;
    color: #ffefd6;
    letter-spacing: 2px;
    text-shadow: 4px 4px 40px rgba(0, 0, 0, 0.16);
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s 0.2s;
}
.main_banner_swiper .main_banner02 h3,
.main_banner_swiper .main_banner03 h3 {
    letter-spacing: initial;
}
.main_banner_swiper h2 {
    font-size: 54px;
    font-weight: 300;
    text-shadow: 4px 4px 50px rgba(81, 63, 44, 1);
    margin: 8px auto 35px;
    line-height: 70px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s 0.3s;
}
.main_banner_swiper .main_banner03 h2 {
    margin-bottom: 20px;
}
.main_banner_swiper h2 b,
.main_banner_swiper p b {
    color: #ffefd6;
    font-weight: 700;
}
.main_banner_swiper p {
    font-size: 24px;
    font-weight: 400;
    text-shadow: 4px 4px 50px rgba(0, 0, 0, 0.5);
    margin-top: 35px;
    line-height: 39px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s 1s;
}
.main_banner_swiper .main_banner_con > img {
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s 0.8s;
}
.main_banner_swiper .main_banner02 p {
    margin-top: 15px;
    margin-bottom: 10px;
}
.main_banner_swiper .main_banner03 p {
    margin-top: 25px;
}
.main_banner_con > div {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s 1.2s;
}
.main_banner_con a {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    width: 361px;
    justify-content: space-between;
    border-radius: 25px;
    line-height: 47px;
    border: 1px solid #fff;
    padding-left: 29px;
    padding-right: 16px;
    background-color: rgba(152, 127, 98, 0.8);
    margin-right: 20px;
}

.main_banner_con a:last-child {
    background-color: rgba(43, 62, 101, 0.5);
    margin-right: 0px;
}

.main_banner_con a.gallery_btn {
    background-color: rgba(152, 127, 98, 0.8);
    width: 275px;
    margin-top: 6px;
}
.main_banner_swiper .swiper-slide-active h3 {
    opacity: 1;
    transform: translateY(0px);
}
.main_banner_swiper .swiper-slide-active h2 {
    opacity: 1;
    transform: translateY(0px);
}
.main_banner_swiper .swiper-slide-active .main_banner_con > img {
    opacity: 1;
    transform: translateY(0px);
}
.main_banner_swiper .swiper-slide-active .main_banner_con > div {
    opacity: 1;
    transform: translateY(0px);
}
.main_banner_swiper .swiper-slide-active p {
    opacity: 1;
    transform: translateY(0px);
}

/* main_intro */
.main_intro {
    position: relative;
    text-align: center;
    color: #222;
    background-image: url(../img/main_intro_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 250px 0px 190px;
}
.main_intro h2 {
    font-size: 48px;
    font-weight: 400;
}
.main_intro h2 b {
    color: #b8a48c;
}
.main_intro h3 {
    font-size: 22px;
    font-weight: 300;
    color: #b8a48c;
    margin: 14px auto 68px;
}
.main_intro p {
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
}
.main_intro p span {
    line-height: 44px;
    display: inline-block;
    border-radius: 8px;
    border: 1px solid #d2bea6;
    font-weight: 700;
    color: #2b3e65;
    padding: 0px 20px;
}
.main_intro_txt02 {
    margin: 40px auto;
}

/* main_doctor */
.main_doctor {
    position: relative;
    padding: 308px 0px 109px;
    color: #222;
    transition: all 0.2s;
}
.main_doctor.active {
    padding: 308px 0px 383px;
}
.main_doctor_marquee {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 29px;
    font-size: 80px;
    font-weight: 400;
    color: rgba(34, 34, 34, 0.06);
    width: 100%;
}
.main_doctor_marquee span {
    color: rgba(184, 164, 140, 0.5);
}
.main_doctor > div > h3 {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}
/* .main_doctor > div > h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin: 24px auto 9px;
}
.main_doctor > div > p {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 42px;
} */

.main_doctor > div > h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 56px;
}

.main_doctor > div > h2 p:first-child {
    background-color: #2B3E65;
    border-radius: 42px;
    display: flex;
    align-items: center;
    padding: 11px 27px 12px 14px;
}

.main_doctor > div > h2 p:last-child {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
}

.main_doctor > div > h2 p span{
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.4px;
    line-height: 56px;
    display: inline-block;
    margin-left: 12px;
}

.main_doctor > div > h2 p strong {
    color: #2B3E65;
    font-size: 42px;
    letter-spacing: -0.4px;
    line-height: 48px;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: bold;
}

.main_doctor > div > h2 p small  {
    font-size: 22px;
    line-height: 38px;
    letter-spacing: -0.2px;
    font-weight: 400;
}

.main_doctor > div > img {
    display: block;
    margin: 0 auto;
}
.main_doctor_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 107px;
}
.main_doctor_txt h4 {
    font-size: 22px;
    font-weight: 400;
}
.main_doctor_txt h5 {
    font-size: 32px;
    font-weight: 400;
    margin: 23px 0px 34px;
}
.main_doctor_txt h5 span {
    font-weight: 600;
    margin-right: 18px;
    font-size: 48px;
}
.main_doctor_txt h6 {
    margin-bottom: 95px;
    line-height: 40px;
    font-size: 24px;
    font-weight: 700;
}
.main_doctor_txt h6 img {
    margin-right: 12px;
}
.main_doctor_txt p {
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
}
.main_doctor_profile {
    margin: 56px auto 0px;
    position: relative;
    max-width: 623px;
}
.main_doctor_profile > span {
    background-color: #d2bea6;
    border-radius: 8px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 45px;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.main_doctor_profile > img {
    position: absolute;
    right: -49px;
    top: -800px;
    z-index: 1;
}
.main_doctor_profile_txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    background-color: #b8a48c;
    width: 1440px;
    padding: 0px 21px;
    border-radius: 20px;
    transition: all 0.2s;
    height: 0px;
    overflow: hidden;
    opacity: 0;
    z-index: 1;
}
.main_doctor_profile_txt span {
    position: absolute;
    right: 30px;
    top: 25px;
    transform: rotate(180deg);
    transform-origin: center;
}
.main_doctor_profile_txt p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 28px;
}
.main_doctor_profile.active > div {
    display: block;
    height: auto;
    padding: 53px 21px;
    opacity: 1;
}
.main_doctor_bg {
    position: relative;
}
.main_doctor_bg_con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    width: 100%;
    height: 100%;
    animation: main_doctor_bg 80s linear infinite;
}
.main_doctor_bg_con::after {
    content: '';
    display: block;
    position: absolute;
    width: 179px;
    height: 179px;
    border-radius: 50%;
    background-color: #2b3e65;
}
@keyframes main_doctor_bg {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    100% {
        transform: translateX(-50%) translateY(-50%) rotate(360deg);
    }
}

/* main_system */
.main_system {
    position: relative;
    padding: 77px 0px 156px;
    color: #222;
    overflow: hidden;
}
.main_system_top {
    border-bottom: 1px solid #fff;
    padding: 0px 240px 68px;
}
.main_system::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 872px;
    background: linear-gradient(to bottom, #d2bea6, #fff);
    z-index: -1;
}
.main_system_swiper01 {
    background-color: #fff;
    border-radius: 33px;
    overflow: hidden;
    position: relative;
    padding: 55px 0px;
}
.main_system_swiper01::after {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 253px;
    height: 100%;
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
    z-index: 1;
}
.main_system_swiper01::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 253px;
    height: 100%;
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    z-index: 2;
}
.main_system_swiper01 .swiper-wrapper {
    transition-timing-function: linear !important;
}
.main_system_title {
    padding-top: 228px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_system_title h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 64px;
}
.main_system_title > div {
    background-image: url(../img/main_system_title.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 792px;
    height: 134px;
}
.main_system_title span {
    font-size: 22px;
    font-weight: 600;
}
.main_system_con > p {
    font-size: 22px;
    font-weight: 400;
    margin: 57px 0px 157px;
    line-height: 38px;
}
.main_system_bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1680px;
    width: 100%;
}
.main_system_right {
    max-width: 1383px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.main_system_swiper02 {
    position: relative;
    max-width: 355px;
    z-index: 2;
}
.main_system_swiper02 .swiper-slide {
    opacity: 0 !important;
}
.main_system_swiper02 .swiper-slide-active {
    opacity: 1 !important;
}
.main_system_swiper0201 {
    padding-top: 178px;
}
.main_system_swiper0202,
.main_system_swiper0203,
.main_system_swiper0204 {
    padding-top: 103px;
}
.main_system_swiper02 > img {
    position: absolute;
    left: 0px;
    top: -59px;
    z-index: 1;
    max-width: max-content;
}
.main_system_swiper02 h3 {
    font-size: 60px;
    font-weight: 700;
    line-height: 74px;
}
.main_system_swiper02 p {
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    margin-top: 44px;
}
.main_system_swiper03_wrap {
    width: 1028px;
    overflow: hidden;
}
.main_system_swiper03 {
    max-width: 427px;
}
.main_system_swiper03 .swiper-slide {
    width: auto;
    position: relative;
}
.main_system_swiper03 .swiper-slide > img:first-child {
    position: absolute;
    top: 193px;
    left: -67px;
}
.main_system_bottom .main_system_page {
    display: flex;
    flex-direction: column;
    width: auto;
    align-items: flex-start;
}
.main_system_bottom .main_system_page span {
    font-size: 28px;
    font-weight: 400;
    color: #747474;
    border-radius: 0px;
    background-color: transparent;
    width: auto;
    height: auto;
    margin: 0px 0px 59px !important;
    opacity: 1;
}
.main_system_bottom .main_system_page span.swiper-pagination-bullet-active {
    font-weight: 700;
    color: var(--main-color);
    position: relative;
}
.main_system_bottom .main_system_page span.swiper-pagination-bullet-active::before {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: -10px;
    background-color: var(--main-color);
}
.main_system_bottom_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* main_equipment */
.main_equipment {
    background-color: #2b3e65;
    padding: 80px 0px;
    position: relative;
    color: #fff;
    overflow: hidden;
}
.main_equipment::after {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 382px;
    height: 100%;
    background: linear-gradient(to left, #2b3e65, rgba(255, 255, 255, 0));
    z-index: 1;
}
.main_equipment::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 382px;
    height: 100%;
    background: linear-gradient(to right, #2b3e65, rgba(255, 255, 255, 0));
    z-index: 2;
}
.main_equipment_swiper .swiper-wrapper {
    transition-timing-function: linear !important;
}
.main_equipment p {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin-top: 15px;
}

/* main_child */
.main_child {
    padding: 240px 0px 150px;
    position: relative;
    color: #222;
}
.main_child::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 872px;
    background: linear-gradient(to top, #d2bea6, #fff);
    opacity: 0.5;
    z-index: -1;
}
.main_child_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_child_title h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}
.main_child_title > div {
    background-image: url(../img/main_system_title.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 792px;
    height: 134px;
}
.main_child_title .main_color span {
    font-size: 22px;
    font-weight: 600;
}
.main_child > div > p {
    font-size: 22px;
    font-weight: 400;
    margin: 64px 0px 139px;
    line-height: 38px;
}
.main_child_con {
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_child_con > img:nth-of-type(2) {
    margin: 0px 58px;
}
.main_child h3 {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    margin: 67px auto 30px;
}
.main_child_txt {
    border-radius: 20px;
    background-color: #b8a48c;
    padding: 45px 0px;
    text-align: center;
}
.main_child_txt p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
}

/* main_snaggle */
.main_snaggle {
    padding: 240px 0px 150px;
    position: relative;
    color: #222;
}
.main_snaggle::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 872px;
    background: linear-gradient(to top, #d2bea6, #fff);
    opacity: 0.5;
    z-index: -1;
}
.main_snaggle_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_snaggle_title h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}
.main_snaggle_title > div {
    background-image: url(../img/main_system_title.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 792px;
    height: 134px;
}
.main_snaggle_title .main_color span {
    font-size: 22px;
    font-weight: 600;
}
.main_snaggle > div > p {
    font-size: 22px;
    font-weight: 400;
    margin: 64px 0px 139px;
    line-height: 38px;
}
.main_snaggle_con {
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_snaggle_con > img:nth-of-type(2) {
    margin: 0px 58px;
}
.main_snaggle h3 {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    margin: 67px auto 30px;
}
.main_snaggle_txt {
    border-radius: 20px;
    background-color: #b8a48c;
    padding: 26px 0px;
    text-align: center;
}
.main_snaggle_txt p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
}

/* main_invis */
.main_invis {
    background-image: url(../img/main_invis_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 170px 0px 167px;
    overflow: hidden;
}
.main_invis_title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.main_invis_title h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}
.main_invis_title > div.main_color {
    background-image: url(../img/main_system_title.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 792px;
    height: 134px;
}
.main_invis_title .main_color span {
    font-size: 22px;
    font-weight: 600;
}
.main_invis_title_con h3 {
    font-size: 22px;
    font-weight: 400;
    color: #222;
    margin: 54px 0px 23px;
}

.main_invis_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1680px;
    width: 100%;
    position: relative;
}
.main_invis_con:after {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 240px;
    height: 100%;
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
    z-index: 1;
}
.main_invis_right {
    max-width: 1383px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.main_invis_swiper01 {
    position: relative;
    max-width: 355px;
    padding-top: 86px;
    z-index: 2;
}
.main_invis .main_invis_swiper01 .swiper-slide {
    opacity: 0 !important;
}
.main_invis .main_invis_swiper01 .swiper-slide-active {
    opacity: 1 !important;
}
.main_invis_swiper01 > img {
    position: absolute;
    left: 0px;
    top: -59px;
    z-index: 1;
    max-width: max-content;
}
.main_invis_swiper01 > img:nth-of-type(2) {
    position: absolute;
    left: initial;
    right: 20px;
    top: initial;
    bottom: -255px;
    z-index: 1;
    max-width: max-content;
}
.main_invis_swiper01 h3 {
    font-size: 60px;
    font-weight: 700;
    line-height: 74px;
}
.main_invis_swiper01 p {
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    margin-top: 44px;
}
.main_invis_swiper02_wrap {
    width: 1028px;
    overflow: hidden;
}
.main_invis_swiper02 {
    max-width: 788px;
}
.main_invis_swiper02 .swiper-slide {
    width: auto;
    position: relative;
}
.main_invis_con .main_invis_page {
    display: flex;
    flex-direction: column;
    width: auto;
    align-items: flex-start;
}
.main_invis_con .main_invis_page span {
    font-size: 28px;
    font-weight: 400;
    color: #747474;
    border-radius: 0px;
    background-color: transparent;
    width: auto;
    height: auto;
    margin: 0px 0px 59px !important;
    opacity: 1;
}
.main_invis_con .main_invis_page span.swiper-pagination-bullet-active {
    font-weight: 700;
    color: var(--main-color);
    position: relative;
}
.main_invis_con .main_invis_page span.swiper-pagination-bullet-active::before {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: -10px;
    background-color: var(--main-color);
}
.main_invis_con_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 160px;
}

/* main_orthodontics */
.main_orthodontics {
    background-image: url(../img/main_orthodontics_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 173px 0px 181px;
}
.main_orthodontics h3 {
    font-size: 22px;
    font-weight: 400;
}
.main_orthodontics h2 {
    font-size: 44px;
    font-weight: 400;
    color: #ffefd6;
    margin: 13px auto 51px;
}
.main_orthodontics p {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 79px;
    line-height: 38px;
}
.main_orthodontics_con {
    border-radius: 30px;
    overflow: hidden;
}
.main_orthodontics .main_orthodontics_page {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b8a48c;
}
.main_orthodontics .main_orthodontics_page span {
    width: auto;
    height: auto;
    opacity: 1;
    background-color: transparent;
    border-radius: 0px;
    font-size: 28px;
    font-weight: 400;
    line-height: 120px;
    margin: 0px;
}
.main_orthodontics .main_orthodontics_page span:nth-child(2) {
    margin: 0px 191px;
}
.main_orthodontics .main_orthodontics_page span.swiper-pagination-bullet-active {
    font-weight: 700;
    color: #ffefd6;
    position: relative;
}
.main_orthodontics .main_orthodontics_page span.swiper-pagination-bullet-active::before {
    content: '';
    width: 125%;
    height: 3px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 33px;
    background-color: #ffefd6;
}
.main_orthodontics_swiper {
    background-color: #fff;
    height: 540px;
}
.main_orthodontics_swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* main_bna */
.main_bna {
    text-align: center;
    padding: 186px 0px 91px;
    color: #222;
    overflow: hidden;
}
.main_bna_wrap {
    max-width: 1266px;
    width: 100%;
    margin: 0 auto;
}
.main_bna h2 {
    font-size: 44px;
    font-weight: 400;
}
.main_bna .main_bna_page {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 54px 0px 77px;
}
.main_bna .main_bna_page span {
    width: 154px;
    height: auto;
    opacity: 1;
    background-color: transparent;
    border-radius: 0px;
    font-size: 28px;
    font-weight: 400;
    margin: 0px !important;
}
.main_bna .main_bna_page span.swiper-pagination-bullet-active {
    font-weight: 700;
    color: var(--main-color);
    position: relative;
}
.main_bna .main_bna_page span.swiper-pagination-bullet-active::before {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: -10px;
    background-color: var(--main-color);
}
.main_bna_wrap > a {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: var(--main-color);
    position: relative;
    margin: 55px auto 51px;
}
.main_bna_wrap > a::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 115%;
    height: 3px;
    background-color: var(--main-color);
    bottom: -10px;
}
.main_bna p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #747474;
}

/* main_interior */
.main_interior {
    position: relative;
    overflow: hidden;
}
.main_interior_prev {
    position: absolute;
    left: 240px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}
.main_interior_next {
    position: absolute;
    right: 240px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}

/* main_info */
.main_info {
    background-color: #232c43;
    padding: 114px 0px 89px;
}
.main_info > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.map_wrap {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}
.map_wrap > a {
    position: absolute;
    right: 15px;
    bottom: 17px;
    border-radius: 10px;
    background-color: #fff;
    line-height: 49px;
    padding-left: 6px;
    padding-right: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 165px;
    box-shadow: 5px 5px 5px rgba(114, 114, 114, 0.16);
    font-size: 21px;
    font-weight: 700;
    color: #222;
}
.main_info_txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 21px;
}
.main_info_txt p {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
}
.main_info_txt span {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    color: #2b3e65;
    border-radius: 23px;
    background-color: #fff;
    padding: 0px 28px;
    line-height: 46px;
}