.top {}

.top .main {
    padding-left: 150px;
    margin-top: 60px;
    /* padding-right: 50px; */
    position: relative;
    overflow: hidden;
    display: flex;
}

.top .container-fluid.main {
    width: auto;
    /* padding-left: 0px; */
    /* height: 566px; */
    /* overflow: hidden; */
}

.top .main .text-box {
    width: 40%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: none;
}

.top .main .text-box .title {
    font-size: 36px;
}

.top .main .text-box .text {
    margin-top: 8%;
}

.top .slide-box .slider-circle {
    margin-right: 1em;
}

.top .slide-box #slider-circle-1 {}

.top .slide-box #slider-circl-2 {}

.top .slide-box #slider-circle-3 {}

.top .slide-box #slider-circle-4 {}

.top .main .img-box-group .slider-img-box {}

.top .main .img-box-group {
    margin-left: auto;
    margin-top: 0%;
    width: 1075px;
    height: 566px;
    overflow: hidden;
}

.top .main .img-box:nth-child(5n+1) {
    background-color: var(--cus-blue);
}

.top .main .img-box:nth-child(5n+2) {
    background-color: var(--cus-yellow);
}

.top .main .img-box:nth-child(5n+3) {
    background-color: var(--cus-orange);
}

.top .main .img-box:nth-child(5n+4) {
    background-color: var(--cus-green);
}

.top .main .img-box:nth-child(5n+5) {
    background-color: var(--cus-yellow);
}

.top .main .img-box {
    margin-left: auto;
    position: relative;
    background: #65cde9;
    width: 1075px;
    border-radius: 125px 310px 275px 125px;
    padding-bottom: 25px;
    overflow: hidden;
    padding-right: 15px;
}

.top .main .top-main-assist {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}

.top .main .img-box .top-main {
    width: 1075px;
    height: 550px;
    border-radius: 0px 275px 275px 0px;
}

.top .events {}

.top .events .title-box {}

.top .events .event-box {
    /* width: 754px; */
}

.top .events .img-box {
    display: flex;
    align-items: center;
    height: 200px;
    width: 400px;
    margin-top: 200px;
    overflow: hidden;
    border-radius: 0 200px 200px 0;
    box-shadow: 10px 10px rgb(52 209 48);
    margin-right: 10px;
}

.top .events .swiper-slide:nth-child(5n+1) .img-box {
    box-shadow: 20px 20px var(--cus-red);
}

.top .events .swiper-slide:nth-child(5n+2) .img-box {
    box-shadow: 20px 20px var(--cus-blue);
}

.top .events .swiper-slide:nth-child(5n+3) .img-box {
    box-shadow: 20px 20px var(--cus-yellow);
}

.top .events .swiper-slide:nth-child(5n+4) .img-box {
    box-shadow: 20px 20px var(--cus-orange);
}

.top .events .swiper-slide:nth-child(5n+5) .img-box {
    box-shadow: 20px 20px var(--cus-green);
}

.top .events .swiper-slide-active .img-box {
    display: flex;
    align-items: center;
    height: 400px;
    margin-top: 0px;
    width: 100%;
    overflow: hidden;
    border-radius: 0 200px 200px 0;
    margin-right: 20px;
}

.top .events .img-box .event-img {}

.top .events .img-box .event-img#event-1 {}

.top .events .img-box .event-img#event-2 {}

.top .events .img-box .event-img#event-3 {}

.top .events .img-box .event-img#event-4 {}

.top .events .arrow-box {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 60px;
    margin-top: 30px;
    /* visibility: hidden; */
}

.top .events .arrow-box .fa {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(0, 0, 0);
    margin: 0px 0.3em;
}

.top .events .arrow-box .fa:hover {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.top .events .arrow-box .fa-angle-left {}

.top .events .arrow-box .fa-angle-right {}

.top .events .swiper-slide:nth-child(1) .web-box {
    background: var(--cus-red);
}

.top .events .swiper-slide:nth-child(2) .web-box {
    background: var(--cus-blue);
}

.top .events .swiper-slide:nth-child(3) .web-box {
    background: var(--cus-yellow);
}

.top .events .swiper-slide:nth-child(4) .web-box {
    background: var(--cus-orange);
}

.top .events .swiper-slide:nth-child(5) .web-box {
    background: var(--cus-green);
}

.top .events .web-box {
    width: 265px;
    height: 40px;
    background: rgb(52, 209, 48);
    border-radius: 0px 20px 20px 0px;
    display: flex;
    align-items: center;
    padding-left: 2em;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.15em;
    position: relative;
    margin-top: 120px;
    /* display: none; */
    visibility: hidden;
}

.top .events .swiper-slide-active .web-box {
    display: flex;
    visibility: visible;
}

.top .events .swiper-slide-active .text-box {
    display: block;
    visibility: visible;
}

.top .events .web-box .text {}

.top .events .web-box .web-circle {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    right: 15px;
}

.top .events .text-box {
    /* display: none; */
    visibility: hidden;
}

.top .events .text-box .text {
    height: 64px;
    display: flex;
    align-items: self-start;
    overflow: hidden;
    text-align: left;
    flex-direction: column;
    font-size: 14px;
}

.top .events .text-box .title {
    height: 42px;
    display: flex;
    align-items: self-start;
    overflow: hidden;
    text-align: left;
    flex-direction: column;
}

.top .text-box .title {
    margin-top: 40px;
}

.top .text-box .text {
    margin-top: 15px;
    flex-direction: column;
}

.top .events .btn-box {
    display: flex;
    justify-content: center;
    position: absolute;
    width: fit-content;
    bottom: 0;
    left: 68%;
    z-index: 1;
    height: auto;
}

.top .events .btn {
    margin-top: auto;
    width: 360px;
}

.top .events #evetn-btn {}

.top .shopping {}

.top .shopping .swiper {}

.top .shopping .title-box {}

.top .shopping .row {
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    padding: 0px;
}

.top .shopping .text-box {
    /* width: calc(100% / 3); */
}

.top .shopping .arrow-box {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 60px;
    margin-top: 30px;
}

.top .shopping .arrow-box .fa {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(0, 0, 0);
    margin: 0px 0.3em;
}

.top .shopping .arrow-box .fa:hover {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.top .shopping .arrow-box .fa-angle-left {}

.top .shopping .arrow-box .fa-angle-right {}

.top .shopping .swiper-slide:nth-child(5n+1) .text-box .shopping-img {
    box-shadow: 15px 15px var(--cus-red);
}

.top .shopping .swiper-slide:nth-child(5n+2) .text-box .shopping-img {
    box-shadow: 15px 15px var(--cus-blue);
}

.top .shopping .swiper-slide:nth-child(5n+3) .text-box .shopping-img {
    box-shadow: 15px 15px var(--cus-yellow);
}

.top .shopping .swiper-slide:nth-child(5n+4) .text-box .shopping-img {
    box-shadow: 15px 15px var(--cus-orange);
}

.top .shopping .swiper-slide:nth-child(5n+5) .text-box .shopping-img {
    box-shadow: 15px 15px var(--cus-green);
}

.top .shopping .text-box .shopping-img {
    width: 320px;
    height: 310px;
    border-radius: 0 155px 155px 0;
    box-shadow: 15px 15px red;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 15px;
}

.top .shopping .text-box .shopping-img>p {
    height: 100%;
}

.top .shopping .text-box .shopping-img img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100vw;
}

.top .shopping .text-box .title {
    height: 60px;
    display: flex;
    align-items: self-start;
    overflow: hidden;
    margin-right: 45px;
    flex-direction: column;
}

.top .shopping .text-box .text {
    display: flex;
    align-items: self-start;
    height: 65px;
    overflow: hidden;
    margin-right: 45px;
    flex-direction: column;
    font-size: 14px;
    text-align: left;
}

.top .shopping .btn {
    margin-top: 100px;
}

.top .shopping #shopping-btn {}

.top .facilities {}

.top .facilities .title-box {}

.top .facilities .foodcourt {
    margin-top: -80px;
}

.top .facilities .foodcourt .text-box {
    width: 100%;
    padding-left: 45%;
    margin-left: auto;
    position: relative;
    overflow: inherit;
}

.top .facilities .foodcourt .text-box .title-group {
    padding-top: 70px;
    margin-top: 30px;
}

.top .facilities .foodcourt .text-box .title-group .title-h3-box {}

.top .facilities .foodcourt .text-box .title-group .title-h3-box h3 {}

.top .facilities .foodcourt .text-box .title-group .title-h3-box h3 {}

.top .facilities .foodcourt .text-box .title-group .title-h3-box .title-bar {}

.top .facilities .foodcourt .text-box .text {}

.top .facilities .foodcourt .text-box .img-box {
    margin-top: 50px;
}

.top .facilities .foodcourt .text-box .img-box .foodcourt-1 {}

.top .facilities .foodcourt .foodcourt-2 {
    position: absolute;
    top: 66%;
    left: 83%;
    border-radius: 15px;
}

.top .facilities .facility-img {
    width: 785px;
    height: 480px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 20px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top .facilities .facility-img img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100vw;
}

.top .facilities .foodcourt .facility-1 {
    position: absolute;
    top: 0;
    right: 61%;
    box-shadow: 20px 20px var(--cus-blue);
}

.top .facilities .foodcourt .facility-2 {
    position: absolute;
    top: 125%;
    left: 59%;
    box-shadow: -20px 20px var(--cus-orange);
}

.top .facilities .market {
    margin-top: 215px;
}

.top .facilities .market .text-box {
    padding-right: 47%;
    position: relative;
}

.top .facilities .market .text-box .title-group {}

.top .facilities .market .text-box .text {
    margin-top: 46px;
}

.top .facilities .market .text-box .img-box {
    display: flex;
    align-items: baseline;
    margin-top: 120px;
    margin-left: -150px;
}

.top .facilities .market .text-box .img-box img {}

.top .facilities .market .text-box .img-box img.market-1 {
    width: 400px;
    height: 240px;
    border-radius: 15px;
}

.top .facilities .market .text-box .img-box img.market-2 {
    width: 340px;
    height: 447px;
    margin-left: 60px;
    margin-right: 180px;
    border-radius: 15px;
}

.top .facilities .market .text-box .img-box img.market-3 {
    width: 400px;
    height: 240px;
    border-radius: 15px;
}

.top .facilities .market .text-box .facility-3 {
    position: absolute;
    top: calc(100% + 110px);
    right: 60%;
    box-shadow: 20px 20px var(--cus-red);
}

.top .facilities .exchange {
    padding-left: 45%;
    margin-top: 105px;
}

.top .facilities .exchange .text-box {
    position: relative;
}

.top .facilities .exchange .text-box .title-group {}

.top .facilities .exchange .text-box .text {
    margin-top: 30px;
}

.top .facilities .exchange .text-box .img-box {
    width: 575px;
    height: 294px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: -75px;
}

.top .facilities .btn-box {
    margin-top: 90px;
}

.top .facilities .btn-box #facilities-btn {}

.top .news {}

.top .news .title-box {}

.top .news .news-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
}

.top .news .news-box .single-box-1 {}

.top .news .news-box .single-box-2 {}

.top .news .news-box .single-box-3 {}

.top .news .news-box .single-box-4 {}

.top .news .news-box .single-box {
    display: flex;
    width: 600px;
    align-items: center;
    position: relative;
    margin: 40px 0;
}

.top .news .news-box .single-box .img-box {
    width: 230px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0 110px 110px 0;
    box-shadow: 10px 10px var(--cus-blue);
}

.top .news .news-box .single-box .img-box>p {
    height: 100%;
}

.top .news .news-box .single-box .img-box .news-img,
.top .news .news-box .single-box .img-box img {
    min-height: 100%;
    min-width: 100%;
}

.top .news .news-box .single-box .text-box {
    padding: 0 4%;
    width: calc(600px - 240px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top .news .news-box .single-box .text-box .title {
    margin-top: 0;
    flex-wrap: nowrap;
    display: flex;
    width: 100%;
    overflow: hidden;
    /* height: 1.5em; */
    align-items: self-start;
    font-size: 16px;
    font-weight: 700;
    height: 53px;
}

.top .news .news-box .single-box .text-box .text {
    height: 123px;
    overflow: hidden;
    display: flex;
    align-items: self-start;
}

.top .news .news-box .single-box .text-box .date-box {
    display: flex;
    letter-spacing: 0.1em;
    margin-top: 15px;
}

.top .news .news-box .single-box .text-box .date-box .news-date {
    margin-right: 0.5em;
}

.top .news .news-box .single-box .text-box .date-box .news-day {}

.top .news .btn-box {
    margin-top: 45px;
}

.top .news .btn-box #news-btn {}

.top .access {}

.top .access .title-box {}

.top .access .row {
    width: 100%;
}

.top .access .row .img-box {}

.top .access .row .img-box .access-map {
    width: 500px;
    height: 500px;
    border-radius: 45px;
}

.top .access .row .text-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 45px;
}

.top .access .row .text-box .text-row {
    display: flex;
}

.top .access .row .text-box .text-row .title {
    margin-top: 0px;
    width: 110px;
    display: flex;
}

.top .access .row .text-box .text-row .text {
    margin-top: 0px;
    width: calc(100% - 110px);
}

.top .access .row .text-box .text-row .sort-box {}

.top .access .row .text-box .text-row .sort-box .text {}

.top .access .row .text-box .text-row .sort-box-row {
    display: flex;
    margin-top: 6px;
}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box {
    display: flex;
}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box img {
    width: 39px;
    height: 39px;
    margin-top: auto;
    margin-bottom: auto;
}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box img.car-box {}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box .title {
    width: 75px;
    display: flex;
    justify-content: center;
}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box img.train-box {}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box img.bus-box {}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box img.car-img {}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box img.train-img {}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box img.bus-img {}

.top .access .row .text-box .text-row .sort-box-row .sort-img-box title {}

.top .access .row .text-box .text-row .sort-box .heart-bus-link {
    display: flex;
    justify-content: end;
    width: fit-content;
    margin-left: auto;
    align-items: center;
}

.top .access .row .text-box .text-row .sort-box .heart-bus-link .fa-heart {
    margin-right: 0.3em;
}

.top .access .row .text-box .text-row .sort-box .heart-bus-link .text-link {}

.top .access .row .text-box .text-row .sort-box .heart-bus-link:hover {
    color: red;
    text-decoration: underline;
}

.top .access .row .text-box .text-row .sort-box .heart-bus-link .text {}

.top .slider-unit {
    opacity: 0%;
}

.top .main .swiper-slide-next {}

.top .main .swiper-slide-prev {
    opacity: 0%;
}

.top .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    z-index: 3;
}

.top .main-left {}

.top .main-right {}

@media (max-width: 1500px) {
    .top {}
    .top .main {
        margin-top: 4%;
        padding-right: 3%;
        padding-left: 10%;
    }
    .top .main .text-box {}
    .top .main .text-box .title {
        font-size: 2.4vw;
    }
    .top .main .text-box .text {
        margin-top: 5%;
    }
    .top .main .swiper-pagination-bullets {
        /* margin-top: 3vw; */
        /* left: -14.8vw; */
    }
    .swiper-pagination-clickable .swiper-pagination-bullet .top .slide-box .slider-circle {}
    .top .slide-box #slider-circle-1 {}
    .top .slide-box #slider-circl-2 {}
    .top .slide-box #slider-circle-3 {}
    .top .slide-box #slider-circle-4 {}
    .top .main .img-box-group .slider-img-box {}
    .top .main .img-box-group {
        width: 71.66vw;
        height: 37.33vw;
    }
    .top .main .img-box {
        width: 71.67vw;
        border-radius: 8.33vw 20.67vw 18.33vw 8.33vw;
        /* padding-left: 2vw; */
        -webkit-border-radius: 8.33vw 20.67vw 18.33vw 8.33vw;
        -moz-border-radius: 8.33vw 20.67vw 18.33vw 8.33vw;
        -ms-border-radius: 8.33vw 20.67vw 18.33vw 8.33vw;
        -o-border-radius: 8.33vw 20.67vw 18.33vw 8.33vw;
    }
    .top .main .top-main-assist {
        height: 37.4vw;
    }
    .top .main .img-box .top-main {
        width: 71.67vw;
        height: 35.67vw;
        /* border-radius: 0px 18.33vw 18.33vw 0px; */
    }
    .top .events {}
    .top .events .title-box {}
    .top .events .event-box {
        width: 100%;
    }
    .top .events .img-box {
        height: 13.3vw;
        margin-top: 13.3vw;
        width: 26.3vw;
    }
    .top .events .swiper-slide:nth-child(5n+1) .img-box {
        box-shadow: 1.33vw 1.33vw var(--cus-red);
    }
    .top .events .swiper-slide:nth-child(5n+2) .img-box {
        box-shadow: 1.33vw 1.33vw var(--cus-blue);
    }
    .top .events .swiper-slide:nth-child(5n+3) .img-box {
        box-shadow: 1.33vw 1.33vw var(--cus-yellow);
    }
    .top .events .swiper-slide:nth-child(5n+4) .img-box {
        box-shadow: 1.33vw 1.33vw var(--cus-orange);
    }
    .top .events .swiper-slide:nth-child(5n+5) .img-box {
        box-shadow: 1.33vw 1.33vw var(--cus-green);
    }
    .top .events .swiper-slide-active .img-box {
        /* width: 49.33vw; */
        height: 27.33vw;
        box-shadow: 1.33vw 1.33vw rgb(52 209 48);
    }
    .top .events .img-box .event-img {}
    .top .events .arrow-box {}
    .top .events .arrow-box .fa {}
    .top .events .arrow-box .fa-angle-left {}
    .top .events .arrow-box .fa-angle-right {}
    .top .events .web-box {}
    .top .events .web-box .text {}
    .top .events .web-box .web-circle {}
    .top .events .text-box {}
    .top .text-box .title {}
    .top .text-box .text {}
    .top .events .btn {
        width: 24vw;
        height: 4vw;
    }
    .top .event #evetn-btn {}
    .top .shopping {}
    .top .shopping .title-box {}
    .top .shopping .row {}
    .top .shopping .text-box {}
    .top .shopping .arrow-box {}
    .top .shopping .arrow-box .fa {}
    .top .shopping .arrow-box .fa-angle-left {}
    .top .shopping .arrow-box .fa-angle-right {}
    .top .shopping .text-box .shopping-img {
        height: 20.67vw;
        width: 21.33vw;
        border-radius: 0 10.33vw 10.33vw 0;
        box-shadow: 1vw 1vw;
    }
    .top .shopping .swiper-slide:nth-child(5n+1) .text-box .shopping-img {
        box-shadow: 1vw 1vw var(--cus-red);
    }
    .top .shopping .swiper-slide:nth-child(5n+2) .text-box .shopping-img {
        box-shadow: 1vw 1vw var(--cus-blue);
    }
    .top .shopping .swiper-slide:nth-child(5n+3) .text-box .shopping-img {
        box-shadow: 1vw 1vw var(--cus-yellow);
    }
    .top .shopping .swiper-slide:nth-child(5n+4) .text-box .shopping-img {
        box-shadow: 1vw 1vw var(--cus-orange);
    }
    .top .shopping .swiper-slide:nth-child(5n+5) .text-box .shopping-img {
        box-shadow: 1vw 1vw var(--cus-green);
    }
    .top .shopping .text-box .title {
        margin-right: 3vw;
    }
    .top .shopping .text-box .text {
        margin-right: 3vw;
    }
    .top .shopping .btn {
        margin-top: 10vw;
    }
    .top .shopping #shopping-btn {}
    .top .facilities {}
    .top .facilities .title-box {}
    .top .facilities .foodcourt {}
    .top .facilities .foodcourt .text-box {}
    .top .facilities .foodcourt .text-box .title-group {}
    .top .facilities .foodcourt .text-box .title-group .title-h3-box {}
    .top .facilities .foodcourt .text-box .title-group .title-h3-box h3 {}
    .top .facilities .foodcourt .text-box .title-group .title-h3-box h3 {}
    .top .facilities .foodcourt .text-box .title-group .title-h3-box .title-bar {}
    .top .facilities .foodcourt .text-box .text {}
    .top .facilities .foodcourt .text-box .img-box {
        margin-top: 3vw;
    }
    .top .facilities .foodcourt .text-box .img-box .foodcourt-1 {
        width: 28vw;
    }
    .top .facilities .foodcourt .foodcourt-2 {
        width: 28vw;
    }
    .top .facilities .facility-img {
        width: 52.3vw;
        height: 32vw;
    }
    .top .facilities .foodcourt .facility-1 {
        box-shadow: 1.33vw 1.33vw var(--cus-blue);
    }
    .top .facilities .foodcourt .facility-2 {
        /* top: 120%; */
        box-shadow: -1.33vw 1.33vw var(--cus-orange);
    }
    .top .facilities .market {
        margin-top: 14.33vw;
    }
    .top .facilities .market .text-box {}
    .top .facilities .market .text-box .title-group {}
    .top .facilities .market .text-box .text {}
    .top .facilities .market .text-box .img-box {
        margin-top: 8vw;
        margin-left: -10vw;
    }
    .top .facilities .market .text-box .img-box img {}
    .top .facilities .market .text-box .img-box img.market-1 {
        width: 26.67vw;
        height: 16vw;
    }
    .top .facilities .market .text-box .img-box img.market-2 {
        width: 22.67vw;
        height: 29.8vw;
        margin-left: 4vw;
        margin-right: 12vw;
    }
    .top .facilities .market .text-box .img-box img.market-3 {
        width: 26.67vw;
        height: 16vw;
    }
    .top .facilities .market .text-box .facility-3 {
        top: calc(100% + 7.33vw);
        box-shadow: 1.33vw 1.33vw var(--cus-red);
    }
    .top .facilities .exchange {
        margin-top: 7vw;
    }
    .top .facilities .exchange .text-box {}
    .top .facilities .exchange .text-box .title-group {}
    .top .facilities .exchange .text-box .text {
        margin-top: 2vw;
    }
    .top .facilities .exchange .text-box .img-box {
        width: 38.33vw;
        height: 19.6vw;
        margin-top: 3vw;
        margin-right: -5vw;
    }
    .top .facilities .btn-box {
        margin-top: 6vw;
    }
    .top .facilities .btn-box #facilities-btn {}
    .top .news {}
    .top .news .title-box {}
    .top .news .news-box {}
    .top .news .news-box .single-box-1 {}
    .top .news .news-box .single-box-2 {}
    .top .news .news-box .single-box-3 {}
    .top .news .news-box .single-box-4 {
        margin: 2vw 0;
    }
    .top .news .news-box .single-box {
        width: 40vw;
    }
    .top .news .news-box .single-box .img-box {
        width: 15.33vw;
        height: 14.67vw;
    }
    .top .news .news-box .single-box .img-box .news-img,
    .top .news .news-box .single-box .img-box img {}
    .top .news .news-box .single-box .text-box {
        width: calc(40vw - 16vw);
    }
    .top .news .news-box .single-box .text-box .title {}
    .top .news .news-box .single-box .text-box .text {
        height: 7.1vw;
    }
    .top .news .news-box .single-box .text-box .date-box {
        margin-top: 1vw;
    }
    .top .news .news-box .single-box .text-box .date-box .news-date {}
    .top .news .news-box .single-box .text-box .date-box .news-day {}
    .top .news .btn-box {
        margin-top: 3vw;
    }
    .top .news .btn-box #news-btn {}
    .top .access {}
    .top .access .title-box {}
    .top .access .row {}
    .top .access .row .img-box {}
    .top .access .row .img-box .access-map {
        width: 33.33vw;
        height: 33.33vw;
        border-radius: 3vw;
    }
    .top .access .row .text-box {
        padding-left: 3vw;
    }
    .top .access .row .text-box .text-row {}
    .top .access .row .text-box .text-row .title {}
    .top .access .row .text-box .text-row .text {}
    .top .access .row .text-box .text-row .sort-box {}
    .top .access .row .text-box .text-row .sort-box .text {}
    .top .access .row .text-box .text-row .sort-box-row {
        margin-top: 0.4vw;
    }
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img {
        width: 2.6vw;
        height: 2.6vw;
    }
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.car-box {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box .title {
        width: 5vw;
    }
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.train-box {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.bus-box {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.car-img {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.train-img {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.bus-img {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box title {}
    .top .access .row .text-box .text-row .sort-box .heart-bus-link {}
    .top .access .row .text-box .text-row .sort-box .heart-bus-link .fa-heart {}
    .top .access .row .text-box .text-row .sort-box .heart-bus-link .text-link {}
    .top .access .row .text-box .text-row .sort-box .heart-bus-link .text {}
    .top .slider-unit {}
    .top .main .swiper-slide-next {}
    .top .main .swiper-slide-rev {}
    .top .swiper-pagination-bullet {
        width: 1vw;
        height: 1vw;
    }
    .top .main-left {}
    .top .main-right {
        width: 3.33vw;
        height: 37.73vw;
    }
}

@media (max-width: 1200px) {}

@media (max-width: 992px) {}

@media (max-width: 768px) {
    .top {}
    .top .main {
        flex-direction: column;
        margin-left: 0px;
        padding-left: 0;
    }
    .top .main .text-box {
        position: relative;
        transform: translateY(10%);
        margin-left: 5%;
        width: 90%;
        margin-top: -5vw;
    }
    .top .main .text-box .title {
        font-size: 5.5vw;
    }
    .top .main .text-box .text {
        font-size: 4vw;
        width: 88vw;
    }
    .top .main .swiper-pagination-bullets {
        /* margin: 5% auto; */
        /* background: white; */
        top: 82vw;
        width: fit-content;
        left: 42%;
    }
    .top .slide-box .slider-circle {}
    .top .slide-box #slider-circle-1 {}
    .top .slide-box #slider-circl-2 {}
    .top .slide-box #slider-circle-3 {}
    .top .slide-box #slider-circle-4 {}
    .top .main .img-box-group .slider-img-box {}
    .top .main .img-box-group {
        overflow-y: visible;
        width: 97vw;
        height: 100vw;
        overflow-x: hidden;
        margin-right: auto;
    }
    .top .main .img-box {
        width: 100%;
        padding-left: 0px;
        border-radius: 0 50vw 50vw 0;
        height: auto !important;
        padding-bottom: 3.33vw;
    }
    .top .main .top-main-assist {
        display: none !important;
    }
    .top .main .img-box .top-main {
        width: 100%;
        height: 73vw;
        border-radius: 0 31vw 37vw 0;
    }
    .top .events {}
    .top .events .title-box {}
    .top .events .event-box {
        /* width: 100%; */
    }
    .top .events .img-box {}
    .top .events .swiper-slide:nth-child(5n+1) .img-box {
        box-shadow: 2vw 2vw var(--cus-red);
    }
    .top .events .swiper-slide:nth-child(5n+2) .img-box {
        box-shadow: 2vw 2vw var(--cus-blue);
    }
    .top .events .swiper-slide:nth-child(5n+3) .img-box {
        box-shadow: 2vw 2vw var(--cus-yellow);
    }
    .top .events .swiper-slide:nth-child(5n+4) .img-box {
        box-shadow: 2vw 2vw var(--cus-orange);
    }
    .top .events .swiper-slide:nth-child(5n+5) .img-box {
        box-shadow: 2vw 2vw var(--cus-green);
    }
    .top .events .swiper-slide-active .img-box {
        width: 100%;
        height: 55vw;
        /* box-shadow: 2vw 2vw rgb(52 209 48); */
    }
    .top .events .img-box .event-img {
        width: 50vw;
        height: 27.33vw;
    }
    .top .events .arrow-box {
        position: absolute;
        margin-top: 0;
        top: 50%;
        transform: translateY(-50%);
        justify-content: space-between;
        width: 95vw;
        display: flex;
        margin-left: -3vw;
        height: auto;
    }
    .top .events .arrow-box .fa {
        width: 8vw;
        height: 8vw;
        font-size: 7vw;
    }
    .top .events .arrow-box .fa-angle-left {}
    .top .events .arrow-box .fa-angle-right {}
    .top .events .web-box {
        margin-top: 20vw;
        width: 35vw;
        min-width: 200px;
    }
    .top .events .web-box .text {}
    .top .events .web-box .web-circle {}
    .top .events .text-box {}
    .top .text-box .title {
        font-size: 4.5vw;
    }
    .top .events .text-box .title {
        height: 21vw;
    }
    .top .text-box .text {
        font-size: 4vw;
        margin-top: 4vw;
    }
    .top .events .text-box .text {
        height: 42vw;
    }
    .top .events .btn {
        width: 44vw;
        height: 8vw;
    }
    .top .event #evetn-btn {}
    .top .shopping {}
    .top .shopping .title-box {}
    .top .shopping .row {
        width: 100%;
    }
    .top .shopping .text-box {
        width: 100%;
    }
    .top .shopping .arrow-box {
        position: absolute;
        margin-top: 0;
        top: 28vw;
        justify-content: space-between;
        width: 95vw;
        display: flex;
        margin-left: 0vw;
        height: auto;
    }
    .top .shopping .slide-box {
        position: absolute;
        top: 54vw;
        /* display: flex; */
        justify-content: center;
    }
    .top .shopping .arrow-box .fa {
        width: 8vw;
        height: 8vw;
        font-size: 7vw;
    }
    .top .shopping .arrow-box .fa-angle-left {}
    .top .shopping .arrow-box .fa-angle-right {}
    .top .shopping .web-box {
        margin-top: 4vw;
        width: 35vw;
        min-width: 200px;
    }
    .top .shopping .text-box .shopping-img {
        height: 50vw;
        width: 82vw;
        border-radius: 0 25vw 25vw 0;
        box-shadow: 2vw 2vw;
        margin-left: auto;
        margin-right: auto;
    }
    .top .shopping .swiper-slide:nth-child(5n+1) .text-box .shopping-img {
        box-shadow: 2vw 2vw var(--cus-red);
    }
    .top .shopping .swiper-slide:nth-child(5n+2) .text-box .shopping-img {
        box-shadow: 2vw 2vw var(--cus-blue);
    }
    .top .shopping .swiper-slide:nth-child(5n+3) .text-box .shopping-img {
        box-shadow: 2vw 2vw var(--cus-yellow);
    }
    .top .shopping .swiper-slide:nth-child(5n+4) .text-box .shopping-img {
        box-shadow: 2vw 2vw var(--cus-orange);
    }
    .top .shopping .swiper-slide:nth-child(5n+5) .text-box .shopping-img {
        box-shadow: 2vw 2vw var(--cus-green);
    }
    .top .shopping .text-box .title {
        margin-top: 18vw;
        max-height: 20vw;
        height: auto;
        margin-right: 0px;
    }
    .top .shopping .text-box .text {
        max-height: 30vw;
        height: auto;
        margin-right: 0;
    }
    .top .shopping .btn {}
    .top .shopping #shopping-btn {}
    .top .facilities {}
    .top .facilities .title-box {}
    .top .facilities .foodcourt {}
    .top .facilities .foodcourt .text-box {
        padding-left: 0;
    }
    .top .facilities .foodcourt .text-box .title-group {}
    .top .facilities .foodcourt .text-box .title-group .title-h3-box {}
    .top .facilities .foodcourt .text-box .title-group .title-h3-box h3 {}
    .top .facilities .foodcourt .text-box .title-group .title-h3-box h3 {}
    .top .facilities .foodcourt .text-box .title-group .title-h3-box .title-bar {}
    .top .facilities .foodcourt .text-box .text {
        width: 55vw;
    }
    .top .facilities .foodcourt .text-box .img-box {
        margin-top: 7vw;
    }
    .top .facilities .foodcourt .text-box .img-box .foodcourt-1 {
        width: 57vw;
        margin-left: -6%;
    }
    .top .facilities .foodcourt .foodcourt-2 {
        left: 58vw;
        width: 57vw;
        top: 41%;
    }
    .top .facilities .facility-img {
        width: 100vw;
        height: auto;
        max-width: 800px;
    }
    .top .facilities .foodcourt .facility-1 {
        position: relative;
        top: 80px;
        right: 5vw;
        margin-left: -10vw;
        box-shadow: 3vw 3vw var(--cus-blue);
    }
    .top .facilities .foodcourt .facility-2 {
        position: relative;
        left: 0;
        margin-top: 10vw;
        margin-right: 117px;
        max-width: 780px;
        box-shadow: -3vw 3vw var(--cus-orange);
    }
    .top .facilities .market {
        margin-top: 5vw;
    }
    .top .facilities .market .text-box {
        padding-left: 40%;
        padding-right: 0;
    }
    .top .facilities .market .text-box .title-group {}
    .top .facilities .market .text-box .text {
        margin-top: 6vw;
    }
    .top .facilities .market .text-box .img-box {
        height: 126vw;
    }
    .top .facilities .market .text-box .img-box img {}
    .top .facilities .market .text-box .img-box img.market-1 {
        width: 42vw;
        height: 25.3vw;
        position: absolute;
        top: 121vw;
        left: -2vw;
    }
    .top .facilities .market .text-box .img-box img.market-2 {
        position: absolute;
        top: 24vw;
        right: 53%;
        width: 45.33vw;
        height: 59.6vw;
    }
    .top .facilities .market .text-box .img-box img.market-3 {
        width: 45.3vw;
        height: 32vw;
        top: 109vw;
        right: -12vw;
        position: absolute;
    }
    .top .facilities .market .text-box .facility-3 {
        left: -10vw;
        right: auto;
        top: 158vw;
        box-shadow: 3vw 3vw var(--cus-red);
    }
    .top .facilities .exchange {
        padding-left: 0px;
        padding-right: 25%;
    }
    .top .facilities .exchange .text-box {}
    .top .facilities .exchange .text-box .title-group {}
    .top .facilities .exchange .text-box .text {
        margin-top: 7vw;
    }
    .top .facilities .exchange .text-box .img-box {
        width: 65.33vw;
        height: 33.33vw;
        margin-left: auto;
        margin-right: -36vw;
    }
    .top .facilities .btn-box {
        margin-top: 10vw;
    }
    .top .facilities .btn-box #facilities-btn {}
    .top .news {}
    .top .news .title-box {}
    .top .news .news-box {}
    .top .news .news-box .single-box-1 {}
    .top .news .news-box .single-box-2 {}
    .top .news .news-box .single-box-3 {}
    .top .news .news-box .single-box-4 {}
    .top .news .news-box .single-box {
        width: 100vw;
    }
    .top .news .news-box .single-box .img-box {
        width: 32.5vw;
        height: 28vw;
    }
    .top .news .news-box .single-box .img-box .news-img,
    .top .news .news-box .single-box .img-box img {
        height: 61vw;
    }
    .top .news .news-box .single-box .text-box {
        flex: auto;
        margin-right: 5vw;
        padding: 0 4%;
    }
    .top .news .news-box .single-box .text-box .title {
        height: 3em;
        display: flex;
        font-size: 3.2vw;
    }
    .top .news .news-box .single-box .text-box .text {
        font-size: 3.2vw;
        height: 15vw;
        margin-top: 0;
    }
    .top .news .news-box .single-box .text-box .date-box {}
    .top .news .news-box .single-box .text-box .date-box .news-date {}
    .top .news .news-box .single-box .text-box .date-box .news-day {}
    .top .news .btn-box {
        margin-top: 10vw;
    }
    .top .news .btn-box #news-btn {}
    .top .access {}
    .top .access .title-box {}
    .top .access .row {}
    .top .access .row .img-box {}
    .top .access .row .img-box .access-map {
        width: 90vw;
        height: 80vw;
        border-radius: 6vw;
    }
    .top .access .row .text-box {
        justify-content: start;
    }
    .top .access .row .text-box .text-row {
        flex-wrap: wrap;
    }
    .top .access .row .text-box .text-row .title {
        width: 100%;
        margin-top: 9vw;
    }
    .top .access .row .text-box .text-row .text {
        margin-top: 3vw;
        width: 100%;
    }
    .top .access .row .text-box .text-row .sort-box {}
    .top .access .row .text-box .text-row .sort-box .text {
        width: 100%;
    }
    .top .access .row .text-box .text-row .sort-box-row {
        flex-wrap: wrap;
        margin-top: 4vw;
    }
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img {
        width: 7vw;
        height: 7vw;
    }
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.car-box {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box .title {
        width: fit-content;
        margin-top: 0px;
        margin-left: 2vw;
    }
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.train-box {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.bus-box {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.car-img {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.train-img {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box img.bus-img {}
    .top .access .row .text-box .text-row .sort-box-row .sort-img-box title {}
    .top .access .row .text-box .text-row .sort-box .heart-bus-link {}
    .top .access .row .text-box .text-row .sort-box .heart-bus-link .fa-heart {
        font-size: 4vw;
    }
    .top .access .row .text-box .text-row .sort-box .heart-bus-link .text-link {
        font-size: 4vw;
    }
    .top .access .row .text-box .text-row .sort-box .heart-bus-link .text {}
    .top .events .btn-box {
        /* background: red; */
        left: 0%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 9vw;
    }
    .top .slider-unit {}
    .top .main .swiper-slide-next {}
    .top .main .swiper-slide-rev {}
    .top .swiper-pagination-bullet {
        width: 2vw;
        height: 2vw;
    }
    .top .main-left {}
    .top .main-right {}
}

@media (max-width: 576px) {}