/* 通配样式 */
body {
    /* min-width: 1895px; */
    min-width: 1200px;
}

a {
    color: #fff;
    text-decoration: none;
}

a:visited {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

a:active {
    color: #fff;
    text-decoration: none;
}

*,
::after,
::before {
    box-sizing: content-box !important;
}


/* 具体样式 */
.usr_home_body {
    margin: 0px;
}

.usr_home_herader {
    width: 100%;
    height: 750px;
    /* background-color: #110730; */
    margin: 0px;
}

.usr_home_navigation_bar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    background-color: #242A37;
    z-index: 9999;
}

.usr_home_navigation_bar_scroll {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    background-color: #242A37;
    z-index: 9999;
}

.usr_home_navigation_bar:hover {
    content: "";
    width: 100%;
    height: 70px;
    background: #242A37;
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
}

.usr_home_navigation_bar_title {
    width: 1200px;
    height: 70px;
    margin: auto;
}

.usr_home_logo {

    /*width: 110px;*/
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    /* font-size: 20px; */
    float: left;
}

.usr_home_logo img {
    width: 150px;
    height: 75px;
    display: inline-block;
    vertical-align: middle;
    /* padding-bottom: 10px; */
}

.usr_home_logo span {
    font-size: 18px;
}

.usr_home_navigation_bar_ul {
    float: left;
    height: 70px;
    padding-left: 60px;
    margin: 0px;
}

.usr_home_navigation_bar_ul li {
    padding-left: 25px;
    padding-right: 25px;
    float: left;
    color: #ffffff;
    font-size: 16px;
    line-height: 70px;
    text-align: center;
    list-style-type: none;
}

.usr_home_navigation_buttom {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    /*border: 1px solid #FFFFFF;*/
    border-radius: 2px;
    /*width: 80px;*/
    height: 26px;
    background-image: linear-gradient(90deg, #00BCE8 0%, #1261FE 100%);
    line-height: 26px;
    margin-top: 22px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    float: right;
    cursor: pointer;
}

.usr_home_navigation_buttom a {
    margin-left: 16px;
    margin-right: 16px;
}

.usr_home_navigation_buttom span {
    margin-left: 16px;
    margin-right: 16px;
}

/* .usr_home_navigation_buttom img {
	display: none;
} */

.usr_home_navigation_lang {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
    /*margin-right: 20px;*/
    text-align: center;
    float: right;
    cursor: pointer;
    list-style-type: none;
    padding-left: 0;
}

.usr_home_navigation_lang li {
    width: 116px;
}

.usr_change_lang {
    width: 116px;
    background-color: #1E2229;
    font-size: 14px;
    color: #ffffff;
    height: 100px;
    line-height: 50px;
    position: fixed;
    top: 70px;
    padding: 0px;
    margin: 0px;
    display: none;
}

.usr_change_lang_text {
    width: 100%;
    text-align: center;
    position: relative;
    /* 	top: -70px; */
}

#usr_change_lang_calss {
    display: none;
}

.usr_home_navigation_lang img {
    margin: 0px;
    margin-right: 5px;
    padding: 0px;
    vertical-align: middle;
}

.usr_home_child_ul {
    display: block;
    color: #ffffff;
    font-size: 14px;
}

.usr_home_quick_navigation_parent {
    width: 1200px;
    /* margin: auto; */
    margin: auto;
}

.usr_home_quick_navigation {
    width: 1200px;
    height: 120px;
    -moz-box-shadow: 0px -5px 14px rgba(0, 0, 0, 0.10), 0px 5px 14px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px -5px 14px rgba(0, 0, 0, 0.10), 0px 5px 14px rgba(0, 0, 0, 0.10);
    box-shadow: 0px -5px 14px rgba(0, 0, 0, 0.10), 0px 5px 14px rgba(0, 0, 0, 0.10);
    position: relative;
    top: 0px;
    left: 0;
    /*margin-left: -50%;*/
    /*transform: translate(-50%, 0);*/
    background-color: #ffffff;
    z-index: 999;
    cursor: pointer;
    margin-top: -95px;
}

.usr_home_quick_navigation div {
    width: 300px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #343e54;
    line-height: 120px;
}

.usr_home_quick_navigation div img {
    /*width: 40px;*/
    /*height: 30px;*/
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

.usr_home_navigation_bar_ul>a:hover,
.usr_home_navigation_bar_ul>a:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
}

.usr_home_navigation_bar_ul>a:hover,
.usr_home_navigation_bar_ul>a:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
}

.usr_home_navigation_bar_ul li:hover {
    background-color: #1E2229;
    border-radius: 0px;
}

.usr_home_plan {
    width: 100%;
    position: fixed;
    top: 70px;
    left: 0px;
    background: #1E2229;
    text-align: center;
    display: none;
    padding-bottom: 80px;
}

.usr_home_plan_small {
    width: 110px;
    position: fixed;
    /*top: 70px;*/
    /*left: 258px;*/
    margin-left: -25px;
    background: #1E2229;
    text-align: center;
    display: none;
}

.usr_home_plan_size_small {
    width: 110px;
    margin: auto;
}

.usr_home_plan_size {
    width: 1500px;
    /* margin: auto; */
    margin-left: 80px;
    padding-bottom: 80px;
}

.usr_home_plan_left {
    width: 150px;
    /* padding-left: 380px; */
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 100px;

}

.usr_home_plan_size .usr_home_plan_general {
    width: 180px;
    text-align: center;
}

.usr_home_plan_left_small {
    width: 110px;
    /* padding-left: 380px; */
    /*float: left;*/
    padding-top: 20px;
}

.usr_home_plan_general_small {
    width: 110px;
}

.usr_home_plan_bottom_small {
    width: 110px;
    padding-bottom: 20px;
}

.usr_home_plan_content_small {
    position: relative;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
}

.usr_home_plan_content_small a {
    color: #fff;
    font-size: 14px;
    display: block;
}

.usr_home_plan_content_small a:hover {
    background: #343C50;
    color: #fff;
}


.usr_home_plan_content_small ul {
    display: none;
    position: absolute;
    left: 70px;
    top: 0px;
}

.usr_home_plan_content_small a:hover ul {
    display: block;
}

.usr_home_plan_content_small a ul li {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    /* height: 20px; */
    /* position: fixed; */
    /* margin-left: -25px; */
    background: #1E2229;
    text-align: center;
}

/* .usr_home_plan_content_small:hover .usr_home_plan_content_small ul {
	display: block;
} */

.usr_home_plan_left_4 {
    width: 300px;
    /* padding-left: 380px; */
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.usr_home_plan_name {
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
}

.usr_home_plan_content a {
    color: #fff;
}

a .usr_home_plan_content {
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 36px;
    text-indent: 10px;
    white-space: nowrap;
    text-align: center;
}

a:hover .usr_home_plan_content {
    background: #343C50;
    color: #fff;
}

.usr_home_plan_general {
    float: left;
    width: 180px;
    margin-left: 70px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

.usr_home_plan_general_3 {
    float: left;
    width: 400px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

.usr_home_plan_general_4 {
    float: left;
    width: 300px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

.banner {
    position: relative;
    height: 870px;
    width: 100%;
    z-index: 1;
    background-color: #fff;
}

.carousel-example-generic {
    width: 100%;
    height: 670px;
}

.carousel-indicators {
    position: absolute;
    bottom: 100px;
    z-index: 999;
    width: 400px;
    margin: auto;
    padding-left: 0;
    text-align: center;
    list-style: none;
}

.carousel-item {
    width: 100%;
    height: 590px;
}

.carousel_item_div {
    width: 100%;
    margin: auto;
}

.carousel_item_text {
    display: inline-block;
}

.carousel_item_text_name {
    height: 56px;
    padding-top: 294px;
    margin-left: 20px;
    font-size: 40px;
    color: #ffffff;
}

.carousel_item_text_node {
    width: 385px;
    height: 222px;
    padding-top: 30px;
    margin-left: 20px;
    font-size: 20px;
    color: #ffffff;
}

.carousel_item_img {
    float: right;
    padding-top: 80px;
    display: inline-block;
    /* width: 650px; */
    width: 100%;
    /* height: 600px; */
    background-color: #242a37;
}

.carousel_item_img img {
    /* width: 650px; */
    /* width: 100%;
    height: 500px; */

}

/* 新版满屏轮播样式：使轮播内容沾满屏幕（viewport） */
.banner-full {
    /* margin-top: 70px; */
    /* height: auto;       // 旧：由内容自动撑起 */
    height: 1080px;         /* 新：铺满视窗高度 */
    width: 100%;
    background-color: #000;
    /* margin-top: var(--banner-offset, 70px); // 旧：通过外边距避开导航 */
}

#carousel-fullscreen {
    width: 100%;
    height: 1080px;        /* 新：铺满视窗 */
    /* 提升切换时的渲染稳定性，减少闪烁 */
    will-change: transform;
    transform: translateZ(0);
    /* 旧：未设置相对定位与溢出隐藏，可能导致切换项影响文档流 */
    /* position: static; */
    position: relative;   /* 新：作为定位容器，便于淡入淡出绝对叠放 */
    overflow: hidden;     /* 新：隐藏多余内容，避免遮挡下方模块 */
}

#carousel-fullscreen .carousel-item {
    position: relative;
    width: 100%;
    height: 1080px;        /* 新：铺满视窗 */
    /* 隐藏平移切换时可能出现的边缘空白 */
    overflow: hidden;
    /* 降低合成层抖动导致的闪烁 */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* 在淡入淡出模式下，优先以透明度过渡，提升平滑度 */
#carousel-fullscreen.carousel-fade .carousel-inner {
    /* 旧：高度由内容决定，切换时可能出现项先出现在下方再移动到位 */
    /* height: auto; */
    height: 1080px;            /* 新：容器固定高度，子项绝对叠放 */
    position: relative;
}
#carousel-fullscreen.carousel-fade .carousel-item {
    /* 旧：相对定位会参与文档流，导致进入项占位于当前项之后 */
    /* position: relative; */
    position: absolute;       /* 新：绝对定位叠放，避免“先出现在下方再上去” */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    will-change: opacity;
    transition: opacity .6s ease-in-out;
    opacity: 0;
}
#carousel-fullscreen.carousel-fade .carousel-item.active {
    opacity: 1;
    z-index: 2;
}
#carousel-fullscreen.carousel-fade .carousel-item-next,
#carousel-fullscreen.carousel-fade .carousel-item-prev,
#carousel-fullscreen.carousel-fade .active.carousel-item-left,
#carousel-fullscreen.carousel-fade .active.carousel-item-right {
    opacity: 0;
}
#carousel-fullscreen.carousel-fade .carousel-item,
#carousel-fullscreen.carousel-fade .active.carousel-item-left,
#carousel-fullscreen.carousel-fade .active.carousel-item-right {
    /* 清除滑动模式的位移，强制仅使用淡入淡出 */
    transform: translate3d(0, 0, 0) !important;
}

/* 轮播媒体统一类，图片或视频均使用此类适配满屏 */
.banner-media {
    position: absolute;                           /* 新：绝对定位以铺满 */
    top: 0;              /* 新：避开固定导航 */
    left: 0;                                      /* 新：左对齐 */
    width: 100%;
    height: 1080px; /* 新：铺满视窗剩余高度 */
    object-fit: cover;                            /* 新：裁剪铺满 */
    object-position: center center;
    z-index: 0;            /* 保持正常层级，确保显示 */
    /* 提前申请合成层，减少切换黑屏与闪烁 */
    will-change: opacity, transform;
    transform: translateZ(0);
}

/* 视频上点位 */
.video-point{
    position: absolute;
    top: 0;              /* 与视频一致的顶部偏移 */
    left: 0;
    width: 100%;
    height: 100%; /* 与视频一致的高度 */
    z-index: 999;          /* 提高层级，确保覆盖视频 */
    pointer-events: auto; /* 容器允许事件，子元素正常响应 */
}
.video-point .point-item{
    position: absolute;
    transform: translate(-50%, -50%); /* 使圆点居中对齐 */
}
.video-point .point-item-1,
.video-point .point-item{
    /* 确保 .active 层级控制生效 */
    position: absolute;
}
.video-point .point-item-1.active,
.video-point .point-item.active{
    /* 置顶当前点位与其卡片，避免被其他点位遮盖 */
    z-index: 10000;
}
.video-point .point{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: block;
    border: 5px solid #0E38A8;
    background: #ffffff;
    pointer-events: auto; /* 仅点位可响应鼠标 */
    cursor: pointer;
    z-index: 99; 
}

/* 仅隐藏与当前详情卡片重叠的点位 */
.video-point .point.overlap-hidden{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* 详情卡片：仅在鼠标悬停在对应 .point 上显示 */
.video-point .point-info{
    position: absolute;
    top: -120px;          
    left: 24px;            
    width: 420px;          
    border-radius: 12px;
    background: #ffffff;
    z-index: 99999; 
    box-shadow: 0 20px 40px rgba(15, 57, 168, 0.28);
    transform: translateY(6px);
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
    display: none;
    visibility: hidden; 
    opacity: 0;
}
.video-point .point-item .point:hover + .point-info,
.video-point .point-item-1 .point:hover + .point-info{
    display: block;        /* 悬浮点位时渲染卡片 */
    visibility: visible;        /* 悬浮点位时渲染卡片 */
    opacity: 1;
    transform: translateY(0);
    animation: pointInfoEnter 0.5s ease-out forwards; /* 出现动画 */
}

/* 兜底：在点位包裹层悬浮也显示，提升可触发性 */
.video-point .point-item:hover .point-info,
.video-point .point-item-1:hover .point-info{
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    animation: pointInfoEnter 0.5s ease-out forwards; /* 出现动画 */
}

/* JS 兜底：在 .point-info 上添加 .show 类同样显示卡片 */
.video-point .point-info.show{
    display: block;        /* JS 兜底显示：移动端点击或桌面端引导 */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    animation: pointInfoEnter 0.5s ease-out forwards; /* 出现动画 */
}

/* 出现关键帧动画：向上轻滑并淡入 */
@keyframes pointInfoEnter {
    0%   { opacity: 0; transform: translateY(12px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* 卡片内部结构样式（一比一像素风格还原） */
.point-card{
    border-radius: 12px;
    overflow: hidden; /* 确保圆角对内层生效 */
}
.point-card-header{
    height: 136px;
    padding: 18px 20px;
    background: linear-gradient(135deg, #1A4ED8 0%, #0F39A8 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.point-card-title{
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.point-card-hero{
    width: 140px;
    height: auto;
}
.point-card-divider{
    height: 4px;
    background: #fe5c1c;
}
.point-card-body{
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 16px;
    padding: 16px 20px 12px;
}
.point-card-desc{
    font-size: 14px;
    color: #666;
    line-height: 22px;
}
.point-card-product .product-title{
    font-size: 16px;
    color: #0F39A8;
    font-weight: 600;
    margin-bottom: 6px;
}
.point-card-product .product-code{
    font-size: 16px;
    color: #1261FE;
    font-weight: 600;
}
.point-card-actions{
    display: flex;
    gap: 12px;
    padding: 12px 20px 16px;
}
.point-card-actions .card-btn{
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #ffffff;
    color: #4B5563;
    font-size: 14px;
    text-decoration: none;
}

/* 图片完整显示（保持比例，不裁剪），可能出现上下或左右留黑 */
.banner-media--image {
    object-fit: contain;
    object-position: center center;
    background-color: #000;
}

/* 视频或需要铺满的素材（可能裁剪边缘） */
.banner-media--cover {
    object-fit: cover;
    object-position: center center;
}

/* 在满屏轮播中取消旧容器的内边距与背景，避免影响布局 */
.banner-full .carousel_item_img {
    padding-top: 0;
    background-color: transparent;
    /* float: right;   // 旧：右浮动可能导致父容器不被撑起 */
    float: none;       /* 新：取消浮动，使父容器获得高度 */
}

/* 指示器位置针对满屏调整，移动端再下移一点 */
#carousel-fullscreen .carousel-indicators {
    bottom: 20px;
}

@media (max-width: 768px) {
    #carousel-fullscreen .carousel-indicators {
        bottom: 10px;
    }
}

.usr_home_plan hr {
    border-top: 1px solid #f8f9fa;
    margin: 0px 0px 10px;
    padding: 0px;
}

.usr_home_overview {
    margin-top: 100px;
    width: 100%;
    height: 780px;
    background-color: #ffffff;
}

.usr_home_overview_name {
    width: 1200px;
    margin: auto;
    text-align: center;
    padding-top: 28px;
    font-size: 36px;
    color: #333333;
}

.usr_home_overview_content {
    width: 1200px;
    margin: auto;
    text-align: center;
    padding-top: 20px;
    font-size: 18px;
    color: #666666;
}

.usr_home_overview_text_div {
    width: 1200px;
    margin: auto;
}

.usr_home_overview_text_left {
    position: relative;
    /*top:40px;*/
    /*margin-left: 50px;*/
    height: 437px;
    width: 300px;
    float: left;
    cursor: pointer;
}

.usr_home_overview_text_left_div {
    position: relative;
    top: 40px;
    margin-left: 50px;
    height: 437px;
    width: 300px;
    float: left;
    cursor: pointer;
}

.usr_home_overview_text_hover {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.10);
    border-radius: 10px;
}

.usr_home_overview_text_general_div {
    position: relative;
    top: 40px;
    left: 100px;
    height: 437px;
    width: 300px;
    display: inline-block;
    cursor: pointer;
}

.usr_home_overview_text_general {
    position: relative;
    /*top: 40px;*/
    /*left: 100px;*/
    height: 437px;
    width: 300px;
    display: inline-block;
    cursor: pointer;
}

.usr_home_overview_text_right_div {
    position: relative;
    top: 40px;
    margin-right: 75px;
    height: 437px;
    width: 300px;
    float: right;
    cursor: pointer;
}

.usr_home_overview_text_right {
    position: relative;
    /*top: 40px;*/
    /*margin-right: 75px;*/
    height: 437px;
    width: 300px;
    float: right;
    cursor: pointer;
}

.usr_home_overview_text_img {
    height: 260px;
    width: 260px;
    margin: auto;
}

.usr_home_overview_text_img img {
    margin: auto;
}

.usr_home_overview_text_name {
    width: 250px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #333333;
    font-size: 18px;
    padding-top: 20px;
    font-weight: 700;
    margin: auto;
}

.usr_home_overview hr {
    width: 20px;
    border-top: 2px solid #000000;
    margin: 10px auto;
    padding: 0px;
}

.usr_home_overview_text_content {
    padding-top: 10px;
    width: 250px;
    height: 78px;
    line-height: 0.8;
    color: #666666;
    text-align: center;
    position: absolute;
    left: 0;
    top: 340px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.usr_home_solution {
    width: 100%;
    height: 700px;

}

.usr_home_solution_bg {
    width: 100%;
    height: 700px;
    float: left;
    background-image: url('../image/index_4_bg_1.png?t=20191025');
}

.usr_home_solution_top {
    width: 100%;
    height: 700px;
    position: absolute;
}

.usr_home_solution_name {
    width: 1200px;
    color: #ffffff;
    font-size: 36px;
    margin: auto;
    text-align: center;
    padding-top: 60px;
    height: 50px;
}

.usr_home_solution_subtitle {
    width: 1200px;
    margin: auto;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    padding-top: 20px;
    height: 25px;
}

.usr_home_solution_class {
    width: 1098px;
    /* width: 1258px; */
    height: 100px;
    margin: auto;
    margin-top: 60px;
}

.usr_home_solution_class_one {
    width: 137px;
    height: 90px;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.usr_home_solution_class_one img {
    width: 32px;
    height: 32px;
    margin: auto;
}

.usr_home_solution_class_one p {
    font-size: 20px;
    color: #B3B3B3;
    margin: auto;
    margin-top: 20px;
}

/* #usr_home_solution_class_first {
	color: #3c78ff;
	border-bottom: 2px solid #3C78FF;
} */

#usr_home_solution_class_first p {
    color: #3c78ff;
}

.usr_home_solution_class_official {
    width: 1200px;
    padding-top: 100px;
    position: relative;
    margin: auto;
    display: none;
}

.usr_home_solution_class_official_click {
    width: 1200px;
    padding-top: 100px;
    position: relative;
    margin: auto;
    display: block;
}

.usr_home_solution_class_official_name {
    padding-left: 100px;
    color: #ffffff;
    font-size: 28px;
}

.usr_home_solution_class_official_node {
    padding-left: 100px;
    width: 980px;
    color: #cccccc;
    font-size: 18px;
    padding-top: 20px;
}

.usr_home_solution_class_official_button {
    width: 160px;
    height: 36px;
    color: #ffffff;
    margin-top: 20px;
    margin-left: 100px;
    font-size: 14px;
    background-image: linear-gradient(90deg, #00BCE8 0%, #1261FE 100%);
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

.usr_home_change {
    width: 100%;
    height: 700px;
    background-image: url('../image/index_5_bg.png');
}

.usr_home_change_name {
    width: 1200px;
    height: 50px;
    color: #333333;
    font-size: 36px;
    margin: auto;
    text-align: center;
    padding-top: 60px;
}

.usr_home_change_node {
    width: 1200px;
    height: 25px;
    color: #666666;
    font-size: 18px;
    margin: auto;
    text-align: center;
    padding-top: 20px;
}

.usr_home_change_div {
    width: 1200px;
    height: 460px;
    margin: auto;
    padding-top: 40px;
}

.usr_home_change_div_left {
    width: 260px;
    height: 460px;
    margin-left: 100px;
    background-image: linear-gradient(180deg, #160F23 0%, #0A1639 100%);
    float: left;
}

.usr_home_change_div_right {
    width: 780px;
    height: 460px;
    -moz-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.10);
    float: left;
    background-color: #ffffff;
}

.usr_home_change_div_left_li {
    width: 260px;
    height: 115px;
    line-height: 115px;
    text-align: left;
    color: #ffffff;
    cursor: pointer;
}

.usr_home_change_div_left_li img {
    padding-left: 44px;
}

#usr_home_change_div_custom {
    background-image: linear-gradient(90deg, #00BCE8 0%, #1261FE 100%);
}

/* .usr_home_change_div_left_li_click{
	width: 260px;
	height: 115px;
	line-height: 115px;
	text-align: center;
	color: #ffffff;
	background-image: linear-gradient(90deg, #00BCE8 0%, #1261FE 100%);
} */

.usr_home_change_div_right_node {
    width: 346px;
    height: 460px;
    float: left;
    padding-left: 30px;
}

.usr_home_change_div_right_name {
    margin-top: 20px;
    font-size: 22px;
    color: #333333;
}

.usr_home_change_div_right_texttop {
    margin-top: 30px;
    color: #5E6A6F;
    line-height: 1.8;
    font-size: 12px;
    float: left;
}

.usr_home_change_div_right_textother {
    margin-top: 20px;
    color: #5E6A6F;
    font-size: 12px;
    line-height: 1.8;
    float: left;
}

.usr_home_change_div_right_textother10 {
    margin-top: 10px;
    color: #5E6A6F;
    font-size: 12px;
    float: left;
}

.usr_home_change_div_right_texts {
    width: 325px;
    float: left;
}

.usr_round_box {
    height: 100%;
    width: 10px;
    float: left;
    margin-top: 5px;
    padding-right: 10px;
}

.usr_round_box_case {
    height: 100%;
    width: 10px;
    float: left;
    margin-top: 10px;
    padding-right: 10px;
}

.usr_round {
    width: 6px;
    height: 6px;
    border: 2px solid rgba(60, 120, 255, 0.60);
    border-radius: 50%;
    float: left;
}

.usr_home_change_div_right_node hr {
    width: 40px;
    border-top: 6px solid rgba(60, 120, 255, 0.60);
    margin: 0px;
    margin-top: 90px;
    padding: 0px;
    text-align: left;
}

.usr_home_change_div_right_img {
    width: 380px;
    height: 460px;
    float: right;
    padding-right: 23px;
}

.usr_home_change_div_right_img img {
    margin: auto;
    margin-top: 40px;
}

.usr_home_change_div_right_div {
    display: none;
}

.usr_home_change_div_right_div_click {
    display: block;
}

.usr_home_cloud {
    width: 100%;
    height: 700px;
    /* background-image: linear-gradient(180deg, #160F23 0%, #0A1639 100%); */
    /* background-image: url('../image/index_6_bg.png'); */
    background: url('../image/index_6_bg.png'), linear-gradient(180deg, #160F23 0%, #0A1639 100%);
}

.usr_home_cloud_name {
    width: 1200px;
    padding-top: 60px;
    height: 50px;
    color: #ffffff;
    font-size: 36px;
    margin: auto;
    text-align: center;
}

.usr_home_cloud_node {
    width: 1200px;
    padding-top: 20px;
    color: #ffffff;
    font-size: 18px;
    margin: auto;
    text-align: center;
}

.usr_home_cloud_node_div {
    width: 1200px;
    height: 400px;
    text-align: center;
    margin: auto;
}

.usr_home_cloud_node_div_samll {
    width: 148px;
    height: 340px;
    margin-top: 90px;
    /* margin-left: 2px; */
    margin-left: 30px;
    float: left;
    background-image: linear-gradient(180deg, #26364D 1%, rgba(31, 29, 65, 0.48) 98%);
    display: block;
}

.usr_home_cloud_node_div_samll_none {
    width: 148px;
    height: 340px;
    margin-top: 90px;
    margin-left: 2px;
    float: left;
    background-image: linear-gradient(180deg, #26364D 1%, rgba(31, 29, 65, 0.48) 98%);
    display: none;
}

.usr_home_cloud_node_div_samllnode {
    width: 100%;
    height: 95px;
    margin: auto;
    padding-top: 116px;
    float: left;
}

.usr_home_cloud_node_div_samlltext {
    width: 100%;
    margin-top: 33px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}

.usr_home_cloud_node_div_samllnode hr {
    width: 40px;
    border-top: 2px solid #3c78ff;
    margin: 40px auto;
    padding: 0px;
}

.usr_home_cloud_node_div_big_block {
    width: 298px;
    height: 400px;
    margin-top: 60px;
    margin-left: 2px;
    background-image: linear-gradient(180deg, #294266 1%, rgba(50, 38, 121, 0.50) 96%);
    float: left;
    display: block;
    text-align: left;
}

.usr_home_cloud_node_div_big {
    width: 298px;
    height: 400px;
    margin-top: 60px;
    margin-left: 2px;
    background-image: linear-gradient(180deg, #294266 1%, rgba(50, 38, 121, 0.50) 96%);
    float: left;
    display: none;
}

.usr_home_cloud_node_div_big_name {
    color: #ffffff;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 22px;
    text-align: left;
}

.usr_home_cloud_node_div_big_name span {
    margin-left: 10px;
}

.usr_home_cloud_node_div_big_node {
    width: 260px;
    height: 66px;
    margin-left: 20px;
    margin-top: 12px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.8;
    text-align: left;
}

.usr_home_cloud_node_div_big_node2 {
    width: 260px;
    margin-left: 20px;
    margin-top: 10px;
    color: #ffffff;
    font-size: 12px;
    text-align: left;
}

.usr_home_cloud_node_div_big hr {
    width: 258px;
    border-top: 2px solid #454C67;
    margin: 20px auto;
    padding: 0px;
}

.usr_home_cloud_node_div_biguname {
    color: #ffffff;
    font-size: 16px;
    margin-left: 20px;
    text-align: left;
}

.usr_home_cloud_node_div_biguimg {
    width: 140px;
    height: 90px;
    margin-left: 20px;
    margin-top: 10px;
}

.usr_home_cloud_node_div_big_button {
    width: 160px;
    height: 36px;
    color: #ffffff;
    margin-top: 24px;
    margin-left: 20px;
    font-size: 14px;
    background-image: linear-gradient(90deg, #00BCE8 0%, #1261FE 100%);
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

#gateway {
    display: none;
}

.usr_home_casename {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    background-color: #ffffff;
}

.usr_home_casename_title {
    width: 1200px;
    margin: 60px auto auto;
    font-size: 36px;
    color: #333333;
    text-align: center;
}

.usr_home_casename_title_node {
    width: 1200px;
    margin: 20px auto auto;
    font-size: 18px;
    color: #666666;
    text-align: center;
}

.usr_home_casename_div {
    width: 1200px;
    height: 505px;
    margin: auto;
}

.usr_home_casename_div_left {
    float: left;
    width: 500px;
    height: auto;
    display: none;
}

#fatek_node {
    display: block;
}

.usr_home_casename_div_leftname {
    padding-top: 100px;
    color: #191C3D;
    font-size: 28px;
}

.usr_home_casename_div_leftnode {
    line-height: 1.8;
    padding-top: 20px;
    font-size: 14px;
    color: #191c3d;
}

.usr_home_casename_div_leftdes {
    margin-top: 28px;
    line-height: 30px;
}

.usr_home_casename_div_des {
    float: left;
    width: 480px;
    font-size: 14px;
    color: #333333;
}

.usr_home_casename_div_des span {
    color: #999999;
}

.usr_home_casename_div_right {
    width: 600px;
    margin-top: 80px;
    float: right;
}

.usr_home_casename_div_right_company {
    float: left;
    /*margin: 10px;*/
    width: 180px;
    height: 110px;
    -moz-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    text-align: center;
    line-height: 110px;
    position: relative;
    top: 0px;
}

.usr_home_casename_div_outer_company {
    float: left;
    margin: 10px;
    width: 180px;
    height: 110px;
    /*-moz-box-shadow: 0px 5px 14px rgba(0,0,0,0.10);*/
    /*-webkit-box-shadow: 0px 5px 14px rgba(0,0,0,0.10);*/
    /*box-shadow:0px 5px 14px rgba(0,0,0,0.10);*/
    cursor: pointer;
    text-align: center;
    line-height: 110px;
    position: relative;
    top: 0px;
}

.usr_home_apply {
    width: 100%;
    height: 500px;
    background-image: url('../image/index_8_bg.png?t=1');
}

.usr_home_apply_div {
    width: 1200px;
    height: 200px;
    margin: auto;
}

.usr_home_apply_div_name {
    width: 1200px;
    padding-top: 40px;
    height: 50px;
    color: #ffffff;
    font-size: 28px;
    margin: auto;
    text-align: center;
}

.usr_home_apply_div_button {
    width: 160px;
    background-color: #ffffff;
    font-size: 14px;
    color: #477cef;
    border: none;
    border-radius: 2px;
    height: 36px;
    margin-top: 30px;
    cursor: pointer;
}

.usr_home_stern {
    width: 100%;
    height: 464px;
    background-color: #212733;
}

.usr_home_stern_div {
    width: 1200px;
    margin: auto;
    height: 280px;
}

.usr_home_stern_div_left {
    width: 175px;
    float: left;
}

.usr_home_stern_div_right {
    width: 760px;
    float: left;
    margin-left: 150px;
}

.usr_home_stern_div_smallname_top {
    padding-top: 51px;
    color: #ffffff;
    font-size: 14px;
}

.usr_home_stern_div_smallname {
    padding-top: 20px;
    color: #ffffff;
    font-size: 14px;
}

.usr_home_stern_div_bignode {
    color: #879BBB;
    font-size: 24px;
    padding-top: 20px;
}

.usr_home_stern_div_bignode img {
    width: 160px;
}

.usr_home_stern_div_right_div {
    width: 165px;
    float: left;
}

.usr_home_stern_div_right_rightdiv {
    width: 100px;
    float: left;
}

.usr_home_stern_div_right_rightdiv img {
    width: 100px;
    height: 100px;
}

.usr_home_stern_div_smallnode_top {
    font-size: 12px;
    color: #879BBB;
    padding-top: 20px;
}

.usr_home_stern_div_smallnode {
    font-size: 12px;
    color: #879BBB;
    padding-top: 12px;
}

.usr_home_stern_hr {
    width: 1200px;
    border-top: 2px solid #25334d;
    margin-top: 50px;
    margin-bottom: 0px;
    padding: 0px;
}

.usr_home_stern_div_bottom {
    width: 1200px;
    height: 60px;
    margin: auto;
}

.usr_home_stern_hr_bottom {
    width: 1200px;
    border-top: 2px solid #25334d;
    padding: 0px;
    margin: 0px auto;
}

.usr_home_stern_div_smallname_buttom {
    padding-top: 20px;
    color: #ffffff;
    font-size: 14px;
    width: 70px;
    float: left;
}

.usr_home_stern_div_smallnode_buttom {
    float: right;
    width: 1130px;
}

.usr_home_stern_div_smallnode_buttom div {
    padding-top: 20px;
    padding-left: 80px;
    font-size: 12px;
    color: #879BBB;
    float: left;
}

.usr_home_stern_div_smallnode_buttom a {
    color: #879BBB;
}

.usr_home_stern_div_last {
    width: 1200px;
    margin: auto;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    padding-top: 20px;
}

.usr_home_stern_div_right_rightdiv img {
    margin-top: 20px;
}

.usr_home_apply_english {
    margin-left: 60px;
    margin-top: 115px;
    height: 70px;
}

.usr_home_apply_chinese {
    margin-left: 60px;
    margin-top: 34px;
    height: 60px;
}

.usr_home_apply_chinese p {
    color: #333333;
    font-size: 50px;
    /*font-family: Helvetica-Bold;*/
    font-weight: 700;
    float: left;
}

.usr_home_apply_english p {
    color: #333333;
    font-size: 50px;
    /*font-family: Helvetica-Bold;*/
    font-weight: 700;
    float: left;
}

.usr_home_apply_div_left {
    width: 600px;
    float: left;
}

.usr_home_apply_div_right {
    width: 600px;
    float: left;
}

.usr_home_apply_left_node {
    margin-left: 60px;
    margin-top: 40px;
    font-size: 14px;
    color: #333333;
}

.usr_home_apply_left_button {
    width: 160px;
    height: 36px;
    border: none;
    background-image: linear-gradient(90deg, #00BCE8 0%, #1261FE 100%);
    border-radius: 2px;
    margin-left: 60px;
    margin-top: 20px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}

.usr_home_apply_div_right_img1 {
    position: relative;
    top: 90px;
    left: 50px;
}

.usr_home_apply_div_right_img2 {
    position: relative;
    top: 110px;
    left: 50px;
}

.usr_home_apply_cursor {
    width: 20px;
    height: 1px;
    border-bottom: 4px solid #333333;
    float: left;
    padding-top: 60px;
    display: none;
}

.usr_home_apply_cn_cursor {
    width: 20px;
    height: 1px;
    border-bottom: 4px solid #333333;
    float: left;
    padding-top: 60px;
    display: none;
}

.usr_home_backTop {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 99999;
}

.usr_home_backTop_img {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ffffff;
    margin-top: 20px;
    cursor: pointer;
    display: none;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 0px;
}

.usr_home_backTop_title {
    width: 50px;
    height: 160px;
    background-color: #3c78ff;
    color: #ffffff;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.usr_home_backTop_title_div {
    width: 13px;
    margin: auto;
    padding-top: 20px;
}

/*#yunda:hover{*/
/*animation: sport 1s;*/
/*transform: translateY(0px);*/
/*top: -10px;*/
/*}*/

.usr_home_overview_text_general {
    position: relative;
}

.usr_home_overview_text_content strong {
    font-size: 15px;
    display: block;
    /* text-align: center; */
    /* margin-left: 40px; */

    /* margin: 0 auto; */
}

.usr_login {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    border-radius: 2px;
    height: 26px;
    line-height: 26px;
    margin-top: 22px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    float: right;
    cursor: pointer;
}

.usr_login a {
    margin: 0 10px;
}

.usr_login a:hover {
    opacity: 0.8;
}
/* =============================================
 * 模块：可信赖的智慧工业物联网伙伴（像素级还原）
 * 说明：严格按照设计稿布局与视觉进行实现；
 * - 保留旧样式为注释，便于回滚；
 * - PC 优先，辅以移动端响应式；
 * - 开启 GPU 加速减少滚动/悬停抖动。
 * ============================================= */

/* 旧版简样式（保留为注释）
 .usr_trust_partner_simple { padding: 40px 0; }
*/

:root {
    --tp-blue: #2F68E3;
    --tp-orange: #FF7A3C;
    --tp-card-radius: 12px;
    --tp-card-shadow: 0 10px 26px rgba(20, 84, 163, 0.08);
}

.usr_trust_partner {
    padding: 56px 0 68px;
    background: #FFFFFF;
}
.usr_trust_partner_wrap {
    width: 1200px;
    max-width: calc(100% - 48px);
    margin: 0 auto;
    position: relative;
}
.usr_trust_partner_heading {
    text-align: center;
    font-size: 52px;
    font-weight: 500;
    color: rgba(15, 57, 168, 1);
    letter-spacing: 0.5px;
    margin: 8px 0 24px;
}

/* 左侧纵向轴：云/管/端 */
.usr_trust_partner_axis {
    position: absolute;
    left: -56px;
    /* 原固定 top 值，改为更贴近顶卡片的位置 */
    top: 92px;
    /* 让纵向轴自适应到模块底部，实现与右侧卡片等高 */
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: auto; /* 启用鼠标交互，支持线段 hover */
}
.usr_trust_partner_axis .axis-node {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    /* 旧：文字为深蓝色 */
    /* color: #0F39A8; */
    /* 新：默认背景为深蓝，文字改为白色以提升对比度 */
    color: #ffffff;
    background: #0F39A8;
    font-weight: 600;
    font-size: 21px;
    line-height: 40px;
    text-align: center;
    box-shadow: 0 6px 12px rgba(255, 106, 43, 0.28);
    transition: color 180ms ease, background-color 180ms ease;
}
.usr_trust_partner_axis .axis-node-cloud {
    background: #0F39A8;
}
.usr_trust_partner_axis .axis-node-manage {
    box-shadow: 0 6px 12px rgba(60, 120, 255, 0.28);
    background: #0F39A8;
}
.usr_trust_partner_axis .axis-node-device {
    box-shadow: 0 6px 12px rgba(60, 120, 255, 0.28);
    background: #0F39A8;
}
.usr_trust_partner_axis .axis-line {
    width: 14px;
    flex: 1;
    max-height: 220px;
    background: linear-gradient(180deg, #3C78FF ,#ffffff);
    opacity: 0.5;
    border-radius: 1px;
    margin-top: 5px;
    border-radius: 5px 5px 0 0 ;
    /* 新增：允许鼠标悬停并添加平滑过渡 */
    pointer-events: auto;
    cursor: pointer;
    transition: background-color 200ms ease, opacity 200ms ease;
}

/* 悬浮交互：鼠标在哪一段线，哪一段线变橙色 */
.usr_trust_partner_axis .axis-line:hover {
    background: #FF7A00; /* 橙色高亮 */
    opacity: 1;
    box-shadow: 0 0 12px rgba(255, 122, 0, 0.35);
}

/* 行 hover 联动高亮：云/管/端分别与对应行绑定 */
.usr_trust_partner_axis.axis-highlight-cloud .axis-node-cloud {
    background: #fe5c1c;
    color: #ffffff !important;
    box-shadow: 0 6px 12px rgba(254, 92, 28, 0.28);
}
.usr_trust_partner_axis.axis-highlight-cloud .axis-node-cloud + .axis-line {
    background: linear-gradient(180deg, #fe5c1c ,#ffffff);;
    opacity: 1;
    box-shadow: 0 0 12px rgba(254, 92, 28, 0.35);
}

.usr_trust_partner_axis.axis-highlight-manage .axis-node-manage {
    background: #fe5c1c;
    color: #ffffff !important;
    box-shadow: 0 6px 12px rgba(254, 92, 28, 0.28);
}
.usr_trust_partner_axis.axis-highlight-manage .axis-node-manage + .axis-line {
    background: linear-gradient(180deg, #fe5c1c ,#ffffff);;
    opacity: 1;
    box-shadow: 0 0 12px rgba(254, 92, 28, 0.35);
}

.usr_trust_partner_axis.axis-highlight-device .axis-node-device {
    background: #fe5c1c;
    color: #ffffff !important;
    box-shadow: 0 6px 12px rgba(254, 92, 28, 0.28);
}
.usr_trust_partner_axis.axis-highlight-device .axis-node-device + .axis-line {
    background: linear-gradient(180deg, #fe5c1c ,#ffffff);;
    opacity: 1;
    box-shadow: 0 0 12px rgba(254, 92, 28, 0.35);
}

/* 顶部卡片 */
.usr_trust_partner_topcard {
    display: flex;
    gap: 24px;
    background: #FFFFFF;
    border-radius: var(--tp-card-radius);
    box-shadow: var(--tp-card-shadow);
    padding: 20px 24px;
    align-items: center;
}
.usr_trust_partner_topcard .topcard-left {
    margin-top: 40px;
    display: flex;
    flex: 0 0 40%;
    min-width: 360px;
    height: 100px;
    flex-direction: column;
    justify-content: space-between;
}
.usr_trust_partner_topcard .topcard-right {
    flex: 1 1 auto;
}
.usr_trust_partner_topcard .topcard-right img {
    width: 100%;
    height: 180px;
    border-radius: 10px;
    object-fit: cover;
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
}
.usr_trust_partner_topcard .topcard-title {
    font-size: 24px;
    color: #0f39a8;
    margin-bottom: 0px;
}
.usr_trust_partner_topcard .topcard-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.usr_trust_partner_topcard .chip {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    border-radius: 5px;
    background: #F1F5FF;
    color: var(--tp-blue);
    border: 1px solid #D7E3FF;
    font-size: 13px;
    box-shadow: 0 3px 6px rgba(47, 104, 227, 0.08);
}

/* 分类卡片网格 */
.usr_trust_partner_grid {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.category-row-large {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
}
/* 两列布局 */
.category-row-large > .category-card {
    flex: 1 1 calc((100% - 12px) / 2);
}
.category-card {
    background: #FFFFFF;
    border-radius: var(--tp-card-radius);
    box-shadow: var(--tp-card-shadow);
    padding: 14px 16px;
    /* 等高：卡片采用伸展布局 */
    display: flex;
    flex-direction: column;
    height: 180px;
}
.category-card.category-large { 
    height: 180px;
    width: auto;
 }
.category-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
.category-title {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    position: relative;
    padding-left: 12px;
}
.category-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    background: var(--tp-orange);
    border-radius: 2px;
}
.category-badge {
    display: inline-block;
    font-size: 12px;
    color: #FF6A2B;
    border: 1px solid #FFCFB5;
    padding: 2px 8px;
    border-radius: 10px;
    background: #FFFAF6;
}
.category-items {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 12px;
}
.category-card.category-large .category-items .category-item {
    /* flex: 0 0 calc((100% - 48px) / 5); */
    width: calc(100% / 5);
}
.category-items p{
}
.category-card.category-small .category-items {
    width: 444px;
}
.category-card.category-small .category-items2 {
    width: 344px;
}
.category-card.category-small .category-items .category-item {
    /* flex: 0 0 calc((100% - 36px) / 4); */
}
.category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border: 1px solid #EEF2F8;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 6px 14px rgba(22, 56, 93, 0.05);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
}
.category-item img {
    width: 100%;
    height: 72px;
    object-fit: contain;
}
.category-item p {
    margin: 0;
    font-size: 13px;
    color: #4C4C4C;
}
.category-item:hover {
    transform: translateY(-2px) translateZ(0);
    box-shadow: 0 10px 16px rgba(22, 56, 93, 0.08);
}
.category-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 30px;
}
.category-row > .category-card {
    flex: 1 1 calc((100% - 24px) / 3);
}

/* 响应式（设备识别已在 JS 中做，CSS 端仍做兜底） */
@media (max-width: 1280px) {
    .usr_trust_partner_wrap {
        max-width: calc(100% - 32px);
    }
}
@media (max-width: 992px) {
    .usr_trust_partner_axis { display: none; }
    .usr_trust_partner_topcard { flex-direction: column; }
    .usr_trust_partner_topcard .topcard-left { min-width: auto; width: 100%; }
    .usr_trust_partner_topcard .topcard-right img { height: 160px; }
    .category-row { flex-direction: column; }
    .category-row > .category-card { flex: 1 1 100%; }
    .category-row-large { flex-direction: column; }
    .category-row-large > .category-card { flex: 1 1 100%; }
    .category-card.category-large .category-items .category-item { flex: 0 0 calc((100% - 12px) / 2); }
    .category-card.category-small .category-items .category-item { flex: 0 0 calc((100% - 12px) / 2); }
}

/* 访问性与细节优化 */
.usr_trust_partner .category-item:focus {
    outline: 2px solid #BFD4FF;
    outline-offset: 2px;
}

/* JS 触发的移动端类名兜底（基于 UA） */
.usr_trust_partner_wrap.tp-mobile .usr_trust_partner_axis { display: none; }
.usr_trust_partner_wrap.tp-mobile .category-row { flex-direction: column; }
.usr_trust_partner_wrap.tp-mobile .category-row > .category-card { flex: 1 1 100%; }
.usr_trust_partner_wrap.tp-mobile .category-card.category-large .category-items .category-item { flex: 0 0 calc((100% - 12px) / 2); }
.usr_trust_partner_wrap.tp-mobile .category-card.category-small .category-items .category-item { flex: 0 0 calc((100% - 12px) / 2); }