/* main_banner */
.main_banner {
    overflow: hidden;
    width: 100%;
}
.main_banner_swiper .swiper-slide {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 11.32%, rgba(83, 174, 212, 0.12) 85.86%), #fff;
}
.main_banner_swiper .swiper-slide > .center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 950px;
}
.main_banner_swiper h3 {
    color: #1c75bc;
    font-size: 18px;
    font-weight: 400;
    opacity: 0.3;
}
.main_banner_swiper h2 {
    color: #1a1a1a;
    font-size: 60px;
    font-weight: 700;
    line-height: 80px;
    margin: 20px 0px 49px;
}
.main_banner_swiper h2 > span {
    color: #1b6ba8;
}
.main_banner_swiper p {
    color: #1a1a1a;
    font-size: 20px;
    font-weight: 400;
    line-height: 190%;
}
.main_banner_swiper p > span {
    display: inline-block;
    font-weight: 600;
    color: #1b6ba8;
    border-radius: 50px;
    border: 2px solid #1b6ba8;
    line-height: 40px;
    padding: 0px 10px;
}
.hashtag {
    margin-top: 29px;
}
.hashtag span {
    font-size: 18px;
    font-weight: 400;
    color: #1a1a1a;
    opacity: 0.5;
    margin-right: 25px;
}
.main_banner_btn {
    margin-top: 83px;
    display: flex;
    align-items: center;
}
.main_banner_nav {
    display: flex;
    align-items: center;
}
.main_banner_nav > div {
    cursor: pointer;
    transition: all 0.2s;
}
.main_banner_next:hover {
    transform: translateX(5px);
}
.main_banner_prev:hover {
    transform: translateX(-5px);
}
.main_banner_prev {
    margin: 0px 25px;
}
.main_banner_page {
    height: 5px;
    width: 100%;
    max-width: 260px;
    border-radius: 100px;
    background-color: #e3e3e3;
    position: relative;
}
.main_banner_page span {
    position: absolute;
    height: 5px;
    width: 33.3%;
    top: 0px;
    border-radius: 100px;
    background-color: #1c75bc;
}
.main_banner01 .main_banner_page span {
    left: 0px;
}
.main_banner02 .main_banner_page span {
    left: 50%;
    transform: translateX(-50%);
}
.main_banner03 .main_banner_page span {
    right: 0px;
}

/* main_intro */
.main_intro {
    padding-top: 179px;
    background-image: url(../img/main_intro_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #1a1a1a;
}
.main_intro_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_intro_title h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 40px;
}
.main_intro_title h2 > span {
    color: #1b6ba8;
}
.main_intro_title p {
    font-size: 24px;
    font-weight: 300;
    line-height: 160%;
}
.doctor_wrap {
    margin-top: 132px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.doctor02 {
    margin-left: 62px;
    margin-right: 18px;
}
.doctor_wrap > div {
    position: relative;
    cursor: pointer;
}
.doctor_wrap span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: linear-gradient(to bottom right, #2083d1, #0d5792);
    transition: all 0.2s;
}
.doctor01 span {
    top: 45px;
    right: 46px;
}
.doctor02 span {
    top: 45px;
    right: 87px;
}
.doctor03 span {
    top: 45px;
    right: 33px;
}
.doctor_wrap > div:hover > span {
    background: linear-gradient(to bottom right, #1e4f75, #164060);
}
.doctor_wrap > div > img {
    opacity: 0.7;
    transition: all 0.2s;
}
.doctor_wrap > div:hover > img {
    opacity: 1;
}
.doctor_title {
    background-color: #083050;
    padding: 55px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.doctor_title h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.doctor_title h3 span {
    font-size: 36px;
    font-weight: 700;
    margin-right: 5px;
}
.doctor_title > div > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 38px;
    border-radius: 100px;
    background-color: #fff;
    padding: 0px 15px;
    font-size: 20px;
    font-weight: 500;
}
.doctor_title img {
    margin-right: 3px;
}
.doctor_title01 {
    margin-left: 96px;
}
.doctor_title02 {
    margin: 0px 97px;
}

/* modal */
html.modal-active,
body.modal-active {
    overflow: hidden;
}
.modal-container {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 99999;
}
.modal-container.on {
    transform: scaleY(0.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container.on .modal-background .modal {
    transform: scale(0);
    animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container.on.out {
    transform: scale(1);
    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container.on.out .modal-background .modal {
    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container .modal-background {
    display: table-cell;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    vertical-align: middle;
}
.modal-container .modal-background .modal {
    display: inline-block;
}
.modal-container .modal-background .modal .inner {
    height: 100%;
}
.modal-close {
    position: absolute;
    top: 42px;
    right: 37px;
    cursor: pointer;
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}
@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}
@keyframes zoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@media (max-width: 1580px) {
    .modal-container .modal-background .modal {
        width: 90%;
        padding: 40px 4vw;
        padding-right: 2vw;
    }
}

/* main_sleep */
.main_sleep {
    text-align: center;
    color: #1a1a1a;
    overflow: hidden;
}
.main_sleep_title {
    padding: 150px 0px 160px;
}
.main_sleep_title h3 {
    font-size: 28px;
    font-weight: 500;
    color: #baaa91;
}
.main_sleep_title h2 {
    font-size: 48px;
    font-weight: 700;
    margin: 10px auto 58px;
    line-height: 140%;
}
.main_sleep_title h2 > span {
    color: #1b6ba8;
}
.main_sleep_point {
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_sleep_point > div {
    border-radius: 114px;
    border: 1px solid #baaa91;
    padding: 51px 0px;
    width: 540px;
}
.main_sleep_point02 {
    margin: 0px -100px;
}
.main_sleep_point h4 {
    font-size: 28px;
    font-weight: 700;
    color: #1b6ba8;
}
.main_sleep_point span {
    font-size: 20px;
    font-weight: 400;
    margin: 10px auto;
    display: block;
}
.main_sleep_con {
    background-color: rgba(186, 170, 145, 0.1);
    padding-top: 71px;
}
.main_sleep .main_sleep_page {
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_sleep .main_sleep_page > span {
    width: auto;
    height: auto;
    font-size: 24px;
    font-weight: 400;
    color: #1a1a1a;
    opacity: 0.5;
    margin: 0px 50px !important;
    background-color: transparent;
    border-radius: 0px;
    position: relative;
}
.main_sleep .main_sleep_page > span.swiper-pagination-bullet-active {
    opacity: 1;
    font-weight: 600;
}
.main_sleep .main_sleep_page > span::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    width: 0%;
    height: 2px;
    background-color: #1a1a1a;
    transition: all 0.2s;
}
.main_sleep .main_sleep_page > span:hover::after {
    width: 100%;
}
.main_sleep_line {
    width: 100%;
    height: 1px;
    background-color: rgba(26, 26, 26, 0.2);
    margin-top: 35px;
}
.main_sleep_swiper {
    width: 100%;
    height: 530px;
}
.main_sleep01 {
    text-align: justify;
}
.main_sleep01 h3 {
    font-size: 48px;
    font-weight: 700;
    color: #1b6ba8;
    margin-bottom: 52px;
}
.main_sleep01 h3 > span {
    margin-left: 4px;
    font-size: 20px;
    font-weight: 300;
    color: #1a1a1a;
}
.main_sleep01 p {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
}
.main_sleep01 p > span {
    font-weight: 600;
}
.main_sleep_swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_sleep02 h3 {
    font-size: 36px;
    font-weight: 700;
    color: #1b6ba8;
    margin: 30px auto 10px;
}
.main_sleep02 p {
    font-size: 20px;
    font-weight: 400;
    color: #212121;
}
.main_sleep03_title h3 {
    font-size: 48px;
    font-weight: 700;
    color: #1b6ba8;
    margin-bottom: 52px;
}
.main_sleep03_title p {
    font-size: 20px;
    font-weight: 500;
    color: #212121;
    line-height: 200%;
    text-align: justify;
}
.main_sleep03_title p img {
    margin-right: 12px;
}
.main_sleep03_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 844px;
    width: 100%;
    flex-wrap: wrap;
}
.main_sleep03_right > div {
    background-color: #fff;
    border: 1px solid #b6b6b6;
    padding: 29px 0px;
    width: 407px;
}
.main_sleep03_right span {
    font-size: 26px;
    font-weight: 500;
    color: #baaa91;
}
.main_sleep03_right p {
    font-size: 20px;
    font-weight: 500;
    color: #212121;
    line-height: 150%;
    margin-top: 12px;
}
.main_sleep03_con01,
.main_sleep03_con02 {
    margin-bottom: 30px;
}

/* main_nopain */
.main_nopain {
    padding: 188px 0px 174px;
    color: #1a1a1a;
}
.main_nopain_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
}
.main_nopain_title > div {
    display: flex;
    align-items: flex-start;
}
.main_nopain_title > div > span {
    font-size: 24px;
    font-weight: 500;
    color: #baaa91;
}
.main_nopain_title > div > div {
    margin-left: 70px;
}
.main_nopain_title p {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
}
.main_nopain_title h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 66px;
}
.main_nopain_title h2 span {
    color: #1b6ba8;
}
.main_nopain_con {
    display: flex;
    align-items: center;
}
.main_nopain_con > div {
    width: 25%;
    position: relative;
    padding: 106px 0px 123px;
    text-align: center;
    box-shadow: 1px 0 0 0 rgba(190, 190, 190, 0.5), 0 1px 0 0 rgba(190, 190, 190, 0.5), 1px 1px 0 0 rgba(190, 190, 190, 0.5), 1px 0 0 0 rgba(190, 190, 190, 0.5) inset, 0 1px 0 0 rgba(190, 190, 190, 0.5) inset;
}
.main_nopain_con h4 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    line-height: 82px;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    background-color: #083050;
}
.nopain_title {
    display: flex;
    align-items: flex-start;
    position: absolute;
    left: 24px;
    top: 24px;
}
.nopain_title > span {
    font-size: 24px;
    font-weight: 600;
    color: #baaa91;
    opacity: 0.4;
    margin-right: 14px;
}
.nopain_title h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}
.pain_gauge {
    border-radius: 50px;
    background-color: rgba(186, 170, 145, 0.3);
    width: 122px;
    height: 15px;
    text-align: justify;
    overflow: hidden;
}
.pain_gauge span {
    height: 100%;
    background-color: #baaa91;
    display: inline-block;
    border-radius: 99px;
}
.main_nopain_con01 .pain_gauge span {
    width: 50%;
}
.main_nopain_con02 .pain_gauge span {
    width: 20%;
}
.main_nopain_con03 .pain_gauge span {
    width: 5%;
}

/* main_system */
.main_system {
    color: #fff;
    background-image: url(../img/main_system.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 197px;
    padding-bottom: 148px;
    position: relative;
    overflow: hidden;
}
.main_system > img {
    display: block;
    margin: 0 auto;
}
.main_system > div {
    position: absolute;
    bottom: 181px;
    right: 282px;
}
.main_system p {
    font-size: 30px;
    font-weight: 400;
}
.main_system h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 60px;
    margin-top: 16px;
}

/* main_implant */
.main_implant {
    padding-top: 215px;
    color: #1a1a1a;
    overflow: hidden;
}
.main_implant_title {
    display: flex;
    align-items: flex-start;
    margin-bottom: 100px;
}
.main_implant_title > span {
    font-size: 24px;
    font-weight: 500;
    color: #baaa91;
}
.main_implant_title > div {
    margin-left: 116px;
}
.main_implant_title p {
    font-size: 24px;
    font-weight: 300;
}
.main_implant_title h2 {
    font-size: 48px;
    font-weight: 700;
    color: #1b6ba8;
    margin-top: 15px;
}
.main_implant_page {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.main_implant .main_implant_page span {
    margin: 0 !important;
    width: auto;
    height: auto;
    line-height: 44px;
    opacity: 0.5;
    font-size: 20px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 0px;
    position: relative;
}
.main_implant .main_implant_page span.swiper-pagination-bullet-active {
    font-weight: 600;
    color: #1b6ba8;
    opacity: 1;
}
.main_implant .main_implant_page span:after {
    content: '';
    display: block;
    width: 0%;
    height: 3px;
    background-color: #1b6ba8;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    transition: all 0.2s;
}
.main_implant .main_implant_page span:hover:after {
    width: 100%;
    background-color: #1a1a1a;
}
.main_implant .main_implant_page span.swiper-pagination-bullet-active:after {
    width: 100%;
    background-color: #1b6ba8;
}

.main_implant_swiper {
    position: relative;
}
.main_implant_swiper .swiper-slide {
    border: 1px solid rgba(190, 190, 190, 0.5);
    padding: 92px 39px 85px;
    display: flex;
    align-items: center;
}
.main_implant_swiper .swiper-slide > div {
    margin-left: 115px;
}
.main_implant_swiper h3 {
    font-size: 36px;
    font-weight: 700;
    color: #212121;
}
.main_implant_swiper p {
    font-size: 20px;
    font-weight: 300;
    margin: 27px 0px 45px;
    line-height: 32px;
}
.implant_hashtag {
    display: flex;
    align-items: center;
}
.implant_hashtag span {
    display: inline-block;
    border-radius: 100px;
    border: 1px solid #baaa91;
    line-height: 33px;
    font-size: 18px;
    font-weight: 500;
    color: #baaa91;
    padding: 0px 12px;
    margin-right: 9px;
}
.implant_hashtag span:last-child {
    margin-right: 0px;
}
.main_implant_prev {
    position: absolute;
    left: -110px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: all 0.2s;
}
.main_implant_prev:hover {
    transform: translateX(-5px) translateY(-50%);
}
.main_implant_next {
    position: absolute;
    right: -110px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: all 0.2s;
}
.main_implant_next:hover {
    transform: translateX(5px) translateY(-50%);
}

/* main_child */
.main_child {
    padding-top: 270px;
    color: #1a1a1a;
    overflow: hidden;
}
.main_child_title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.main_child_title > div {
    display: flex;
    align-items: flex-start;
}
.main_child_title > div > span {
    font-size: 24px;
    font-weight: 500;
    color: #baaa91;
}
.main_child_title > div > div {
    margin-left: 116px;
}
.main_child_title p {
    font-size: 24px;
    font-weight: 300;
}
.main_child_title h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 66px;
    margin: 10px 0px 20px;
}
.main_child_title h2 > span {
    color: #1b6ba8;
}
.main_child_btn {
    display: flex;
    align-items: center;
}
.main_child_nav {
    display: flex;
    align-items: center;
}
.main_child_nav > div {
    cursor: pointer;
    transition: all 0.2s;
}
.main_child_prev {
    margin: 0px 25px;
}
.main_child_prev:hover {
    transform: translateX(-5px);
}
.main_child_next:hover {
    transform: translateX(5px);
}
.main_child .main_child_page {
    height: 5px;
    width: 100%;
    max-width: 260px;
    border-radius: 100px;
    background-color: #e3e3e3;
    position: relative;
    border-radius: 999px;
    overflow: hidden;
}
.main_child .main_child_page .swiper-pagination-progressbar-fill {
    background-color: #1b6ba8;
    border-radius: 999px;
}
.main_child .swiper-slide {
    position: relative;
    border: 1px solid rgba(190, 190, 190, 0.5);
    height: 410px;
    padding: 57px 50px 0px;
}
.main_child .swiper-slide > span {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: -62px;
    line-height: 62px;
    background-color: #1b6ba8;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    padding: 0px 20px;
}
.main_child01 {
    padding: 57px 110px 0px 50px;
}
.main_child01 h3 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 60px;
}
.main_child_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.main_child01 .main_child_con span {
    display: inline-block;
    line-height: 54px;
    background-color: #ececec;
    border-radius: 100px;
    font-size: 24px;
    font-weight: 500;
    padding: 0px 15px;
    margin-bottom: 15px;
}
.main_child01 .main_child_con span img {
    margin-left: 6px;
}
.main_child01 .main_child_con p {
    font-size: 20px;
    font-weight: 300;
    line-height: 160%;
}
.main_child02 h3 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 48px;
}
.main_child02 .main_child_con span {
    display: inline-block;
    line-height: 54px;
    background-color: rgba(26, 26, 26, 0.1);
    border-radius: 100px;
    font-size: 24px;
    font-weight: 500;
    padding: 0px 15px;
    position: relative;
    color: rgba(26, 26, 26, 0.3);
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.2s;
}
.main_child02 .main_child_con span:hover {
    transform: translateY(-5px);
}
.main_child02 .main_child_con span img:first-child {
    margin-left: 6px;
}
.txt_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
    display: none;
}
.txt_img.active {
    display: block;
}
.main_child02 .main_child_con span.active {
    color: #fff;
    background-color: #1a1a1a;
}
.main_child_con > div > div {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 12px;
}
.main_child02 p {
    font-size: 20px;
    font-weight: 300;
    line-height: 160%;
    display: none;
}
.main_child02 p.active {
    display: block;
}
.main_child02_img > img {
    display: none;
}
.main_child02_img > img.active {
    display: block;
}
.main_child03 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.main_child03 p {
    font-size: 20px;
    font-weight: 300;
    color: #212121;
    margin-top: 38px;
}
.main_child03 p span {
    font-weight: 600;
}

/* main_beauty */
.main_beauty {
    padding-top: 227px;
    color: #1a1a1a;
    background-image: url(../img/main_beauty_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.main_beauty_title {
    display: flex;
    align-items: flex-start;
    margin-bottom: 100px;
}
.main_beauty_title > span {
    font-size: 24px;
    font-weight: 500;
    color: #baaa91;
}
.main_beauty_title > div {
    margin-left: 116px;
}
.main_beauty_title p {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px;
}
.main_beauty_title h2 {
    font-size: 48px;
    font-weight: 700;
}
.main_beauty_title h2 span {
    color: #1b6ba8;
}
.main_beauty_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_beauty_con > div {
    border-radius: 25px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid rgba(190, 190, 190, 0.5);
    text-align: center;
    height: 615px;
}
.main_beauty_con h3 {
    font-size: 28px;
    font-weight: 600;
    margin: 26px auto 20px;
}
.main_beauty_con p {
    font-size: 18px;
    font-weight: 300;
    line-height: 160%;
    margin-bottom: 33px;
}
.beauty_hashtag {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}
.beauty_hashtag span {
    line-height: 40px;
    display: inline-block;
    border-radius: 99px;
    border: 1px solid #baaa91;
    color: #baaa91;
    font-size: 17px;
    font-weight: 500;
    padding: 0px 12px;
}
.main_beauty_con01 .beauty_hashtag {
    max-width: 360px;
}
.main_beauty_con03 .beauty_hashtag {
    max-width: 265px;
}

/* main_care */
.main_care {
    background-color: rgba(186, 170, 145, 0.1);
    padding-top: 165px;
    padding-bottom: 140px;
    text-align: center;
    color: #1a1a1a;
}
.main_care_wrap {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}
.main_care h2 {
    font-size: 48px;
    font-weight: 700;
}
.main_care > div > p {
    font-size: 20px;
    font-weight: 300;
    line-height: 160%;
    margin: 30px auto 99px;
}
.main_care_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_care_con > div {
    border: 1px solid #baaa91;
    border-radius: 20px;
    background-color: #fff;
    padding: 33px 0px 37px;
    height: 422px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s;
    width: 151px;
    cursor: pointer;
}
.main_care_con img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transition: all 0.2s;
    opacity: 0;
}
.main_care_con span {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    background-color: rgba(26, 26, 26, 0.2);
}
.main_care_con p {
    font-size: 28px;
    font-weight: 500;
    line-height: 140%;
    position: relative;
    z-index: 1;
    transition: all 0.2s;
}
.main_care_con > div.active {
    justify-content: flex-end;
    width: 469px;
}
.main_care_con > div.active p {
    color: #fff;
}
.main_care_con > div.active span {
    display: none;
}
.main_care_con > div.active img {
    opacity: 1;
}
.main_care_con > div.active br {
    display: none;
}
.main_care_con > div:hover {
    background-color: #1b6ba8;
}
.main_care_con > div:hover p {
    color: #fff;
}
.main_care_con > div:hover span {
    color: #1b6ba8;
    background-color: #fff;
}

/* main_equipment */
.main_equipment {
    background-image: url(../img/main_equipment_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 267px;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.main_equipment_wrap {
    max-width: 1680px;
    width: 100%;
}
.main_equipment h2 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 94px;
}
.main_equipment_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.main_equipment_swiper {
    max-width: 1330px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 466px;
}
.main_equipment_page > span {
    display: inline-block;
    width: 220px;
    text-align: center;
    line-height: 57px;
    margin-bottom: 15px;
    border-radius: 100px;
    border: 1px solid #1b6ba8;
    font-size: 24px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}
.main_equipment_page > span:hover {
    opacity: 0.7;
}
.main_equipment_page > span.active {
    background-color: #1b6ba8;
    color: #fff;
}
.main_equipment_swiper p {
    font-size: 24px;
    font-weight: 500;
    margin-top: 25px;
}
.main_equipment_swiper > div {
    right: -2000px;
    transition: all 0.2s;
    position: absolute;
    max-width: 1330px;
    width: 100%;
    overflow: hidden;
}
.main_equipment_swiper > div.active {
    right: 0px;
}
.main_equipment_page {
    display: flex;
    flex-direction: column;
}

/* main_interior */
.main_interior {
    margin-top: -57px;
    text-align: center;
    overflow: hidden;
    padding-bottom: 194px;
}
.main_interior h3 {
    font-size: 22px;
    font-weight: 500;
    color: #baaa91;
}
.main_interior h2 {
    font-size: 48px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 20px auto 100px;
}
.main_interior h2 span {
    color: #1b6ba8;
}
.main_interior_swiper {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.main_interior_swiper .swiper-slide {
    position: relative;
}
.main_interior_page {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    display: flex;
    align-items: center;
    background-color: rgba(26, 26, 26, 0.4);
    padding-left: 20px;
    max-width: 377px;
    width: 100%;
    justify-content: space-between;
    opacity: 0;
    transition: all 0.2s;
}
.main_interior_page span {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-right: 31px;
}
.main_interior_page p {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}
.main_interior_nav {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.main_interior_swiper .swiper-slide-active .main_interior_page {
    opacity: 1;
}

/* main_info */
.main_info {
    display: flex;
    align-items: stretch;
    width: 100%;
}
.main_info > div {
    width: 50%;
}
.main_info_left {
    background-color: #f4f4f4;
    padding: 100px 240px 109px;
    color: #1a1a1a;
}
.main_info_con {
    margin-bottom: 110px;
}
.main_info_left h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 40px;
}
.main_info_left h2 {
    display: flex;
    align-items: center;
    font-size: 54px;
    font-weight: 700;
    margin-bottom: 20px;
}
.main_info_left h2 > img {
    margin-right: 1px;
}
.main_info_con a {
    display: inline-block;
    line-height: 65px;
    border-radius: 100px;
    padding: 0px 57px;
    font-size: 26px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #35a14a;
    transition: all 0.2s;
}
.main_info_con a > img {
    margin-right: 7px;
}
.main_info_con a:hover {
    transform: translateY(-5px);
}
.main_info_right {
    background-color: #1b6ba8;
    color: #fff;
    padding: 100px;
}
.main_info_right > h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 40px;
}
.main_info_right > h4 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}
.main_info_right > p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
}
.info_box > span {
    display: inline-block;
    background-color: #fff;
    border-radius: 100px;
    color: #1a1a1a;
    padding: 0px 15px;
    line-height: 39px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
}
.info_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 17px;
}
.subway,
.park {
    display: inline-block;
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #ff9d27;
    color: #ff9d27;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    padding: 0px 10px;
    margin-right: 5px;
}
.info_box .park {
    border: 1px solid #003964;
    color: #003964;
}