/*banner*/
.bannerCon {
    width: 100%;
    height: 2.25rem;
}

.bannerCon>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 热门服务 */
.fwList .fwItem {
    margin-bottom: 0.4rem;
}

.fwList .fwItem>img {
    width: 100%;
    height: 2.07rem;
    object-fit: cover;
}

.fwList .fwItem p.tit {
    margin: 0.3rem 0 0.12rem;
}

.fwList .fwItem p.sum {
    margin-bottom: 0.2rem;
}

.fwList .fwItem:last-child {
    margin-bottom: 0;
}

.fwList .fwItem .morelink {
    display: flex;
    align-items: center;
}

.fwList .fwItem .morelink img {
    width: 0.09rem;
    margin-left: 0.08rem;
    object-fit: contain;
}


/* 通用：更多入口图标尺寸 */
.fw-hot-list {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    justify-content: space-between;
}

/* .sty_ys {
    margin-top: 1rem !important;
} */

.fw-more-icon {
    width: 0.19rem;
    height: 0.19rem;
    overflow: hidden;
}

.fw-contact-card-more {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    height: 0.24rem;
}

.fw-contact-card {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
}

.fw-hot-card-more {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    height: 0.24rem;
}

/* 联系我们：卡片与“更多”入口 */
.fw-contact {
    margin: 0.8rem auto 0;
}

.fw-contact-title {
    margin-bottom: 0.5rem;
}

.fw-contact-model {
    height: 2.93rem;
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: flex-start;
    gap: 0.2rem;
}

.fw-contact-card {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    background: #f3f3f3;
    padding: 0.6rem 0.6rem 0.46rem 0.6rem;
}

.fw-contact-card-info {
    position: relative;
    height: 100%;
}

.fw-contact-card-more {
    position: absolute;
    left: 0;
    bottom: 0;
}

.fw-contact-card:hover {
    transform: translateY(-0.08rem);
    box-shadow: 0 0.12rem 0.24rem rgba(0, 0, 0, 0.06);
}

.fw-contact-card:hover .fw-more-icon {
    transform: translateX(0.04rem);
}

.fw-contact-card-desc {
    margin: 0.3rem 0 0;
}

/* 服务支持页：页面主体结构 */
.fw-service-support {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: #ffffff;
    width: 100%;
    margin: 0 auto;
}

.fw-ss-hero {
    width: 100%;
    /**height: 7rem;**/
    object-fit: cover;
}

.hsc_breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    margin: 0.18rem auto 0 auto;
}

.dqys a {
    font-size: 0.16rem;
    line-height: 0.26rem;
    color: #141414;
    text-decoration: none;
}

.dqwz {
    width: 0.18rem;
    height: 0.18rem;
    overflow: hidden;
}

.fajj {
    margin: 0.6rem auto 0 auto;
}

.fw-ss-intro-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fw-ss-desc {
    margin-top: 0.15rem;
    text-align: justify;
}



/* =========================
   热门服务
   ========================= */
.fw-hot {
    align-self: stretch;
    margin: 0.75rem auto 0;
}

.fw-hot .fw-hot-title {
    margin-bottom: 0.51rem;
}

.fw-hot-box {
    width: 100%;
    margin-bottom: 0.45rem;
}

.fw-hot-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 3.85rem;
    transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: default;
    transform: translate3d(0, 0, 0);
}

.fw-hot-card-img {
    width: 3.85rem;
    height: 2.17rem;
    transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform-origin: center;
}

.fw-hot-card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 0.31rem 0.2rem 0.3rem 0.31rem;
}

.fw-hot-card-more {
    margin-top: 0.3rem;
}


/* 服务支持页：数据统计区块（背景图 + 绝对定位内容） */
.fw-ss-stats {
    position: relative;
    width: 100%;
    /* 根据原内边距 5.15+0.62+内容高度 估算固定的整体高度 */
    margin-top: 0.3rem;
}

.fw-ss-stats-container {
    position: relative;
    width: 100%;
    height: 6.6rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.fw-ss-stats-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.18) 35%, rgba(0, 0, 0, 0) 70%); */
}

.fw-ss-stats-mask::before,
.fw-ss-stats-mask::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fw-ss-stats-mask::before {
    backdrop-filter: blur(0.08rem);
    -webkit-backdrop-filter: blur(0.18rem);
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.32) 0%,
            rgba(0, 0, 0, 0.22) 18%,
            rgba(0, 0, 0, 0.12) 32%,
            rgba(0, 0, 0, 0.04) 48%,
            rgba(0, 0, 0, 0) 62%);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}

/* .fw-ss-stats-mask::after {
  backdrop-filter: blur(0.1rem);
  -webkit-backdrop-filter: blur(0.1rem);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.18) 10%, rgba(0, 0, 0, 0) 60%);
} */



.fw-ss-stats-inner {}

.fw-am-adv {
    position: absolute;
    bottom: 0.62rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.fw-ss-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.fw-am-adv-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fw-am-adv-col--supply {
    width: 43%;
}

.fw-am-adv-title {
    line-height: 0.36rem;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 0.24rem;
}

.fw-am-adv-desc {
    margin-top: 0.13rem;
    line-height: 0.24rem;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 0.16rem;
}

.fw-am-adv-cards {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.4rem;
    width: 100%;
}

.fw-am-adv-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.fw-am-adv-card-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fw-am-adv-num {
    display: flex;
    align-items: flex-end;
    gap: 0.08rem;
    line-height: 0.73rem;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 0.55rem;
    font-weight: 700;
}

.fw-am-adv-num-strong {
    font-weight: 700;
}

.fw-am-adv-label {
    margin-top: 0.12rem;
    line-height: 0.24rem;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 0.16rem;
}

.fw-am-adv-unit {
    margin-top: 0.25rem;
    line-height: 0.24rem;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 0.16rem;
}

.fw-am-adv-num .fw-am-adv-unit {
    margin-top: 0;
}

.fw-ss-stat-top {
    display: flex;
    align-items: flex-end;
    gap: 0.1rem;
}

.fw-ss-stat-num {
    line-height: 0.73rem;
    color: #ffffff;
    font-size: 0.55rem;
    font-weight: 700;
    display: inline-block;
}

.fw-ss-stat-plus {
    line-height: 0.24rem;
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 300;
}

.fw-ss-stat-label {
    margin-top: 0.12rem;
    color: #ffffff;
}

/* 服务支持页：服务领域（左图右侧可展开条目） */
.fw-ss-domains {
    width: 100%;
    background: #f8f8f880;
}

.fw-ss-domains-container {
    margin: 0.86rem auto 0.77rem;
}

.fw-ss-domains-model {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.fw-ss-domains-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 0.6rem;
    height: 6.5rem;
}

.fw-ss-domains-img {
    width: 9rem;
    height: 6.5rem;
    object-fit: cover;
    transition: opacity 0.25s ease;
}

.fw-ss-domains-img.is-fading {
    opacity: 0;
}

.fw-ss-domains-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 6.5rem;
}

.fw-ss-domains-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
    padding: 0.2rem 0.28rem;
    width: 100%;
    cursor: pointer;
    /* 过渡动画（如需恢复，取消注释即可） */
    /* transition: background-color 0.25s ease, padding 0.25s ease; */
}

.fw-ss-domains-card-head {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.fw-ss-domains-card-body {
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    /* 过渡动画（如需恢复，取消注释即可） */
    /* transition: max-height 0.25s ease, opacity 0.25s ease; */
}

.fw-ss-domains-card.is-active {
    background: #f7f7f7;
    border-bottom: 0.01rem solid #6e6e6e;
    padding: 0.3rem 0.28rem;
}

.fw-ss-domains-card.is-active .fw-ss-domains-card-body {
    max-height: 6rem;
    opacity: 1;
}

.fw-ss-domains-card.is-active .fw-ss-domains-card-bar {
    background: #003b83;
}

.fw-ss-domains-card-bar {
    background: transparent;
    width: 0.02rem;
    height: 0.2rem;
    /* 过渡动画（如需恢复，取消注释即可） */
    /* transition: background-color 0.25s ease; */
}

.fw-ss-domains-card-desc {
    margin: 0.15rem 0 0 0.33rem;
    width: 5.92rem;
    text-align: justify;
}

.fw-ss-domains-card-more {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    margin: 0.3rem 0 0 0.33rem;
    height: 0.24rem;
}

/* 推荐、验证、服务卡片 */

.fw-am-cards {
    margin-top: 0.5rem;
}

.fw-am-cards-model {
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
    gap: 0.2rem;
}

.fw-am-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    min-width: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 2.93rem;
    position: relative;
}

.fw-am-card-content {
    position: absolute;
    bottom: 8%;
    left: 9%;
}

.fw-am-card-title {
    line-height: 0.36rem;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 0.24rem;
}

.fw-am-card-more {
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
    margin-top: 0.35rem;
    margin-right: 0.35rem;
    width: 0.61rem;
    height: 0.24rem;
}

.fw-am-card-more-text {
    line-height: 0.24rem;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 300;
}


/* --- 服务实力 --- */
.strength-section {
    width: 100%;
    background-color: #FFFFFF;

    box-sizing: border-box;
}

/* 大标题 */
.section-title {
    text-align: center;
    font-size: 0.2rem;
    color: #333333;
    font-weight: 400;
    margin: 0 0 0.4rem 0;
}

.accordion-list {
    width: 100%;
}

.accordion-item {
    border-bottom: 1px solid #D9D9D9;
}

.accordion-item:last-child {
    border-bottom: none;
}


.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 0;
    cursor: pointer;
    position: relative;
}

.header-title-box {
    position: relative;
}

.header-title {
    transition: color 0.3s;
}

.accordion-item.active span.header-title {
    color: #141414;
    font-weight: 350;
}

.header-title-box::before {
    content: '';
    position: absolute;
    left: -0.15rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 0.2rem;
    background-color: #003B83;
    opacity: 0;
    transition: opacity 0.3s;
}


.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

.content-inner {
    /* padding: 0.1rem 0 0.1rem 0; */
}

.content-desc {
    margin-bottom: 0.15rem;
}

.content-img-box {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #f0f0f0;
    overflow: hidden;
    margin-top: 0.4rem;
    height: 2.07rem
}

.content-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.accordion-item.active .header-title-box::before {
    opacity: 1;
}


.accordion-item.active .accordion-content {margin-bottom: 0.4rem;}

.header-icon {
    width: 0.16rem;
    height: 0.16rem;

    background-image: url('/eportal/uiFramework/commonResource/image/2026051511111164329.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    transition: transform 0.3s;
    margin-right: 0.05rem;
}

.accordion-item.active .header-icon {

    transform: rotate(180deg);

}





/* --- 网络 --- */
.white {
    color: #fff;
}

.ft35 {
    font-size: 0.35rem;
}
.network-stats-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}


.network-content {
    position: relative;
    z-index: 2;
    margin-top: 0.86rem;
    margin-bottom: 0.69rem;
    box-sizing: border-box;
}

.stats-part {
    margin-bottom: 0.64rem;
}

.stats-part:last-child {
    margin-bottom: 0;
}

.part-title {
    text-align: center;
    margin-bottom: 0.1rem;
}


.part-subtitle {
    text-align: center;
    margin-bottom: 0.36rem;
}

.stats-row {
    display: flex;
    width: 100%;
}

.stats-row.col-2 {justify-content: space-around;}

.stats-row.col-3 {
    justify-content: space-between;
}

.stat-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.stat-val {
    display: flex;
    align-items: baseline;
    margin-bottom: 0;
}


.num {
    font-weight: 700;
}

.unit {
    margin-left: 0.1rem;
}


.stat-label {
    color: #FFF;
    text-align: center;
    font-family: "Source Han Sans CN", sans-serif;
    font-size: 0.12rem;
    font-weight: 300;
    line-height: normal;
}



/* 订购 */
.service-article-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /**padding: 0.4rem 0;**/
    background-color: #FFFFFF;
}


.service-card {
    display: flex;
    width: 3.68rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    margin-bottom: 0.4rem;
}

.service-card:last-child {
    margin-bottom: 0;
}

.card-img {
    width: 3.68rem;
    height: 2.07rem;
    aspect-ratio: 16 / 9;
    background-color: #F0F0F0;
    overflow: hidden;
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.card-title2 {
    margin: 0;
    color: #141414;
    text-align: justify;
    font-family: "Source Han Sans CN", sans-serif;
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 350;
    line-height: 0.26rem;
}


.card-desc {
    margin: 0;
    align-self: stretch;
    color: #6E6E6E;
    text-align: justify;
    font-family: "Source Han Sans CN", sans-serif;
    font-size: 0.12rem;
    font-style: normal;
    font-weight: 300;
    line-height: 0.2rem;
}


.card-more2 {
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.arrow-icon {
    width: 0.12rem;
    height: 0.12rem;
    margin-left: 0.05rem;
    object-fit: contain;
}


.service-card {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    margin-bottom: 0.6rem;
}

.card-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #F0F0F0;
    overflow: hidden;
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}




/* 最后 */
.image-card-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.image-card {
    display: block;
    position: relative;
    width: 100%;
    height: 2.07rem;
    aspect-ratio: 16 / 9;
    margin-bottom: 0.2rem;
    text-decoration: none;
    overflow: hidden;
}

.image-card:last-child {
    margin-bottom: 0;
}

.card-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.card-gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    pointer-events: none;
}


.card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    padding: 0 0.2rem 0.2rem;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.card-title {
    color: #FFF;
    font-weight: 350;
    margin-bottom: 0.15rem;
}

.card-more {
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: "Source Han Sans CN", sans-serif;
    font-size: 0.12rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.card-more .arrow-icon {
    width: 0.12rem;
    height: 0.12rem;
    margin-left: 0.04rem;
    object-fit: contain;
}

.image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}