@charset "UTF-8";
:root {
    --cor-primary: #37a6ef;
    --cor-secondy: #834fe5;
}
.cor-main {
    color: var(--cor-primary);
}
.cor-secondy {
    color: var(--cor-secondy);
}
a {
    text-decoration: none;
}
.indent-4 {
    text-indent: 2rem;
}

/* 导航菜单 */
.navigation-menu {
    list-style: none;
    display: flex;
    align-items: center;
}
.navigation-menu > li {
    margin: 0 20px;
    flex: 1;
}
.navigation-menu > li > a {
    display: inline-flex;
    padding: 10px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: solid 1px #ffffff;
    transition: all 0.3s ease-in-out;
    color: #000;
}
.navigation-menu > li > a:hover,
.navigation-menu > li > a.active {
    border-bottom-color: var(--cor-secondy);
    border-bottom-width: 3px;
    color: var(--cor-primary);
}
.navigation-menu > li[class*="order-2"] > a {
    border-bottom: none !important;
}
.navigation-menu > li > a > span {
    text-transform: uppercase;
    font-size: 10px;
    color: #a3a3a3;
}
.navigation-menu > li > a:hover > span,
.navigation-menu > li > a.active > span {
    color: var(--cor-primary);
}
.floor_1 {
    margin: 30px auto;
}
.floor_1_subtitle {
    position: relative;
}
.floor_1_subtitle::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 20%;
    height: 1px;
    background: linear-gradient(to right, var(--cor-primary), var(--cor-secondy));
}

.services > a.item {
    display: inline-flex;
    flex: 1;
    height: 70px;
    margin: 0 10px;
    background: var(--bg-item-color);
    color: #fff;
    padding: 13px;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.services > a.item:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}
.services > a.item:hover > img {
    transform: rotate(25deg);
}

.services > a.item > img {
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.our-spokespers .person-item-image {
    width: 240px;
    height: 240px;
    background-image: var(--person-image-url);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    clip-path: path(
        "M206.52,201.5c-49.25,49.57-129.23,49.94-173.69,5.75C-11.63,163.07-11.75,83.07,37.5,33.5,86.75-16.06,234.76,4.03,234.76,4.03c0,0,21.02,147.91-28.24,197.47Z"
    );
}
.our-spokespers .photo-item > a > .person_name {
    margin-top: 20px;
    color: var(--cor-secondy);
    font-weight: bold;
}
.our-spokespers .photo-item > a > .position_en {
    color: #333;
}
.our-spokespers .photo-item > a > .position_cn {
    color: #333;
}
.sponsor-list > li {
    padding: 1px;
}
.sponsor-list > li > a {
    border: solid 1px #ddd;
    padding: 15px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.sponsor-list > li > a > img {
    object-fit: contain;
}

.footer {
    height: 330px;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: flex-end;
    padding-bottom: 20px;
    align-items: center;
    background: linear-gradient(to bottom, #6450d0, #1b40b9);
    position: relative;
}
.footer::after {
    position: absolute;
    content: "";
    top: 0;
    width: 150px;
    background: #fff top center / 100% 100% url(../img/footer_split.png) no-repeat;
    height: 100%;
    z-index: 0;
}
.footer .footer-main {
    position: relative;
    z-index: 9;
}


.page-content {
    padding: 15px;
    max-width: 1200px;
}
.page-content img {
    max-width: 100%;
}
.page-title {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.page-title::after {
    content: ' ';
    position: absolute;
    height: 2px;
    width: 50%;
    background: #FFFFEE;
    bottom: 20px;
    background: linear-gradient(90deg, transparent, var(--cor-primary), var(--cor-secondy), transparent);
}
.page-body {
    padding: 15px;
    background: linear-gradient(150deg, transparent 50%, rgb(255 255 255 / 15%));
    border-radius: 10px;
    margin-bottom: 30px;
}
.page-body p {
    text-indent: 2rem;
    line-height: 2 !important;
}