@font-face {
    font-family: DINPro;
    font-weight: 100;
    src: url(/static/fonts/DINPro-CondBold.844f99e3.otf) format("opentype")
}

@font-face {
    font-family: DINPro;
    font-weight: 300;
    src: url(/static/fonts/DINPro-CondBold.844f99e3.otf) format("opentype")
}

@font-face {
    font-family: DINPro;
    font-weight: 400;
    src: url(/static/fonts/DINPro-CondBold.844f99e3.otf) format("opentype")
}

@font-face {
    font-family: DINPro;
    font-weight: 500;
    src: url(/static/fonts/DINPro-CondBold.844f99e3.otf) format("opentype")
}

@font-face {
    font-family: DINPro;
    font-weight: 700;
    src: url(/static/fonts/DINPro-CondBold.844f99e3.otf) format("opentype")
}

@font-face {
    font-family: DINPro;
    font-weight: 900;
    src: url(/static/fonts/DINPro-CondBold.844f99e3.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans SC;
    font-weight: 100;
    src: url(/static/fonts/NotoSansSC-Thin.62155297.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Thin.c695f43e.woff) format("woff"), url(/static/fonts/NotoSansSC-Thin.30fd1899.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans SC;
    font-weight: 300;
    src: url(/static/fonts/NotoSansSC-Light.c2cbe070.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Light.f27b741b.woff) format("woff"), url(/static/fonts/NotoSansSC-Light.ce5a6e16.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans SC;
    font-weight: 400;
    src: url(/static/fonts/NotoSansSC-Regular.64778228.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Regular.a13acdc0.woff) format("woff"), url(/static/fonts/NotoSansSC-Regular.4809f99c.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans SC;
    font-weight: 500;
    src: url(/static/fonts/NotoSansSC-Medium.846b9f0e.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Medium.9ab10683.woff) format("woff"), url(/static/fonts/NotoSansSC-Medium.b66e8f6d.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans SC;
    font-weight: 700;
    src: url(/static/fonts/NotoSansSC-Bold.276991d3.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Bold.d9a15ec9.woff) format("woff"), url(/static/fonts/NotoSansSC-Bold.68638deb.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans SC;
    font-weight: 900;
    src: url(/static/fonts/NotoSansSC-Black.1fc5893e.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Black.5357a23c.woff) format("woff"), url(/static/fonts/NotoSansSC-Black.6e1f3f1c.otf) format("opentype")
}

.app-element-number {
    color: #004269
}

.app-element-number .count {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    line-height: 1;
    white-space: nowrap
}

.app-element-number .count strong {
    font-family: DINPro;
    font-size: 82px;
    font-weight: 400
}

@media screen and (max-width:1200px) {
    .app-element-number .count strong {
        font-size: 62px
    }
}

@media screen and (max-width:1000px) {
    .app-element-number .count strong {
        font-size: 42px
    }
}

@media screen and (max-width:800px) {
    .app-element-number .count strong {
        font-size: 32px
    }
}

.app-element-number .count small {
    font-size: 22px;
    font-weight: 500;
    line-height: 2em
}

@media screen and (max-width:1200px) {
    .app-element-number .count small {
        font-size: 18px;
        line-height: 1.6em
    }
}

@media screen and (max-width:1000px) {
    .app-element-number .count small {
        font-size: 14px
    }
}

.app-element-number .info {
    font-size: 18px;
    text-align: center;
    line-height: 1.8;
}

body.en .app-element-number .info {
    line-height: 1.4
}

@media screen and (max-width:1000px) {
    .app-element-number .info {
        font-size: 12px
    }
}

.app-element-intro {
    color: hsla(0, 0%, 5%, .8);
    font-size: clamp(11px, 1.1dvw, 16px);
    line-height: 1.8;
    text-align: justify
}

body.en .app-element-intro {
    line-height: 1.6;
    text-align: left;
}

.app-element-intro p {
    min-height: 1em
}

.app-element-link {
    color: #004269;
    position: relative
}

.app-element-link:after {
    background-color: currentColor;
    bottom: -.05em;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .3s ease
}

.app-element-link:hover:after {
    transform: scaleX(100%);
    transform-origin: left center
}

.app-element-member {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    height: 100%;
    overflow: hidden;
    transition: box-shadow .6s ease;
    width: 100%
}

.app-element-member-photo {
    overflow: hidden
}

.app-element-member-photo .photo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 110.5%;
    transition: transform .6s ease;
    width: 100%
}

.app-element-member-intro {
    color: #666;
    font-size: 14px;
    padding: 0 1em 1.5em;
    text-align: center
}

@media screen and (max-width:1000px) {
    .app-element-member-intro {
        font-size: 12px
    }
}

.app-element-member-intro .name {
    color: #004269;
    font-size: 22px;
    font-weight: 500;
    padding: .5em 0
}

@media screen and (max-width:1200px) {
    .app-element-member-intro .name {
        font-size: 20px
    }
}

@media screen and (max-width:1000px) {
    .app-element-member-intro .name {
        font-size: 18px
    }
}

@media screen and (max-width:800px) {
    .app-element-member-intro .name {
        font-size: 16px
    }
}

.app-element-member:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
}

.app-element-member:hover .app-element-member-photo .photo {
    transform: scale(1.06)
}

.app-element-arrows {
    align-items: stretch;
    display: flex;
    margin-bottom: 40px;
    margin-top: 20px
}

@media screen and (max-width:1000px) {
    .app-element-arrows {
        margin-bottom: 0;
        margin-top: 3vw
    }
}

.app-element-arrows .app-page-link+.app-page-link {
    margin-left: 8px
}

html.has-scroll-smooth,
html.has-scroll-smooth body {
    overflow: hidden
}

html.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    display: inline-block;
    height: 100vh;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    white-space: nowrap
}

.mo-scrollbar {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    width: 11px;
    z-index: 5000
}

.mo-scrollbar:hover {
    transform: scaleX(1.45)
}

.has-scroll-dragging .mo-scrollbar,
.has-scroll-scrolling .mo-scrollbar,
.mo-scrollbar:hover {
    opacity: 1
}

[data-scroll-direction=horizontal] .mo-scrollbar {
    bottom: 0;
    height: 10px;
    top: auto;
    transform: scaleY(1);
    width: 100%
}

[data-scroll-direction=horizontal] .mo-scrollbar:hover {
    transform: scaleY(1.3)
}

.mo-scrollbar_thumb {
    background-color: #000;
    border-radius: 10px;
    cursor: -webkit-grab;
    cursor: grab;
    margin: 2px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
}

.has-scroll-dragging .mo-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

[data-scroll-direction=horizontal] .mo-scrollbar_thumb {
    bottom: 0;
    right: auto
}

.app-modal {
    background-color: #fff;
    margin: auto;
    max-width: 1400px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:1600px) {
    .app-modal {
        max-width: 1160px
    }
}

.app-modal-close {
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    right: 35px;
    top: 35px;
    transition: transform .4s ease
}

.app-modal-close svg {
    fill: rgba(0, 0, 0, .5);
    height: 1em;
    width: 1em
}

.app-modal-close:hover {
    transform: rotate(90deg)
}

@media screen and (max-width:1200px) {
    .app-modal-close {
        right: 25px;
        top: 25px
    }
}

.app-modal-wrap {
    -webkit-overflow-scrolling: touch;
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    overflow: auto;
    padding: 3vw;
    position: fixed;
    top: 0;
    width: 100vw
}

.app-modal-mask {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.app-modal-content {
    min-height: 180px;
    padding: 80px 60px
}

@media screen and (max-width:1200px) {
    .app-modal-content {
        padding: 60px 30px
    }
}

.app-modal-content p {
    min-height: 1em
}

.app-modal-dialog {
    font-size: 14px
}

.app-modal-dialog h3 {
    font-size: 1.25em;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.app-modal-dialog .moup-dialog-close {
    background-color: #004269
}

.app-modal-dialog .moup-dialog-content {
    max-width: 320px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

* {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width:1024px) {
    html {
        height: 100%;
        overflow: hidden;
        width: 100%
    }
}

html.has-scroll-smooth {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

body {
    background-color: #fff !important;
    font-family: Noto Sans SC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Microsoft Yahei, sans-serif;
    font-size: 16px
}

@media screen and (max-width:760px) {
    body {
        overflow-x: hidden
    }
}

a {
    color: #004269;
    text-decoration: none;
    transition: color .3s ease, opacity .3s ease, transform .3s ease
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

body.en [data-moup-content].moup-editor-braft p {
    text-align: left
}

.defs {
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 0
}

.app-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    width: 94%
}

@media screen and (max-width:1600px) {
    .app-container {
        max-width: 1160px
    }
}

.app-news-party .col .list .item .title,
.app-page-part-7-column .table table .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-page-title {
    line-height: 1.4
}

.app-page-title .cn {
    color: #004269;
    font-size: 40px;
    font-weight: 700
}

body.en .app-page-title .cn {
    line-height: 1.2;
    text-transform: uppercase
}

@media screen and (max-width:1200px) {
    .app-page-title .cn {
        font-size: 30px
    }
}

@media screen and (max-width:1000px) {
    .app-page-title .cn {
        font-size: 26px
    }
}

.app-page-title .en {
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase
}

@media screen and (max-width:1200px) {
    .app-page-title .en {
        font-size: 12px
    }
}

.app-page-title+*,
.app-page-title+*+* {
    margin-top: 40px
}

@media screen and (max-width:1200px) {

    .app-page-title+*,
    .app-page-title+*+* {
        margin-top: 35px
    }
}

@media screen and (max-width:600px) {

    .app-page-title+*,
    .app-page-title+*+* {
        margin-top: 30px
    }
}

.app-page-link {
    align-items: center;
    color: #004269;
    display: inline-flex;
    font-size: 20px;
    height: 52px;
    justify-content: center;
    line-height: 1;
    padding: 0 2em;
    position: relative;
    transition: color .6s ease;
    white-space: nowrap
}

@media screen and (max-width:1200px) {
    .app-page-link {
        font-size: 18px;
        height: 48px
    }
}

@media screen and (max-width:1000px) {
    .app-page-link {
        font-size: 16px;
        height: 44px
    }
}

@media screen and (max-width:800px) {
    .app-page-link {
        font-size: 14px;
        height: 40px
    }
}

@media screen and (max-width:600px) {
    .app-page-link {
        font-size: 12px;
        height: 36px
    }
}

.app-page-link span {
    position: relative;
    z-index: 2
}

.app-page-link:after,
.app-page-link:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .6s ease
}

.app-page-link:after {
    background: url(/static/images/bg-hover.92164a71.png) no-repeat 50%/cover;
    opacity: 0
}

.app-page-link:before {
    border: 2px solid #004269
}

@media screen and (max-width:600px) {
    .app-page-link:before {
        border-width: 1px
    }
}

.app-page-link:hover {
    border-color: transparent;
    color: #fff
}

.app-page-link:hover:after {
    opacity: 1
}

.app-page-link:hover:before {
    opacity: 0
}

.app-page-link-icon {
    padding: 0;
    width: 52px
}

@media screen and (max-width:1200px) {
    .app-page-link-icon {
        width: 48px
    }
}

@media screen and (max-width:1000px) {
    .app-page-link-icon {
        width: 44px
    }
}

@media screen and (max-width:800px) {
    .app-page-link-icon {
        width: 40px
    }
}

@media screen and (max-width:600px) {
    .app-page-link-icon {
        width: 36px
    }
}

.app-page-news-item {
    flex: 0 0 auto;
    padding: 15px;
    width: 33.33%
}

@media screen and (max-width:1200px) {
    .app-page-news-item {
        padding: 10px
    }
}

.app-page-news-item .inner {
    color: #333;
    display: block;
    font-size: 18px;
    height: 100%;
    width: 100%;
    position: relative;
}

@media screen and (max-width:1200px) {
    .app-page-news-item .inner {
        font-size: 16px
    }
}

@media screen and (max-width:1000px) {
    .app-page-news-item .inner {
        font-size: 14px
    }
}

.app-page-news-item .inner .image {
    overflow: hidden;
    width: 100%
}

.app-page-news-item .inner .image .picture {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 75%;
    transition: transform .6s ease;
    width: 100%;
    border-radius: 5px;
}

.app-page-news-item .inner .intro {
    /* padding: 1em 20% 1em 0; */
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    background-image: linear-gradient(to bottom,rgba(50,50,50,0),rgba(50,50,50,.8));
    display: flex;
    align-items: flex-end;
    padding: 1em;
    color: #fff;
    border-radius: 5px;
}

.app-page-news-item .inner .intro-new {
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em;
    border-radius: 5px;
}
.app-page-news-item .inner .intro-new .time {
    font-size: 14px;
    opacity: .5;
}
.app-page-news-item .inner .intro-new .title {
    font-weight: 500;
    font-size: 20px;
    color: #004269;
}

.app-page-news-item .inner .intro .title {
    font-weight: 500;
    line-height: 1.4
}
.app-page-news-item .inner:hover .intro .title {
    color: #fff;
} 
.app-page-news-item .inner .intro .time {
    color: #666;
    font-size: 12px;
    margin-top: 1em;
    opacity: .75
}

.app-page-news-item.new .image {
    overflow: visible !important;
}
.app-page-news-item.new .picture {
    background-color: #fafafa;
    transition: .3s ease !important;
}
.app-page-news-item.new:hover .picture {
    background-color: #fff;
    transform: scale(1) !important;
    box-shadow: 5px 5px 15px #f2f2f2;
}

@media screen and (max-width:1000px) {
    .app-page-news-item .inner .intro .time {
        margin-top: .5em
    }
}

.app-page-news-item .inner:hover .image .picture {
    transform: scale(1.2)
}

.app-page-news-item .inner:hover .intro .title {
    color: #fff;
}

.app-page-news-text {
    flex: 0 0 auto;
    padding: 15px;
    width: 33.33%
}

@media screen and (max-width:1200px) {
    .app-page-news-text {
        padding: 10px
    }
}

.app-page-news-text .inner {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: hsla(0, 0%, 100%, .5);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    color: #333;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 100%;
    justify-content: space-between;
    padding: 2em;
    width: 100%
}

@media screen and (max-width:800px) {
    .app-page-news-text .inner {
        font-size: 12px
    }
}

.app-page-news-text .inner .text {
    color: #333;
    text-align: justify
}

.app-page-news-text .inner .text .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4
}

@media screen and (max-width:1200px) {
    .app-page-news-text .inner .text .title {
        font-size: 20px
    }
}

@media screen and (max-width:1000px) {
    .app-page-news-text .inner .text .title {
        font-size: 18px
    }
}

@media screen and (max-width:800px) {
    .app-page-news-text .inner .text .title {
        font-size: 16px
    }
}

.app-page-news-text .inner .text .intro {
    margin-top: 1.5em;
    opacity: .75
}

.app-page-news-text .inner .view {
    margin-top: 3em
}

.app-page-news-text .inner .view .app-page-link {
    font-size: 16px;
    height: 42px
}

@media screen and (max-width:800px) {
    .app-page-news-text .inner .view .app-page-link {
        font-size: 14px
    }
}

.app-page-banner {
    height: 34.72vw;
    max-height: 500px;
    min-height: 452px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:600px) {
    .app-page-banner {
        height: 120.5vw;
        min-height: 0
    }
}

.app-page-banner .app-container {
    height: 100%;
    position: relative;
    z-index: 1
}

.app-page-banner .bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.app-page-banner .bg.pc {
    display: block
}

@media screen and (max-width:600px) {
    .app-page-banner .bg.pc {
        display: none
    }
}

.app-page-banner .bg.m {
    display: none
}

@media screen and (max-width:600px) {
    .app-page-banner .bg.m {
        display: block
    }
}

.app-page-banner .content {
    align-items: flex-end;
    display: flex;
    height: 100%
}

.app-page-banner .content .text {
    align-items: flex-end;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 40px;
    line-height: 1.25;
    padding-bottom: calc(2.5em - 20px)
}

@media screen and (max-width:1600px) {
    .app-page-banner .content .text {
        font-size: 38px
    }
}

@media screen and (max-width:1400px) {
    .app-page-banner .content .text {
        font-size: 36px
    }
}

@media screen and (max-width:1200px) {
    .app-page-banner .content .text {
        font-size: 35px
    }
}

@media screen and (max-width:1000px) {
    .app-page-banner .content .text {
        font-size: 30px
    }
}

@media screen and (max-width:800px) {
    .app-page-banner .content .text {
        font-size: 25px
    }
}

@media screen and (max-width:600px) {
    .app-page-banner .content .text {
        font-size: 20px
    }
}

.app-page-banner .content .text .cn {
    flex: 0 0 auto;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 20px;
    margin-right: .5em;
    max-width: 5em
}

body.en .app-page-banner .content .text .cn {
    line-height: 1.2;
    max-width: 12em;
    text-transform: uppercase
}

@media screen and (max-width:500px) {
    body.en .app-page-banner .content .text .cn {
        font-size: 1.6em
    }
}

.app-page-banner .content .text .en {
    margin-bottom: 20px;
    text-transform: uppercase;
    transform: translateY(-7px)
}

.app-page-breadcrumbs {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    height: 80px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media screen and (max-width:1600px) {
    body.en .app-page-breadcrumbs {
        height: auto
    }
}

@media screen and (max-width:1200px) {
    .app-page-breadcrumbs {
        height: 68px
    }
}

@media screen and (max-width:1000px) {
    .app-page-breadcrumbs {
        height: auto
    }

    .app-page-breadcrumbs:after {
        background-color: hsla(0, 0%, 93%, .75);
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        top: 58px
    }
}

.app-page-breadcrumbs .app-container {
    height: 100%
}

.app-page-breadcrumbs .wrapper {
    align-items: center;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: space-between;
    position: relative
}

body.en .app-page-breadcrumbs .wrapper {
    font-size: 14px
}

@media screen and (max-width:1600px) {
    body.en .app-page-breadcrumbs .wrapper {
        flex-wrap: wrap
    }
}

@media screen and (max-width:1200px) {
    .app-page-breadcrumbs .wrapper {
        font-size: 14px
    }

    body.en .app-page-breadcrumbs .wrapper {
        font-size: 13px
    }
}

@media screen and (max-width:1000px) {
    .app-page-breadcrumbs .wrapper {
        flex-wrap: wrap;
        font-size: 12px
    }
}

@media screen and (max-width:1600px) {

    body.en .app-page-breadcrumbs .wrapper .breadcrumbs,
    body.en .app-page-breadcrumbs .wrapper .menus {
        flex: 0 0 auto;
        height: 58px;
        justify-content: flex-start;
        overflow-x: auto;
        position: static;
        width: 100%
    }

    body.en .app-page-breadcrumbs .wrapper .breadcrumbs::-webkit-scrollbar,
    body.en .app-page-breadcrumbs .wrapper .menus::-webkit-scrollbar {
        height: 1px;
        width: 2px
    }

    body.en .app-page-breadcrumbs .wrapper .breadcrumbs::-webkit-scrollbar-thumb,
    body.en .app-page-breadcrumbs .wrapper .menus::-webkit-scrollbar-thumb {
        background: #eee
    }

    body.en .app-page-breadcrumbs .wrapper .breadcrumbs::-webkit-scrollbar-track,
    body.en .app-page-breadcrumbs .wrapper .menus::-webkit-scrollbar-track {
        background: hsla(0, 0%, 100%, 0)
    }
}

@media screen and (max-width:1000px) {

    .app-page-breadcrumbs .wrapper .breadcrumbs,
    .app-page-breadcrumbs .wrapper .menus {
        flex: 0 0 auto;
        height: 58px;
        overflow-x: auto;
        width: 100%
    }

    .app-page-breadcrumbs .wrapper .breadcrumbs::-webkit-scrollbar,
    .app-page-breadcrumbs .wrapper .menus::-webkit-scrollbar {
        height: 1px;
        width: 2px
    }

    .app-page-breadcrumbs .wrapper .breadcrumbs::-webkit-scrollbar-thumb,
    .app-page-breadcrumbs .wrapper .menus::-webkit-scrollbar-thumb {
        background: #eee
    }

    .app-page-breadcrumbs .wrapper .breadcrumbs::-webkit-scrollbar-track,
    .app-page-breadcrumbs .wrapper .menus::-webkit-scrollbar-track {
        background: hsla(0, 0%, 100%, 0)
    }
}

.app-page-breadcrumbs .wrapper .breadcrumbs a,
.app-page-breadcrumbs .wrapper .breadcrumbs span,
.app-page-breadcrumbs .wrapper .menus a {
    overflow: hidden;
    padding: .5em 0;
    text-overflow: ellipsis;
    transition: .6s ease
}

@media screen and (max-width:1000px) {

    .app-page-breadcrumbs .wrapper .breadcrumbs a,
    .app-page-breadcrumbs .wrapper .breadcrumbs span,
    .app-page-breadcrumbs .wrapper .menus a {
        max-width: 100% !important;
        overflow: visible !important
    }
}

.app-page-breadcrumbs .wrapper .breadcrumbs a:hover,
.app-page-breadcrumbs .wrapper .breadcrumbs span:hover,
.app-page-breadcrumbs .wrapper .menus a:hover {
    max-width: 100%
}

.app-page-breadcrumbs .wrapper .breadcrumbs {
    align-items: center;
    color: #666;
    display: flex;
    line-height: 1;
    padding-right: 2em;
    position: relative;
    white-space: nowrap;
    z-index: 5
}

.app-page-breadcrumbs .wrapper .breadcrumbs>* {
    position: relative;
    z-index: 1
}

.app-page-breadcrumbs .wrapper .breadcrumbs:before {
    background: linear-gradient(270deg, transparent, #fff 40px);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -60px;
    top: 0;
    transition: opacity .6s ease .3s;
    z-index: 0
}

.app-page-breadcrumbs .wrapper .breadcrumbs:hover:before {
    opacity: 1;
    transition-delay: 0s
}

.app-page-breadcrumbs .wrapper .breadcrumbs .home {
    display: inline-flex;
    margin-right: .5em
}

.app-page-breadcrumbs .wrapper .breadcrumbs .home svg {
    fill: currentColor;
    height: 1em;
    width: 1em
}

.app-page-breadcrumbs .wrapper .breadcrumbs a {
    color: currentColor
}

.app-page-breadcrumbs .wrapper .breadcrumbs a:hover {
    color: #004269
}

.app-page-breadcrumbs .wrapper .breadcrumbs a,
.app-page-breadcrumbs .wrapper .breadcrumbs span {
    max-width: 10em
}

@media screen and (max-width:1360px) {

    .app-page-breadcrumbs .wrapper .breadcrumbs a,
    .app-page-breadcrumbs .wrapper .breadcrumbs span {
        max-width: 10vw
    }
}

.app-page-breadcrumbs .wrapper .breadcrumbs a:not(.home)+:before,
.app-page-breadcrumbs .wrapper .breadcrumbs span:not(.home)+:before {
    content: ">";
    margin: 0 .25em
}

.app-page-breadcrumbs .wrapper .menus {
    align-items: center;
    color: #666;
    display: flex;
    justify-content: flex-end;
    line-height: 1;
    position: absolute;
    right: 0;
    transition: z-index .3s ease;
    transition-delay: .6s;
    white-space: nowrap;
    z-index: 1
}

@media screen and (max-width:1000px) {
    .app-page-breadcrumbs .wrapper .menus {
        justify-content: flex-start;
        position: static
    }
}

.app-page-breadcrumbs .wrapper .menus>* {
    position: relative;
    z-index: 1
}

.app-page-breadcrumbs .wrapper .menus:before {
    background: linear-gradient(90deg, transparent, #fff 40px);
    content: "";
    display: block;
    height: 100%;
    left: -60px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .6s ease .6s;
    z-index: 0
}

.app-page-breadcrumbs .wrapper .menus:hover {
    transition-delay: 0s;
    z-index: 10
}

.app-page-breadcrumbs .wrapper .menus:hover:before {
    opacity: 1;
    transition-delay: 0s
}

.app-page-breadcrumbs .wrapper .menus a {
    color: currentColor;
    max-width: 15em
}

@media screen and (max-width:1360px) {
    .app-page-breadcrumbs .wrapper .menus a {
        max-width: 15vw
    }
}

.app-page-breadcrumbs .wrapper .menus a:hover {
    color: #004269
}

.app-page-breadcrumbs .wrapper .menus a+a {
    margin-left: 2em
}

body.en .app-page-breadcrumbs .wrapper .menus a+a {
    margin-left: 1em
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:first-child {
    transition-delay: .04s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(2) {
    transition-delay: .08s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(3) {
    transition-delay: .12s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(4) {
    transition-delay: .16s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(5) {
    transition-delay: .2s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(6) {
    transition-delay: .24s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(7) {
    transition-delay: .28s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(8) {
    transition-delay: .32s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(9) {
    transition-delay: .36s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(10) {
    transition-delay: .4s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(11) {
    transition-delay: .44s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(12) {
    transition-delay: .48s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(13) {
    transition-delay: .52s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(14) {
    transition-delay: .56s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(15) {
    transition-delay: .6s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(16) {
    transition-delay: .64s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(17) {
    transition-delay: .68s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(18) {
    transition-delay: .72s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(19) {
    transition-delay: .76s
}

.app-page-breadcrumbs .wrapper .menus [data-appear-animation]:nth-child(20) {
    transition-delay: .8s
}

.app-page-body {
    background-color: #fff
}

.app-page-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px
}

.app-page-content h1 {
    font-size: 24px;
    font-weight: 500
}

@media screen and (max-width:1200px) {
    .app-page-content h1 {
        font-size: 22px
    }
}

.app-page-content h2 {
    font-size: 22px;
    font-weight: 500
}

@media screen and (max-width:1200px) {
    .app-page-content h2 {
        font-size: 20px
    }
}

.app-page-content h3 {
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width:1200px) {
    .app-page-content h3 {
        font-size: 18px
    }
}

.app-page-content h4 {
    font-size: 18px;
    font-weight: 500
}

@media screen and (max-width:1200px) {
    .app-page-content h4 {
        font-size: 16px
    }
}

.app-page-content h5 {
    font-size: 16px;
    font-weight: 500
}

@media screen and (max-width:1200px) {
    .app-page-content h5 {
        font-size: 14px
    }
}

.app-page-content h6 {
    font-size: 14px;
    font-weight: 500
}

@media screen and (max-width:1200px) {
    .app-page-content h6 {
        font-size: 12px
    }
}

.app-page-content-header {
    padding: 50px 0;
    text-align: center
}

@media screen and (max-width:1000px) {
    .app-page-content-header {
        padding: 40px 0
    }
}

.app-page-content-header h1 {
    color: #000
}

.app-page-content-header .extra {
    align-items: center;
    color: #6d7278;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center;
    margin-top: 1em
}

@media screen and (max-width:1200px) {
    .app-page-content-header .extra {
        font-size: 12px
    }
}

.app-page-content-header .extra a,
.app-page-content-header .extra span {
    align-items: center;
    color: currentColor;
    display: inline-flex;
    margin: 0 1em;
    white-space: nowrap
}

.app-page-content-header .extra a:hover {
    color: #004269
}

.app-page-content-main {
    color: #6c7279;
    font-size: 18px;
    line-height: 1.8;
    padding-bottom: 100px
}

@media screen and (max-width:1000px) {
    .app-page-content-main {
        font-size: 14px;
        padding-bottom: 80px
    }
}

.app-page-content-main a {
    color: #004269
}

.app-page-content [data-appear-animation]:first-child {
    transition-delay: .1s
}

.app-page-content [data-appear-animation]:nth-child(2) {
    transition-delay: .2s
}

.app-page-content [data-appear-animation]:nth-child(3) {
    transition-delay: .3s
}

.app-page-content [data-appear-animation]:nth-child(4) {
    transition-delay: .4s
}

.app-page-content [data-appear-animation]:nth-child(5) {
    transition-delay: .5s
}

.app-page-content [data-appear-animation]:nth-child(6) {
    transition-delay: .6s
}

.app-page-content [data-appear-animation]:nth-child(7) {
    transition-delay: .7s
}

.app-page-content [data-appear-animation]:nth-child(8) {
    transition-delay: .8s
}

.app-page-content [data-appear-animation]:nth-child(9) {
    transition-delay: .9s
}

.app-page-content [data-appear-animation]:nth-child(10) {
    transition-delay: 1s
}

.app-page-content [data-appear-animation]:nth-child(11) {
    transition-delay: 1.1s
}

.app-page-content [data-appear-animation]:nth-child(12) {
    transition-delay: 1.2s
}

.app-page-content [data-appear-animation]:nth-child(13) {
    transition-delay: 1.3s
}

.app-page-content [data-appear-animation]:nth-child(14) {
    transition-delay: 1.4s
}

.app-page-content [data-appear-animation]:nth-child(15) {
    transition-delay: 1.5s
}

.app-page-content [data-appear-animation]:nth-child(16) {
    transition-delay: 1.6s
}

.app-page-content [data-appear-animation]:nth-child(17) {
    transition-delay: 1.7s
}

.app-page-content [data-appear-animation]:nth-child(18) {
    transition-delay: 1.8s
}

.app-page-content [data-appear-animation]:nth-child(19) {
    transition-delay: 1.9s
}

.app-page-content [data-appear-animation]:nth-child(20) {
    transition-delay: 2s
}

.app-page-list-article {
    padding: 60px 0
}

@media screen and (max-width:1200px) {
    .app-page-list-article {
        padding: 50px 0
    }
}

@media screen and (max-width:1000px) {
    .app-page-list-article {
        padding: 40px 0
    }
}

@media screen and (max-width:800px) {
    .app-page-list-article {
        padding: 30px 0
    }
}

@media screen and (max-width:600px) {
    .app-page-list-article {
        padding: 20px 0
    }
}

.app-page-list-article .item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 40px;
    position: relative;
    transition: transform .8s ease, opacity .8s ease, box-shadow .3s ease
}

@media screen and (max-width:800px) {
    .app-page-list-article .item {
        padding: 30px
    }
}

@media screen and (max-width:600px) {
    .app-page-list-article .item {
        align-items: stretch;
        padding: 20px 20px 20px 10px
    }
}

.app-page-list-article .item .main {
    align-items: flex-start;
    display: flex;
    font-size: 24px;
    line-height: 1.2
}

@media screen and (max-width:1200px) {
    .app-page-list-article .item .main {
        font-size: 18px
    }
}

@media screen and (max-width:1000px) {
    .app-page-list-article .item .main {
        font-size: 16px
    }
}

@media screen and (max-width:800px) {
    .app-page-list-article .item .main {
        font-size: 14px
    }
}

@media screen and (max-width:600px) {
    .app-page-list-article .item .main {
        flex-direction: column;
        justify-content: space-between
    }
}

.app-page-list-article .item .main .time {
    border-right: 1px solid #eee;
    color: #004269;
    font-family: DinPro;
    line-height: 1.5;
    margin-right: 2em;
    padding-right: 2em;
    white-space: nowrap
}

@media screen and (max-width:600px) {
    .app-page-list-article .item .main .time {
        border-right: 0;
        margin-right: 0;
        margin-top: 2em;
        order: 1;
        padding-right: 0
    }
}

.app-page-list-article .item .main .text .title {
    color: #333;
    font-weight: 500;
    line-height: 1.5
}

.app-page-list-article .item .main .text .title a {
    color: currentColor
}

.app-page-list-article .item .main .text .title a:hover {
    color: #004269
}

.app-page-list-article .item .main .text .more {
    color: #004269;
    font-size: 14px;
    font-weight: 400;
    margin-top: 1em
}

@media screen and (max-width:1200px) {
    .app-page-list-article .item .main .text .more {
        font-size: 12px
    }
}

@media screen and (max-width:600px) {
    .app-page-list-article .item .main .text .more {
        display: none
    }
}

.app-page-list-article .item .main .text .more a {
    color: currentColor
}

.app-page-list-article .item .image {
    flex: 0 0 auto;
    margin-left: 2em;
    width: 200px
}

@media screen and (max-width:800px) {
    .app-page-list-article .item .image {
        width: 140px
    }
}

@media screen and (max-width:600px) {
    .app-page-list-article .item .image {
        margin-left: 1em
    }
}

.app-page-list-article .item .image .picture {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 75%;
    width: 100%
}

.app-page-list-article .item+.item {
    margin-top: 30px
}

@media screen and (max-width:600px) {
    .app-page-list-article .item+.item {
        margin-top: 20px
    }
}

.app-page-list-article .item:after,
.app-page-list-article .item:before {
    content: "";
    position: absolute;
    transition: opacity .3s ease
}

.app-page-list-article .item:after {
    background-color: #eee;
    bottom: 0;
    height: 1px;
    left: 0;
    right: 0
}

.app-page-list-article .item:before {
    border: 1px solid #eee;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    right: 0;
    top: 0
}

.app-page-list-article .item:hover {
    box-shadow: 8px 8px 0 rgba(0, 66, 105, .15)
}

.app-page-list-article .item:hover:after {
    opacity: 0
}

.app-page-list-article .item:hover:before {
    opacity: 1
}

.app-page-list-article+.app-pagination {
    padding-top: 0 !important
}

.app-page-list-member {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    margin: -20px
}

@media screen and (max-width:1600px) {
    .app-page-list-member {
        margin: -15px
    }
}

@media screen and (max-width:1200px) {
    .app-page-list-member {
        margin: -10px
    }
}

@media screen and (max-width:800px) {
    .app-page-list-member {
        margin: -5px
    }
}

.app-page-list-member-item {
    flex: 0 0 auto;
    max-width: 320px;
    padding: 20px
}

@media screen and (max-width:1600px) {
    .app-page-list-member-item {
        padding: 15px
    }
}

@media screen and (max-width:1200px) {
    .app-page-list-member-item {
        padding: 10px
    }
}

@media screen and (max-width:800px) {
    .app-page-list-member-item {
        padding: 5px
    }
}

.app-page-list-member-entity {
    display: block;
    height: 100%;
    width: 100%
}

.app-page-list-grid {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    margin: -10px
}

@media screen and (max-width:1000px) {
    .app-page-list-grid {
        margin: -5px
    }
}

.app-page-list-grid-item {
    padding: 10px;
    width: 25%
}

@media screen and (max-width:1000px) {
    .app-page-list-grid-item {
        padding: 5px
    }
}

@media screen and (max-width:680px) {
    .app-page-list-grid-item {
        width: 50%
    }
}

.app-page-list-grid-item .inner {
    background-color: #fff;
    border: 1px solid #979797;
    color: #333;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    height: 100%;
    padding: 1.25em;
    transition: border-color .6s ease, background-color .6s ease, color .6s ease
}

@media screen and (max-width:1200px) {
    .app-page-list-grid-item .inner {
        font-size: 14px
    }
}

@media screen and (max-width:1000px) {
    .app-page-list-grid-item .inner {
        font-size: 12px
    }
}

.app-page-list-grid-item .inner .title {
    color: #004269;
    font-size: 18px;
    font-weight: 500;
    transition: color .6s ease
}

@media screen and (max-width:1200px) {
    .app-page-list-grid-item .inner .title {
        font-size: 18px
    }
}

@media screen and (max-width:1000px) {
    .app-page-list-grid-item .inner .title {
        font-size: 16px
    }
}

.app-page-list-grid-item .inner .intro {
    margin-top: .5em
}

.app-page-list-grid-item .inner:hover {
    background-color: #004269;
    border-color: currentColor
}

.app-page-list-grid-item .inner:hover,
.app-page-list-grid-item .inner:hover * {
    color: #fff
}

.app-page-list-grid-item.active .inner {
    background-color: #004269;
    border-color: currentColor
}

.app-page-list-grid-item.active .inner,
.app-page-list-grid-item.active .inner * {
    color: #fff
}

.app-page-list-grid.new .app-page-list-grid-item .inner {
    background-color: transparent;
    border-color: #004269;
    text-align: center
}

.app-page-list-grid.new .app-page-list-grid-item .inner:hover {
    background-color: #004269
}

.app-page-list-product {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    margin: -20px
}

@media screen and (max-width:1200px) {
    .app-page-list-product {
        margin: -10px
    }
}

.app-page-list-product-item {
    flex: 0 0 auto;
    padding: 20px;
    width: 50%
}

@media screen and (max-width:1200px) {
    .app-page-list-product-item {
        padding: 10px
    }
}

@media screen and (max-width:780px) {
    .app-page-list-product-item {
        width: 100%
    }
}

.app-page-list-product-item .inner {
    align-items: flex-end;
    border: 1px solid #979797;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: space-between;
    line-height: 1.6;
    padding: 2em;
    width: 100%
}

@media screen and (max-width:1000px) {
    .app-page-list-product-item .inner {
        font-size: 12px
    }
}

.app-page-list-product-item .inner .text .title {
    margin-bottom: 2em
}

.app-page-list-product-item .inner .text .title .name {
    color: #004269;
    font-size: 18px
}

@media screen and (max-width:1000px) {
    .app-page-list-product-item .inner .text .title .name {
        font-size: 16px
    }
}

.app-page-list-product-item .inner .text .title .code {
    color: #333;
    font-size: 16px
}

@media screen and (max-width:1000px) {
    .app-page-list-product-item .inner .text .title .code {
        font-size: 14px
    }
}

.app-page-list-product-item .inner .text .value {
    color: #666
}

.app-page-list-product-item .inner .data .proportion {
    color: #e21a1a;
    font-family: DinPro;
    font-size: 44px
}

@media screen and (max-width:1200px) {
    .app-page-list-product-item .inner .data .proportion {
        font-size: 40px
    }
}

@media screen and (max-width:1000px) {
    .app-page-list-product-item .inner .data .proportion {
        font-size: 36px
    }
}

.app-page-list-product-item .inner .data .intro {
    color: #666
}

.app-page-list-honor-item .inner {
    align-items: flex-start;
    display: flex;
    font-size: 14px;
    padding: 2em 0 4em;
    position: relative
}

@media screen and (max-width:680px) {
    .app-page-list-honor-item .inner {
        flex-direction: column;
        padding-left: 4em
    }
}

@media screen and (max-width:520px) {
    .app-page-list-honor-item .inner {
        font-size: 12px;
        padding-left: 0
    }
}

.app-page-list-honor-item .inner .year {
    align-items: flex-end;
    color: #004269;
    display: flex;
    flex: 0 0 auto;
    font-size: 22px;
    justify-content: center;
    line-height: 1;
    width: 250px
}

@media screen and (max-width:1200px) {
    .app-page-list-honor-item .inner .year {
        font-size: 18px
    }
}

@media screen and (max-width:1000px) {
    .app-page-list-honor-item .inner .year {
        font-size: 14px
    }
}

@media screen and (max-width:680px) {
    .app-page-list-honor-item .inner .year {
        margin-bottom: 1.5em;
        width: auto
    }
}

.app-page-list-honor-item .inner .year strong {
    font-family: DinPro;
    font-size: 2.8em
}

.app-page-list-honor-item .inner .year small {
    font-size: 1em;
    margin-bottom: .25em
}

.app-page-list-honor-item .inner .content {
    color: hsla(0, 0%, 5%, .8);
    line-height: 1.6
}

.app-page-list-honor-item .inner .content ul {
    list-style: none;
    padding-top: .25em
}

.app-page-list-honor-item .inner .content ul li {
    padding-left: 1.25em;
    position: relative
}

.app-page-list-honor-item .inner .content ul li:before {
    background-color: #004269;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: .7em;
    width: 5px
}

.app-page-list-honor-item .inner .content ul li+li {
    margin-top: 1em
}

.app-page-list-honor-item .inner .content ul.number {
    counter-reset: counters 0;
    padding-top: .5em
}

.app-page-list-honor-item .inner .content ul.number li {
    padding-left: 1.7em
}

.app-page-list-honor-item .inner .content ul.number li:before {
    background-color: transparent;
    color: #0c0c0c;
    content: counter(counters, decimal-leading-zero);
    counter-increment: counters 1;
    font-family: DinPro;
    font-size: 1.25em;
    height: auto;
    top: -.15em;
    width: auto
}

.app-page-list-honor-item .inner:after,
.app-page-list-honor-item .inner:before {
    content: "";
    display: block;
    position: absolute
}

@media screen and (max-width:520px) {

    .app-page-list-honor-item .inner:after,
    .app-page-list-honor-item .inner:before {
        display: none !important
    }
}

.app-page-list-honor-item .inner:before {
    background-color: rgba(0, 66, 105, .5);
    bottom: 0;
    left: 14px;
    top: 0;
    width: 2px
}

@media screen and (max-width:1000px) {
    .app-page-list-honor-item .inner:before {
        left: 11px
    }
}

.app-page-list-honor-item .inner:after {
    background: #fff;
    border: 2px solid rgba(0, 66, 105, .5);
    box-sizing: border-box;
    height: 30px;
    left: 0;
    top: 2em;
    width: 30px
}

@media screen and (max-width:1000px) {
    .app-page-list-honor-item .inner:after {
        height: 24px;
        width: 24px
    }
}

.app-page-list-honor-item:first-child .inner:before {
    top: 2em
}

.app-page-list-honor-item:hover {
    background-color: #f8f8f8
}

.app-page-list-honor-item:hover .inner:after {
    background: #f8f8f8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA8CAYAAAAzF3kIAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAOKADAAQAAAABAAAAPAAAAAD4186TAAANBklEQVRoBc1beXQV1Rn/7rz3srkm1NhzVFoIoBUV7ZFjew6LZEHR0qptbGv/8SguWSBYllRxeeCKEAlkE7XLH7UuaN1qbTaMQmuraKVW60aqqMdjgMSNhOS9N7e/707mJZOZbxIVKd85LzPz/b5779w797vfcm8UBVFJ5Q8pZdcAegG/NyiiOsnW7xOpD+iwWBc9WvtxULGvjae1ouLKPFI6n7Q6lhQdR9ouwP0JuJ9OUTWPmhteDWpfBTEpHrdoy0fbSNNpgbiiAVTejcp7gHNnPyHSe3H9HIPA1wTKJkiphLlXuCedxD3/osBiuMYGr1HUg3udAflDwDsUGP+OAD8X5Y7E/TjwI7j6SamHqL2x1A84nOAOMja3spCSqXap4EHCT1BMnUjNjW9L72NJALXUb8YI/knEDwpA1Yd1jl9R7iCjSi1HJ1N8exBSD8UybxrtvYLntVuq84XdNGH6N/E43WUdNFdLraDWuqdHe5/wL8ilo4fE8fczvj1oSFEn5eY3jOV9LCy/Z1Jx+QWicMvaLkzTW0X8/wKoatoUHxCbLipfS5dv5JUaOqjsDCzRa2jewkyxQF5WLfTxPRE/kIBSz8EsPCQ2ObfyBJiUKur50FgIZ4pqmkj9ycVioU3r+mCPrhHxAwqoJaHNpVJ34F2jrsyQDip1Dc1dmu8Cvmtb4734ii/5+AeUoR6k9obnxCYLK+fh680bjg91UOvDKbX35uGg514pTcoKHz1Pgf38wN6Tpa8Wa43H4REZ99IjMtRBw1aX0FkLp3kkhj+01Xfg8fHhrAN3r+qoralTbG/rR2VYS74zEvd2UGsL7tm6kUKe52ikGh4A+5QHjhR1U5aWZ9e5ZbnwjW8IeiFvB1lC6zlUWHF+kLDhtdS/Dq9+o4h/LYBaRU82sWMfTPtUHO89Lgj0d9BI2WuoNJ4RVMDwMqIrseB8KuL7F9hBBdMaxSrPrjoenSuTcKGDVEDdXbLZeKpuFyq9Rap0v/ItqMRdV3DYFUwDCZgFE34F4lIHWXhFqNkYf/R6eDg7A2vdf8y/Ulv9w2J1JeVzoVPniDgAuYNsNpK9srf+u/g+UhF52Q5rdaxYNMQslT4YQZzDXy+U5A5yMaUvoaKyU8QaWuvugy5uE/GvAii6n1oa/iFW0f3Mlfh6U0V8ELDIyngFPUGqIYA4TaBJNhts/COjuE4B1Y7KUqqfIhHZNTxvMdIYemVIPS+6zrhFzbUfYqLKNoaoEF/xPLGyloZn8RUfFfEvBegNyCj8Vyz6ef8NklkwZaJqkVvWmaKxCH+lHS7Td9Uq3GwQwhdONO0PUmoPHZYpr9BFFVPIpgqxKaXupZbGv7m4hTDpcHqqjqfEL12m/6onUU9XelR8eHvDm1iv7vTxvwxDYeqFpiU1LyyxwKoVMno6s5pKyw81mUEIsWv2PeLltrX+cUy11sCCzNT6WgzGUSJ+SNYqmA2kD78CKXqLJp4qD1RRRQne41y5BXULbV73AfXgXV9FehLkTFGbatFjzk9WiX6mRp5yIHWjWPkTNbsRbYTpslg0DWhLNupsFrTNXy+YOI2RYdXgI3BCOO2kOB1kL/zZXZXU1vgfhCT1wTUwVy9AiuNkEY9ZG4C9I+JhgKIttLnhEVGku+MKYCeJONESo2oDCBa0TmcnhuygsuNmCh6aieVX7QqsiM2Gbctmw+gyAucvThptyrEmmwUdYhYUtVF706PkTOH5w5sf6iBPwf7UzUbBLbhpIuki4r0LiVoa7sdUf16CBf59yLO8IGBEnw5cD+wbwTiHbtEqo2Kk14+UGeogI4ouRaj0XZqR/2vc/3OkcPrZTqWzVmmee2Mi/5Cv4cq5VzbqWZb81UsWTYZqVLrivquiRmqve82o2JgCXoVRiMdtrKiyWdA0mXa8vNDXmMtoa9yK0fqj+xh6VbqW/tzwrihjJ2uABZsFot10WMYNzuquxxzwzoDZ+DkWHH7J+8SGtbqO5i8Rpo15pbEY/91Eh98qtlFcVgzd8+iUR1apa41KsWo5u1AemB+8U9SFU3Q7zY/nUGaE9yZ6Xbb3im2tvj7ZbPCOj1JyoGoqUyupbXWw7TRmQYWYBfUyzcy/m4oXnmZUy/ty6afgDpI+lvZ+dDWW3fdh2+QR1voymrsoZOlWGAD1cbo1780bNCtfNup7nr4MX+9kb5HhT5FFRpV0agPkhH5IX9CpZyn2CCfQsUetxeM7w6tO37PZSCXlUW5v2IPRDY4pLRj1eDw4eVVcfQQGZlW6nZE3Sj2AhWWLUSWtZ4yEhz+LPYdQFiXttcSBrRWyKmpdQoXlsp5kROoxVUdEBuoZamt4bPiLeO71Z9dBp4LdQlaZCC0zKsSqNAqFdRBF9QVmp7etkVfEzWJdimSzwcafaHjkrymqZaN+VvkktLtQbItoNaKF94wKsSqNQqN0EKWTqfXECh+NVWG6BW+Gaj2FOrfLtqq98QGU/bt5FxPONL0ovlcSg6UpIxhX71Je1ho6e/G3gS8NlvFyLdLWh16W7+kk2tNRRi0b/o2p1uRDXYZN18NVCsxNGhET+as+UjHZS+JzAVr/yK3Sd1XoFG8EDQzUAMvy4WkGXM2p5sADxpWpqPz3qPgXadx/04PVdDJFMzQl+9+EbHBH2Cy0N8rBKI/8X2rf8VcPDs+S7o6XUPcpgbiiDvibc/CucyAjq4spbF0Gx/0evnWmKAeJHCzKhNS4fSM1r8PRERh4kfQVdFbFVBGWOscFujsWhHQuhQzeIjMIROvF+hngHbBZR/3GlcEUxSEbDhIJwWIYKbrcZNhyZ9+FSv4VKMpmI2Ei7kBYZHJWgfQqESe1EfnRV4yqhNpG1GBZjn0crCxCz+2eRRNOj1BGpBmh0EXg5woN4WvjTMqTy39LBWe8joG5WJAroILp26hz21sC7mePP51tZYkfAIc3XqJZ59Ok72fjLBGv5tmBcg7zD1CRWsSsF9HxZ7xJbz+f4i+YhQj4DhMsctAYSno2FZaVYjQ7ILZJFLWpxt0jF2VcgCNwpRe5j/6rdb1RjcS+m7C65vnxQQ6rWGa0Gtl4nJZKpe3joA5i5eJgkYNGDh7DiG1e6VXZCHGWYXj7BNHjacf2cgHzsgcQeklmQalXKG/2nSaLwCoSRhoHJdi1tHuvRn3HuKJOB82T7eRlOHgM2//TNJ729C83IY4V4klohC9hZoPbdFZEOedKyBFtujCFLwJ/E/otEXtK4/NrjGtpe52IoQ5qOpG2dFWY4JGDyHCqpuKq8ZSbuRpffKcgmoupFxcwgh/K6rFOxBU9DH16GoPwE3TuTFGOAQ1Xkl1K54Skxz4OddAIUtzEeBxEcjApks4mO7HGGF3FU1Ugm67EGRzftrKR3tp1Ka7ThJL7cExrqVEFDZUIJdVuklUlFUUYsPNHino7yEFjb6+Tl+FgMpT0hVRSNhtO84OY0s8Gi+I4hw7YAWKzoHVwlMEVKWTS2WZ278Pg6W8F120Ekzht6ORjUiPyMUePM07MiA6aQgsQhpxqgkmFoDKMUjC67IHEYISVsgNFtT6bSirO8WADqRXoeL6H5z7wgaOc/NtobvlxYFW77OArXEc+CMsHEISdJn8HOXi0sfnBeZkIRiecphEHps1126GLd4miKV2D+qIGLy6biGtIvTjh+ES8F279GgxCjlgn72Fk285CZhNSncHk7yDLaZqJFfBn2J/jnaMHgosOcpW6ifiUQ3Y2u3A9wbL6BNqyyzEbNqbfsMSsR56Tv+1IOxYtnAmZn3qwkQ+8lcAHE5SZ6pJzIuRkTGXayctwcCnmZSDIjneftZI4dW9RYGbLeTcz2j9AgQtGvqt55iluIZPHqyvBLITTdho3525zpofTJiEU/AW5gNbHUW/Xr0xwyUFmKOGUAzvZM45uwgrxaqAoeyFap51gv4y+h1obX4ap4lzMqX58GCcyaB8To9hHFJE7yPVpvcwElxxkEoJNkbBaJkw+NRmut0IaghNTOTkryEnRy6uraR/n1VqbnqHiigvxgrPEVxoEwjvIQWWif61j70aLoJHS5wNErQ3t0NtHRmvYgyvYX57inw3wYiHnWtk1tGLLHPuIszxjoNE6iEGiHxuXis9octAZRgqr5cXxLIrgdASn5MdCil6DSWrAwnIi2nIWIrncampbv5N6+qshO14WA7L3E8kOBhZz7B0HnVJehotpPYF2di0x++vslI+JrMVYWJJI/iCQHTrn6SvKLuG4zNuNi2jTch8uMHDKAhuH0ikLtxAHmXxsg4NODj7DSCGDVnjVMWTl3IrBQCAdQko9BrPQag45aCoOkeSZ5ORj7AEMHFzFUMJCN/UIM4Oi5v8OLt+YR52dslHlyrKzE6bOmflVtLVP3g1ioYKJveb4VelVk2lXchzZMTNdTHn3jxVJ0JRJe6gdjLysZurJONKFAq9uij8zuoASOaGmgVpv+xQqorme/wGFolsSaVwQvAAAAABJRU5ErkJggg==) no-repeat 50%/100% 100%;
    border-color: transparent
}

@media screen and (max-width:520px) {
    .app-page-list-honor-item:not(:last-child) {
        border-bottom: 1px solid hsla(0, 0%, 80%, .5)
    }
}

.app-page-empty {
    align-items: center;
    color: #999;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    justify-content: center;
    min-height: 20vh;
    text-align: center
}

@media screen and (max-width:1200px) {
    .app-page-empty {
        font-size: 18px
    }
}

@media screen and (max-width:1000px) {
    .app-page-empty {
        font-size: 16px
    }
}

@media screen and (max-width:800px) {
    .app-page-empty {
        font-size: 14px
    }
}

.app-page-part-1 {
    display: flex;
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-1 {
        flex-wrap: wrap;
        padding: 40px 0
    }
}

.app-page-part-1-header {
    flex: 0 0 auto;
    width: 320px
}

@media screen and (max-width:1200px) {
    .app-page-part-1-header {
        width: 280px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-1-header {
        width: 240px
    }
}

@media screen and (max-width:960px) {
    .app-page-part-1-header {
        width: 100%
    }
}

.app-page-part-1-main {
    flex: 1 1 auto;
    margin-left: 160px;
    width: 100%
}

@media screen and (max-width:1200px) {
    .app-page-part-1-main {
        margin-left: 120px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-1-main {
        margin-left: 80px
    }
}

@media screen and (max-width:960px) {
    .app-page-part-1-main {
        margin-left: 0;
        margin-top: 40px;
        width: 100%
    }
}

.app-page-part-2 {
    display: flex;
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-2 {
        flex-wrap: wrap;
        padding: 40px 0
    }
}

.app-page-part-2-header {
    flex: 0 0 auto;
    width: 320px
}

@media screen and (max-width:1200px) {
    .app-page-part-2-header {
        width: 280px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-2-header {
        width: 240px
    }
}

@media screen and (max-width:960px) {
    .app-page-part-2-header {
        width: 100%
    }
}

.app-page-part-2-main {
    flex: 1 1 auto;
    margin-right: 160px;
    width: 100%
}

@media screen and (max-width:1200px) {
    .app-page-part-2-main {
        margin-right: 120px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-2-main {
        margin-right: 80px
    }
}

@media screen and (max-width:960px) {
    .app-page-part-2-main {
        margin-right: 0;
        margin-top: 40px;
        order: 1;
        width: 100%
    }
}

.app-page-part-2-main .container {
    max-width: 100% !important
}

.app-page-part-3 {
    display: flex;
    padding: 60px 0
}

@media screen and (max-width:1000px) {
    .app-page-part-3 {
        flex-wrap: wrap
    }
}

@media screen and (max-width:960px) {
    .app-page-part-3 {
        flex-wrap: wrap;
        padding: 40px 0
    }
}

.app-page-part-3-header {
    flex: 0 0 auto;
    width: 260px
}

@media screen and (max-width:1200px) {
    .app-page-part-3-header {
        width: 160px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-3-header {
        width: 100%
    }

    .app-page-part-3-header .tabs {
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px
    }
}

@media screen and (max-width:500px) {
    .app-page-part-3-header .tabs {
        margin-bottom: 20px
    }
}

.app-page-part-3-header .tabs .tab {
    color: #0c0c0c;
    font-size: 18px
}

body.en .app-page-part-3-header .tabs .tab {
    font-size: 14px
}

@media screen and (max-width:1200px) {
    .app-page-part-3-header .tabs .tab {
        font-size: 16px
    }

    body.en .app-page-part-3-header .tabs .tab {
        font-size: 12px
    }
}

.app-page-part-3-header .tabs .tab a {
    color: currentColor
}

.app-page-part-3-header .tabs .tab a:hover {
    color: #004269
}

.app-page-part-3-header .tabs .tab+.tab {
    margin-top: 40px
}

@media screen and (max-width:1200px) {
    .app-page-part-3-header .tabs .tab+.tab {
        margin-top: 30px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-3-header .tabs .tab+.tab {
        margin-top: 0
    }
}

.app-page-part-3-header .tabs .tab.active {
    color: #004269;
    font-size: 20px;
    font-weight: 700
}

body.en .app-page-part-3-header .tabs .tab.active {
    font-size: 16px
}

@media screen and (max-width:1200px) {
    .app-page-part-3-header .tabs .tab.active {
        font-size: 18px
    }

    body.en .app-page-part-3-header .tabs .tab.active {
        font-size: 14px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-3-header .tabs .tab.active {
        font-size: 16px;
        position: relative
    }

    body.en .app-page-part-3-header .tabs .tab.active {
        font-size: 12px
    }

    .app-page-part-3-header .tabs .tab.active:after {
        background-color: currentColor;
        bottom: -2px;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        right: 0
    }
}

.app-page-part-3-main {
    flex: 1 1 auto;
    height: 380px;
    margin-left: 40px;
    width: 100%
}

@media screen and (max-width:1200px) {
    .app-page-part-3-main {
        height: 320px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-3-main {
        height: 260px;
        margin-left: 0
    }
}

.app-page-part-4 {
    align-items: center;
    display: flex;
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-4 {
        padding: 40px 0
    }
}

@media screen and (max-width:900px) {
    .app-page-part-4 {
        flex-wrap: wrap
    }
}

.app-page-part-4-header {
    flex: 0 0 auto;
    width: 320px
}

@media screen and (max-width:1100px) {
    .app-page-part-4-header {
        width: 300px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-4-header {
        width: 240px
    }
}

@media screen and (max-width:900px) {
    .app-page-part-4-header {
        margin-bottom: 5vw;
        width: 100%
    }
}

.app-page-part-4-main {
    flex: 1 1 auto;
    padding-right: 110px;
    width: calc(100% - 320px)
}

@media screen and (max-width:1200px) {
    .app-page-part-4-main {
        padding-right: 60px
    }
}

@media screen and (max-width:1100px) {
    .app-page-part-4-main {
        padding-right: 50px;
        width: calc(100% - 300px)
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-4-main {
        width: calc(100% - 240px)
    }
}

@media screen and (max-width:900px) {
    .app-page-part-4-main {
        order: 1;
        padding-right: 0;
        width: 100%
    }
}

.app-page-part-4-main .swiper {
    margin: -20px;
    width: 100%
}

@media screen and (max-width:1100px) {
    .app-page-part-4-main .swiper {
        margin: -10px
    }
}

@media screen and (max-width:900px) {
    .app-page-part-4-main .swiper {
        margin: -5px
    }
}

.app-page-part-4-main .swiper-slide {
    height: auto;
    padding: 20px;
    width: 33.33%
}

@media screen and (max-width:1100px) {
    .app-page-part-4-main .swiper-slide {
        padding: 10px
    }
}

@media screen and (max-width:900px) {
    .app-page-part-4-main .swiper-slide {
        padding: 5px
    }
}

@media screen and (max-width:460px) {
    .app-page-part-4-main .swiper-slide {
        width: 50%
    }
}

.app-page-part-4-main .swiper-initialized .swiper-slide {
    height: 50%
}

.app-page-part-5 {
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-5 {
        padding: 40px 0
    }
}

.app-page-part-5-main {
    margin-top: 3vw
}

.app-page-part-6 {
    display: flex;
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-6 {
        flex-wrap: wrap;
        padding: 40px 0
    }
}

.app-page-part-6-header {
    flex: 0 0 auto;
    width: 35.5%
}

@media screen and (max-width:960px) {
    .app-page-part-6-header {
        width: 100%
    }
}

.app-page-part-6-main {
    flex: 1 1 auto;
    padding-left: 80px;
    width: 64.5%
}

@media screen and (max-width:1200px) {
    .app-page-part-6-main {
        padding-left: 60px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-6-main {
        padding-left: 40px
    }
}

@media screen and (max-width:960px) {
    .app-page-part-6-main {
        padding-left: 0;
        padding-top: 40px;
        width: 100%
    }
}

.app-page-part-6-main .number {
    display: flex
}

@media screen and (max-width:600px) {
    .app-page-part-6-main .number {
        justify-content: space-between
    }

    .app-page-part-6-main .number .item {
        flex: 1 1 auto
    }

    .app-page-part-6-main .number .item .info {
        text-align: left
    }

    .app-page-part-6-main .number .item .count {
        justify-content: flex-start
    }
}

.app-page-part-6-main .number .item+.item {
    margin-left: 15%
}

@media screen and (max-width:600px) {
    .app-page-part-6-main .number .item+.item {
        margin-left: 0
    }
}

.app-page-part-6-main .number+*,
.app-page-part-6-main .number+*+*,
.app-page-part-6-main .number+*+*+* {
    margin-top: 40px
}

@media screen and (max-width:1200px) {

    .app-page-part-6-main .number+*,
    .app-page-part-6-main .number+*+*,
    .app-page-part-6-main .number+*+*+* {
        margin-top: 35px
    }
}

@media screen and (max-width:600px) {

    .app-page-part-6-main .number+*,
    .app-page-part-6-main .number+*+*,
    .app-page-part-6-main .number+*+*+* {
        margin-top: 30px
    }
}

.app-page-part-6-main .charts {
    height: 400px
}

@media screen and (max-width:580px) {
    .app-page-part-6-main .charts {
        height: 300px
    }
}

.app-page-part-7 {
    display: flex;
    margin: 0 -30px;
    padding: 60px 0
}

@media screen and (max-width:1600px) {
    .app-page-part-7 {
        margin: 0 -20px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-7 {
        flex-wrap: wrap;
        margin: 0
    }
}

@media screen and (max-width:960px) {
    .app-page-part-7 {
        padding: 40px 0
    }
}

.app-page-part-7-column {
    flex: 0 0 auto;
    padding: 0 30px
}

.app-page-part-7-column:first-child {
    width: 40%
}

.app-page-part-7-column:last-child {
    width: 60%
}

@media screen and (max-width:1600px) {
    .app-page-part-7-column {
        padding: 0 20px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-7-column {
        padding: 0
    }

    .app-page-part-7-column:first-child,
    .app-page-part-7-column:last-child {
        width: 100%
    }

    .app-page-part-7-column:last-child {
        margin-top: 5vw
    }
}

.app-page-part-7-column .charts>div:first-child {
    height: 400px !important;
    margin-bottom: 40px
}

@media screen and (max-width:1200px) {
    .app-page-part-7-column .charts>div:first-child {
        height: 300px !important;
        margin-bottom: 20px
    }
}

.app-page-part-7-column .charts table {
    color: #666;
    font-size: 14px;
    width: 100%
}

@media screen and (max-width:1600px) {
    .app-page-part-7-column .charts table {
        font-size: 12px
    }
}

.app-page-part-7-column .charts table td,
.app-page-part-7-column .charts table th {
    vertical-align: middle
}

.app-page-part-7-column .charts table td {
    padding: .65em 1em
}

.app-page-part-7-column .charts table th {
    font-weight: 500;
    padding: 1.5em 1em;
    text-align: left
}

.app-page-part-7-column .charts table td:first-child {
    font-size: 0
}

.app-page-part-7-column .charts table .marker {
    border-radius: 3px;
    display: inline-block;
    height: 24px;
    width: 24px
}

@media screen and (max-width:1000px) {
    .app-page-part-7-column .charts table .marker {
        height: 16px;
        width: 16px
    }
}

.app-page-part-7-column .notice {
    color: #ff6e6e;
    font-size: 14px;
    margin-top: 20px
}

@media screen and (max-width:1600px) {
    .app-page-part-7-column .notice {
        font-size: 12px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-7-column .notice {
        margin-top: 15px
    }
}

.app-page-part-7-column .table {
    margin-top: 30px
}

@media screen and (max-width:1000px) {
    .app-page-part-7-column .table {
        margin-top: 20px
    }
}

.app-page-part-7-column .table table {
    border-spacing: 0;
    width: 100%
}

.app-page-part-7-column .table table td,
.app-page-part-7-column .table table th {
    font-size: 16px;
    padding: 1em 1.15em;
    text-align: left
}

@media screen and (max-width:1600px) {

    .app-page-part-7-column .table table td,
    .app-page-part-7-column .table table th {
        font-size: 14px
    }
}

@media screen and (max-width:1000px) {

    .app-page-part-7-column .table table td,
    .app-page-part-7-column .table table th {
        padding: 1em
    }
}

.app-page-part-7-column .table table th {
    background-color: #dedede;
    color: #004269;
    font-weight: 500;
    vertical-align: top
}

.app-page-part-7-column .table table th:first-child {
    white-space: nowrap
}

.app-page-part-7-column .table table tr td {
    background-color: #fff;
    color: #4f4f4f;
    padding-bottom: 1.25em;
    padding-top: 1.25em
}

@media screen and (max-width:1000px) {
    .app-page-part-7-column .table table tr td {
        word-break: break-all
    }
}

.app-page-part-7-column .table table tr td:first-child {
    text-align: center
}

.app-page-part-7-column .table table tr:nth-child(odd) td {
    background-color: #f8f8f8
}

@media screen and (max-width:800px) {
    .app-page-part-7-column .table table thead {
        display: none
    }

    .app-page-part-7-column .table table tbody tr {
        box-shadow: 0 2px 0 hsla(0, 0%, 87%, .25);
        display: block
    }

    .app-page-part-7-column .table table tbody tr td[data-label] {
        background-color: #fff !important;
        border: 1px solid #dedede;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .app-page-part-7-column .table table tbody tr td[data-label]+td {
        border-top: 0
    }

    .app-page-part-7-column .table table tbody tr td[data-label]:nth-child(odd) {
        background-color: #f8f8f8 !important
    }

    .app-page-part-7-column .table table tbody tr td[data-label]:first-child {
        border-top-color: #979797;
        border-top-width: 2px
    }

    .app-page-part-7-column .table table tbody tr td[data-label]:before {
        content: attr(data-label);
        opacity: .5
    }

    .app-page-part-7-column .table table tbody tr+tr {
        margin-top: 15px
    }
}

.app-page-part-7-column .table .app-pagination {
    padding-bottom: 0;
    padding-top: 30px
}

@media screen and (max-width:1000px) {
    .app-page-part-7-column .table .app-pagination {
        padding-top: 20px
    }
}

.app-page-part-8 {
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-8 {
        padding: 40px 0
    }
}

.app-page-part-8-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.app-page-part-8-header .more {
    margin-top: 0
}

.app-page-part-8-main {
    margin-top: 60px
}

@media screen and (max-width:960px) {
    .app-page-part-8-main {
        margin-top: 40px
    }
}

.app-page-part-9 {
    display: flex;
    margin: 0 -50px;
    padding: 60px 0
}

@media screen and (max-width:1000px) {
    .app-page-part-9 {
        flex-wrap: wrap;
        margin: 0
    }
}

@media screen and (max-width:960px) {
    .app-page-part-9 {
        padding: 40px 0
    }
}

.app-page-part-9-column {
    flex: 0 0 auto;
    padding: 0 50px
}

.app-page-part-9-column:first-child {
    width: 58%
}

.app-page-part-9-column:last-child {
    width: 42%
}

@media screen and (max-width:1000px) {
    .app-page-part-9-column {
        padding: 0
    }

    .app-page-part-9-column:first-child,
    .app-page-part-9-column:last-child {
        width: 100%
    }
}

.app-page-part-9-column .number {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1000px) {
    .app-page-part-9-column .number {
        justify-content: flex-start;
        margin-top: 60px
    }

    .app-page-part-9-column .number .item {
        text-align: center;
        width: 50%
    }

    .app-page-part-9-column .number .item .count {
        justify-content: center
    }
}

@media screen and (max-width:960px) {
    .app-page-part-9-column .number {
        margin-top: 40px
    }
}

.app-page-part-9-column .image img {
    width: 100%
}

@media screen and (max-width:1000px) {
    .app-page-part-9-column .image {
        margin-top: 20px
    }
}

.app-page-part-9-column .intro {
    color: rgba(51, 51, 51, .8);
    line-height: 1.8
}

.app-page-part-9.new .app-page-part-9-column:first-child,
.app-page-part-9.new .app-page-part-9-column:last-child {
    width: 50%
}

@media screen and (max-width:1000px) {
    .app-page-part-9.new .app-page-part-9-column {
        padding: 0
    }

    .app-page-part-9.new .app-page-part-9-column:first-child,
    .app-page-part-9.new .app-page-part-9-column:last-child {
        width: 100%
    }
}

.app-page-part-10 {
    color: rgba(51, 51, 51, .8);
    display: flex;
    font-size: clamp(12px, 1.2dvw, 18px);
    justify-content: space-between;
    line-height: 1.8;
    padding-bottom: 60px;
    text-align: justify
}

body.en .app-page-part-10 {
    text-align: left
}

@media screen and (max-width:960px) {
    .app-page-part-10 {
        padding-bottom: 40px
    }
}

@media screen and (max-width:800px) {
    .app-page-part-10 {
        flex-wrap: wrap
    }
}

.app-page-part-10 p {
    min-height: 1em
}

.app-page-part-10 .image {
    line-height: 0
}

.app-page-part-10 .image img {
    height: auto;
    width: 100%
}

.app-page-part-10-main {
    column-count: 2;
    column-gap: 50px;
    flex: 0 0 auto;
    width: calc(66.66667% - 16.66667px)
}

@media screen and (max-width:1200px) {
    .app-page-part-10-main {
        column-gap: 30px;
        width: calc(66.66667% - 10px)
    }
}

@media screen and (max-width:800px) {
    .app-page-part-10-main {
        column-count: 1;
        column-gap: 0;
        width: 100%
    }
}

.app-page-part-10-main .image {
    column-span: all;
    margin-bottom: 1em
}

.app-page-part-10-side {
    flex: 0 0 auto;
    width: calc(33.33333% - 33.33333px)
}

@media screen and (max-width:1200px) {
    .app-page-part-10-side {
        width: calc(33.33333% - 20px)
    }
}

@media screen and (max-width:800px) {
    .app-page-part-10-side {
        width: 100%
    }
}

.app-page-part-10-side .image {
    margin-top: 1em
}

.app-page-part-11 {
    display: flex;
    padding: 60px 0
}

@media screen and (max-width:1000px) {
    .app-page-part-11 {
        flex-wrap: wrap
    }
}

@media screen and (max-width:960px) {
    .app-page-part-11 {
        padding: 40px 0
    }
}

.app-page-part-11-header {
    flex: 0 0 auto;
    width: 200px
}

@media screen and (max-width:450px) {
    .app-page-part-11-header {
        width: 100%
    }
}

.app-page-part-11-main {
    flex: 1 1 auto;
    padding-left: 80px;
    width: 100%
}

@media screen and (max-width:1200px) {
    .app-page-part-11-main {
        padding-left: 40px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-11-main {
        flex: 0 0 auto;
        margin-top: 40px;
        padding-left: 0
    }
}

.app-page-part-11-main .app-page-list-member .item {
    width: 25%
}

@media screen and (max-width:600px) {
    .app-page-part-11-main .app-page-list-member .item {
        width: 50%
    }
}

.app-page-part-11-main .app-page-list-member .item:first-child {
    transition-delay: .2s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(2) {
    transition-delay: .4s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(3) {
    transition-delay: .6s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(4) {
    transition-delay: .8s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(5) {
    transition-delay: 1s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(6) {
    transition-delay: 1.2s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(7) {
    transition-delay: 1.4s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(8) {
    transition-delay: 1.6s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(9) {
    transition-delay: 1.8s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(10) {
    transition-delay: 2s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(11) {
    transition-delay: 2.2s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(12) {
    transition-delay: 2.4s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(13) {
    transition-delay: 2.6s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(14) {
    transition-delay: 2.8s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(15) {
    transition-delay: 3s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(16) {
    transition-delay: 3.2s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(17) {
    transition-delay: 3.4s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(18) {
    transition-delay: 3.6s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(19) {
    transition-delay: 3.8s
}

.app-page-part-11-main .app-page-list-member .item:nth-child(20) {
    transition-delay: 4s
}

.app-page-part-12 {
    display: flex;
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-12 {
        flex-wrap: wrap;
        padding: 40px 0
    }
}

.app-page-part-12-header {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    width: 320px
}

@media screen and (max-width:1200px) {
    .app-page-part-12-header {
        width: 280px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-12-header {
        width: 240px
    }
}

@media screen and (max-width:960px) {
    .app-page-part-12-header {
        justify-content: flex-start;
        margin-top: 40px;
        width: 100%
    }
}

.app-page-part-12-main {
    flex: 1 1 auto;
    margin-right: 160px;
    width: 100%
}

@media screen and (max-width:1200px) {
    .app-page-part-12-main {
        margin-right: 120px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-12-main {
        margin-right: 80px
    }
}

@media screen and (max-width:960px) {
    .app-page-part-12-main {
        margin-right: 0;
        width: 100%
    }
}

.app-page-part-13 {
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-13 {
        padding: 40px 0
    }
}

.app-page-part-13-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.app-page-part-13-header .app-page-link {
    margin-bottom: 2px
}

.app-page-part-13-header .app-element-arrows {
    margin: 0
}

.app-page-part-13-main .news {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    padding-top: 40px
}

@media screen and (max-width:1200px) {
    .app-page-part-13-main .news {
        margin: -10px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-13-main .news {
        padding-top: 30px
    }
}

@media screen and (max-width:800px) {
    .app-page-part-13-main .news {
        padding-top: 20px
    }
}

.app-page-part-13-main .news .app-page-news-item[data-appear-animation]:nth-child(3n-2) {
    transition-delay: .1s
}

.app-page-part-13-main .news .app-page-news-item[data-appear-animation]:nth-child(3n-1) {
    transition-delay: .2s
}

.app-page-part-13-main .news .app-page-news-item[data-appear-animation]:nth-child(3n) {
    transition-delay: .3s
}

@media screen and (max-width:700px) {
    .app-page-part-13-main .news .app-page-news-item {
        width: 50%
    }

    .app-page-part-13-main .news .app-page-news-item[data-appear-animation]:nth-child(2n-1) {
        transition-delay: .1s
    }

    .app-page-part-13-main .news .app-page-news-item[data-appear-animation]:nth-child(2n) {
        transition-delay: .2s
    }
}

.app-page-part-13-main .news .app-page-news-text[data-appear-animation]:nth-child(3n-2) {
    transition-delay: .1s
}

.app-page-part-13-main .news .app-page-news-text[data-appear-animation]:nth-child(3n-1) {
    transition-delay: .2s
}

.app-page-part-13-main .news .app-page-news-text[data-appear-animation]:nth-child(3n) {
    transition-delay: .3s
}

@media screen and (max-width:700px) {
    .app-page-part-13-main .news .app-page-news-text {
        width: 100%
    }

    .app-page-part-13-main .news .app-page-news-text[data-appear-animation]:nth-child(3n),
    .app-page-part-13-main .news .app-page-news-text[data-appear-animation]:nth-child(3n-1),
    .app-page-part-13-main .news .app-page-news-text[data-appear-animation]:nth-child(3n-2) {
        transition-delay: 0
    }
}

.app-page-part-13-main .member {
    padding-top: 40px
}

@media screen and (max-width:1000px) {
    .app-page-part-13-main .member {
        padding-top: 30px
    }
}

@media screen and (max-width:800px) {
    .app-page-part-13-main .member {
        padding-top: 20px
    }
}

.app-page-part-13-main .member-item {
    max-width: 100%;
    width: 20%
}

@media screen and (max-width:1000px) {
    .app-page-part-13-main .member-item {
        width: 25%
    }
}

@media screen and (max-width:600px) {
    .app-page-part-13-main .member-item {
        width: 50%
    }
}

.app-page-part-14 {
    display: flex;
    margin: 0 -30px;
    padding: 60px 0
}

@media screen and (max-width:1000px) {
    .app-page-part-14 {
        flex-wrap: wrap
    }
}

@media screen and (max-width:960px) {
    .app-page-part-14 {
        padding: 40px 0
    }
}

.app-page-part-14-header,
.app-page-part-14-main {
    flex: 0 0 auto;
    padding: 0 30px
}

.app-page-part-14-header {
    width: 40%
}

@media screen and (max-width:1000px) {
    .app-page-part-14-header {
        padding-right: 30%;
        width: 100%
    }
}

@media screen and (max-width:580px) {
    .app-page-part-14-header {
        padding-right: 30px
    }
}

.app-page-part-14-main {
    width: 60%
}

@media screen and (max-width:1000px) {
    .app-page-part-14-main {
        margin-top: 5vw;
        width: 100%
    }
}

.app-page-part-14-main .image-side img {
    height: auto;
    width: 100%
}

.app-page-part-14.flip .app-page-part-14-header {
    order: 1
}

@media screen and (max-width:1000px) {
    .app-page-part-14.flip .app-page-part-14-main {
        margin-top: 0
    }

    .app-page-part-14.flip .app-page-part-14-header {
        margin-top: 30px
    }
}

.app-page-part-15 {
    display: flex;
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-15 {
        flex-wrap: wrap;
        padding: 40px 0
    }
}

.app-page-part-15-header {
    flex: 0 0 auto;
    width: 400px
}

@media screen and (max-width:1200px) {
    .app-page-part-15-header {
        width: 350px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-15-header {
        width: 300px
    }
}

@media screen and (max-width:960px) {
    .app-page-part-15-header {
        width: 100%
    }
}

.app-page-part-15-main {
    flex: 1 1 auto;
    margin-left: 80px;
    width: calc(100% - 480px)
}

@media screen and (max-width:1200px) {
    .app-page-part-15-main {
        margin-left: 60px;
        width: calc(100% - 410px)
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-15-main {
        margin-left: 40px;
        width: calc(100% - 340px)
    }
}

@media screen and (max-width:960px) {
    .app-page-part-15-main {
        margin-left: 0;
        margin-top: 40px;
        width: 100%
    }
}

.app-page-part-16 {
    display: flex;
    margin: 0 -50px;
    padding: 60px 0
}

@media screen and (max-width:1200px) {
    .app-page-part-16 {
        margin: 0 -20px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-16 {
        flex-wrap: wrap;
        margin: 0
    }
}

@media screen and (max-width:960px) {
    .app-page-part-16 {
        padding: 40px 0
    }
}

.app-page-part-16-column {
    flex: 0 0 auto;
    padding: 0 50px
}

.app-page-part-16-column:first-child {
    width: 45%
}

.app-page-part-16-column:last-child {
    width: 55%
}

@media screen and (max-width:1200px) {
    .app-page-part-16-column {
        padding: 0 20px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-16-column {
        padding: 0
    }

    .app-page-part-16-column:first-child,
    .app-page-part-16-column:last-child {
        width: 100%
    }
}

.app-page-part-16-column .number {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1600px) {
    .app-page-part-16-column .number .item .count small {
        font-size: 18px
    }

    .app-page-part-16-column .number .item .count strong {
        font-size: 62px
    }

    .app-page-part-16-column .number .item .info {
        font-size: 14px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-16-column .number {
        justify-content: flex-start;
        margin-top: 60px
    }

    .app-page-part-16-column .number .item {
        text-align: center;
        width: 50%
    }

    .app-page-part-16-column .number .item .count {
        justify-content: center
    }
}

@media screen and (max-width:960px) {
    .app-page-part-16-column .number {
        margin-top: 40px
    }

    .app-page-part-16-column .number .item .count small {
        font-size: 14px
    }

    .app-page-part-16-column .number .item .count strong {
        font-size: 32px
    }

    .app-page-part-16-column .number .item .info {
        font-size: 12px
    }
}

@media screen and (max-width:500px) {
    .app-page-part-16-column .number {
        align-items: center;
        flex-direction: column;
        justify-content: center
    }

    .app-page-part-16-column .number .item {
        width: 100%
    }

    .app-page-part-16-column .number .item+.item {
        margin-top: 2em
    }
}

.app-page-part-16-column .intro {
    color: rgba(51, 51, 51, .8);
    line-height: 1.8
}

.app-page-part-17 {
    display: flex;
    margin: 0 -50px;
    padding: 60px 0
}

@media screen and (max-width:1000px) {
    .app-page-part-17 {
        flex-wrap: wrap;
        margin: 0
    }
}

@media screen and (max-width:960px) {
    .app-page-part-17 {
        padding: 40px 0
    }
}

.app-page-part-17-column {
    flex: 0 0 auto;
    padding: 0 50px
}

.app-page-part-17-column:first-child,
.app-page-part-17-column:last-child {
    width: 50%
}

@media screen and (max-width:1000px) {
    .app-page-part-17-column {
        padding: 0
    }

    .app-page-part-17-column:first-child,
    .app-page-part-17-column:last-child {
        width: 100%
    }
}

.app-page-part-17-column .number {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1000px) {
    .app-page-part-17-column .number {
        justify-content: flex-start;
        margin-top: 60px
    }

    .app-page-part-17-column .number .item {
        text-align: center;
        width: 50%
    }

    .app-page-part-17-column .number .item .count {
        justify-content: center
    }
}

@media screen and (max-width:960px) {
    .app-page-part-17-column .number {
        margin-top: 40px
    }
}

.app-page-part-17-column .intro {
    color: rgba(51, 51, 51, .8);
    line-height: 1.8
}

.app-page-part-18 {
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-page-part-18 {
        padding: 40px 0
    }
}

.app-page-part-18-header {
    flex: 0 0 auto;
    width: 100%
}

.app-page-part-18-main {
    align-items: flex-start;
    display: flex;
    margin-top: 40px
}

@media screen and (max-width:1200px) {
    .app-page-part-18-main {
        margin-top: 35px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-18-main {
        flex-wrap: wrap
    }
}

@media screen and (max-width:600px) {
    .app-page-part-18-main {
        margin-top: 30px
    }
}

.app-page-part-18-main .image,
.app-page-part-18-main .text {
    flex: 0 0 auto
}

.app-page-part-18-main .image {
    width: 68.9%
}

@media screen and (max-width:1000px) {
    .app-page-part-18-main .image {
        width: 100%
    }
}

.app-page-part-18-main .image .picture {
    padding-bottom: 54.6%;
    position: relative;
    width: 100%
}

.app-page-part-18-main .image .picture img {
    bottom: 0;
    height: 100%;
    left: 0;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.app-page-part-18-main .text {
    padding-left: 40px;
    width: 31.1%
}

@media screen and (max-width:1200px) {
    .app-page-part-18-main .text {
        padding-left: 35px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-18-main .text {
        padding-left: 0;
        padding-top: 35px;
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .app-page-part-18-main .text {
        padding-top: 30px
    }
}

.app-page-part-18-main .text .title {
    color: #004269;
    font-size: 24px;
    font-weight: 700
}

@media screen and (max-width:1200px) {
    .app-page-part-18-main .text .title {
        font-size: 22px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-18-main .text .title {
        font-size: 20px
    }
}

@media screen and (max-width:800px) {
    .app-page-part-18-main .text .title {
        font-size: 18px
    }
}

.app-page-part-18-main .text .subtitle {
    color: hsla(0, 0%, 5%, .8);
    font-size: 18px;
    font-weight: 300
}

@media screen and (max-width:1200px) {
    .app-page-part-18-main .text .subtitle {
        font-size: 16px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-18-main .text .subtitle {
        font-size: 14px
    }
}

.app-page-part-18-main .text .intro {
    margin-bottom: 2em;
    margin-top: 1em;
    text-align: justify
}

.app-page-part-18-main .text .intro p {
    min-height: 1em
}

.app-page-part-18 .carousel-dots {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin-top: 20px
}

.app-page-part-18 .carousel-dots button {
    background-color: rgba(0, 0, 0, .25);
    border: 0;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 8px;
    margin: 0 5px;
    outline: none;
    width: 8px
}

.app-page-part-18 .carousel-active button {
    background-color: #004269
}

.app-page-part-19 {
    display: flex;
    padding: 90px 0
}

@media screen and (max-width:960px) {
    .app-page-part-19 {
        padding: 50px 0
    }
}

@media screen and (max-width:800px) {
    .app-page-part-19 {
        flex-wrap: wrap
    }
}

.app-page-part-19-text {
    flex: 0 0 auto;
    margin-right: 130px;
    width: 400px
}

@media screen and (max-width:1100px) {
    .app-page-part-19-text {
        margin-right: 80px
    }
}

@media screen and (max-width:800px) {
    .app-page-part-19-text {
        margin-bottom: 30px;
        margin-right: 0;
        width: 100%
    }
}

.app-page-part-19-text .title {
    color: #004269;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4
}

body.en .app-page-part-19-text .title {
    line-height: 1.2;
    text-transform: uppercase
}

@media screen and (max-width:1200px) {
    .app-page-part-19-text .title {
        font-size: 30px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-19-text .title {
        font-size: 26px
    }
}

.app-page-part-19-text .subtitle {
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    text-transform: uppercase
}

body.en .app-page-part-19-text .subtitle {
    line-height: 1.2;
    text-transform: uppercase
}

@media screen and (max-width:1200px) {
    .app-page-part-19-text .subtitle {
        font-size: 12px
    }
}

.app-page-part-19-text .intro {
    color: #666;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 1.5em;
    margin-top: 1.5em
}

@media screen and (max-width:1000px) {
    .app-page-part-19-text .intro {
        font-size: 12px
    }
}

.app-page-part-19-text .intro p {
    min-height: 1em
}

.app-page-part-19-image {
    flex: 1 1 auto
}

@media screen and (max-width:800px) {
    .app-page-part-19-image {
        width: 100%
    }
}

.app-page-part-19-image img {
    height: auto;
    max-width: 100%;
    width: auto
}

.app-page-part-19-image .inner {
    display: inline-block
}

.app-page-part-19-image .desc {
    color: rgba(0, 124, 180, .8);
    font-size: 14px;
    margin-top: .618em;
    text-align: justify
}

@media screen and (max-width:1000px) {
    .app-page-part-19-image .desc {
        font-size: 12px
    }
}

.app-page-part-20 {
    padding: 90px 0
}

@media screen and (max-width:960px) {
    .app-page-part-20 {
        padding: 60px 0
    }
}

.app-page-part-20-header {
    margin-bottom: 60px
}

@media screen and (max-width:960px) {
    .app-page-part-20-header {
        margin-bottom: 40px
    }
}

.app-page-part-20-main .item {
    align-items: center;
    display: flex;
    font-size: 20px
}

@media screen and (max-width:1200px) {
    .app-page-part-20-main .item {
        font-size: 18px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-20-main .item {
        font-size: 16px
    }
}

@media screen and (max-width:800px) {
    .app-page-part-20-main .item {
        flex-wrap: wrap;
        font-size: 14px
    }
}

.app-page-part-20-main .item dt {
    align-items: center;
    background-color: #004269;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 1;
    margin-right: 1em;
    text-align: center;
    width: 8em
}

.app-page-part-20-main .item dd {
    color: hsla(0, 0%, 5%, .8)
}

@media screen and (max-width:800px) {
    .app-page-part-20-main .item dd {
        margin-top: .5em
    }
}

.app-page-part-20-main .item+.item {
    margin-top: 1.5em
}

.app-page-part-21 {
    display: flex;
    padding: 90px 0
}

@media screen and (max-width:960px) {
    .app-page-part-21 {
        padding: 50px 0
    }
}

@media screen and (max-width:860px) {
    .app-page-part-21 {
        flex-wrap: wrap
    }
}

.app-page-part-21-header {
    color: #004269;
    flex: 0 0 auto;
    font-size: 30px;
    font-weight: 500;
    width: 240px
}

body.en .app-page-part-21-header {
    width: 320px
}

@media screen and (max-width:1200px) {
    .app-page-part-21-header {
        font-size: 26px
    }
}

@media screen and (max-width:1000px) {
    .app-page-part-21-header {
        font-size: 22px
    }
}

@media screen and (max-width:860px) {
    .app-page-part-21-header {
        width: 100% !important
    }
}

.app-page-part-21-main {
    flex: 1 1 auto
}

@media screen and (max-width:860px) {
    .app-page-part-21-main {
        margin-top: 40px
    }
}

@media screen and (max-width:660px) {
    .app-page-part-21-main {
        margin-top: 30px
    }
}

@media screen and (max-width:560px) {
    .app-page-part-21-main {
        margin-top: 20px
    }
}

.app-page-part-21-main .grid-items {
    align-items: flex-start;
    flex-direction: column;
    height: 300px
}

body.en .app-page-part-21-main .grid-items {
    height: 500px
}

@media screen and (max-width:1000px) {
    .app-page-part-21-main .grid-items {
        flex-direction: row;
        flex-wrap: wrap;
        height: auto !important
    }
}

.app-page-part-21-main .grid-items .item {
    padding-right: 15%;
    width: 50%
}

@media screen and (max-width:800px) {
    .app-page-part-21-main .grid-items .item {
        padding-right: 5%;
        width: 100%
    }

    .app-page-part-21-main .grid-items .item .inner .intro {
        margin-top: .5em
    }
}

body.en .app-page-part-21-main .grid-items .item .inner .title {
    font-size: 20px;
    line-height: 1.2
}

@media screen and (max-width:1200px) {
    body.en .app-page-part-21-main .grid-items .item .inner .title {
        font-size: 18px
    }
}

@media screen and (max-width:1000px) {
    body.en .app-page-part-21-main .grid-items .item .inner .title {
        font-size: 16px
    }
}

body.en .app-page-part-21-main .grid-items .item .inner .title .index {
    font-size: 1.35em
}

.app-page-part-21-main .grid-items .item .intro {
    text-align: justify !important
}

body.en .app-page-part-21-main .grid-items .item .intro {
    text-align: left !important
}

.app-page-part-21-main .grid-items .item .intro img {
    max-width: 100%
}

.app-page-part-21-main .column {
    display: flex
}

@media screen and (max-width:1000px) {
    .app-page-part-21-main .column {
        flex-wrap: wrap
    }
}

.app-page-part-21-main .column .text {
    color: hsla(0, 0%, 5%, .8);
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
    width: 200px
}

body.en .app-page-part-21-main .column .text {
    width: 280px
}

@media screen and (max-width:1000px) {
    .app-page-part-21-main .column .text {
        width: 100% !important
    }
}

body.en .app-page-part-21-main .column .text {
    text-align: left
}

.app-page-part-21-main .column .aside {
    padding-left: 40px;
    width: 100%
}

@media screen and (max-width:1000px) {
    .app-page-part-21-main .column .aside {
        padding-left: 0;
        padding-top: 20px
    }
}

.app-page-part-21-main .column .aside .items dl {
    align-items: center;
    display: flex;
    font-size: 14px
}

@media screen and (max-width:800px) {
    .app-page-part-21-main .column .aside .items dl {
        flex-wrap: wrap
    }
}

.app-page-part-21-main .column .aside .items dl dt {
    align-items: center;
    background-color: #004269;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-weight: 600;
    height: 42px;
    justify-content: center;
    line-height: 1;
    margin-right: 1em;
    text-align: center;
    width: 8em
}

.app-page-part-21-main .column .aside .items dl dd {
    color: hsla(0, 0%, 5%, .8)
}

@media screen and (max-width:800px) {
    .app-page-part-21-main .column .aside .items dl dd {
        margin-top: .5em
    }
}

.app-page-part-21-main .column .aside .items dl+dl {
    margin-top: 10px
}

.app-page-part-21-main .column .aside .map {
    display: flex
}

@media screen and (max-width:1200px) {
    .app-page-part-21-main .column .aside .map {
        flex-wrap: wrap
    }
}

.app-page-part-21-main .column .aside .map .tabs {
    background-color: #f8f8f8;
    flex: 0 0 auto;
    font-size: 14px;
    padding: 15px;
    width: 170px
}

@media screen and (max-width:1200px) {
    .app-page-part-21-main .column .aside .map .tabs {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }
}

.app-page-part-21-main .column .aside .map .tabs .tab+.tab {
    margin-top: 8px
}

@media screen and (max-width:1200px) {
    .app-page-part-21-main .column .aside .map .tabs .tab+.tab {
        margin-top: 0;
        padding-left: 8px
    }

    .app-page-part-21-main .column .aside .map .tabs .tab {
        flex: 0 0 auto;
        margin-top: 0;
        width: 25%
    }
}

@media screen and (max-width:620px) {
    .app-page-part-21-main .column .aside .map .tabs .tab {
        padding-bottom: 8px;
        padding-left: 0 !important;
        padding-right: 8px;
        width: 50%
    }
}

.app-page-part-21-main .column .aside .map .tabs .tag {
    align-items: center;
    background-color: #004269;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-weight: 600;
    height: 42px;
    justify-content: center;
    line-height: 1;
    margin-right: 1em;
    text-align: center;
    width: 8em
}

.app-page-part-21-main .column .aside .map .tabs .intro {
    font-size: 12px;
    margin-top: .5em
}

.app-page-part-21-main .column .aside .map .image {
    font-size: 0;
    margin-left: 10px
}

@media screen and (max-width:1200px) {
    .app-page-part-21-main .column .aside .map .image {
        margin-left: 0;
        margin-top: 10px
    }
}

.app-page-part-21-main .column .aside .map .image img {
    height: auto;
    width: 100%
}

.app-page-part-21-main .app-page-list-grid-item {
    width: 33.33%
}

@media screen and (max-width:580px) {
    .app-page-part-21-main .app-page-list-grid-item {
        width: 50%
    }
}

.app-page-part-21-main .app-page-list-grid-item .inner {
    background-color: transparent;
    border-color: #004269;
    font-weight: 400;
    text-align: center
}

.app-page-part-21-main .app-page-list-grid-item .inner:hover {
    background-color: #004269
}

.app-page-even,
.app-page-zebra-item:nth-child(2n) {
    background-color: #f8f8f8
}

.app-page-zebra .app-page-part-1 {
    padding: 90px 0 !important
}

@media screen and (max-width:960px) {
    .app-page-zebra .app-page-part-1 {
        padding: 60px 0 !important
    }
}

.app-page-zebra .app-page-part-1 .app-page-intro-grid .item .inner .title {
    color: #333
}

.app-page-zebra .app-page-part-1-header {
    flex: 0 0 auto;
    width: 45%
}

@media screen and (max-width:960px) {
    .app-page-zebra .app-page-part-1-header {
        width: 100%
    }
}

.app-page-zebra .app-page-part-1-main {
    flex: 1 1 auto;
    margin-left: 0 !important;
    width: 100%
}

@media screen and (max-width:960px) {
    .app-page-zebra .app-page-part-1-main {
        margin-top: 40px;
        width: 100%
    }
}

.app-page-zebra .app-page-part-1-main .app-page-intro-grid {
    margin-left: -60px;
    margin-right: -60px
}

.app-page-zebra .app-page-part-1-main .app-page-intro-grid .item {
    padding-left: 60px;
    padding-right: 60px
}

.app-page-modal-text .title {
    color: #004269;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 1.5em
}

@media screen and (max-width:1200px) {
    .app-page-modal-text .title {
        font-size: 28px
    }
}

@media screen and (max-width:1000px) {
    .app-page-modal-text .title {
        font-size: 26px
    }
}

@media screen and (max-width:800px) {
    .app-page-modal-text .title {
        font-size: 24px
    }
}

.app-page-modal-text .content {
    color: #666;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 1.5em;
    margin-top: 1.5em
}

@media screen and (max-width:1000px) {
    .app-page-modal-text .content {
        font-size: 12px
    }
}

.app-page-modal-text .content .item {
    border-bottom: 1px solid hsla(0, 0%, 59%, .1);
    display: flex;
    margin-bottom: 3em;
    padding-bottom: 3em
}

@media screen and (max-width:580px) {
    .app-page-modal-text .content .item {
        flex-wrap: wrap;
        margin-bottom: 3em;
        padding-bottom: 3em
    }
}

.app-page-modal-text .content .item .image,
.app-page-modal-text .content .item .text {
    flex: 0 0 auto
}

.app-page-modal-text .content .item .text {
    padding-right: 8em;
    width: 55%
}

@media screen and (max-width:580px) {
    .app-page-modal-text .content .item .text {
        padding-right: 0;
        width: 100%
    }
}

.app-page-modal-text .content .item .image {
    width: 45%
}

@media screen and (max-width:580px) {
    .app-page-modal-text .content .item .image {
        margin-top: 2em;
        width: 100%
    }
}

.app-page-modal-text .content .item .image img {
    max-width: 250px;
    width: 100%
}

.app-page-modal-text .aside {
    color: #004269;
    font-size: 20px
}

@media screen and (max-width:1200px) {
    .app-page-modal-text .aside {
        font-size: 18px
    }
}

@media screen and (max-width:1000px) {
    .app-page-modal-text .aside {
        font-size: 16px
    }
}

@media screen and (max-width:800px) {
    .app-page-modal-text .aside {
        font-size: 14px
    }
}

.app-page-modal-member {
    display: flex
}

@media screen and (max-width:600px) {
    .app-page-modal-member {
        flex-wrap: wrap
    }
}

.app-page-modal-member .photo {
    flex: 0 0 auto;
    font-size: 0;
    width: 420px
}

@media screen and (max-width:1200px) {
    .app-page-modal-member .photo {
        width: 300px
    }
}

@media screen and (max-width:800px) {
    .app-page-modal-member .photo {
        max-width: 100%;
        width: 220px
    }
}

.app-page-modal-member .photo img,
.app-page-modal-member .photo svg,
.app-page-modal-member .photo svg image {
    width: 100%
}

.app-page-modal-member .info {
    flex: 1 1 auto;
    padding-left: 60px;
    width: 100%
}

@media screen and (max-width:1000px) {
    .app-page-modal-member .info {
        padding-left: 40px
    }
}

@media screen and (max-width:600px) {
    .app-page-modal-member .info {
        flex: 0 0 auto;
        padding-left: 0;
        padding-top: 20px
    }
}

.app-page-modal-member .info .name,
.app-page-modal-member .info .post {
    color: #004269
}

.app-page-modal-member .info .name {
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
    padding: .5em 0
}

@media screen and (max-width:1200px) {
    .app-page-modal-member .info .name {
        font-size: 36px
    }
}

@media screen and (max-width:1000px) {
    .app-page-modal-member .info .name {
        font-size: 32px
    }
}

@media screen and (max-width:800px) {
    .app-page-modal-member .info .name {
        font-size: 28px
    }
}

@media screen and (max-width:600px) {
    .app-page-modal-member .info .name {
        font-size: 20px
    }
}

.app-page-modal-member .info .post {
    font-size: 20px;
    margin-bottom: 2em
}

@media screen and (max-width:1200px) {
    .app-page-modal-member .info .post {
        font-size: 18px
    }
}

@media screen and (max-width:1000px) {
    .app-page-modal-member .info .post {
        font-size: 16px
    }
}

@media screen and (max-width:800px) {
    .app-page-modal-member .info .post {
        font-size: 14px
    }
}

.app-page-modal-member .info .intro {
    color: #666;
    font-size: 14px;
    line-height: 1.6
}

@media screen and (max-width:800px) {
    .app-page-modal-member .info .intro {
        font-size: 12px
    }
}

.app-page-business-infos .number {
    display: flex
}

@media screen and (max-width:600px) {
    .app-page-business-infos .number {
        justify-content: space-between
    }

    .app-page-business-infos .number .item {
        flex: 1 1 auto
    }

    .app-page-business-infos .number .item .count {
        justify-content: flex-start
    }

    .app-page-business-infos .number .item .info {
        text-align: left
    }
}

.app-page-business-infos .number .item+.item {
    margin-left: 20%
}

@media screen and (max-width:600px) {
    .app-page-business-infos .number .item+.item {
        margin-left: 0
    }

    body.en .app-page-business-infos .number.en-number {
        display: block
    }
}

@media screen and (max-width:1600px) {
    .app-page-business-infos .number.en-number .item+.item {
        margin-left: 5%
    }
}

@media screen and (max-width:600px) {
    body.en .app-page-business-infos .number.en-number .item+.item {
        margin-top: 1em
    }
}

.app-page-business-infos .number.has-image {
    align-items: center
}

@media screen and (max-width:600px) {
    .app-page-business-infos .number.has-image {
        flex-wrap: wrap
    }
}

.app-page-business-infos .number.has-image .item+.item {
    margin-left: 15%
}

@media screen and (max-width:600px) {
    .app-page-business-infos .number.has-image .item+.item {
        margin-left: 0
    }

    .app-page-business-infos .number.has-image .item.image {
        margin-bottom: 3vw;
        width: 100%
    }
}

.app-page-business-infos .number.has-image .item.image img {
    max-height: 110px;
    width: auto
}

@media screen and (max-width:1000px) {
    .app-page-business-infos .number.has-image .item.image img {
        max-height: 80px
    }
}

.app-page-business-infos .number+*,
.app-page-business-infos .number+*+*,
.app-page-business-infos .number+*+*+* {
    margin-top: 40px
}

@media screen and (max-width:1200px) {

    .app-page-business-infos .number+*,
    .app-page-business-infos .number+*+*,
    .app-page-business-infos .number+*+*+* {
        margin-top: 35px
    }
}

@media screen and (max-width:600px) {

    .app-page-business-infos .number+*,
    .app-page-business-infos .number+*+*,
    .app-page-business-infos .number+*+*+* {
        margin-top: 30px
    }
}

.app-page-business-infos .tabs {
    display: flex
}

.app-page-business-infos .tabs .item {
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width:1000px) {
    .app-page-business-infos .tabs .item {
        font-size: 18px
    }
}

@media screen and (max-width:800px) {
    .app-page-business-infos .tabs .item {
        font-size: 16px
    }
}

.app-page-business-infos .tabs .item+.item {
    margin-left: 2em
}

.app-page-business-infos .member .item {
    width: 33.33%
}

@media screen and (max-width:500px) {
    .app-page-business-infos .member .item {
        width: 50%
    }
}

.app-page-logos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    padding: 20px 0
}

@media screen and (max-width:800px) {
    .app-page-logos {
        margin: 0 -10px
    }
}

.app-page-logos-item {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    width: 33.33%
}

@media screen and (max-width:800px) {
    .app-page-logos-item {
        padding: 10px;
        width: 50%
    }
}

.app-page-logos-item .inner {
    display: block;
    font-size: 18px;
    max-width: 260px;
    width: 100%
}

@media screen and (max-width:1200px) {
    .app-page-logos-item .inner {
        font-size: 16px
    }
}

@media screen and (max-width:1000px) {
    .app-page-logos-item .inner {
        font-size: 14px
    }
}

.app-page-logos-item .inner .image {
    align-items: center;
    display: flex;
    height: 75px;
    justify-content: center;
    line-height: 0;
    position: relative;
    width: 100%
}

.app-page-logos-item .inner .image:after {
    border: 1px solid rgba(0, 66, 105, .3);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: border-color .3s ease;
    z-index: 1
}

.app-page-logos-item .inner .image img {
    max-width: 100%
}

@media screen and (max-width:500px) {
    .app-page-logos-item .inner .image {
        height: 65px
    }
}

.app-page-logos-item .inner .text {
    color: #333;
    margin-top: .5em;
    text-align: center
}

.app-page-logos-item .inner:hover .image:after {
    border-color: rgba(0, 66, 105, .6)
}

.app-page-intro-grid {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    margin: -20px
}

@media screen and (max-width:600px) {
    .app-page-intro-grid {
        margin: -10px
    }
}

.app-page-intro-grid .item {
    flex: 0 0 auto;
    padding: 20px;
    width: 50%
}

@media screen and (max-width:600px) {
    .app-page-intro-grid .item {
        padding: 10px;
        width: 100%
    }
}

.app-page-intro-grid .item .inner .title {
    align-items: center;
    color: #004269;
    display: flex;
    font-size: 24px;
    font-weight: 700
}

@media screen and (max-width:1200px) {
    .app-page-intro-grid .item .inner .title {
        font-size: 22px
    }
}

@media screen and (max-width:1000px) {
    .app-page-intro-grid .item .inner .title {
        font-size: 20px
    }
}

@media screen and (max-width:800px) {
    .app-page-intro-grid .item .inner .title {
        font-size: 18px
    }
}

.app-page-intro-grid .item .inner .title .index {
    font-family: DinPro;
    font-size: 1.12em;
    margin-right: .5em
}

.app-page-intro-grid .item .inner .title .text small {
    font-size: 14px;
    font-weight: 400;
    margin-left: 1em
}

@media screen and (max-width:1000px) {
    .app-page-intro-grid .item .inner .title .text small {
        font-size: 12px
    }
}

.app-page-intro-grid .item .inner .intro {
    color: hsla(0, 0%, 5%, .8);
    font-size: 16px;
    line-height: 1.8;
    margin-top: 1em;
    text-align: justify
}

body.en .app-page-intro-grid .item .inner .intro {
    text-align: left
}

.app-page-marquee {
    background-color: #fff;
    position: relative;
    z-index: 1
}

.app-page-marquee-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding: 2em 0
}

.app-page-marquee-header .app-page-link {
    margin-bottom: 2px
}

@media screen and (max-width:600px) {
    .app-page-marquee-header.has-tabs {
        flex-direction: column
    }

    .app-page-marquee-header.has-tabs .tabs {
        margin-top: 1.5em
    }
}

.app-page-marquee-list {
    padding-bottom: 2em
}

.app-page-marquee-list .row {
    display: flex;
    justify-content: center
}

.app-page-marquee-list .row .app-page-news-item {
    padding: 0;
    width: 100%
}

.app-page-marquee .tabs {
    align-items: flex-end;
    color: #666;
    display: flex;
    font-size: 18px
}

body.en .app-page-marquee .tabs {
    font-size: 16px;
    line-height: 1.4
}

@media screen and (max-width:1200px) {
    .app-page-marquee .tabs {
        font-size: 16px
    }

    body.en .app-page-marquee .tabs {
        font-size: 14px
    }
}

@media screen and (max-width:1000px) {
    .app-page-marquee .tabs {
        font-size: 14px
    }

    body.en .app-page-marquee .tabs {
        font-size: 12px
    }
}

.app-page-marquee .tabs .tab a {
    color: currentColor
}

.app-page-marquee .tabs .tab a:hover {
    color: #004269
}

.app-page-marquee .tabs .tab+.tab {
    margin-left: 2em
}

@media screen and (max-width:1000px) {
    .app-page-marquee .tabs .tab+.tab {
        margin-left: 1.5em
    }
}

.app-page-marquee .tabs .tab.active {
    color: #004269;
    font-weight: 500
}

.app-page-marquee .tabs-content {
    display: none
}

.app-page-careers {
    display: flex;
    flex-wrap: wrap;
    margin: -20px
}

@media screen and (max-width:580px) {
    .app-page-careers {
        margin: 0 -20px
    }
}

.app-page-careers .item {
    padding: 20px
}

.app-page-careers .item .title {
    font-size: 24px;
    font-weight: 500
}

@media screen and (max-width:1200px) {
    .app-page-careers .item .title {
        font-size: 22px
    }
}

@media screen and (max-width:1000px) {
    .app-page-careers .item .title {
        font-size: 20px
    }
}

.app-page-careers .item .location {
    margin-top: 0
}

.app-page-careers .item .head {
    color: #333;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 1em
}

@media screen and (max-width:1000px) {
    .app-page-careers .item .head {
        font-size: 14px
    }
}

.app-page-careers .item .intro {
    color: #6c7279;
    font-size: clamp(11px,1.1dvw,16px);
    line-height: 1.65;
}

.app-page-pages {
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-bottom: 60px;
    padding-top: 20px;
    width: 100%
}

@media screen and (max-width:600px) {
    .app-page-pages {
        flex-direction: column
    }
}

.app-page-pages>div {
    flex: 0 0 auto;
    font-size: 14px;
    width: 45%
}

.app-page-pages>div:first-child {
    text-align: left
}

.app-page-pages>div:last-child {
    text-align: right
}

@media screen and (max-width:600px) {
    .app-page-pages>div {
        width: 100%
    }

    .app-page-pages>div:last-child {
        margin-top: 15px;
        text-align: left
    }
}

.app-page-pages>div span {
    font-size: 12px;
    opacity: .5
}

.app-page-pages>div a:hover {
    color: #004269
}

.app-news-part {
    background: url(/static/images/bg-news.6d0d71c6.png) no-repeat bottom/100% auto;
    min-height: 380px
}

.app-news-part .app-page-part-13 {
    padding-top: 0 !important
}

.app-news-views {
    align-items: center;
    display: flex;
    padding: 60px 0
}

@media screen and (max-width:960px) {
    .app-news-views {
        padding: 40px 0
    }
}

@media screen and (max-width:900px) {
    .app-news-views {
        flex-wrap: wrap
    }
}

.app-news-views-header {
    flex: 0 0 auto;
    width: 320px
}

@media screen and (max-width:1200px) {
    .app-news-views-header {
        width: 240px
    }
}

@media screen and (max-width:900px) {
    .app-news-views-header {
        width: 100%
    }
}

.app-news-views-main {
    flex: 0 0 auto;
    padding-left: 80px;
    width: calc(100% - 320px)
}

@media screen and (max-width:1200px) {
    .app-news-views-main {
        padding-left: 60px;
        width: calc(100% - 240px)
    }
}

@media screen and (max-width:1000px) {
    .app-news-views-main {
        padding-left: 40px
    }
}

@media screen and (max-width:900px) {
    .app-news-views-main {
        margin-top: 5vw;
        padding-left: 0;
        width: 100%
    }
}

.app-news-views-list {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    margin: -17px
}

@media screen and (max-width:1000px) {
    .app-news-views-list {
        margin: -12px
    }
}

.app-news-views-item {
    padding: 17px;
    width: 50%
}

@media screen and (max-width:1000px) {
    .app-news-views-item {
        padding: 12px
    }
}

@media screen and (max-width:550px) {
    .app-news-views-item {
        width: 100%
    }
}

.app-news-views-item .inner {
    background: linear-gradient(to right bottom, #fbfbfb, #fff);
    border: 1px solid #f4f4f4;
    box-shadow: 6px 6px 0 rgba(0, 66, 105, .08);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 150px;
    justify-content: space-between;
    padding: 1em 1.25em;
    transition: box-shadow .6s ease, background .6s ease;
    width: 100%
}

@media screen and (max-width:1200px) {
    .app-news-views-item .inner {
        font-size: 12px
    }
}

.app-news-views-item .inner .title {
    color: #004269;
    font-size: 18px;
    font-weight: 500
}

@media screen and (max-width:1200px) {
    .app-news-views-item .inner .title {
        font-size: 16px
    }
}

.app-news-views-item .inner .time {
    color: #666
}

.app-news-views-item .inner:hover {
    background: #fff;
    box-shadow: 8px 8px 0 rgba(0, 66, 105, .15)
}

.app-news-views-item.download .inner {
    padding-right: 80px;
    position: relative
}

.app-news-views-item.download .inner:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAAAS1BMVEXm7fBydHXW3N93envj6u2HioyJjY6tsrTh6OuvtLaWmZucoKJ1eHnK0NOlqqze5eiprrChpaeYnJ6FiIrY3+LS2duChYbGzM6gpKaMiuFYAAAA4klEQVRYw+3VSRKCMBSE4TQEiZowOt3/pE4FLWpRmRYs3n+Ar6pXrSRJkiQpR6Zr2oxcA9wycjtg1Fm5SjjhhNs6p/9zOg6rx978crqpmhjQATiYb04fAVwjuDNeHrlZg1MR7em9uFmrtUrwJm7WojB6E0ctzXtzsZrpBrf0npxZaG7ojCfXA5d24VXAOHxq7QXoPTkAtuBexqWFBeDPlQ+OHrWZK0M5etRSOHrUUjh61FI4eqWlFs2x4qxycGxT3EmtdgrjrCtWczaIgy1XswjgPArganhVe1+inyZJkiRttTs8GQgx7zSYrgAAAABJRU5ErkJggg==) no-repeat 50%/100% 100%;
    content: "";
    display: block;
    height: 40px;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease;
    width: 40px
}

@media screen and (max-width:600px) {
    .app-news-views-item.download .inner:after {
        height: 30px;
        width: 30px
    }
}

.app-news-views-item.download .inner:hover:after {
    opacity: 1
}

.app-news-party {
    align-items: stretch;
    display: flex;
    padding-top: 40px
}

@media screen and (max-width:1000px) {
    .app-news-party {
        flex-wrap: wrap;
        padding-top: 30px
    }
}

@media screen and (max-width:800px) {
    .app-news-party {
        padding-top: 20px
    }
}

.app-news-party .col {
    flex: 0 0 auto
}

.app-news-party .col:first-child {
    width: 57.6%
}

.app-news-party .col:last-child {
    width: 42.4%
}

@media screen and (max-width:1000px) {

    .app-news-party .col:first-child,
    .app-news-party .col:last-child {
        width: 100%
    }
}

.app-news-party .col .top {
    height: 100%;
    padding-right: 20px;
    width: 100%
}

@media screen and (max-width:1000px) {
    .app-news-party .col .top {
        padding-right: 0
    }
}

.app-news-party .col .top .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 63.5%;
    position: relative;
    width: 100%
}

.app-news-party .col .top .image .text {
    background: url(/static/images/bg-top.aff41945.png) no-repeat bottom/100% 100%;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    left: 0;
    padding: 2em;
    position: absolute;
    right: 0;
    width: 100%
}

@media screen and (max-width:800px) {
    .app-news-party .col .top .image .text {
        font-size: 12px;
        padding: 1em
    }
}

.app-news-party .col .top .image .text .time {
    margin-bottom: .25em
}

.app-news-party .col .top .image .text .title {
    font-size: 20px
}

@media screen and (max-width:1600px) {
    .app-news-party .col .top .image .text .title {
        font-size: 18px
    }
}

@media screen and (max-width:1200px) {
    .app-news-party .col .top .image .text .title {
        font-size: 16px
    }
}

@media screen and (max-width:1000px) {
    .app-news-party .col .top .image .text .title {
        font-size: 14px
    }
}

@media screen and (max-width:800px) {
    .app-news-party .col .top .image .text .title {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .app-news-party .col .top .image .text .title {
        font-size: 14px
    }
}

.app-news-party .col .list .item {
    border-bottom: 1px solid rgba(51, 51, 51, .2);
    font-size: 12px;
    padding: 1.4em 0
}

@media screen and (max-width:1600px) {
    .app-news-party .col .list .item {
        padding: .95em 0
    }
}

.app-news-party .col .list .item .time {
    color: #004269;
    font-weight: 300;
    margin-bottom: .25em
}

.app-news-party .col .list .item .title {
    color: #333;
    font-size: 18px
}

@media screen and (max-width:1600px) {
    .app-news-party .col .list .item .title {
        font-size: 16px
    }
}

@media screen and (max-width:1200px) {
    .app-news-party .col .list .item .title {
        font-size: 14px
    }
}

.app-news-party .col .list .item .title a {
    color: currentColor
}

.app-news-party .col .list .item .title a:hover {
    color: #004269
}

.app-list-report {
    margin: -30px
}

@media screen and (max-width:1000px) {
    .app-list-report {
        margin: -15px
    }
}

@media screen and (max-width:600px) {
    .app-list-report {
        margin: -10px
    }
}

.app-list-report .item {
    flex: 0 0 auto;
    padding: 30px;
    width: 100%
}

@media screen and (max-width:1000px) {
    .app-list-report .item {
        padding: 15px
    }
}

@media screen and (max-width:600px) {
    .app-list-report .item {
        padding: 10px
    }
}

.app-list-report .item a {
    display: block;
    font-size: 0
}

.app-list-report .item a img {
    height: auto;
    width: 100%
}

.app-list-report [data-moup-carousel] .carousel-track {
    margin-left: 0;
    margin-right: 0
}

.app-list-report [data-moup-carousel] .carousel-dots {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none
}

.app-list-report [data-moup-carousel] .carousel-dots button {
    background-color: rgba(51, 51, 51, .2);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 8px;
    outline: none;
    width: 8px
}

.app-list-report [data-moup-carousel] .carousel-dots li {
    margin: 0 4px
}

.app-list-report [data-moup-carousel] .carousel-active button {
    background-color: #004269
}

[data-cards] .swiper-slide {
    padding-bottom: 6px;
    padding-right: 6px
}

.app-body {
    min-height: 80vh;
    opacity: 0;
    transition: opacity .6s ease
}

html.is-ready .app-body {
    opacity: 1
}

.app-header {
    position: relative;
    z-index: 2505
}

.app-header-container {
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transition: transform .6s ease, color .6s ease, background-color .6s ease;
    z-index: 2505
}

@media screen and (max-width:1000px) {
    .app-header-container {
        position: fixed
    }
}

html.is-home .app-header-container {
    position: fixed
}

@media screen and (max-width:1000px) {
    .app-header-container.unpinned {
        transform: translate3d(0, -100%, 0)
    }
}

html.is-home .app-header-container.unpinned {
    transform: translate3d(0, -100%, 0)
}

@media screen and (min-width:1001px) {
    html.is-home .app-header-container.pinned:not(.pinned-home) {
        transform: translate3d(0, -100%, 0)
    }
}

.app-header-container.pinned:not(.pinned-home):after {
    opacity: .65
}

.app-header-container.white {
    background-color: #fff;
    box-shadow: 0 2px 12px hsla(0, 0%, 5%, .05);
    color: hsla(0, 0%, 5%, .8)
}

.app-header-container.white .app-header-wrapper .logo {
    color: #004269
}

.app-header-container.white .app-header-wrapper .logo [p-id="1368"] {
    fill: url(#linearGradient-1)
}

.app-header-container.white .app-header-wrapper .logo [p-id="1369"] {
    fill: url(#linearGradient-2)
}

.app-header-container.white .app-header-wrapper .logo [p-id="1370"] {
    fill: url(#linearGradient-3)
}

.app-header-container.white .app-header-wrapper .logo [p-id="1372"] {
    fill: url(#linearGradient-4)
}

.app-header-container.white .app-header-wrapper .logo [p-id="1373"] {
    fill: url(#linearGradient-5)
}

.app-header-container.white .app-header-wrapper .logo [p-id="1374"] {
    fill: url(#linearGradient-6)
}

.app-header-container.white .app-header-wrapper .main .aside .language a,
.app-header-container.white .app-header-wrapper .main nav .item a {
    color: currentColor
}

.app-header-container.white .app-header-wrapper .main nav .item .sub {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px hsla(0, 0%, 5%, .125);
    margin-top: 1em
}

.app-header-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    position: relative;
    z-index: 1
}

.app-header-wrapper .logo {
    color: currentColor;
    display: block;
    flex: 0 0 auto
}

.app-header-wrapper .logo svg {
    height: 40px;
    width: auto
}

@media screen and (max-width:1200px) {
    .app-header-wrapper .logo svg {
        height: 35px
    }
}

.app-header-wrapper .main {
    align-items: center;
    display: flex;
    font-size: 16px
}

@media screen and (max-width:1600px) {
    body.en .app-header-wrapper .main {
        font-size: 15px
    }
}

@media screen and (max-width:1200px) {
    .app-header-wrapper .main {
        font-size: 14px
    }

    body.en .app-header-wrapper .main {
        font-size: 13px
    }
}

@media screen and (max-width:1080px) {
    body.en .app-header-wrapper .main {
        font-size: 12px
    }
}

@media screen and (max-width:1000px) {
    .app-header-wrapper .main {
        display: none
    }
}

.app-header-wrapper .main a {
    display: flex;
    position: relative
}

.app-header-wrapper .main a:after {
    background-color: currentColor;
    bottom: -5px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .3s ease
}

.app-header-wrapper .main a:before {
    bottom: 0;
    content: attr(title);
    display: block;
    font-weight: 700;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden
}

body.en .app-header-wrapper .main a:before {
    display: none !important
}

.app-header-wrapper .main a:hover {
    color: transparent
}

.app-header-wrapper .main a:hover:before {
    visibility: visible
}

.app-header-wrapper .main a:hover:after {
    transform: scaleX(100%);
    transform-origin: left center
}

.app-header-wrapper .main nav {
    align-items: center;
    display: flex
}

.app-header-wrapper .main nav .item {
    margin-right: 3em;
    position: relative
}

body.en .app-header-wrapper .main nav .item {
    margin-right: 2.5em
}

@media screen and (max-width:1600px) {
    body.en .app-header-wrapper .main nav .item {
        margin-right: 1.25em
    }
}

.app-header-wrapper .main nav .item:last-child {
    margin-right: 0 !important
}

.app-header-wrapper .main nav .item a {
    color: #fff;
    white-space: nowrap
}

.app-header-wrapper .main nav .item .sub {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: auto;
    justify-content: flex-start;
    left: 50%;
    list-style: none;
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%);
    transition: height .6s ease, visibility .6s ease;
    visibility: hidden;
    white-space: nowrap
}

@media screen and (max-width:1200px) {
    .app-header-wrapper .main nav .item .sub {
        font-size: 12px
    }
}

.app-header-wrapper .main nav .item .sub a {
    display: inline-block
}

.app-header-wrapper .main nav .item .sub a:hover {
    color: currentColor
}

.app-header-wrapper .main nav .item .sub a:hover:before {
    visibility: hidden
}

.app-header-wrapper .main nav .item .sub li {
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em
}

.app-header-wrapper .main .aside {
    align-items: center;
    display: flex
}

.app-header-wrapper .main .aside:before {
    background-color: currentColor;
    content: "";
    display: block;
    height: .8em;
    margin-left: 3em;
    margin-right: 3em;
    position: relative;
    top: 1px;
    width: 1px
}

body.en .app-header-wrapper .main .aside:before {
    margin-left: 2em;
    margin-right: 2em
}

@media screen and (max-width:1600px) {
    body.en .app-header-wrapper .main .aside:before {
        margin-left: 1.25em;
        margin-right: 1.25em
    }
}

.app-header-wrapper .main .aside>*+* {
    margin-left: 3em
}

body.en .app-header-wrapper .main .aside>*+* {
    margin-left: 2em
}

@media screen and (max-width:1600px) {
    body.en .app-header-wrapper .main .aside>*+* {
        margin-left: 1.25em
    }
}

.app-header-wrapper .main .aside .language {
    align-items: center;
    display: flex
}

.app-header-wrapper .main .aside .language a {
    color: #fff;
    margin: 0 2px;
    white-space: nowrap
}

.app-header-wrapper .main .aside .search {
    align-items: stretch;
    display: flex;
    position: relative
}

.app-header-wrapper .main .aside .search .close,
.app-header-wrapper .main .aside .search .icon {
    cursor: pointer;
    line-height: 1
}

.app-header-wrapper .main .aside .search .close svg,
.app-header-wrapper .main .aside .search .icon svg {
    fill: currentColor;
    height: 1em;
    width: 1em
}

.app-header-wrapper .main .aside .search .icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.app-header-wrapper .main .aside .search .input {
    align-items: center;
    display: flex;
    position: relative;
    transition: width .3s ease;
    visibility: hidden;
    width: 0
}

.app-header-wrapper .main .aside .search .input i,
.app-header-wrapper .main .aside .search .input:after {
    background-color: currentColor;
    bottom: -5px;
    content: "";
    display: block;
    height: 1px;
    left: -1em;
    opacity: .5;
    position: absolute;
    right: -1em;
    visibility: hidden
}

.app-header-wrapper .main .aside .search .input i {
    opacity: 1;
    transform: scaleX(0);
    transform-origin: right center;
    visibility: visible
}

.app-header-wrapper .main .aside .search .input input {
    background-color: transparent;
    border: 0;
    color: currentColor;
    line-height: 1;
    outline: none;
    padding: 0 .5em;
    width: 100%
}

.app-header-wrapper .main .aside .search .input input::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.app-header-wrapper .main .aside .search .input input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.app-header-wrapper .main .aside .search .input input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.app-header-wrapper .main .aside .search .input input:focus+i {
    transform: scaleX(100%);
    transform-origin: left center
}

.app-header-wrapper .hamburger,
.app-header-wrapper .main .aside .search .close {
    display: none
}

@media screen and (max-width:1000px) {
    .app-header-wrapper .hamburger {
        display: block
    }
}

.app-header-wrapper .hamburger svg {
    fill: currentColor;
    height: 30px;
    width: 30px
}

.app-header-wrapper .hamburger svg path {
    transform-origin: center center;
    transition: .3s ease
}

.app-header-wrapper .hamburger.moup-close-drawer .line-1,
.app-header-wrapper .hamburger.moup-close-drawer .line-4 {
    opacity: 0
}

.app-header-wrapper .hamburger.moup-close-drawer .line-2 {
    transform: rotate(-45deg) translateX(-2%)
}

.app-header-wrapper .hamburger.moup-close-drawer .line-3 {
    transform: rotate(45deg) translateX(-2%)
}

.app-header-wrapper.search-show .main nav {
    display: none
}

.app-header-wrapper.search-show .main .aside:before {
    opacity: 0
}

.app-header-wrapper.search-show .main .aside .search .icon {
    cursor: default
}

.app-header-wrapper.search-show .main .aside .search .input {
    visibility: visible;
    width: 390px
}

.app-header-wrapper.search-show .main .aside .search .input:after {
    visibility: visible
}

.app-header-wrapper.search-show .main .aside .search .input i {
    transition: transform .3s ease
}

.app-header-wrapper.search-show .main .aside .search .close {
    align-items: center;
    display: flex;
    justify-content: center
}

.app-header-drawer {
    z-index: 2504 !important
}

@media screen and (min-width:1001px) {
    .app-header-drawer {
        visibility: hidden !important
    }
}

.app-header-drawer .moup-drawer-close {
    display: none !important
}

.app-header-drawer .moup-drawer-container {
    background-color: #000;
    color: #fff;
    height: 100%;
    overflow: hidden;
    position: relative
}

.app-header-drawer .moup-drawer-container:before {
    background-color: #000;
    content: "";
    display: block;
    height: 78px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.app-header-drawer .moup-drawer-container .aside .search {
    display: none !important
}

.app-header-drawer .moup-drawer-content {
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    height: 100%;
    justify-content: space-between;
    overflow: auto;
    padding: 120px 40px 0
}

.app-header-drawer .moup-drawer-content a {
    color: #fff
}

.app-header-drawer .moup-drawer-content nav .item+.item {
    margin-top: 2em
}

.app-header-drawer .moup-drawer-content nav .item .sub {
    display: none;
    font-size: 14px;
    height: auto !important;
    list-style: none;
    padding: 1em 0
}

.app-header-drawer .moup-drawer-content nav .item .sub li {
    margin-top: 1em
}

.app-header-drawer .moup-drawer-content nav .item .sub li a {
    opacity: .5
}

.app-header-drawer .moup-drawer-content nav .item .sub-top {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.app-header-drawer .moup-drawer-content nav .item .sub-top .icon {
    line-height: 1
}

.app-header-drawer .moup-drawer-content nav .item .sub-top .icon svg {
    fill: currentColor;
    height: .95em;
    width: .95em
}

.app-header-drawer .moup-drawer-content nav .item .sub-top.active .icon {
    transform: rotate(90deg)
}

.app-header-drawer .moup-drawer-content .language {
    font-size: 14px;
    padding: 40px 0
}

.app-header-frosted {
    display: none;
    height: 78px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2500
}

@media screen and (max-width:1000px) {
    .app-header-container.pinned+.app-header-frosted {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, 0));
        display: block
    }
}

.app-footer {
    background-color: #001d2e;
    color: #fff
}

.app-footer a {
    color: currentColor
}

.app-footer-main {
    background-color: #002840
}

.app-footer-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 40px 0
}

.app-footer-wrapper .aside,
.app-footer-wrapper .menus dl+dl {
    margin-left: 60px
}

@media screen and (max-width:1180px) {

    .app-footer-wrapper .aside,
    .app-footer-wrapper .menus dl+dl {
        margin-left: 40px
    }
}

@media screen and (max-width:960px) {

    .app-footer-wrapper .aside,
    .app-footer-wrapper .menus dl+dl {
        margin-left: 0
    }

    .app-footer-wrapper {
        flex-direction: column;
        margin-left: -3vw;
        margin-right: -3vw;
        padding: 20px
    }
}

.app-footer-wrapper dl dt {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    white-space: nowrap
}

body.en .app-footer-wrapper dl dt {
    font-size: 16px;
    line-height: 1.24
}

@media screen and (max-width:1600px) {
    body.en .app-footer-wrapper dl dt {
        min-height: 2em;
        white-space: normal
    }
}

@media screen and (max-width:1200px) {
    .app-footer-wrapper dl dt {
        font-size: 16px
    }

    body.en .app-footer-wrapper dl dt {
        font-size: 14px
    }
}

@media screen and (max-width:1000px) {
    .app-footer-wrapper dl dt {
        font-size: 14px
    }
}

@media screen and (max-width:960px) {
    .app-footer-wrapper dl dt {
        align-items: center;
        display: flex;
        font-weight: 400;
        justify-content: space-between;
        margin-bottom: 0;
        padding: 10px 0
    }
}

.app-footer-wrapper dl dt svg {
    display: none
}

@media screen and (max-width:960px) {
    .app-footer-wrapper dl dt svg {
        fill: currentColor;
        display: block;
        height: 1em;
        width: 1em
    }
}

.app-footer-wrapper dl dd {
    font-size: clamp(10px, .9dvw, 14px);
    font-weight: 300
}

body.en .app-footer-wrapper dl dd {
    line-height: 1.4
}

@media screen and (max-width:960px) {
    .app-footer-wrapper dl dd {
        margin-bottom: 20px
    }
}

.app-footer-wrapper dl dd ul,
.app-footer-wrapper dl dd ul.nostyle {
    list-style: none
}

.app-footer-wrapper dl dd ul:not(.nostyle) li {
    padding-left: 1em;
    position: relative
}

.app-footer-wrapper dl dd ul:not(.nostyle) li:before {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: .6em;
    width: 4px
}

@media screen and (max-width:960px) {
    .app-footer-wrapper dl dd ul:not(.nostyle) li {
        padding-left: 0
    }

    .app-footer-wrapper dl dd ul:not(.nostyle) li:before {
        display: none
    }
}

.app-footer-wrapper dl dd *+ul {
    margin-top: 20px
}

@media screen and (max-width:960px) {
    .app-footer-wrapper dl dd *+ul {
        margin-top: 15px
    }
}

.app-footer-wrapper dl dd li+li {
    margin-top: .5em
}

body.en .app-footer-wrapper dl dd li+li {
    margin-top: 1em
}

.app-footer-wrapper dl dd a {
    opacity: .85
}

.app-footer-wrapper dl dd a:hover {
    opacity: 1
}

.app-footer-wrapper .qrcode {
    font-size: 0
}

.app-footer-wrapper .qrcode img {
    height: auto;
    max-width: 72px;
    width: 100%
}

.app-footer-wrapper .menus {
    display: flex;
    flex: 1 1 auto;
    padding-right: 60px
}

@media screen and (max-width:1180px) {
    .app-footer-wrapper .menus {
        padding-right: 40px
    }
}

@media screen and (max-width:960px) {
    .app-footer-wrapper .menus {
        flex-direction: column;
        padding-right: 0
    }
}

.app-footer-wrapper .menus dl {
    flex: 1 1 auto;
    width: 16.66%
}

@media screen and (max-width:960px) {
    .app-footer-wrapper .menus dl {
        width: 100%
    }

    .app-footer-wrapper .menus dl dd {
        display: none
    }

    .app-footer-wrapper .menus dl.active dt svg {
        transform: rotate(180deg)
    }

    .app-footer-wrapper .menus dl.active dd {
        display: block
    }
}

.app-footer-wrapper .aside {
    flex: 0 0 auto
}

.app-footer-links {
    padding: 0 0 35px
}

@media screen and (max-width:960px) {
    .app-footer-links {
        margin-left: -3vw;
        margin-right: -3vw;
        padding: 0 20px 20px
    }
}

.app-footer-links dl {
    display: flex;
    font-size: 12px
}

.app-footer-links dl dt {
    flex: 0 0 auto
}

.app-footer-links dl dd {
    flex: 1 1 auto
}

.app-footer-links dl dd a {
    display: inline-block;
    margin-left: 1em
}

.app-footer-aside {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 300;
    justify-content: space-between;
    padding: 1em 0
}

.app-footer-aside .icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.5em;
    width: 1.5em
}

.app-footer-aside .icon.gov {
    background-image: url(/static/images/icon001.41736e1d.png)
}

.app-footer-aside .icon+* {
    margin-left: .75em
}

.app-footer-aside .copyright {
    align-items: center;
    display: flex
}

@media screen and (max-width:900px) {
    .app-footer-aside {
        align-items: flex-start;
        flex-direction: column
    }

    .app-footer-aside .copyright {
        margin-bottom: .618em
    }

    .app-footer-aside .copyright .icon {
        display: none
    }

    .app-footer-aside .copyright .icon+* {
        margin-left: 0
    }
}

@media screen and (min-width:961px) {
    .app-footer [data-appear-animation]:first-child {
        transition-delay: .04s
    }

    .app-footer [data-appear-animation]:nth-child(2) {
        transition-delay: .08s
    }

    .app-footer [data-appear-animation]:nth-child(3) {
        transition-delay: .12s
    }

    .app-footer [data-appear-animation]:nth-child(4) {
        transition-delay: .16s
    }

    .app-footer [data-appear-animation]:nth-child(5) {
        transition-delay: .2s
    }

    .app-footer [data-appear-animation]:nth-child(6) {
        transition-delay: .24s
    }

    .app-footer [data-appear-animation]:nth-child(7) {
        transition-delay: .28s
    }

    .app-footer [data-appear-animation]:nth-child(8) {
        transition-delay: .32s
    }

    .app-footer [data-appear-animation]:nth-child(9) {
        transition-delay: .36s
    }

    .app-footer [data-appear-animation]:nth-child(10) {
        transition-delay: .4s
    }

    .app-footer [data-appear-animation]:nth-child(11) {
        transition-delay: .44s
    }

    .app-footer [data-appear-animation]:nth-child(12) {
        transition-delay: .48s
    }

    .app-footer [data-appear-animation]:nth-child(13) {
        transition-delay: .52s
    }

    .app-footer [data-appear-animation]:nth-child(14) {
        transition-delay: .56s
    }

    .app-footer [data-appear-animation]:nth-child(15) {
        transition-delay: .6s
    }

    .app-footer [data-appear-animation]:nth-child(16) {
        transition-delay: .64s
    }

    .app-footer [data-appear-animation]:nth-child(17) {
        transition-delay: .68s
    }

    .app-footer [data-appear-animation]:nth-child(18) {
        transition-delay: .72s
    }

    .app-footer [data-appear-animation]:nth-child(19) {
        transition-delay: .76s
    }

    .app-footer [data-appear-animation]:nth-child(20) {
        transition-delay: .8s
    }
}

.app-float {
    background-color: #fff;
    position: fixed;
    right: -100px;
    top: 20vh;
    transition: right .6s ease;
    width: 80px;
    z-index: 2505
}

@media screen and (max-width:1000px) {
    .app-float {
        display: none !important
    }
}

.app-float-item {
    color: #999;
    display: block;
    position: relative
}

.app-float-item:after {
    background-color: #dedede;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 12px;
    position: absolute;
    right: 12px;
    z-index: 2
}

.app-float-item:last-child:after {
    display: none
}

.app-float-item .inner {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 66, 105, .1);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    padding: 1.15em 0;
    position: relative;
    z-index: 1
}

body.en .app-float-item .inner {
    font-size: 12px;
    line-height: 1.2;
    text-align: center
}

.app-float-item .inner svg {
    fill: currentColor;
    height: 28px;
    width: 28px
}

.app-float-item .inner span {
    margin-top: .5em
}

body.en .app-float-item .inner span {
    padding: 0 .5em
}

.app-float-item .drawer {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 5px 10px rgba(0, 66, 105, .1);
    display: flex;
    font-family: DinPro;
    font-size: 1.25em;
    justify-content: center;
    padding: 1em;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 0;
    transform: translateX(calc(100% + 80px));
    white-space: nowrap;
    z-index: 0
}

.app-float-item:hover {
    color: #004269
}

.app-float-item:hover .drawer {
    transform: translateX(0)
}

.app-float.active {
    right: 0
}

.app-float.active .app-float-item .drawer {
    transition: transform .6s ease
}

.app-pagination {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 24px;
    justify-content: center;
    padding: 60px 0
}

@media screen and (max-width:1200px) {
    .app-pagination {
        font-size: 22px;
        padding: 50px 0
    }
}

@media screen and (max-width:1000px) {
    .app-pagination {
        font-size: 20px;
        padding: 40px 0
    }
}

@media screen and (max-width:800px) {
    .app-pagination {
        font-size: 18px;
        padding: 30px 0
    }
}

@media screen and (max-width:600px) {
    .app-pagination {
        font-size: 16px;
        padding: 20px 0
    }
}

.app-pagination a {
    color: currentColor
}

.app-pagination .disabled {
    cursor: default !important;
    pointer-events: none !important
}

.app-pagination .disabled.app-page-link-icon {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .45
}

.app-pagination .pc {
    display: flex
}

@media screen and (max-width:1000px) {
    .app-pagination .pc {
        display: none
    }
}

.app-pagination .pc a+a {
    margin-left: 1em
}

.app-pagination .pc a.current,
.app-pagination .pc a:hover {
    color: #004269
}

.app-pagination .pc a.current {
    font-weight: 500
}

.app-pagination .m {
    display: none
}

@media screen and (max-width:1000px) {
    .app-pagination .m {
        display: flex
    }
}

.app-pagination .m,
.app-pagination .pc {
    align-items: center;
    justify-content: center;
    padding: 0 1em
}

.app-pagination.small {
    font-size: 18px
}

@media screen and (max-width:1200px) {
    .app-pagination.small {
        font-size: 16px
    }
}

.app-pagination.small .app-page-link {
    font-size: inherit;
    height: 40px
}

@media screen and (max-width:1200px) {
    .app-pagination.small .app-page-link {
        height: 36px
    }
}

.app-pagination.small .app-page-link-icon {
    width: 40px
}

@media screen and (max-width:1200px) {
    .app-pagination.small .app-page-link-icon {
        width: 36px
    }
}

[data-appear-animation=slide-up] {
    opacity: 0;
    transform: translateY(50px);
    transition: transform .8s ease, opacity .8s ease
}

[data-appear-animation=slide-up].is-inview {
    opacity: 1;
    transform: translateY(0)
}

[data-appear-animation=fade-in] {
    opacity: 0;
    transition: opacity .8s ease
}

[data-appear-animation=fade-in].is-inview {
    opacity: 1
}

[data-appear-animation=text] {
    visibility: hidden
}

[data-appear-animation=text] .appear-text {
    display: flex;
    flex-direction: column
}

[data-appear-animation=text] .appear-text-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

[data-appear-animation=text] .appear-text-wrapper {
    display: block
}

[data-appear-animation=text] .appear-text-inner {
    display: block;
    opacity: 0;
    transform: translateY(110%) rotate(-10deg);
    transform-origin: center left;
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1)
}

[data-appear-animation=text] .appear-text-inner.active {
    opacity: 1;
    transform: translateY(0) rotate(0)
}

[data-appear-delay] {
    transition-delay: attr(data-appear-delay)
}