@charset "UTF-8";
/* Vue 挂载前隐藏带 v-cloak 的元素，避免 {{ }} 插值代码闪烁 */
[v-cloak] {
    display: none !important;
}
/* 全局顶栏：主容器和子栏一律不换行，避免 logo/导航/功能区在 Chrome 中换行 */
.head.head--site .main {
    flex-wrap: nowrap !important;
}
.head .right {
    flex-wrap: nowrap !important;
}
.head .right .nav {
    flex-wrap: nowrap !important;
}
.head .head-right-container {
    flex-wrap: nowrap !important;
}
/* 全局顶栏导航：强制 ul 单行不换行，避免不同断点下与其他媒体查询冲突换行 */
.head .right .nav ul {
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: clamp(0.5rem, 1vw, 1rem) !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}
.head .right .nav ul > li {
    width: auto !important;
    flex: 0 0 auto !important;
    text-align: center;
    position: relative;
    white-space: nowrap !important;
}
.head .right .nav ul > li > a {
    white-space: nowrap !important;
    font-size: clamp(0.9375rem, 1vw, 1.0625rem) !important;
}
.head .right .nav ul li a {
    white-space: nowrap !important;
}
* {
    margin: 0rem;
    padding: 0rem;
}
body {
    background: #fff;
    margin: 0rem;
    padding: 0rem;
    text-decoration: none;
    font-variant: normal;
    font-family: "Microsoft YaHei";
}
.cp {
    cursor: pointer;
}
a {
    text-decoration: none;
}
:root {
    --link-color: #1a1b1b;
}
.ml20{
    margin-left: 1.25rem;
}
.ml30{
    margin-left: 1.875rem;
}
.mr20{
    margin-right: 1.25rem;
}
a:link,
a:visited,
a:hover,
a:active {
    color: #1a1b1b;
}
li {
    list-style-type: none;
}
ul,
ol {
    list-style-type: none;
    list-style-image: none;
}
input[type="button"],
input[type="submit"],
input[type="text"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
}
select {
    -webkit-appearance: none;
}
html {
    font-size: 16px;
}
.cases_title {
    position: relative;
    height: 37.5rem;
}
.settings {
}
.aos-animate {
    img {
        width: 20rem;
        height: 5rem;
    }
}

.cases_more {
    width: 1.875rem;
    height: 1.875rem;
    border: 0.0625rem solid #909399;
    text-align: center;
    line-height: 1.875rem;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.75rem;
    z-index: 99999;
}
.title_left {
    width: 48.2%;
    height: 30.5rem;
    border: 0.0625rem solid #acaeaf;
    padding: 0.3125rem;
    color: #1a1b1b;
    margin-right: 1.25rem;
    border-radius: 0.3125rem;
}

.title_right_list {
    width: 100%;
    padding: 17px;
    height: 4.3125rem;
    border: 0.0625rem solid #acaeaf;
    align-items: center;
    .title_right_list_left {
        width: 15%;
        height: 100%;
        justify-content: space-between;
        align-items: center;
        .day {
            font-size: 1.5rem;
            text-align: center;
        }
        .yearMonth {
            font-size: 1rem;
        }
    }
    .center {
        text-align: center;
    }
}
.title_right_list:hover{
    background: #CCDCFF !important;
    .title_right_list_left{
        background: #144E9E !important;
        .center{
            color: #fff !important;
        }
    }
    .title_right_list_mid{
        .text-reset{
            color: #144E9E !important;
        }
        .title_left_bottom_text{
            color: #144E9E !important;
        }
    }
}
.title_right {
    width: 48.2%;
    height: 30.5rem;
    border: 0.0625rem solid #acaeaf;
    padding: 0.3125rem 0.5rem 0.3125rem 0.3125rem;
    color: #1a1b1b !important;
    border-radius: 0.3125rem;
}

.title_left_bottom {
    padding: 0.625rem;
    font-size: 1.25rem;
}

.title_left_top_r {
    flex: 1;
    img {
        width: 100%;
        height: 9.0625rem;
    }
}
.title_right_list_right {
    width: 2.5rem;
    height: 2.5rem;
    border: 0.0625rem solid #acaeaf;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1.875rem;
    margin-top: 0.625rem;
    cursor: pointer;
    img {
        margin: 0 !important;
        padding: 0 !important;
    }
}
.text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.125rem;
    padding: 0.625rem;
}
.title_left_bottom_text {
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.125rem;
}
.mt5 {
    margin-top: 0.3125rem;
}
.first-box {
    width: 26.875rem !important;
    height: 18.125rem !important;
    border: 0.0625rem solid #ededed;
    padding: 0.3125rem;
    background: linear-gradient(rgba(0, 59, 183, 0.1), hsla(0, 0%, 100%, 0));
    img {
        width: 7.5rem;
        height: 7.5rem;
    }
}
.first-box1 {
    width: 40.625rem !important;
    height: 16.875rem !important;
    border: 0.0625rem solid rgba(0, 59, 183, 0.3);
    padding: 0.625rem;
    img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.first-box1-title {
    display: flex;
    width: 100%;
    margin-top: 0.625rem;
    margin-left: 0.625rem;
    justify-content: space-between;
    .first-box1-title-left {
        font-size: 1.25rem;
        font-weight: 700;
        color: #000000;
    }
    .first-box1-title-right {
        font-size: 1.125rem;
        color: #000000;
        margin-right: 1.25rem;
        line-height: 1.875rem;
    }
}
.first-box1-content {
    margin-top: 0.625rem;
    color: #000;
    .first-box1-content-list {
        display: flex;
        margin-left: 0.625rem;
        font-size: 1rem;
        justify-content: space-between;
    }
}
.mt20 {
    margin-top: 1.25rem;
}
.mt40{
    margin-top: 2.5rem;
}
.mt50{
    margin-top: 3.125rem;
}
.mt10 {
    margin-top: 0.625rem;
}
.first-box-title {
    color: #003bb7;
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 0.3125rem;
    text-align: center;
}
.first-box-text {
    color: #767676;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    margin-top: 1.25rem;
}
@media screen and (max-width: 74.9375rem) {
    html {
        font-size: 6.25rem;
    }
    body {
        max-width: 46.875rem;
        margin: 0 auto;
    }
}
@media (max-width: 47.9375rem) {
    html {
        font-size: 13.333333333333vw;
    }
    body {
        max-width: initial;
    }
}
.login {
    width: 100%;
    display: flex;
    justify-content: end;
}
.login1 {
    position: absolute;
    right: 15vw;
    top: 27vh;
    width: 21.875rem;
    background: url("../img/loginbg.png") no-repeat center center;
    padding: 1.875rem;
    border-radius: 1.25rem;
    /deep/ .el-form-item__content {
        width: 100% !important;
        margin-left: 0 !important;
    }
    /deep/ .el-input {
        width: 100% !important;
    }
}
.mr10 {
    margin-right: 0.625rem;
}

.loginbtn {
    padding: 0.3125rem 0.625rem;
    border-radius: 0.75rem;
}
.zcbtn {
    padding: 0.3125rem 0.625rem;
    background: #f0f0f0;
    color: #005db7;
    border-radius: 0.75rem;
}
.fr {
    float: right;
}
.el-dropdown-link {
    cursor: pointer;
    color: #409eff;
}
.el-icon-arrow-down {
    font-size: 0.75rem;
}
.demonstration {
    display: block;
    color: #8492a6;
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
}
.el-carousel__container {
    width: 100%;
    height: 43.75rem;
}

.tabs .tabs_box {
    width: 12.5rem;
    height: 100%;
    border: 0.0625rem solid rgb(198, 188, 188);
    text-align: center;
    line-height: 5.625rem;
    cursor: pointer;
}
.border1 {
    height: 43.75rem;
    border: 0.0625rem solid rgb(198, 188, 188);
    border-radius: 0.3125rem;
}

.main {
    width: 103.75rem;
    margin: 0 auto;
}
.main2 {
    width: 100rem;
    height: 47rem;
    margin: 0 auto;
}


.cases-bg-fit {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.cases-bg-cover {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.main3 {
    width: 103.75rem;
    /* height: 56.5rem; */
    margin: 0 auto;
    overflow-y: auto;
}
.main4{
    width: 68.875rem;
    height: 44.4375rem;
    background: #fff;
    overflow: hidden;
    /* padding: 1.875rem; */
    border-radius: .625rem;
    margin: 0 auto;
}
.swiper-wrapper {
    width: 37.5rem !important;
    height: 18.75rem !important;
    overflow: hidden !important;
    border: 0.0625rem solid red;
}

.main1 {
    width: 75rem;
    height: 50rem;
    margin: 0 auto;
    border: 0.0625rem solid rgb(198, 188, 188);
    border-radius: 0.625rem;
    padding: 1.25rem;
    .form {
        width: 50rem;
        margin: 0 auto;
        .form_item {
            width: 31.25rem;
            margin: 0 auto;
            margin-top: 1.875rem;
        }
        .bz {
            margin: 0 auto;
            width: 25rem;
            margin-top: 1.875rem;
        }
    }
}
.el-steps--horizontal{
    width: 60% !important;
    margin: 0 auto;
}
.main1_title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #003bb7;
}
.fgx {
    width: 100%;
    height: 0.0625rem;
    background: rgb(223, 216, 216);
    margin-top: 1.25rem;
}
/* 顶栏：rem 基准 html 16px；@1920 设计稿数值用 calc(* * 100vw / 120) 等比缩放 */
.head.head--site {
    --head-site-h: clamp(3.5rem, calc(5.625 * 100vw / 120), 5.625rem); /* 90px @1920 */
    --head-logo-h: clamp(2.5rem, calc(4.0625 * 100vw / 120), 4.0625rem); /* 65px @1920 */
    position: sticky;
    top: 0;
    z-index: 1000;
    height: var(--head-site-h);
    min-height: var(--head-site-h);
    background: #fff;
    border: none;
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
    transition: 0.5s;
}

.head img {
    display: block;
}

.head.head--site .main {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 120rem !important;
    height: var(--head-site-h) !important;
    min-height: var(--head-site-h) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(0.75rem, 4vw, 11.5625rem) !important;
    padding-right: clamp(0.75rem, 3.5vw, 9.3125rem) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.head .head-site-logo,
.head .aos-animate img.head-site-logo {
    width: auto !important;
    height: var(--head-logo-h, 4.0625rem) !important;
    max-height: min(var(--head-logo-h, 4.0625rem), calc(var(--head-site-h) - 0.5rem)) !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
    box-sizing: border-box !important;
}

.head .right {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.head .right .nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
}

.head .head-right-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-shrink: 0;
    min-width: 0;
    gap: 0.375rem;
}

/* 登录后用户区 */
.head-login-after {
    display: none;
    align-items: center;
}

.head-login-after.is-visible {
    display: flex;
}

.head-user-info {
    display: flex;
    align-items: center;
    margin-right: 0.9375rem;
    cursor: pointer;
    position: relative;
}

.head-user-info__icon {
    color: #fff;
    font-size: 1rem;
    margin-right: 0.3125rem;
}

.head-user-info__name {
    color: #000;
    font-size: 0.875rem;
    max-width: 6.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.head-user-info__arrow {
    margin-left: 0.3125rem;
    width: 0.625rem;
    height: auto;
}

.head-user-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.15);
    padding: 0.3125rem 0;
    margin: 0.3125rem 0 0;
    list-style: none;
    min-width: 7.5rem;
    z-index: 9999;
}

.head-user-dropdown.is-open {
    display: block;
}

.head-user-dropdown__item {
    padding: 0.1rem 0.9375rem;
    cursor: pointer;
    color: #333;
    font-size: 0.875rem;
}
.head-user-dropdown__item:hover {
    /* background: #003476; */
}

.head-user-dropdown__item-icon {
    margin-right: 0.3125rem;
}

/* ========== 移动端汉堡菜单 ========== */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    background: none;
    border: none;
    cursor: pointer;
    gap: 0.375rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

.mobile-menu-toggle span {
    display: block;
    width: 1.5rem;
    height: 0.125rem;
    background: #1c4f98;
    border-radius: 0.0625rem;
    transition: 0.3s;
}

.mobile-menu-toggle.is-open span:nth-child(1) {
    transform: rotate(45deg) translate(0.25rem, 0.25rem);
}

.mobile-menu-toggle.is-open span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.is-open span:nth-child(3) {
    transform: rotate(-45deg) translate(0.25rem, -0.25rem);
}

.mobile-nav {
    display: none;
    position: absolute;
    top: var(--head-site-h, 5.625rem);
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    z-index: 999;
    max-height: calc(100vh - var(--head-site-h, 5.625rem));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mobile-nav.is-open {
    display: block;
}

.mobile-nav__inner {
    padding: 0.75rem 1rem;
}

.mobile-nav__inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-nav__inner ul > li {
    border-bottom: 0.0625rem solid #eee;
}

.mobile-nav__inner ul > li:last-child {
    border-bottom: none;
}

.mobile-nav__inner ul > li > a {
    display: block;
    padding: 0.875rem 0.5rem;
    color: #000;
    font-size: 1rem;
    text-decoration: none;
}

.mobile-nav__inner ul > li.current-menu-item > a {
    color: #003476;
    font-weight: 600;
}

/* 搜索 */
.head-search {
    position: relative;
}

.head-search__icon {
    width: 1.5rem;
    height: auto;
    padding-top: 0.3125rem;
    box-sizing: border-box;
}

.head-search-box {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.625rem;
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.15);
    padding: 1.25rem;
    width: 20rem;
    max-width: calc(100vw - 2rem);
    z-index: 9999;
    box-sizing: border-box;
}

.head-search-box.is-open {
    display: block;
}

.head-search-box__group {
    display: flex;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0.25rem;
    overflow: hidden;
}

.head-search-box__input {
    flex: 1;
    padding: 0.625rem 0.9375rem;
    border: none;
    outline: none;
    font-size: 0.875rem;
}

.head-search-box__submit {
    padding: 0.625rem 1.25rem;
    background: #1890ff;
    color: #fff;
    border: none;
    cursor: pointer;
}

#logged.is-hidden {
    display: none !important;
}

.head .name {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

.head .name img {
    display: block !important;
    position: relative !important;
    margin-right: 0.625rem !important;
}

.head .name:after {
    content: "";
    width: 0.0625rem !important;
    height: 2.5rem !important;
    position: absolute !important;
    left: 13.75rem !important;
    background: #dcdcdc !important;
}

.head .name h4 {
    display: none !important;
}

.head .btn {
    display: none !important;
}

.head .bd {
    margin-left: 1.25rem !important;
}

.head .bd p {
    color: #666666 !important;
    font-family: "SourceHanSansCN-Light" !important;
    font-size: 1.125rem !important;
}

.head .tel {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

.head .tel img {
    display: block !important;
    margin-right: 0.625rem !important;
}

.head .tel span {
    display: block !important;
    color: #999999 !important;
    font-size: 1rem !important;
}

.head .tel img {
    margin-right: 0.3125rem !important;
}

.head .tel b {
    color: #0E2F78 !important;
    font-size: 1.625rem !important;
    display: block !important;
    max-width: 11.25rem !important;
    font-weight: normal !important;
    font-family: "DIN-BOLD" !important;
    letter-spacing: -0.0625rem !important;
}
.text-wrapper_212 {
    /* height: 2.125rem;
    width: 6.875rem; */
    line-height: 2.3rem;
}
.fHead {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    left: 0;
}

.fHead .name img {
    display: none;
}

.fHead .name h4 {
    font-size: 1.75rem;
    color: #333;
    display: block;
    font-weight: normal;
}

.banner {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.banner .swiper-wrapper img {
    display: block;
    width: 100%;
}

.banner .swiper-pagination {
    display: flex;
    justify-content: start;
    align-items: center;
    bottom: 4.375rem !important;
    position: absolute;
    z-index: 1;
    padding-left: 16.25rem;
}

.banner .swiper-pagination span {
    display: block;
    color: #fff;
    font-size: 1.25rem;
    position: relative;
    padding: 0 0.625rem;
    box-sizing: border-box;
}

.banner .swiper-pagination span:after {
    content: "";
    width: 0;
    transform: translateX(-50%);
    height: 0.125rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #fff;
}

.banner .swiper-pagination .swiper-pagination-bullet-active:after {
    width: 1.25rem;
}

.banner .swiper-button-next,
.pcbanner .swiper-button-prev {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    bottom: 5.25rem;
    margin: 0;
    background: red;
    z-index: 100;
    left: inherit;
    top: inherit;
    opacity: 0.6;
    border-radius: 50%;
}

.pcbanner .swiper-button-next {
    right: 6.25rem;
    background: #fff url(../img/next.png) no-repeat center;
}

.pcbanner .swiper-button-prev {
    right: 9.625rem;
    background: #fff url(../img/prev.png) no-repeat center;
}

.mbanner {
    display: none;
}

.in-banner img {
    width: 100%;
    display: block;
}

.in-banner img:last-child {
    display: none;
}

.item {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 6.25rem;
    padding: 0.3125rem 0;
    box-sizing: border-box;
}

.item ul li {
    float: left;
    width: 42.5rem;
    height: auto;
    overflow: hidden;
    transition: 0.5s;
    border: 0.0625rem solid #dcdcdc;
}

.item ul li:nth-child(2n) {
    float: right;
}

.item ul li p {
    font-size: 1.625rem;
    color: #000000;
    line-height: 6.25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 1.875rem;
    box-sizing: border-box;
    border-top: 0.0625rem solid transparent;
    background: url(../images/more.png) no-repeat 95% center;
}

.about {
    width: 100%;
    height: 42.5rem;
    background: #e7f3fd;
    position: relative;
    margin-top: 5.625rem;
}

.about .main {
    height: 42.5rem;
}

.about .pic {
    width: 41.6%;
    height: 42.5rem;
    background: url(../images/about.jpg) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
}

.about .intro {
    width: 55%;
    height: auto;
    overflow: hidden;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.about .intro .tit h4 {
    color: #555555;
    font-size: 2.625rem;
    font-weight: normal;
}

.about .intro .tit span {
    display: block;
    color: #999999;
    font-size: 0.875rem;
    margin: 0.625rem 0;
}

.about .intro .tit p {
    color: #999999;
    font-size: 1.125rem;
}

.about .intro .info {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #555555;
    font-size: 1rem;
    line-height: 2rem;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 3.125rem;
}

.about .intro a {
    display: block;
    width: 11.25rem;
    height: 3.125rem;
    background: #fff;
    text-align: center;
    line-height: 3.125rem;
    color: #999999;
    font-size: 1rem;
    margin-top: 2.5rem;
}

.title h4 {
    text-align: center;
    font-size: 2.625rem;
    text-align: center;
    color: #555555;
    font-weight: normal;
}

.title p {
    text-align: center;
    font-size: 1rem;
    color: #999999;
    margin-top: 0.625rem;
    text-align: center;
}

.title img {
    display: block;
    margin: 0 auto;
    margin-top: 1.875rem;
}

.title b {
    font-weight: normal;
    color: #0E2F78;
}

.adv {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.adv .bd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    margin-top: 2.5rem;
    margin-bottom: 0.625rem;
}

.adv .bd .pic {
    display: block;
    width: 50.5%;
}

.adv .bd .pic img {
    display: block;
    width: 100%;
}

.adv .bd ul {
    width: 49.5%;
    height: auto;
    border-top: 0.0625rem solid #dcdcdc;
    position: relative;
    z-index: 1;
}

.adv .bd ul li {
    float: left;
    width: 50%;
    height: 15.9375rem;
    border-left: 0.0625rem solid #dcdcdc;
    box-sizing: border-box;
    border-bottom: 0.0625rem solid #dcdcdc;
    padding: 0 1.875rem;
    box-sizing: border-box;
    padding-top: 2.5rem;
    transition: 0.5s;
}

.adv .bd ul li .tit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.adv .bd ul li .tit img {
    display: block;
    margin-right: 0.9375rem;
}

.adv .bd ul li .tit h4 {
    color: #0E2F78;
    font-size: 1.25rem;
}

.adv .bd ul li .tit p {
    color: #999999;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-top: 0.1875rem;
}

.adv .bd ul li .info {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 1.875rem;
    color: #666666;
    font-size: 1rem;
    line-height: 1.5rem;
}

.adv .bd ul li .tel {
    margin-top: 1.25rem;
}

.adv .bd ul li .tel b {
    color: #0E2F78;
    font-size: 2.6875rem;
    text-align: center;
    font-family: "DIN-BOLD";
    letter-spacing: -0.0625rem;
    font-weight: normal;
}

.adv .bd ul li .tel p {
    font-size: 0.9375rem;
    color: #999999;
    padding-left: 2.5rem;
    position: relative;
}

.adv .bd ul li .tel p:after {
    content: "";
    width: 1.875rem;
    height: 0.0625rem;
    position: absolute;
    left: 0;
    background: #dcdcdc;
    top: 50%;
}

.datas {
    width: 100%;
    height: 18.75rem;
    background: url(../images/gg.jpg) no-repeat center;
    margin-top: 5.3125rem;
}

.datas .main {
    position: relative;
}

.datas .main:before {
    content: "";
    width: 0.0625rem;
    height: 7.75rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}

.datas .main:after {
    content: "";
    width: 0.0625rem;
    height: 7.75rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}

.datas ul {
    height: 18.75rem;
    align-items: center;
    width: 75rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.datas ul li {
    padding: 0 5.625rem;
    box-sizing: border-box;
    position: relative;
}

.datas ul li:after {
    content: "";
    width: 0.0625rem;
    height: 7.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}

.datas ul li:last-child:after {
    width: 0;
    height: 0;
    overflow: hidden;
}

.datas ul li:first-child {
    padding-left: 0;
}

.datas ul li:last-child {
    padding-right: 0;
}

.datas ul li p {
    color: #fff;
    display: flex;
    align-items: flex-end;
    font-size: 1.25rem;
}

.datas ul li b {
    line-height: 3.75rem;
    font-family: "DIN-BOLD";
    font-size: 4.5rem;
    position: relative;
    padding-bottom: 1.25rem;
}

.datas ul li b:after {
    content: "";
    width: 1.875rem;
    height: 0.0625rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
}

.datas ul li h4 {
    color: #ffffff;
    font-size: 1.125rem;
    margin-top: 1.25rem;
    font-weight: normal;
}

.mb20 {
    margin-bottom: 1.25rem;
}
.mb40 {
    margin-bottom: 2.5rem;
}
.ml20 {
    margin-left: 1.25rem;
}
.flex {
    display: flex;
}
.mt30 {
    margin-top: 1.875rem;
}
.avatar1 {
    width: 43.75rem;
}
.mt60 {
    margin-top: 3.75rem;
}
.cases {
    width: 100%;
    height: 100%;
    overflow: hidden;
    .main {
        .left {
            width: 25%;
            height: 95%;
            border: 0.0625rem solid #eaedf2;
            margin-right: 1.875rem;
            .left_title {
                font-size: 1.5rem;
                font-weight: 600;
                margin-top: 1.25rem;
                text-align: center;
            }
        }
        .right {
            flex: 1;
            border: 0.0625rem solid #eaedf2;
            padding: 0.9375rem;
            .left_title {
                font-size: 1.5rem;
                margin-top: 0.3125rem;
                font-weight: 600;
            }
            .right_list {
                width: 100%;
                height: 9.375rem;
                border: 0.0625rem solid #eaedf2;
                position: relative;
                .right_list_title {
                    color: rgba(20, 78, 158, 1);
                    font-size: 1.25rem;
                }
                .right_list_time {
                    width: 9.125rem;
                    position: absolute;
                    right: 0;
                    bottom: 0.9375rem;
                }
                .right_list_box {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    img {
                        width: 20%;
                        height: 100%;
                    }
                }
            }
            .right_list1 {
                width: 95%;
                height: 50rem;
                border: 0.0625rem solid #eaedf2;
                position: relative;
                padding: 1.25rem;
                .right_list_title {
                    color: rgba(20, 78, 158, 1);
                    font-size: 1.25rem;
                    text-align: center;
                    font-weight: 600;
                }
                .text {
                    width: 98%;
                    height: 88%;
                    margin-top: 1.25rem;
                    border: 0.0625rem solid #eaedf2;
                }
            }
        }
    }
}
.ml10 {
    margin-left: 0.625rem;
}
.bar {
    display: table;
    border-top: 0.0625rem solid #e5e5e5;
    border-right: 0.0625rem solid #e5e5e5;
    height: auto;
    overflow: hidden;
    margin-top: 1.5625rem;
}

.bar ul li {
    width: 14.625rem;
    height: 3.0625rem;
    float: left;
    border-bottom: 0.0625rem solid #e5e5e5;
    box-sizing: border-box;
    border-left: 0.0625rem solid #e5e5e5;
    text-align: center;
    line-height: 3.0625rem;
}

.bar ul li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #555555;
    font-size: 1.125rem;
}
.mr40 {
    margin-right: 2.5rem;
}

.cases{
	width: 100%;
	.cases_box_list{
		flex-wrap: wrap;
		margin-top: 1.875rem;
	}
	.cases_box{
		width: 31rem;
		height: 26.75rem;
		cursor: pointer;
		text-align: center;
		font-size: 1.125rem;
		margin-left: 1rem;
		margin-top: 1.8125rem;
		/* padding:  1.25rem; */
		background: #fff;
		img{
			width: 31.0625rem;
			height: 20.6875rem;
		}
	}
	.cases_box:hover{
		width: 31rem;
		height: 26.75rem;
		cursor: pointer;
		text-align: center;
		font-size: 1.125rem;
		margin-left: 1rem;
		margin-top: 1.8125rem;
		padding:  1.25rem;
		background: #023377;
		.name{
			color: #fff !important;
		}
        
	}
}
.cases2{
    width: 100%;
    height: auto;
}
.cases1{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../img/qyzc_bg.png);
	.cases_box_list{
		flex-wrap: wrap;
		margin-top: 1.875rem;
	}
	.cases_box{
		width: 28.5%;
		height: 26.75rem;
		cursor: pointer;
		text-align: center;
		font-size: 1.125rem;
		margin-left: 2%;
		margin-top: 1.8125rem;
		padding:  1%;
		background: #fff;
		img{
			width: 97%;
			height: 20.6875rem;
		}
	}
	.cases_box:hover{
		width: 28.5%;
		height: 26.75rem;
		cursor: pointer;
		text-align: center;
		font-size: 1.125rem;
		margin-left: 2%;
		margin-top: 1.8125rem;
		padding:  1%;
		background: #023377;
		.name{
			color: #fff !important;
		}
        img{
			width: 97%;
			height: 20.6875rem;
		}
        .time{
            color: #fff !important;
        }
	}
}

.cases .first {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 1.25rem;
}

.cases .first ul li {
    float: left;
    width: 28.25rem;
    height: auto;
    overflow: hidden;
    margin-right: 1.25rem;
    position: relative;
    margin-bottom: 1.25rem;
}

.cases .first ul li .info {
    width: 93%;
    height: 6.25rem;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.25rem;
    z-index: 1;
    display: flex;
    padding: 0 1.875rem;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
}

.cases .first ul li .info p {
    color: #000000;
    font-size: 1.375rem;
    line-height: 6.25rem;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cases .first ul li .info i {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 0.0625rem solid #575757;
    text-align: center;
    line-height: 2.5rem;
    color: #555555;
    font-size: 0.875rem;
}

.cases .show {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 1.25rem;
}

.cases .show .box {
    width: 800%;
}

.cases .show .box .pic {
    float: left;
}

.cases .show .box .pic ul li {
    float: left;
    width: 21rem;
    height: auto;
    overflow: hidden;
    margin-left: 1.25rem;
    position: relative;
}

.cases .show .box .pic ul li:first-child {
    margin-left: 0;
}

.cases .show .box .pic ul li img {
    display: block;
    width: 100%;
}

.cases .show .box .pic ul li .info {
    width: 93%;
    height: 3.75rem;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.25rem;
    z-index: 1;
    display: flex;
    padding: 0 1.875rem;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
}

.cases .show .box .pic ul li .info p {
    color: #000000;
    font-size: 1rem;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cases .show .box .pic ul li .info i {
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    border: 0.0625rem solid #575757;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.875rem;
    color: #555555;
    font-size: 0.875rem;
}

.news {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #e6f2f8;
    margin-top: 5rem;
    padding: 3.75rem 0;
    box-sizing: border-box;
}

.news .title h4 {
    text-align: center;
    color: #000000;
    font-size: 3.375rem;
    font-weight: normal;
}

.news .title p {
    text-align: center;
    color: #999999;
    font-size: 1rem;
    margin-top: 0.625rem;
}

.newsSwiper {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 2.5rem;
}

.newsSwiper .swiper-slide {
    background: #fff;
    padding: 1.5625rem;
    box-sizing: border-box;
    position: relative;
}

.newsSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 13.1875rem;
}

.newsSwiper .swiper-slide h4 {
    color: #000000;
    font-size: 1.25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    overflow: hidden;
    position: relative;
}

.newsSwiper .swiper-slide:after {
    content: "";
    width: 0.3125rem;
    height: 1.875rem;
    position: absolute;
    left: 0;
    top: 1.5625rem;
    background: #0E2F78;
}

.newsSwiper .swiper-slide span {
    display: block;
    color: #999999;
    font-size: 0.75rem;
    margin-top: 0.625rem;
}

.newsSwiper .swiper-slide img {
    display: block;
    width: 100%;
    margin-top: 1.5625rem;
}

.newsSwiper .swiper-slide p {
    color: #666666;
    font-size: 0.8125rem;
    line-height: 1.375rem;
    margin-top: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    height: 4.125rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.newsSwiper .swiper-slide i {
    font-style: inherit;
    width: 5.25rem;
    height: 1.5625rem;
    text-align: center;
    line-height: 1.5625rem;
    display: block;
    color: #0E2F78;
    margin-top: 0.625rem;
    font-size: 0.75rem;
}

.newsSwiper .swiper-pagination {
    position: inherit;
    position: initial;
    margin-top: 2.5rem;
    display: flex;
    justify-content: center;
}

.newsSwiper .swiper-pagination span {
    display: block;
    width: 1.125rem;
    height: 0.3125rem;
    background: #7d7d7d;
    margin: 0 0.25rem;
}

.newsSwiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #0E2F78;
}

.links {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.links .tit {
    display: flex;
    float: left;
    align-items: center;
}

.links .tit img {
    display: block;
    margin-right: 0.625rem;
}

.links .tit p {
    color: #666666;
    font-size: 1.125rem;
}

.links ul {
    float: right;
    width: 90%;
    overflow: hidden;
}

.links ul a {
    color: #666666;
    padding: 0 0.3125rem;
    line-height: 2.1875rem;
}

.links ul li {
    float: left;
    padding: 0 0.625rem;
    line-height: 1.875rem;
}

.links ul li a {
    display: block;
    font-size: 0.875rem;
    color: #999999;
}

.footer {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #004983;
    padding-top: 3.125rem;
    min-height: 18.75rem;
    box-sizing: border-box;
}

.footer .tit {
    display: flex;
    align-items: center;
    /* white-space: nowrap; */
}

.footer .tit b {
    color: #fff;
    font-size: 1.25rem;
}

.footer .tit span {
    display: block;
    color: #999999;
    font-size: 1rem;
    text-transform: uppercase;
    margin-left: 0.625rem;
}

.footer .menu {
    width: 10.625rem;
    float: left;
}

.footer .menu ul {
    height: auto;
    overflow: hidden;
    margin-top: 1.25rem;
}

.footer .menu ul li {
    float: left;
    line-height: 2.5rem;
}

.footer .menu ul li:nth-child(2n) {
    float: right;
}

.footer .menu ul li a {
    color: #999999;
    font-size: 0.9375rem;
    display: block;
}

.footer .ser {
    float: left;
    margin-left: 6.25rem;
}

.footer .ser ul {
    margin-top: 1.25rem;
}

.footer .ser ul li {
    position: relative;
    margin-bottom: 0.625rem;
}

.footer .ser ul li:after {
    content: "+";
    position: absolute;
    right: 0.625rem;
    top: 0;
    color: #a0a0a0;
}

.footer .ser ul li a {
    color: #a0a0a0;
    font-size: 0.9375rem;
    text-align: left;
    display: block;
    padding: 0 0.625rem;
    box-sizing: border-box;
}

.footer .ewm {
    float: right;
}

.footer .ewm img {
    display: block;
    width: 9.25rem;
    height: 9.25rem;
    border: 0.1875rem solid #fff;
    box-sizing: border-box;
    margin-top: 1.25rem;
}

.footer .ser ul li {
    width: 10rem;
    height: 2.5rem;
    border: 0.0625rem solid #a0a0a0;
    box-sizing: border-box;
    text-align: center;
    line-height: 2.5rem;
}

.footer .intro {
    height: auto;
    overflow: hidden;
    float: left;
    width: 260px;
}

.footer .intro .info {
    margin-top: 1.25rem;
}

.footer .intro .info p {
    color: #999999;
    font-size: 0.9375rem;
    line-height: 1.875rem;
}

.footer .intro .info ul.list-unstyled {
    margin-top: 1.25rem;
}

.footer .intro .info ul.list-unstyled a {
    color: #999999;
    font-size: 0.9375rem;
    line-height: 1.875rem;
    text-decoration: none;
}

.footer .intro .info ul.list-unstyled a:hover {
    color: #2a6dbf;
}
.footer .intro1 {
    /* margin-left: 6.875rem; */
    height: auto;
    overflow: hidden;
    float: left;
    width: 11rem;
}

.footer .intro1 .info {
    margin-top: 1.25rem;
}

.footer .intro1 .info p {
    color: #999999;
    font-size: 0.9375rem;
    line-height: 1.875rem;
}

.footer .intro1 .info ul.list-unstyled {
    margin-top: 1.25rem;
}

.footer .intro1 .info ul.list-unstyled a {
    color: #999999;
    font-size: 0.9375rem;
    line-height: 1.875rem;
    text-decoration: none;
}

.footer .intro1 .info ul.list-unstyled a:hover {
    color: #2a6dbf;
}

.float-right {
    background: #2a6dbf;
    border-radius: .625rem;
    right: 0;
    position: fixed;
    top: 70%;
    padding: .3125rem 0;
    box-sizing: border-box;
    transform: translateY(-50%);
    z-index: 99;
    width: 4.75rem;
}
.float-right ul {
    width: 4.75rem;
}
.float-right ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .75rem .3125rem .625rem;
    cursor: pointer;
    border-bottom: .0625rem solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
}
.float-right ul li:last-child {
    border: none;
}
.float-right ul li p {
    color: #fff;
    font-size: .75rem;
    text-align: center;
    line-height: 1.25;
    width: 100%;
    margin-top: .3125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
html[lang="en-US"] .float-right ul li p {
    font-size: .6875rem;
}
.float-right ul li i {
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 auto;
    background: url(../img/icon04.png) no-repeat center;
    background-size: contain;
}
.float-right ul li:nth-child(1) i {
    background: url(../img/icon06.png) no-repeat center;
    background-size: contain;
}
.float-right ul li:nth-child(2) i {
    background: url(../img/publish.png) no-repeat center;
    background-size: contain;
}
.float-right ul li:nth-child(3) i {
    background: url(../img/customer.png) no-repeat center;
    background-size: contain;
}
.float-right ul li img {
    display: block;
    width: 8.75rem;
    height: 8.75rem;
    margin: 0.625rem;
}

.cr {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #1c1c1c;
    display: flex;
    justify-content: center;
    border-top: 0.0625rem solid #434343;
}

.cr span {
    color: #999999;
    font-size: 0.875rem;
    line-height: 3.125rem;
}

.gotop {
    display: none;
}

.fn {
    display: none;
}

.cont-article {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 2.5rem;
}

.crumbs {
    background: #f1f1f1;
}

.crumbs .tit {
    width: 3.25rem;
    height: 3.25rem;
    float: left;
    margin-right: 1.0625rem;
}

.crumbs .tit img {
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
}

.crumbs p {
    float: left;
    color: #999;
    font-size: 0.875rem;
    line-height: 3.25rem;
}

.crumbs a {
    color: #999999;
    padding-right: 1.25rem;
    position: relative;
    font-size: 0.875rem;
    line-height: 3.25rem;
}

.crumbs a:after {
    content: ">";
    position: absolute;
    right: 0.3125rem;
    top: 0;
    height: 1.25rem;
    line-height: 1.25rem;
    color: #999;
    display: block;
    font-size: 0.75rem;
}

.crumbs a:last-child:after {
    width: 0;
    height: 0;
    overflow: hidden;
}

.inside-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 1.25rem;
}

.inside-cont .section {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 2.1875rem;
    box-sizing: border-box;
}

.about-article {
    width: 100%;
    height: auto;
    margin-bottom: 3.125rem;
    overflow: hidden;
}

.about-article .title {
    margin-top: 3.4375rem;
    margin-bottom: 2.5rem;
}

.about-article img {
    display: block;
    margin: 0 auto;
}

.about-article .info {
    margin-top: 3.75rem;
    color: #555555;
    font-size: 1rem;
    line-height: 1.875rem;
    text-indent: 2em;
}

.cont-article {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 2.5rem;
    margin-bottom: 3.125rem;
}

.cont-article .bd {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cont-article .bd .info {
    float: left;
    width: 45%;
}

.cont-article .info h4 {
    color: #0E2F78;
    font-size: 1.125rem;
}

.cont-article .info p {
    color: #333;
    font-size: 1rem;
    margin-top: 0.625rem;
    line-height: 1.875rem;
}

.cont-article .pic {
    float: right;
}

.cont-article .pic img {
    display: block;
    width: 100%;
}

.cont-article .map {
    width: 100%;
    height: 31.25rem;
    border: 0.1875rem solid #d2d2d2;
    margin-top: 3.75rem;
    box-sizing: border-box;
}

.tab {
    width: 75rem;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-top: 2.5rem;
}

.tab ul {
    display: table;
    margin: 0 auto;
}

.tab ul li {
    width: 11.6875rem;
    height: 3.75rem;
    background: #eee;
    box-sizing: border-box;
    line-height: 3.75rem;
    text-align: center;
    float: left;
    margin-bottom: 0.625rem;
    margin-left: 0.9375rem;
}

.tab ul li a {
    color: #333;
    font-size: 1rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tab ul li:nth-child(6n-5) {
    margin-left: 0;
}

.img-list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 3.125rem;
}

.img-list .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.img-list .pic ul li {
    float: left;
    width: 24%;
    margin-left: 1.333%;
    margin-top: 0.3125rem;
}

.img-list .pic ul li div {
    border: 0.0625rem solid #eee;
    box-sizing: border-box;
}

.img-list .pic ul li img {
    display: block;
    width: 100%;
}

.img-list .pic ul li p {
    width: 100%;
    height: 3.25rem;
    line-height: 3.25rem;
    text-align: center;
    color: #333;
    font-size: 1.125rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
table {border-collapse: collapse ;margin-bottom: 10px;} 
td, th{margin: 5px 10px;border: 1px solid #DDD;}
td{
    min-width: 150px;
}
.img-list .pic ul li:nth-child(4n-3) {
    margin-left: 0;
}

.page {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 3.125rem auto;
}

.page ul {
    display: table;
    margin: 0 auto;
}

.page ul li {
    border: 0.0625rem solid #ccc;
    padding: 0 0.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    color: #333;
    float: left;
    margin: 0 0.1875rem;
}

.page ul li a {
    color: #333;
}

.page ul .thisclass {
    background: #0E2F78;
    color: #fff;
}

.page select {
    border: none;
    background: none;
    outline: none;
}

.cases-list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cases-list ul li {
    width: 16.875rem;
    height: auto;
    overflow: hidden;
    border-radius: 0.625rem;
    border: 0.0625rem solid #eee;
    float: left;
    box-sizing: border-box;
    margin-left: 0.9375rem;
    padding: 0.625rem;
    margin-bottom: 0.9375rem;
}

.cases-list ul li:nth-child(4n-3) {
    margin-left: 0;
}

.cases-list ul li:hover {
    border: 0.0625rem solid #ffb245;
}

.cases-list ul li:hover .pic img {
    transform: scale(1.05);
}

.cases-list ul li .intro {
    width: 15.3125rem;
    height: auto;
    overflow: hidden;
    background: #ffb245;
    padding: 0.9375rem;
    box-sizing: border-box;
}

.cases-list ul li .intro h4 {
    width: 100%;
    border-bottom: 0.0625rem dashed#988364;
    height: 1.75rem;
    color: #333333;
    font-size: 1rem;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cases-list ul li .intro .info {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0.625rem;
}

.cases-list ul li .intro span {
    color: #333333;
    font-size: 0.8125rem;
}

.cases-list ul li .intro p {
    font-size: 0.8125rem;
    color: #333333;
    line-height: 1.25rem;
    display: -webkit-box;
    height: 3.75rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0.1875rem;
}

.cases-list ul li .pic {
    width: 15.3125rem;
    height: auto;
    overflow: hidden;
}

.cases-list ul li .pic img {
    display: block;
    width: 100%;
    transition: 0.5s;
}

.news-list {
    width: 75rem;
    margin: 0 auto;
    height: auto;
    margin-top: 2.5rem;
    overflow: hidden;
}

.news-list ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 0.0625rem dotted #e7e7e7;
    box-sizing: border-box;
    padding: 0.875rem;
    margin-bottom: 0.75rem;
}

.news-list ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-list ul li .time {
    width: 6.875rem;
    height: 6.875rem;
    background: #707070;
    position: relative;
    overflow: hidden;
    border: 0.0625rem dotted #c1c1c1;
}

.news-list ul li .time:after {
    content: "";
    width: 1rem;
    height: 0.0625rem;
    position: absolute;
    left: 50%;
    margin-left: -0.5rem;
    background: #fff;
    top: 3.4375rem;
}

.news-list ul li .time span {
    color: #fff;
    font-size: 1rem;
    margin-top: 1.25rem;
    text-align: center;
    display: block;
}

.news-list ul li .time p {
    color: #fff;
    text-align: center;
    margin-top: 1.25rem;
    font-size: 1.375rem;
}

.news-list ul li .info {
    width: 63.4375rem;
    margin-right: 1.25rem;
}

.news-list ul li .info h4 {
    color: #111111;
    font-size: 1.125rem;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 1.25rem;
    box-sizing: border-box;
    overflow: hidden;
    font-weight: normal;
}

.news-list ul li .info p {
    color: #666666;
    font-size: 0.9375rem;
    line-height: 1.75rem;
    margin-top: 0.625rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.detailed {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 3.4375rem;
}

.detailed .tit {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 0.3125rem;
}

.detailed .tit h4 {
    font-size: 1.375rem;
    text-align: center;
    color: #333;
    line-height: 1.875rem;
}

.detailed .tit p {
    text-align: center;
    color: #333;
    display: block;
    margin-top: 0.625rem;
    background: #efefef;
    line-height: 2.5rem;
    font-size: 0.875rem;
    text-align: center;
}

.detailed .tit span {
    margin: 0 0.625rem;
}

.detailed img {
    display: block;
    margin: 0 auto;
    max-width: 100% !important;
}

.detailed .info {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0.9375rem;
    min-height: 9.375rem;
    color: #333;
    line-height: 1.875rem;
    font-size: 1rem;
}

.fy {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1.875rem auto;
    border-top: 0.0625rem solid #d2d2d2;
    border-bottom: 0.0625rem solid #d2d2d2;
}

.fy p {
    width: 15rem;
    height: 3.125rem;
    float: left;
    line-height: 3.125rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 0.625rem;
    text-overflow: ellipsis;
    border-left: 0.0625rem solid #d2d2d2;
}

.fy p:first-child {
    border: none;
}

.fy a {
    color: #333333;
    font-size: 0.875rem;
}

.fy .return {
    float: right;
    line-height: 3.125rem;
    width: 8.75rem;
    border-left: 0.0625rem solid #d2d2d2;
    text-align: center;
}

.img-list {
    width: 100%;
    height: auto;
    margin-top: 1.875rem;
    overflow: hidden;
}

.img-list ul li {
    float: left;
    width: 19.875rem;
    margin-left: 0.9375rem;
    margin-bottom: 0.625rem;
}

.img-list ul li div {
    border: 0.0625rem solid #eee;
}

.img-list ul li img {
    display: block;
    width: 100%;
}

.img-list ul li p {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #333;
    font-size: 1rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.img-list ul li:nth-child(4n-3) {
    margin-left: 0;
}

@media (min-width: 75rem) {
    .head .right .nav ul {
        width: auto;
        max-width: none;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        column-gap: clamp(0.5rem, 1vw, 1.25rem);
        min-width: 0;
        white-space: nowrap;
    }
    .head .right .nav ul > li {
        width: auto;
        flex: 0 0 auto;
        height: var(--head-site-h, 5.625rem);
        text-align: center;
        line-height: var(--head-site-h, 5.625rem);
        position: relative;
    }

    /* 一级菜单：底条画在 a 上，宽度随文字；禁用 li::after 固定宽底条 */
    .nav ul > li::after,
    .nav ul > li:hover::after {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        content: none !important;
    }

    .nav ul > li > a {
        display: inline-block !important;
        max-width: 100%;
        font-size: 1.125rem;
        color: #000000;
        white-space: nowrap;
        text-overflow: clip;
        overflow: visible;
        vertical-align: middle;
        box-sizing: border-box;
    }

    .nav ul > li:not(.current-menu-item) > a:hover,
    .nav ul > li:not(.current-menu-item) > a:focus {
        color: #000000;
        background: linear-gradient(#0E2F78, #0E2F78) no-repeat center bottom;
        background-size: 100% 0.3125rem;
    }

    .nav ul > li.current-menu-item > a,
    .nav ul > li.current-menu-item > a:hover,
    .nav ul > li.current-menu-item > a:focus {
        color: #003476;
        background: linear-gradient(#0E2F78, #0E2F78) no-repeat center bottom;
        background-size: 100% 0.3125rem;
        font-weight: 600;
    }

    .nav ul li a {
        display: block;
        font-size: 1.125rem;
        color: #000000;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    html[lang="en-US"] .head .right .nav ul {
        column-gap: clamp(0.375rem, 0.7vw, 0.875rem);
    }
    html[lang="en-US"] .nav ul > li > a,
    html[lang="en-US"] .nav ul li a {
        font-size: clamp(0.875rem, 0.9vw, 1rem);
    }
    html[lang="en-US"] .head .text-wrapper_1 {
        min-width: 5.25rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    html[lang="en-US"] .head .text_4,
    html[lang="en-US"] .head .text_5 {
        font-size: 0.9375rem;
    }
    .head .right .nav ul ul {
        position: absolute;
        top: var(--head-site-h, 5.625rem);
        height: auto;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        display: block;
        width: 10rem;
        left: 50%;
        transition: 0.5s;
        transform: translateX(-50%);
    }
    .nav ul li li {
        width: 100%;
        line-height: 2.5rem;
        height: 2.5rem;
        background: rgba(255, 255, 255, 0.9);
    }
    .nav ul li li:after {
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .nav ul li ul li a {
        color: #333;
        font-size: 1rem;
    }
    .nav ul li:nth-child(4) ul li:nth-child(2) a {
        font-size: 0.75rem;
    }
    .nav ul li li:hover {
        background:#0E2F78;
    }
    .nav ul li li:hover a {
        color: #fff;
    }
    .nav ul li:hover ul li a {
        color: #333;
    }
    .nav ul li ul li:hover a {
        color: #fff;
    }
    .nav ul li:hover ul {
        opacity: 1;
        visibility: initial;
        top: clamp(4.5rem, calc(7.1875 * 100vw / 120), 7.1875rem);
    }
    .pcbanner .swiper-button-next:hover {
        opacity: 1;
    }
    .pcbanner .swiper-button-prev:hover {
        opacity: 1;
    }
    .img-box {
        overflow: hidden;
        img {
            width: 100%;
            height: 11.3125rem !important;
            display: block;
        }
    }
    .img-box img {
        transition: 0.5s;
    }
    .img-box:hover img {
        transform: scale(1.05);
    }
    .bar ul li:hover {
        background: #0E2F78;
    }
    .bar ul li:hover a {
        color: #fff;
    }
    .item ul li:hover {
        box-shadow: 0 0 0.3125rem 0.0625rem #0E2F78a8;
        border: 0.0625rem solid #0E2F78a8;
    }
    .item ul li:hover p {
        color: #0E2F78;
        border-top: 0.0625rem solid #0E2F78;
    }
    .footer .list ul li:hover {
        border: 0.0625rem solid #fff;
    }
    .footer .list ul li:hover a {
        color: #ffffff;
        text-decoration: underline;
    }
    .footer .links ul li:hover a {
        color: #fff;
    }
    .about .intro a:hover {
        background: #2a6dbf;
        color: #fff;
    }
    .adv .bd ul li:hover {
        box-shadow: 0 0 0.9375rem 0.0625rem #0E2F7891;
        position: relative;
        z-index: 1;
    }
    .cases .first ul li:hover .info p {
        color: #0E2F78;
    }
    .cases .first ul li:hover .info i {
        color: #0E2F78;
        border: 0.0625rem solid #0E2F78;
    }
    .cases .show .box .pic ul li:hover .info p {
        color: #0E2F78;
    }
    .cases .show .box .pic ul li:hover .info i {
        color: #0E2F78;
        border: 0.0625rem solid #0E2F78;
    }
    .newsSwiper .swiper-slide i:hover {
        background: #0E2F78;
        color: #fff;
    }
    .tab ul li:hover {
        background: #0E2F78;
    }
    .tab ul li:hover a {
        color: #fff;
    }
    .tab ul li.ons {
        background: #0E2F78;
    }
    .tab ul li.ons a {
        color: #fff;
    }
    .news-list ul li:hover {
        border: 0.0625rem dotted #0E2F78;
    }
    .news-list ul li:hover .time {
        background: #0E2F78;
    }
    .news-list ul li:hover .info h4 {
        color: #0E2F78;
    }
    .footer .ser ul li:hover {
        border: 0.0625rem solid #fff;
    }
    .footer .ser ul li:hover a {
        color: #fff;
    }
    .footer .menu ul li:hover a {
        color: #fff;
    }
}

@media (max-width: 110rem) {
    .main {
        width: 87.5rem;
    }
    .head .main {
        width: 100% !important;
        max-width: 120rem !important;
    }
}

@media (max-width: 90rem) {
    .main {
        width: 85rem;
    }
    .head .main {
        width: 100% !important;
        max-width: 120rem !important;
    }
    .nav ul {
        width: 37.5rem;
        display: flex;
        justify-content: space-between;
    }
    .nav ul li a {
        font-size: 1rem;
    }
    .item ul li {
        width: 36.5625rem;
    }
    .adv .bd ul li {
        padding-top: 1.875rem;
        height: 13.625rem;
    }
    .adv .bd ul li .info {
        font-size: 0.875rem;
        margin-top: 1.25rem;
    }
    .adv .bd ul li .tel b {
        font-size: 2.25rem;
    }
    .datas ul {
        width: 68.75rem;
    }
    .datas ul li {
        padding: 0 5rem;
    }
    .bar {
        width: 74.625rem;
    }
    .bar ul li {
        width: 12.4375rem;
    }
    .newsSwiper .swiper-slide {
        padding: 1.875rem 0.9375rem;
    }
    .newsSwiper .swiper-slide img {
        height: 11.6875rem;
    }
    .cases .first ul li {
        width: 24.125rem;
    }
    .footer .main .bd {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .footer .list {
        margin-left: 0;
    }
    .footer .links {
        margin-left: 0;
    }
    .case-list ul {
        width: 56.875rem;
    }
    .case-list ul li {
        width: 13.5rem;
    }
    .cont-article .bd .info {
        width: 45%;
    }
    .cont-article .pic {
        width: 50%;
    }
    .news-list ul li .info {
        width: 62.5rem;
    }
    .img-list ul li {
        width: 18rem;
    }
}

#maximg img {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block;
}
#maximg p span {
    text-wrap: inherit !important;
}

.pagebar {
    padding: 1.25rem;
    overflow: hidden;
    clear: both;
}
.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 0.625rem;
}
.pagination a {
    background: #fff;
    color: #333;
    font-size: 0.75rem;
    padding: 0.5rem 0.625rem;
    margin: 0 0.125rem;
    border-radius: 0.1875rem;
    line-height: 100%;
}
.pagination span {
    color: #333;
    font-size: 0.75rem;
    padding: 0.4375rem 0.125rem;
    margin: 0 0.125rem;
    border-radius: 0.1875rem;
}
.pagination a:hover {
    color: #333;
    border: 0.0625rem solid #333;
}
.pagination a.page-num-current {
    color: #fff;
    background: #333;
    border: 0.0625rem solid #333;
}
.pagination .st {
    font-family: 宋体;
}
.text-secondary {
    text-align: center;
    padding: 1.25rem 0;
}
.page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 120rem;
    height: 321.5625rem;
    overflow: hidden;
}

.section_1 {
    background-color: rgba(255, 255, 255, 1);
    height: 7.1875rem;
    width: 120rem;
    position: relative;
}

.box_38 {
    width: 95.75rem;
    height: 4.6875rem;
    margin: 1.5rem 0 0 14.9375rem;
}

.section_2 {
    width: 4.3125rem;
    height: 4.3125rem;
}

.text_1 {
    width: 12.375rem;
    height: 2.1875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.375rem;
    font-family: Athiti-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.375rem;
    margin: 1.9375rem 0 0 0.8125rem;
}

.text_2 {
    width: 3.1875rem;
    height: 1.625rem;
    overflow-wrap: break-word;
    color: rgba(0, 52, 118, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.375rem;
    margin: 1.375rem 0 0 11rem;
}

.paragraph_1 {
    width: 5.9375rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.375rem 0 0 1.1875rem;
}

.paragraph_2 {
    width: 5.9375rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.375rem 0 0 1.1875rem;
}

.paragraph_3 {
    width: 5.9375rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.375rem 0 0 1.1875rem;
}

.paragraph_4 {
    width: 10.0625rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.375rem 0 0 1.1875rem;
}

.paragraph_5 {
    width: 5.9375rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.4375rem 0 0 1.1875rem;
}

.text_3 {
    width: 5.5rem;
    height: 1.625rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.375rem;
    margin: 1.375rem 0 0 1.1875rem;
}

.head .text-wrapper_1 {
    background-color: rgba(236, 244, 255, 1);
    border-radius: 0.5rem;
    height: 2.125rem !important;
    border: 0.0625rem solid rgba(20, 78, 158, 1);
    width: auto !important;
    min-width: 6.5rem;
    padding: 0 0.75rem;
    line-height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text_4 {
    width: auto;
    height: auto;
    overflow-wrap: break-word;
    color: rgba(20, 78, 158, 1);
    font-size: 1rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 1rem;
    margin: 0;
    display: inline-block;
}

.text-wrapper_2 {
    background-color: rgba(20, 78, 158, 1);
    border-radius: 0.5rem;
    height: 2.125rem;
    min-width: 4.125rem;
    width: auto;
    padding: 0 0.75rem;
    line-height: 2.125rem;
    margin: 0 0 0 0.375rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.text_5 {
    width: auto;
    height: auto;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 1rem;
    margin: 0;
}

.section_3 {
    background-color: rgba(20, 78, 158, 1);
    border-radius: 0.5rem;
    height: 2.125rem;
    width: 2.125rem;
    margin: 0 0 .5rem 0;
}

.section_4 {
    height: 1rem;
    width: 1rem;
}

.group_40 {
    width: 1rem;
    height: 1rem;
    margin: 0.375rem;
}

.box_39 {
    width: 2.625rem;
    height: 0.3125rem;
    margin: 0.6875rem 0 0 43.4375rem;
}

.group_1 {
    background-color: rgba(14, 47, 120, 1);
    width: 2.625rem;
    height: 0.3125rem;
}

.box_3 {
    height: 3.9375rem;
    width: 19.875rem;
    position: absolute;
    left: 11.5625rem;
    top: 1.75rem;
}

.box_40 {
    width: 19.875rem;
    height: 3.9375rem;
}

.section_5 {
    height: 57.75rem;
    width: 120rem;
}

.block_1 {
    background-image: linear-gradient(
        270deg,
        rgba(217, 217, 217, 0) 0,
        rgba(6, 115, 183, 0.7) 63.461536%,
        rgba(19, 124, 205, 1) 100%
    );
    width: 93.0625rem;
    height: 57.75rem;
}

.text-group_9 {
    width: 37.1875rem;
    height: 8rem;
    margin: 23.375rem 0 0 17.625rem;
}

.text_6 {
    width: 37.1875rem;
    height: 3.375rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 4.375rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 3.375rem;
}

.text_7 {
    width: 21.25rem;
    height: 3.375rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 2.5rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 3.375rem;
    margin-top: 1.25rem;
}

.group_41 {
    width: 5.625rem;
    height: 0.25rem;
    margin: 4.8125rem 0 0 18.5rem;
}

.box_5 {
    background-color: rgba(255, 255, 255, 1);
    width: 1.125rem;
    height: 0.25rem;
}

.box_6 {
    background-color: rgba(19, 169, 142, 1);
    width: 1.125rem;
    height: 0.25rem;
    margin-left: 0.375rem;
}

.box_7 {
    background-color: rgba(19, 169, 142, 1);
    width: 1.125rem;
    height: 0.25rem;
    margin-left: 0.375rem;
}

.box_8 {
    background-color: rgba(19, 169, 142, 1);
    width: 1.125rem;
    height: 0.25rem;
    margin-left: 0.375rem;
}

.section_6 {
    height: 53.125rem;
    width: 120rem;
}

.text-wrapper_15 {
    width: 103.125rem;
    height: 2.375rem;
    padding: 4.4375rem 0 0 6.875rem;
}

.text_8 {
    width: 8.1875rem;
    height: 2.25rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 2rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 2rem;
}

.text_9 {
    width: 8.1875rem;
    height: 2.25rem;
    overflow-wrap: break-word;
    color: rgba(125, 144, 171, 1);
    font-size: 1.75rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 2rem;
    margin-left: 2.3125rem;
}

.text_10 {
    width: 8.1875rem;
    height: 2.25rem;
    overflow-wrap: break-word;
    color: rgba(125, 144, 171, 1);
    font-size: 1.75rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 2rem;
    margin-left: 2.3125rem;
}

.text_11 {
    width: 8.1875rem;
    height: 2.25rem;
    overflow-wrap: break-word;
    color: rgba(125, 144, 171, 1);
    font-size: 1.75rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 2rem;
}

.text_12 {
    width: 4.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(70, 110, 166, 1);
    font-size: 1.5rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 1.8rem;
    /* margin-left: 48.3rem; */
}

.group_42 {
    width: 113.125rem;
    height: 34.5rem;
    margin: 3.25rem 0 8.5625rem 6.875rem;
}

.box_9 {
    box-shadow: 0rem 0.25rem 0.25rem 0.1875rem rgba(175, 175, 175, 0.25);
    background-color: rgba(255, 255, 255, 1);
    width: 48.6875rem;
    height: 33.0625rem;
    margin-top: 1.4375rem;
}

.group_3 {
  background-color: rgba(204, 220, 255, 1);
  width: 46.125rem;
  height: 6.3125rem;
  margin: 1.25rem 0 0 1.0625rem;
}

.text-wrapper_4 {
    background-color: rgba(20, 78, 158, 1);
    height: 4.25rem;
    width: 6.25rem;
    margin: 1.0625rem 0 0 1.0625rem;
}

.paragraph_6 {
    width: 100%;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-family: Inter-Bold;
    font-weight: 700;
    text-align: center;
    margin: 0.75rem 0 0 1.125rem;
}

.text-group_10 {
    width: 37rem;
    height: 4.25rem;
    margin: 1.0625rem 0.9375rem 0 0.875rem;
}

.text_13 {
    width: 37rem;
    height: 1.4375rem;
    overflow-wrap: break-word;
    color: rgba(20, 78, 158, 1);
    font-size: 1.25rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.25rem;
}

.text_14 {
    width: 37rem;
    height: 2.4375rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin-top: 0.375rem;
}

.group_4 {
    background-color: rgba(241, 246, 255, 1);
    width: 46.125rem;
    height: 6.3125rem;
    margin: 1.25rem 0 0 1.0625rem;
}

.text-wrapper_5 {
    background-color: rgba(255, 255, 255, 1);
    height: 4.25rem;
    border: 0.0625rem solid rgba(28, 79, 152, 1);
    width: 6.25rem;
    margin: 1.0625rem 0 0 1.0625rem;
}

.paragraph_7 {
    width: 4rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.125rem;
    font-family: Inter-Bold;
    font-weight: 700;
    text-align: center;
    margin: 0.75rem 0 0 1.125rem;
}

.text-group_11 {
    width: 37rem;
    height: 3.875rem;
    margin: 1.3125rem 0.9375rem 0 0.875rem;
}

.text_15 {
    width: 37rem;
    height: 1.625rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.25rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.25rem;
}

.text_16 {
    width: 37rem;
    height: 2.125rem;
    overflow-wrap: break-word;
    color: rgba(176, 176, 176, 1);
    font-size: 1rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin-top: 0.125rem;
}

.group_5 {
    background-color: rgba(241, 246, 255, 1);
    width: 46.125rem;
    height: 6.3125rem;
    margin: 1.25rem 0 0 1.0625rem;
}

.text-wrapper_6 {
    background-color: rgba(255, 255, 255, 1);
    height: 4.25rem;
    border: 0.0625rem solid rgba(28, 79, 152, 1);
    width: 6.25rem;
    margin: 1.0625rem 0 0 1.0625rem;
}

.paragraph_8 {
    width: 4rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.125rem;
    font-family: Inter-Bold;
    font-weight: 700;
    text-align: center;
    margin: 0.75rem 0 0 1.125rem;
}

.text-group_12 {
    width: 37rem;
    height: 4rem;
    margin: 1.1875rem 0.9375rem 0 0.875rem;
}

.text_17 {
    width: 37rem;
    height: 1.4375rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.25rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.25rem;
}

.text_18 {
    width: 37rem;
    height: 2.125rem;
    overflow-wrap: break-word;
    color: rgba(176, 176, 176, 1);
    font-size: 1rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin-top: 0.4375rem;
}

.group_6 {
    background-color: rgba(241, 246, 255, 1);
    width: 46.125rem;
    height: 6.3125rem;
    margin: 1.25rem 0 0 1.0625rem;
}

.text-wrapper_7 {
    background-color: rgba(255, 255, 255, 1);
    height: 4.25rem;
    border: 0.0625rem solid rgba(28, 79, 152, 1);
    width: 6.25rem;
    margin: 1.0625rem 0 0 1.0625rem;
}

.paragraph_9 {
    width: 4rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.125rem;
    font-family: Inter-Bold;
    font-weight: 700;
    text-align: center;
    margin: 0.75rem 0 0 1.125rem;
}

.text-group_13 {
    width: 37rem;
    height: 4rem;
    margin: 1.1875rem 0.9375rem 0 0.875rem;
}

.text_19 {
    width: 37rem;
    height: 1.625rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.25rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.25rem;
}

.text_20 {
    width: 37rem;
    height: 2.125rem;
    overflow-wrap: break-word;
    color: rgba(176, 176, 176, 1);
    font-size: 1rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin-top: 0.25rem;
}

.box_10 {
    height: 34.3125rem;
    width: 55rem;
    margin: 0.1875rem 0 0 0.125rem;
}

.box_11 {
    background-color: rgba(4, 53, 120, 1);
    width: 55rem;
    height: 7.8125rem;
    margin-top: 26.5rem;
}

.section_23 {
    width: 52.5rem;
    height: 1.9375rem;
    margin: 1.0625rem 0 0 1.0625rem;
}

.text_21 {
    width: 20.3125rem;
    height: 1.9375rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.25rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.25rem;
}

.group_8 {
    background-color: rgba(255, 255, 255, 1);
    width: 1.25rem;
    height: 0.25rem;
    margin: 0.5625rem 0 0 27.9375rem;
}

.group_9 {
    background-color: rgba(255, 255, 255, 0.5);
    width: 1.25rem;
    height: 0.25rem;
    margin: 0.5625rem 0 0 0.25rem;
}

.group_10 {
    background-color: rgba(255, 255, 255, 0.5);
    width: 1.25rem;
    height: 0.25rem;
    margin: 0.5625rem 0 0 0.25rem;
}

.text_22 {
    width: 49rem;
    height: 3.7rem;
    overflow-wrap: break-word;
    color: rgba(156, 197, 255, 1);
    font-size: 0.9375rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin: 0.0625rem 0 0 1.0625rem;
}

.paragraph_10 {
    width: 7.8125rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(156, 197, 255, 1);
    font-size: 0.875rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin: 0.1875rem 0 0.125rem 1.0625rem;
}

.box_12 {
    background-color: rgba(20, 78, 158, 1);
    border-radius: 0.625rem 0rem 0.625rem 0rem;
    width: 4.0625rem;
    height: 14.125rem;
    margin-left: 5.25rem;
}

.section_7 {
    height: 1.875rem;
    width: 1.75rem;
    margin: 1rem 0 0 1.1875rem;
}

.block_10 {
    width: 1.75rem;
    height: 1.875rem;
}

.paragraph_11 {
    width: 2.1875rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 0.625rem 0 0 0.9375rem;
}

.section_8 {
    background-color: rgba(255, 255, 255, 0.3);
    width: 2.5625rem;
    height: 0.125rem;
    margin: 1.125rem 0 0 0.75rem;
}

.section_9 {
    height: 1.6875rem;
    width: 1.4375rem;
    margin: 1.1875rem 0 0 1.3125rem;
}

.box_41 {
    width: 1.4375rem;
    height: 1.6875rem;
}

.paragraph_12 {
    width: 2.1875rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 0.5rem 0 0.875rem 0.9375rem;
}

.section_10 {
    height: 56.5rem;
    width: 120rem;
    position: relative;
}

.text-wrapper_16 {
    width: 8rem;
    height: 3rem;
    margin: 4.25rem 0 0 6.875rem;
}

.text_23 {
    width: 8rem;
    height: 3rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 2rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 3rem;
}

.group_43 {
    width: 110.5625rem;
    height: 33.3125rem;
    margin: 4.8125rem 0 11.125rem 3.625rem;
}

.box_13 {
    width: 0.9375rem;
    height: 1.8125rem;
    border: 0.375rem solid rgba(145, 168, 191, 1);
    margin-top: 15.9375rem;
}

.box_14 {
    box-shadow: 0rem 0.3125rem 0.625rem -0.125rem rgba(170, 190, 218, 1);
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 25rem;
    height: 33.3125rem;
    margin-left: 2.3125rem;
}

.group_11 {
    width: 25rem;
    height: 16.875rem;
}

.section_24 {
    width: 17.25rem;
    height: 3.6875rem;
    margin: 2.75rem 0 0 2.4375rem;
}

.box_15 {
    width: 2.125rem;
    height: 2.1875rem;
}

.text_24 {
    width: 12.6875rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-top: 0.5625rem;
}

.text_25 {
    width: 21.4375rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    margin: 0.875rem 0 0 2.4375rem;
}

.text_26 {
    width: 5.5rem;
    height: 1.6875rem;
    overflow-wrap: break-word;
    color: rgba(20, 78, 158, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.375rem;
    margin: 1.1875rem 0 3.125rem 2.4375rem;
}

.group_13 {
    background-color: rgba(0, 132, 255, 0.5);
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: 3.1875rem;
    top: 20.3125rem;
}

.group_14 {
    width: 1.375rem;
    height: 1.0625rem;
    margin: 0.6875rem 0 0 0.5rem;
}

.section_25 {
    position: absolute;
    left: 2.4375rem;
    top: 19.625rem;
    width: 3.25rem;
    height: 3.1875rem;
}

.box_16 {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 25rem;
    height: 33.3125rem;
    margin-left: 1.25rem;
}

.section_11 {
    width: 25rem;
    height: 16.875rem;
}

.box_42 {
    width: 15.5rem;
    height: 3.625rem;
    margin: 2.8125rem 0 0 4.1875rem;
}

.block_3 {
    width: 2.125rem;
    height: 1.75rem;
}

.text_27 {
    width: 12.6875rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-top: 0.5rem;
}

.text_28 {
    width: 21.4375rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    margin: 0.875rem 0 0 2.4375rem;
}

.section_13 {
    width: 2.0625rem;
    height: 0.0625rem;
    border: 0.125rem solid rgba(28, 79, 152, 1);
    margin: 2.0625rem 0 3.875rem 2.5625rem;
}

.section_14 {
    background-color: rgba(0, 132, 255, 0.5);
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: 3.1875rem;
    top: 20.3125rem;
}

.box_17 {
    width: 1.0625rem;
    height: 1.125rem;
    margin: 0.625rem 0 0 0.6875rem;
}

.box_43 {
    position: absolute;
    left: 2.0625rem;
    top: 19.6875rem;
    width: 3.625rem;
    height: 3.125rem;
}

.box_18 {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 25rem;
    height: 33.3125rem;
    margin-left: 1.25rem;
}

.section_15 {
    width: 25rem;
    height: 16.875rem;
}

.section_26 {
    width: 17.25rem;
    height: 3.6875rem;
    margin: 2.75rem 0 0 2.4375rem;
}

.box_19 {
    width: 2.3125rem;
    height: 2.1875rem;
}

.text_29 {
    width: 12.6875rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-top: 0.5625rem;
}

.text_30 {
    width: 21.4375rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    margin: 0.875rem 0 0 2.4375rem;
}

.section_17 {
    width: 2.0625rem;
    height: 0.0625rem;
    border: 0.125rem solid rgba(28, 79, 152, 1);
    margin: 2.0625rem 0 3.875rem 2.5625rem;
}

.section_18 {
    background-color: rgba(0, 132, 255, 0.5);
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: 3.1875rem;
    top: 20.3125rem;
}

.group_15 {
    width: 1.0625rem;
    height: 1.3125rem;
    margin: 0.5625rem 0 0 0.6875rem;
}

.section_27 {
    position: absolute;
    left: 2.4375rem;
    top: 19.625rem;
    width: 3.25rem;
    height: 3.1875rem;
}

.box_20 {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 25rem;
    height: 33.3125rem;
    margin-left: 1.25rem;
}

.group_16 {
    width: 25rem;
    height: 16.875rem;
}

.group_44 {
    width: 17.375rem;
    height: 3.6875rem;
    margin: 2.75rem 0 0 2.3125rem;
}

.box_21 {
    width: 1.9375rem;
    height: 2.1875rem;
}

.text_31 {
    width: 12.6875rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-top: 0.5625rem;
}

.text_32 {
    width: 21.4375rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    margin: 0.875rem 0 0 2.4375rem;
}

.group_18 {
    width: 2.0625rem;
    height: 0.0625rem;
    border: 0.125rem solid rgba(28, 79, 152, 1);
    margin: 2.0625rem 0 3.875rem 2.5625rem;
}

.group_19 {
    background-color: rgba(0, 132, 255, 0.5);
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: 3.1875rem;
    top: 20.3125rem;
}

.group_20 {
    width: 1.125rem;
    height: 0.75rem;
    margin: 0.875rem 0 0 0.625rem;
}

.group_45 {
    position: absolute;
    left: 2.3125rem;
    top: 19.625rem;
    width: 3.375rem;
    height: 3.1875rem;
}

.block_11 {
    position: relative;
    width: 2.25rem;
    height: 3.9375rem;
    margin: 15.625rem 0 0 1.3125rem;
}

.box_22 {
    width: 0.9375rem;
    height: 1.8125rem;
    border: 0.375rem solid rgba(0, 115, 230, 1);
    margin: 2.125rem 0 0 1.3125rem;
}

.group_46 {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.75rem;
    height: 2.5rem;
}

.group_47 {
    position: absolute;
    left: 3.125rem;
    top: 27.6875rem;
    width: 1.75rem;
    height: 2.5rem;
}

.section_19 {
    height: 43.1875rem;
    width: 120rem;
}

.text-wrapper_17 {
    width: 12.8125rem;
    height: 2.375rem;
    margin: 4.875rem 0 0 6.875rem;
}

.text_33 {
    width: 12.8125rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 2rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 3rem;
}

.group_48 {
    width: 103.75rem;
    height: 15.625rem;
    margin: 12.75rem 0 7.5625rem 6.875rem;
}

.box_24 {
    border-radius: 1.875rem 1.875rem 0rem 0rem;
    height: 15.625rem;
    width: 19.6875rem;
    position: relative;
}

.text-wrapper_10 {
    background-image: linear-gradient(
        360deg,
        rgba(255, 255, 255, 0) 0,
        rgba(177, 209, 255, 0.51) 34.693745%,
        rgba(104, 162, 245, 1) 100%
    );
    height: 8.4375rem;
    margin-top: 7.1875rem;
    width: 19.6875rem;
}

.text_34 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.125rem;
}

.group_21 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.5625rem;
    top: -6.3125rem;
}

.group_22 {
    width: 6.25rem;
    height: 6.375rem;
    margin: 3.1875rem 0 0 3.1875rem;
}

.box_44 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.box_25 {
    border-radius: 1.875rem 1.875rem 0rem 0rem;
    height: 15.625rem;
    margin-left: 1.3125rem;
    width: 19.6875rem;
    position: relative;
}

.text-wrapper_11 {
    background-image: linear-gradient(
        360deg,
        rgba(255, 255, 255, 0) 0,
        rgba(177, 209, 255, 0.51) 34.693745%,
        rgba(104, 162, 245, 1) 100%
    );
    height: 8.4375rem;
    margin-top: 7.1875rem;
    width: 19.6875rem;
}

.text_35 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.125rem;
}

.section_20 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.5625rem;
    top: -6.3125rem;
}

.group_23 {
    width: 6.875rem;
    height: 6.875rem;
    margin: 2.875rem 0 0 2.875rem;
}

.box_45 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.box_26 {
    border-radius: 1.875rem 1.875rem 0rem 0rem;
    height: 15.625rem;
    margin-left: 1.5625rem;
    width: 19.6875rem;
    position: relative;
}

.text-wrapper_12 {
    background-image: linear-gradient(
        360deg,
        rgba(255, 255, 255, 0) 0,
        rgba(177, 209, 255, 0.51) 34.693745%,
        rgba(104, 162, 245, 1) 100%
    );
    height: 8.4375rem;
    margin-top: 7.1875rem;
    width: 19.6875rem;
}

.text_36 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.25rem;
}

.box_27 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.6875rem;
    top: -6.3125rem;
}

.box_28 {
    width: 7.75rem;
    height: 7.75rem;
    margin: 2.6875rem 0 0 2.3125rem;
}

.group_49 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.box_29 {
    border-radius: 1.875rem 1.875rem 0rem 0rem;
    height: 15.625rem;
    margin-left: 1.25rem;
    width: 19.6875rem;
    position: relative;
}

.paragraph_13 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.125rem;
}

.box_30 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.5625rem;
    top: -6.3125rem;
}

.section_21 {
    width: 6.875rem;
    height: 5.5625rem;
    margin: 3.5625rem 0 0 2.875rem;
}

.group_50 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.box_31 {
    border-radius: 1.875rem 1.875rem 0 0;
    height: 15.625rem;
    margin-left: 1.1875rem;
    width: 19.6875rem;
    position: relative;
}

.text-wrapper_14 {
    background-image: linear-gradient(
        360deg,
        rgba(255, 255, 255, 0) 0,
        rgba(177, 209, 255, 0.51) 34.693745%,
        rgba(104, 162, 245, 1) 100%
    );
    height: 8.4375rem;
    margin-top: 7.1875rem;
    width: 19.6875rem;
}

.text_37 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.125rem;
}

.box_32 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.5625rem;
    top: -6.3125rem;
}

.block_4 {
    width: 5.875rem;
    height: 5.875rem;
    margin: 3.25rem 0 0 3.375rem;
}

.section_28 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.section_22 {
    background-color: rgba(0, 73, 131, 1);
    position: relative;
    width: 120rem;
    height: 18.375rem;
    margin-bottom: 85.4375rem;
}

.group_24 {
    height: 3.6875rem;
    width: 3.875rem;
    margin: 5.625rem 0 0 8.3125rem;
}

.block_5 {
    width: 1.75rem;
    height: 3.5625rem;
    margin: 0.1875rem 0 0 -1.3125rem;
}

.section_29 {
    width: 1.6875rem;
    height: 3.4375rem;
    margin: 5.8125rem 0 0 1.0625rem;
}

.group_26 {
    width: 1.625rem;
    height: 1.4375rem;
}

.group_27 {
    width: 1.6875rem;
    height: 1.4375rem;
    margin-top: 0.5625rem;
}

.section_30 {
    width: 3.5625rem;
    height: 3.4375rem;
    margin-top: 5.8125rem;
}

.block_12 {
    width: 3.5rem;
    height: 1.375rem;
    margin-left: 0.0625rem;
}

.block_6 {
    width: 1.75rem;
    height: 1.375rem;
}

.block_7 {
    width: 1.6875rem;
    height: 1.375rem;
}

.block_13 {
    width: 3.5625rem;
    height: 1.4375rem;
    margin-top: 0.625rem;
}

.box_33 {
    width: 1.75rem;
    height: 1.375rem;
}

.box_34 {
    width: 1.8125rem;
    height: 1.4375rem;
}

.section_31 {
    width: 1.6875rem;
    height: 2.875rem;
    margin: 6.3125rem 0 0 0.0625rem;
}

.box_35 {
    width: 1.625rem;
    height: 0.25rem;
}

.box_36 {
    width: 1.6875rem;
    height: 1.375rem;
    margin-top: 1.25rem;
}

.section_32 {
    width: 1.8125rem;
    height: 3.4375rem;
    margin-top: 5.8125rem;
}

.group_33 {
    width: 1.8125rem;
    height: 1.375rem;
}

.group_34 {
    width: 1.75rem;
    height: 1.375rem;
    margin: 0.6875rem 0 0 0.0625rem;
}

.section_33 {
    width: 1.75rem;
    height: 3.4375rem;
    margin-top: 5.8125rem;
}

.block_8 {
    width: 1.75rem;
    height: 1.4375rem;
}

.block_9 {
    width: 1.75rem;
    height: 1.4375rem;
    margin-top: 0.5625rem;
}

.group_36 {
    width: 1.6875rem;
    height: 1.375rem;
    margin: 7.8125rem 0 0 0.0625rem;
}

.group_37 {
    width: 1.5625rem;
    height: 1.375rem;
    margin: 7.8125rem 0 0 0.125rem;
}

.text-group_14 {
    width: 4.5rem;
    height: 9.75rem;
    margin: 2.25rem 0 0 10.3125rem;
}

.text_38 {
    width: 4.5rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-family: Almarai-ExtraBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
}

.paragraph_14 {
    width: 4rem;
    height: 7.5rem;
    overflow-wrap: break-word;
    color: rgba(132, 158, 196, 1);
    font-size: 1rem;
    font-family: Almarai-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.5rem;
    margin-top: 0.375rem;
}

.section_34 {
    position: relative;
    width: 44.8125rem;
    height: 15.0625rem;
    margin: 2.25rem 0 0 5.25rem;
}

.text-group_15 {
    width: 22rem;
    height: 8.25rem;
    margin-left: 22.8125rem;
}

.text_39 {
    width: 4.5rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-family: Almarai-ExtraBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
}

.text_40 {
    width: 22rem;
    height: 6rem;
    overflow-wrap: break-word;
    color: rgba(132, 158, 196, 1);
    font-size: 1rem;
    font-family: Almarai-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.5rem;
    margin-top: 0.375rem;
}

.text-group_16 {
    position: absolute;
    left: 0;
    top: 0;
    width: 25.4375rem;
    height: 15.0625rem;
}

.text_41 {
    width: 4.5rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-family: Almarai-ExtraBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-left: 3.5rem;
}

.text_42 {
    width: 14rem;
    height: 7.5rem;
    overflow-wrap: break-word;
    color: rgba(132, 158, 196, 1);
    font-size: 1rem;
    font-family: Almarai-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.5rem;
    margin: 0.375rem 0 0 3.5rem;
}
.main5 {
    width: 100rem;
    margin: 0 auto;
}
.text_43 {
    width: 25.4375rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(176, 176, 176, 1);
    font-size: 0.875rem;
    font-family: Actor-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 1.875rem;
    margin-top: 3.4375rem;
}

.section_35 {
    width: 8rem;
    height: 10.125rem;
    margin: 2.875rem 9.5rem 0 10.375rem;
}

.box_37 {
    width: 8rem;
    height: 7.5rem;
}

.text_44 {
    width: 4.375rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.875rem;
    font-family: Almarai-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.875rem;
    margin: 0.75rem 0 0 1.8125rem;
}

.section_36 {
    position: absolute;
    left: 7rem;
    top: 5.625rem;
    width: 20.1875rem;
    height: 3.6875rem;
}

.enter{
	width: 19rem;
	height: 3rem;
	text-align: center;
	line-height: 3rem;
	color: #fff;
	font-size: 1.25rem;
	background: #1C4F98;
	margin: 0 auto;
	cursor: pointer;
}
.enter1{
	width: 10rem;
	height: 2.1rem;
	text-align: center;
	line-height: 2.1rem;
	color: #fff;
	font-size: 1rem;
	background: #1C4F98;
	margin: 0 auto;
	cursor: pointer;
}
.pagination1-wrapper {
  display: flex;
  justify-content: center;
  /* margin: 30px 0; */
}

.pagination1 {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.content-text-box{
    /* width: 60vw; */
}
.page-item {
  display: flex;
  margin: 0 2px;
}

.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  color: #666;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
}

.page-link:hover {
  background: #f5f5f5;
  color: #333;
}
.page-item.active .page-link {
  background: #1890ff;
  border-color: #1890ff;
  color: #fff;
}

.page-item.disabled .page-link {
  color: #ccc;
  border-color: #e0e0e0;
  background: #fafafa;
  cursor: not-allowed;
}

.page-item.prev .page-link,
.page-item.next .page-link {
  padding: 0 12px;
  font-size: 16px;
}
/* 点击对应的标题添加对应的背景颜色 */
.page-item .active a .page-link{
    
    color: red !important;
    background: #1C4F98 !important;
}
.page-item .active a .page-link{
    color: #fff !important;
    background: #1C4F98 !important;
}
.page-item .active a{
    color: #fff !important;
    background: #1C4F98 !important;
}
.el-carousel__arrow{
    background-color: rgba(31, 45, 61, .5) !important;
}
.text_hidden{
     display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 这里设置为3表示显示3行，你可以根据需要调整 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.text_hidden1{
     display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 这里设置为3表示显示3行，你可以根据需要调整 */
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 74.9375rem) {
    html {
        min-width: 120rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    html body {
        min-width: 120rem;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: auto !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }

    html #app.index-home {
        min-width: 120rem;
        width: 120rem;
        max-width: none !important;
        /* 窄视口下锁定桌面尺寸（100vw 仍为手机宽，勿再用于缩放） */
        --idx-banner1-h: 50.125rem;
        --idx-wmgj-banner-h: 43.125rem;
        --idx-wmgj-row-w: 103.75rem;
        --idx-wmgj-card-w: 19.6875rem;
        --idx-wmgj-card-gap: 1.25rem;
        --idx-wmgj-card-h: 15.625rem;
        --idx-wmgj-icon-size: 12.625rem;
        --idx-trade-service-banner-h: 56.5rem;
        --idx-notice-panel-w: 36rem;
        --idx-notice-panel-h: 33.0625rem;
        --idx-map-panel-w: 71.375rem;
        --idx-map-panel-h: 37rem;
        --idx-trade-carousel-h: 33.3125rem;
        --idx-trade-carousel-w: 103.75rem;
        --idx-trade-card-w: 25rem;
        --idx-trade-card-gap: 1.25rem;
        --idx-trade-card-img-h: 16.875rem;
        --idx-gutter: 6.875rem;
        --idx-section-title-size: 2rem;
    }

    html #app.index-home > .head,
    html #app.index-home .home-banner,
    html #app.index-home .cases.banner1.home-notice-banner,
    html #app.index-home .cases.home-trade-service-banner,
    html #app.index-home .cases.home-wmgj-banner {
        min-width: 120rem;
        box-sizing: border-box;
    }

    html #app.index-home .home-page-frame {
        width: 120rem;
        max-width: 120rem;
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }

    html #app.index-home .home-wmgj-banner .wmgj_tool_wrap,
    html #app.index-home .home-wmgj-banner .wmgj_tool_row {
        width: var(--idx-wmgj-row-w) !important;
        max-width: var(--idx-wmgj-row-w) !important;
    }

    html #app.index-home .home-wmgj-banner .wmgj_tool_row {
        grid-template-columns: repeat(5, var(--idx-wmgj-card-w)) !important;
    }

    /* 首屏：通知 + 地图横排、固定设计稿尺寸 */
    html #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 {
        flex-direction: row !important;
        align-items: center !important;
    }

    html #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .home-notice-panel,
    html #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .box_99 {
        width: var(--idx-notice-panel-w) !important;
        min-width: var(--idx-notice-panel-w) !important;
        max-width: var(--idx-notice-panel-w) !important;
        height: var(--idx-notice-panel-h) !important;
        min-height: var(--idx-notice-panel-h) !important;
        max-height: var(--idx-notice-panel-h) !important;
    }

    html #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .section_47_img.ningyang-right-map {
        width: var(--idx-map-panel-w) !important;
        min-width: var(--idx-map-panel-w) !important;
        max-width: var(--idx-map-panel-w) !important;
        height: var(--idx-map-panel-h) !important;
        min-height: var(--idx-map-panel-h) !important;
        max-height: var(--idx-map-panel-h) !important;
    }

    html #app.index-home .cases.banner1.home-notice-banner .section_47_img.ningyang-right-map {
        min-width: var(--idx-map-panel-w) !important;
    }

    #app .cases.banner1 .home-banner-notice-map-row {
        flex-direction: row !important;
        align-items: flex-start !important;
    }

    #app .cases.banner1 .home-banner-notice-map-row > .home-notice-panel,
    #app .cases.banner1 .home-banner-notice-map-row > .section_47_img,
    #app .cases.banner1 .home-banner-notice-map-row > .section_47_img:has(.ningyang-map-wrap) {
        width: auto !important;
        max-width: none !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    /* 外贸服务轮播 */
    html #app.index-home .home-trade-service-banner .pic_banner .el-carousel__item {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        width: var(--idx-trade-carousel-w) !important;
        max-width: none !important;
    }

    html #app.index-home .home-trade-service-banner .pic_banner .pic_li {
        flex: 0 0 var(--idx-trade-card-w) !important;
        width: var(--idx-trade-card-w) !important;
        max-width: var(--idx-trade-card-w) !important;
    }

    /* 顶栏菜单 */
    html #app.index-home > .head.head--site .right {
        flex: 1 1 auto !important;
        min-width: max-content !important;
        overflow: visible !important;
    }

    html #app.index-home > .head.head--site .right .nav {
        width: auto !important;
        flex: 0 0 auto !important;
    }

    html #app.index-home > .head.head--site .right .nav ul {
        width: auto !important;
        max-width: none !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        column-gap: 1.25rem !important;
    }

    html #app.index-home > .head.head--site .right .nav ul > li {
        width: auto !important;
        flex: 0 0 auto !important;
        height: 5.625rem !important;
        line-height: 5.625rem !important;
        text-align: center !important;
        position: relative !important;
    }

    html #app.index-home > .head.head--site .right .nav ul > li::after,
    html #app.index-home > .head.head--site .right .nav ul > li:hover::after {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        content: none !important;
    }

    html #app.index-home > .head.head--site .right .nav ul > li > a {
        display: inline-block !important;
        font-size: 1.125rem !important;
        color: #000 !important;
        white-space: nowrap !important;
        text-overflow: clip !important;
        overflow: visible !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
    }

    html #app.index-home > .head.head--site .right .nav ul > li:not(.current-menu-item) > a:hover,
    html #app.index-home > .head.head--site .right .nav ul > li:not(.current-menu-item) > a:focus {
        color: #000 !important;
        background: linear-gradient(#0e2f78, #0e2f78) no-repeat center bottom !important;
        background-size: 100% 0.3125rem !important;
    }

    html #app.index-home > .head.head--site .right .nav ul > li.current-menu-item > a,
    html #app.index-home > .head.head--site .right .nav ul > li.current-menu-item > a:hover,
    html #app.index-home > .head.head--site .right .nav ul > li.current-menu-item > a:focus {
        color: #003476 !important;
        background: linear-gradient(#0e2f78, #0e2f78) no-repeat center bottom !important;
        background-size: 100% 0.3125rem !important;
    }

    html #app.index-home > .head.head--site .right .nav ul li a {
        font-size: 1.125rem !important;
        white-space: nowrap !important;
    }
}