@font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HARMONYOS.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HARMONYOS-Black.ttf');
    font-weight: bold;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'HarmonyOS', 'Lexend', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background: #fff;
    overflow-x: hidden;
    min-height: 100vh;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body::-webkit-scrollbar {
    display: none;
}
/* wow.js 动画元素初始样式 - 修复滚动到底部出现空白的问题 */
.wow {
    visibility: hidden;
    overflow: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

/* 灰度图片效果 */
.grayscale {
    filter: grayscale(100%);
    transition: filter 0.4s ease;
}

.grayscale:hover {
    filter: grayscale(0);
}
.grayscale-index1 {
    z-index: 1;
}
.grayscale-index2 {
    z-index: 2;
}
.container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 7.4375rem;
    box-sizing: border-box;
}

/* sljy-index-header */
.sljy-index-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.95);
    transition: all 0.3s ease;
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.05);
}

.sljy-index-header.scrolled {
    background: #fff;
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}

.sljy-index-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 6.25rem;
    padding: 0 8.8125rem;
}

.sljy-index-hd-l {
    flex: 0 0 auto;
}

.sljy-index-hd-logo {
    position: relative;
    height: 3.125rem;
    width: auto;
}

.sljy-index-hd-logo .logo-default,
.sljy-index-hd-logo .logo-scrolled {
    height: 3.125rem;
    width: auto;
    display: block;
}

.sljy-index-hd-nav {
    display: flex;
    align-items: center;
}

.sljy-index-hd-nav ul {
    display: flex;
    gap: 2.8125rem;
    font-size: 1.125rem;
    line-height: 2.1875rem;
}

.sljy-index-hd-nav li a {
    font-weight: 600;
    color: #333;
    transition: color 0.3s;
    font-size: 1rem;
    letter-spacing: 0.0625rem;
}

.sljy-index-hd-nav li a:hover,
.sljy-index-hd-nav .active>a {
    color: #0066cc;
}

/* sljy-index-hd-submenu */
.sljy-index-hd-has-submenu {
    position: relative;
}

.sljy-index-hd-has-submenu > a {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.sljy-index-hd-has-submenu > a::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    border-top: 0.3125rem solid #333;
    margin-left: 0.25rem;
    transition: transform 0.3s ease, border-top-color 0.3s ease;
}

.sljy-index-hd-has-submenu:hover > a::after {
    transform: rotate(180deg);
    border-top-color: #0066cc;
}

.sljy-index-hd-submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 0.75rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 200;
}

.sljy-index-hd-has-submenu:hover .sljy-index-hd-submenu {
    opacity: 1;
    visibility: visible;
}

.sljy-index-hd-submenu-inner {
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.12);
    padding: 0.5rem 0;
    min-width: 22rem;
    animation: sljySubmenuFadeIn 0.3s ease;
}

@keyframes sljySubmenuFadeIn {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sljy-index-hd-submenu-item {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.75rem 1.25rem;
    transition: background 0.2s ease;
}

.sljy-index-hd-submenu-item:hover {
    background: #f5f7fa;
}

.sljy-index-hd-submenu-icon {
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f4f8;
    border-radius: 0.5rem;
    transition: background 0.3s ease;
}

.sljy-index-hd-submenu-item:hover .sljy-index-hd-submenu-icon {
    background: #e6f0ff;
}

.sljy-index-hd-submenu-icon img {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
}

.sljy-index-hd-submenu-text {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.sljy-index-hd-submenu-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.sljy-index-hd-submenu-item:hover .sljy-index-hd-submenu-title {
    color: #0066cc;
}

.sljy-index-hd-submenu-desc {
    font-size: 0.75rem;
    color: #999;
    line-height: 1.4;
}

/* sljy-index-mob-submenu */
.sljy-index-mob-has-submenu > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sljy-index-mob-has-submenu > a .icon-xiangxia {
    font-size: 0.75rem;
    transition: transform 0.3s ease;
}

.sljy-index-mob-has-submenu.open > a .icon-xiangxia {
    transform: rotate(180deg);
}

.sljy-index-mob-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.sljy-index-mob-has-submenu.open .sljy-index-mob-submenu {
    max-height: 25rem;
}

.sljy-index-mob-submenu-item {
    display: block;
    padding: 0.625rem 0 0.625rem 1.5rem;
    color: #666;
    font-size: 0.875rem;
    border-bottom: 0.0625rem solid #f0f0f0;
    transition: color 0.3s ease, padding-left 0.3s ease;
}

.sljy-index-mob-submenu-item:hover {
    color: #0066cc;
    padding-left: 2rem;
}

.sljy-index-hd-r {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.sljy-index-hd-sear {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.sljy-index-hd-sear .icon {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
    transition: all 0.3s;
}

.sljy-index-hd-sear:hover .icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sljy-index-hd-sear-box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 110;
    display: none;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.sljy-index-hd-sear-box.show {
    display: block;
}

.sljy-index-hd-sear-box .box {
    max-width: 50rem;
    line-height: 3.75rem;
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 0.625rem;
    display: flex;
    overflow: hidden;
    box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.3);
    animation: slideIn 0.3s ease;
}

@keyframes slideIn {
    from { transform: translate(-50%, -45%); opacity: 0; }
    to { transform: translate(-50%, -50%); opacity: 1; }
}

.sljy-index-hd-sear-box .ipt-txt {
    flex: 1;
    height: 3.75rem;
    padding: 0 1.25rem;
    border: none;
    outline: none;
    font-size: 1rem;
    color: #333;
    font-family: 'HarmonyOS', 'Lexend', sans-serif;
}

.sljy-index-hd-sear-box .submit {
    width: 3.75rem;
    height: 3.75rem;
    border: none;
    cursor: pointer;
    background: #0066cc;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
    background-size: 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s;
}

.sljy-index-hd-sear-box .submit:hover {
    background-color: #0052a3;
}

.sljy-index-hd-lang {
    position: relative;
    padding-left: 1.25rem;
    border-left: 0.0625rem solid #333;
    height: 1.25rem;
}

.sljy-index-hd-lang .font {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #333;
    font-size: 0.875rem;
    margin: -0.3125rem;
}

.sljy-index-hd-lang .font i {
    margin-right: 0.3125rem;
    font-size: 1.25rem;
}

.sljy-index-hd-lang .font::after {
    content: '\e772';
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.3125rem;
    font-family: 'iconfont';
    font-size: 0.75rem;
}

.sljy-index-hd-lang .drop {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 0.625rem;
    display: none;
}

.sljy-index-hd-lang:hover .drop {
    display: block;
    animation: fadeInDown 0.2s ease;
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-0.3125rem); }
    to { opacity: 1; transform: translateY(0); }
}

.sljy-index-hd-lang .dropbox {
    background: #fff;
    padding: 0.625rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.2);
    min-width: 6.25rem;
}

.sljy-index-hd-lang .lk {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.625rem;
    color: #333;
    font-size: 0.875rem;
    border-radius: 0.25rem;
    transition: background 0.2s;
}

.sljy-index-hd-lang .lk:hover {
    background: #f0f0f0;
}

.sljy-index-hd-lang .ic {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    border-radius: 50%;
}

.sljy-index-sj-menu {
    display: none;
    font-size: 1.5rem;
    color: #333;
    cursor: pointer;
    z-index: 10;
}
.sljy-index-sj-menu .icon-caidan {
    color: #333;
    font-size: 1.25rem;
}
/* 移动端菜单容器 */
.sljy-index-mob-nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 18.75rem;
    height: 100vh;
    background: #fff;
    box-shadow: -0.25rem 0 1.25rem rgba(0, 0, 0, 0.1);
    z-index: 120;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    padding-top: 6.25rem;
}

.sljy-index-mob-nav.show {
    transform: translateX(0);
}

.sljy-index-mob-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 1.5rem;
}

.sljy-index-mob-nav ul li {
    margin-bottom: 0.5rem;
}

.sljy-index-mob-nav ul li a {
    display: block;
    padding: 1rem 0;
    color: #333;
    font-size: 1rem;
    text-decoration: none;
    border-bottom: 0.0625rem solid #eee;
    transition: color 0.3s;
}

.sljy-index-mob-nav ul li a:hover,
.sljy-index-mob-nav ul li a.active {
    color: #0066cc;
}

/* 移动端菜单遮罩 */
.sljy-index-mob-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 110;
    display: none;
}

.sljy-index-mob-overlay.show {
    display: block;
}

@media (max-width: 1200px) {
    .sljy-index-header .container {
        padding: 0 2rem;
    }

    .sljy-index-hd-nav ul {
        gap: 1.25rem;
    }

    .sljy-index-hd-nav li a {
        font-size: 0.75rem;
    }

    .sljy-index-hd-submenu-inner {
        min-width: 18rem;
    }

    .sljy-index-hd-submenu-title {
        font-size: 0.8125rem;
    }

    .sljy-index-hd-submenu-desc {
        font-size: 0.6875rem;
    }
}

@media (max-width: 992px) {
    .sljy-index-hd-nav {
        display: none;
    }

    .sljy-index-sj-menu {
        display: block;
        order: 2;
        margin-left: 1rem;
    }

    .sljy-index-hd-r {
        order: 1;
        margin-left: auto;
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .sljy-index-header .container {
        padding: 0 1rem;
    }

    .container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0px 1.4375rem;
    box-sizing: border-box;

}
    /* .sljy-index-hd-lang {
        display: none;
    } */

    .sljy-index-hd-r {
        gap: 0.75rem;
    }
    .sljy-index-header-placeholder {
      height: 3rem !important;
     }
}

/* sljy-index-header-placeholder */
.sljy-index-header-placeholder {
    height:2rem;
}

/* sljy-index-hero */
.sljy-index-hero {
    padding: 8.25rem 0;
    background: #fff;
}

.sljy-index-hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.sljy-index-hero-left {
    max-width: 37.5rem;
    position: relative;
}

.sljy-index-hero-slides {
    position: relative;
    min-height: 28rem;
}

.sljy-index-hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-2rem);
    transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
}

.sljy-index-hero-slide.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    position: relative;
}

.sljy-index-hero-tag {
    display: inline-block;
    background: #ffd100;
    color: #000;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    padding: 0.5rem 1.25rem;
    margin-bottom: 2rem;
    background-color: #ffd700;
    border-radius: 0.25rem;
}

.sljy-index-hero-title {
    font-size: 3.75rem;
    font-weight: 900;
    color: #1a1a1a;
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

.sljy-index-hero-desc {
    font-size: 1rem;
    color: #383838;
    line-height: 1.8;
    margin-bottom: 2.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 4.8rem;
}

.sljy-index-hero-btns {
    display: flex;
    gap: 1.25rem;
    margin-bottom: 4rem;
}

.sljy-index-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.sljy-index-hero-btn-primary {
    background: #0066cc;
    color: #fff;
    border-radius: 0.25rem;
}

.sljy-index-hero-btn-primary:hover {
    background: #0052a3;
    transform: translateY(-0.125rem);
    box-shadow: 0 0.5rem 1rem rgba(0, 102, 204, 0.3);
}

.sljy-index-hero-btn-secondary {
    background: transparent;
    color: #0066cc;
    border: solid 0.1rem #0066cc;
    font-weight: normal;
    border-radius: 0.25rem;
}

.sljy-index-hero-btn-secondary:hover {
    background: #0066cc;
    color: #fff;
    transform: translateY(-0.125rem);
    box-shadow: 0 0.5rem 1rem rgba(0, 102, 204, 0.3);
}

.sljy-index-hero-stats {
    display: flex;
    gap: 8rem;
}

.sljy-index-hero-stat {
    text-align: left;
}

.sljy-index-hero-stat-num {
    display: block;
    font-size: 2.5rem;
    font-weight: 900;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}

.sljy-index-hero-stat-text {
    display: block;
    font-size: 0.75rem;
    color: #999;
    text-transform: capitalize;
}

.sljy-index-hero-right {
    display: flex;
    justify-content: flex-end;
}

.sljy-index-hero-img-wrapper {
    position: relative;
    width: 100%;
    max-width: 40rem;
}

.sljy-index-hero-img-slides {
    position: relative;
    width: 100%;
    height: 48rem;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15);
}

.sljy-index-hero-img-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease;
}

.sljy-index-hero-img-slide.active {
    opacity: 1;
    visibility: visible;
}

.sljy-index-hero-img-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sljy-index-hero-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 2rem;
}

.sljy-index-hero-prev,
.sljy-index-hero-next {
    width: 3rem;
    height: 3rem;
    background: #f5f5f5;
    border: none;
    border-radius: 50%;
    color: #1a1a1a;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.sljy-index-hero-prev:hover,
.sljy-index-hero-next:hover {
    background: #0066cc;
    color: #fff;
    transform: scale(1.1);
}

.sljy-index-hero-dots {
    display: flex;
    gap: 0.75rem;
}

.sljy-index-hero-dot {
    width: 0.75rem;
    height: 0.75rem;
    background: #ddd;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sljy-index-hero-dot.active {
    background: #0066cc;
    transform: scale(1.2);
}

.sljy-index-hero-dot:hover {
    background: #0066cc;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-index-hero-content {
        gap: 3rem;
    }

    .sljy-index-hero-title {
        font-size: 3rem;
    }

    .sljy-index-hero-stats {
        gap: 3rem;
    }
}

@media (max-width: 992px) {
    .sljy-index-hero-content {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
    }

    .sljy-index-hero-left {
        max-width: 100%;
    }

    .sljy-index-hero-right {
        justify-content: center;
    }

    .sljy-index-hero-title {
        font-size: 2.5rem;
    }

    .sljy-index-hero-btns {
        justify-content: center;
        flex-wrap: wrap;
    }

    .sljy-index-hero-stats {
        justify-content: center;
        gap: 3rem;
    }

    .sljy-index-hero-stat {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .sljy-index-hero {
        padding: 8rem 0;
    }

    .sljy-index-hero-title {
        font-size: 2rem;
    }

    .sljy-index-hero-desc {
        font-size: 0.875rem;
    }

    .sljy-index-hero-btn {
        padding: 0.875rem 1.5rem;
        font-size: 0.75rem;
    }

    .sljy-index-hero-stats {
        gap: 2rem;
    }

    .sljy-index-hero-stat-num {
        font-size: 1.75rem;
    }
    .sljy-index-hero-img-box{
        min-height: auto;
    }
    .sljy-index-hero-img-slides{
        height: 26rem;
    }
}

/* sljy-index-applications */
.sljy-index-applications {
    background: #0066cc;
    padding: 5rem 0;
}

.sljy-index-applications-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3rem;
}

.sljy-index-applications-left {
    max-width: 50%;
}

.sljy-index-applications-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffd100;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-index-applications-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.sljy-index-applications-nav {
    display: flex;
    gap: 0.75rem;
    padding: 0.5rem;
}

.sljy-index-applications-prev,
.sljy-index-applications-next {
    width: 3rem;
    height: 3rem;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.sljy-index-applications-prev:hover,
.sljy-index-applications-next:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.sljy-index-applications-wrapper {
    overflow: hidden;
    position: relative;
}

.sljy-index-applications-track {
    display: flex;
    gap: 1.5rem;
    transition: transform 0.5s ease;
}

.sljy-index-applications-card {
    flex: 0 0 calc((100% - 6.5rem) / 4 - 0.175rem);
    max-width: 26rem;
    height: 36rem;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    position: relative;
}

.sljy-index-applications-card:hover {
    transform: translateY(-0.625rem);
}

.sljy-index-applications-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sljy-index-applications-card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.sljy-index-applications-card:hover .sljy-index-applications-card-bg img {
    transform: scale(1.1);
}

.sljy-index-applications-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 102, 204, 0.9) 0%, rgba(0, 102, 204, 0.3) 50%, transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.sljy-index-applications-card:hover .sljy-index-applications-card-overlay {
    opacity: 1;
}

.sljy-index-applications-card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem 1.5rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
    transform: translateY(2rem);
    transition: transform 0.4s ease, padding 0.4s ease;
}

.sljy-index-applications-card:hover .sljy-index-applications-card-content {
    transform: translateY(0);
    padding-bottom: 2.5rem;
}

.sljy-index-applications-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 0.4s ease, transform 0.4s ease, background 0.3s ease;
}

.sljy-index-applications-card:hover .sljy-index-applications-card-icon {
    opacity: 1;
    transform: translateY(0);
}

.sljy-index-applications-card-icon i {
    font-size: 1.25rem;
    color: #fff;
    transition: transform 0.3s ease;
}

.sljy-index-applications-card:hover .sljy-index-applications-card-icon:hover i {
    transform: translateX(0.25rem);
}

.sljy-index-applications-card-title {
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    margin-bottom: 0.75rem;
    transition: color 0.3s ease;
}

.sljy-index-applications-card-desc {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.sljy-index-applications-card:hover .sljy-index-applications-card-desc {
    opacity: 1;
    transform: translateY(0);
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-index-applications-card {
        flex: 0 0 calc((100% - 3rem) / 3);
        min-width: 15.625rem;
    }

    .sljy-index-applications-title {
        font-size: 2rem;
    }
}

@media (max-width: 992px) {
    .sljy-index-applications-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .sljy-index-applications-left {
        max-width: 100%;
    }

    .sljy-index-applications-card {
        flex: 0 0 calc((100% - 1.5rem) / 2);
        min-width: 12.5rem;
    }
}

@media (max-width: 768px) {
    .sljy-index-applications {
        padding: 3rem 0;
    }

    .sljy-index-applications-title {
        font-size: 1.5rem;
    }

    .sljy-index-applications-card {
        flex: 0 0 calc(100% - 1rem);
        min-width: 100%;
    }

    .sljy-index-applications-card-img {
        height: 12.5rem;
    }
}

/* sljy-index-production */
.sljy-index-production {
    position: relative;
    padding: 10.25rem 0 6.25rem;
    overflow: hidden;
}

.sljy-index-production-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.sljy-index-production-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sljy-index-production-content {
    position: relative;
    z-index: 1;
}

.sljy-index-production-header {
    display: flex;
    justify-content: space-between;
    align-items: anchor-center;
    margin-bottom: 2rem;
    color: #fff;
}

.sljy-index-production-header-left {
    flex: 1;
}

.sljy-index-production-header-right {
    flex: 1;
    text-align: right;
}

.sljy-index-production-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffd700;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-index-production-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.sljy-index-production-desc {
    font-size: 1rem;
    color: #fff;
    line-height: 1.6;
    text-align: left;
}

.sljy-index-production-main {
    display: flex;
    gap: 3rem;
}

.sljy-index-production-left {
    flex: 1;
}

.sljy-index-production-img-wrapper {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
}

.sljy-index-production-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.sljy-index-production-img.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.sljy-index-production-img img {
    width: 100%;
    height: 31.25rem;
    object-fit: cover;
}

.sljy-index-production-cert {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    background: #ffd700;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    z-index: 2;
}

.sljy-index-production-cert span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
}

.sljy-index-production-right {
    flex: 1;
    display: flex;
    align-items: center;
}

.sljy-index-production-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    width: 100%;
}

.sljy-index-production-card {
    backdrop-filter: blur(0.5rem);
    border-radius: 1rem;
    background-color: #4a4a4a;
    padding: 2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 0.125rem solid transparent;
}

.sljy-index-production-card:hover {
    background: rgba(255, 255, 255, 0.15);
}

.sljy-index-production-card.active {
    background: #ffd700;
    border-color: #ffd700;
}

.sljy-index-production-card-icon {
    position: relative;
    width: 2rem;
	height: 2rem;
    margin-bottom: 1.5rem;
}

.sljy-index-production-card-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sljy-index-production-card-icon .active-icon{
    display: block;
}

.sljy-index-production-card-icon .inactive-icon {
    display: none;
}

.sljy-index-production-card-icon.active .active-icon{
    display: none;
}
.sljy-index-production-card-icon.active .active-icon{
    display: block;
}

.sljy-index-production-card-content {
    z-index: 2;
}

.sljy-index-production-card-title {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    margin-bottom: 0.75rem;
}

.sljy-index-production-card.active .sljy-index-production-card-title {
    color: #1a1a1a;
}

.sljy-index-production-card-desc {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
}

.sljy-index-production-card.active .sljy-index-production-card-desc {
    color: #1a1a1a;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-index-production-title {
        font-size: 2.5rem;
    }

    .sljy-index-production-img img {
        height: 25rem;
    }
}

@media (max-width: 992px) {
    .sljy-index-production-header {
        flex-direction: column;
        gap: 1.5rem;
    }

    .sljy-index-production-header-right {
        text-align: left;
    }

    .sljy-index-production-main {
        flex-direction: column;
    }

    .sljy-index-production-img img {
        height: 21.875rem;
    }
}

@media (max-width: 768px) {
    .sljy-index-production {
        padding: 7rem 0 4rem;
    }

    .sljy-index-production-title {
        font-size: 2rem;
    }

    .sljy-index-production-cards {
        grid-template-columns: 1fr;
    }

    .sljy-index-production-img img {
        height: 18.75rem;
    }
}

@media (max-width: 480px) {
    .sljy-index-production-title {
        font-size: 1.5rem;
    }

    .sljy-index-production-card {
        padding: 1.5rem;
    }
}

/* sljy-index-products */
.sljy-index-products {
    padding: 6.25rem 0;
    background: #fff;
}

.sljy-index-products-header {
    text-align: left;
    margin-bottom: 4rem;
}

.sljy-index-products-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-index-products-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
}

.sljy-index-products-grid {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sljy-index-product-row {
    display: flex;
    gap: 1.5rem;
}

.sljy-index-product-item {
    position: relative;
    overflow: hidden;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: transform 0.4s ease;
}

.sljy-index-product-item:hover {
    transform: translateY(-0.5rem);
}

/* 第一行：3张相同大小的卡片 */
.sljy-index-product-row-first .sljy-index-product-item {
    flex: 1;
}

.sljy-index-product-item-large {
    flex: 1;
}

/* 第二行：4张不同大小的卡片 */
.sljy-index-product-row-second .sljy-index-product-item-xl {
    flex: 1.5;
}

.sljy-index-product-row-second .sljy-index-product-item-md {
    flex: 1;
}

.sljy-index-product-row-second .sljy-index-product-item-sm {
    flex: 0.8;
}

.sljy-index-product-img {
    width: 100%;
    height: 18.75rem;
    overflow: hidden;
}

.sljy-index-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.sljy-index-product-item:hover .sljy-index-product-img img {
    transform: scale(1.1);
}

.sljy-index-product-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6), transparent);
}

.sljy-index-product-title {
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    margin-bottom: 0.5rem;
}

.sljy-index-product-desc {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
}

/* Qualification Certificate */
.sljy-index-certificates {
    margin-top: 4rem;
    margin-bottom: -10rem;
    position: relative;
    z-index: 1;
    padding: 0 7.4375rem;
}
.sljy-index-certificates .container{
    background-color: #ffd700;
    border-radius: 1.25rem;
    padding: 4rem ;
}

.sljy-index-certificates-header {
    text-align: left;
    margin-bottom: 3rem;
}

.sljy-index-certificates-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
}

/* 轮播容器 */
.sljy-index-certificates-swiper {
    position: relative;
    overflow: hidden;
}

.sljy-index-certificates-wrapper {
    display: flex;
}

.sljy-index-certificates-slide {
    flex-shrink: 0;
}

.sljy-index-certificates-slide .sljy-index-certificate-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sljy-index-certificates-slide .sljy-index-certificate-item:hover {
    transform: translateY(-0.375rem);
}

.sljy-index-certificates-slide .sljy-index-certificate-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0.25rem;
}

/* 轮播指示器 */
.sljy-index-certificates-pagination {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.75rem;
}

.sljy-index-certificates-pagination .swiper-pagination-bullet {
    width: 0.75rem;
    height: 0.75rem;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease;
}

.sljy-index-certificates-pagination .swiper-pagination-bullet-active {
    background: #0066cc;
}

/* 左右箭头 */
.sljy-index-certificates-prev,
.sljy-index-certificates-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background: rgba(0, 102, 204, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
    z-index: 10;
}

.sljy-index-certificates-prev:hover,
.sljy-index-certificates-next:hover {
    background: #0066cc;
}

.sljy-index-certificates-prev {
    left: -1.5rem;
}

.sljy-index-certificates-next {
    right: -1.5rem;
}

.sljy-index-certificates-prev::after,
.sljy-index-certificates-next::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
}

.sljy-index-certificates-prev::after {
    border-width: 0.5rem 0.75rem 0.5rem 0;
    border-color: transparent #fff transparent transparent;
}

.sljy-index-certificates-next::after {
    border-width: 0.5rem 0 0.5rem 0.75rem;
    border-color: transparent transparent transparent #fff;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-index-products-title {
        font-size: 2rem;
    }
}

@media (max-width: 992px) {
    .sljy-index-product-row {
        flex-wrap: wrap;
    }

    .sljy-index-product-row-first .sljy-index-product-item,
    .sljy-index-product-row-second .sljy-index-product-item {
        flex: 0 0 calc(50% - 0.75rem);
    }

    /* 轮播箭头响应式 */
    .sljy-index-certificates-prev {
        left: -1rem;
    }

    .sljy-index-certificates-next {
        right: -1rem;
    }
}

@media (max-width: 768px) {
    .sljy-index-products {
        padding: 3rem 0;
    }

    .sljy-index-products-title {
        font-size: 1.5rem;
    }

    .sljy-index-product-row {
        flex-direction: column;
        gap: 1rem;
    }

    .sljy-index-product-row-first .sljy-index-product-item,
    .sljy-index-product-row-second .sljy-index-product-item {
        flex: 1;
    }

    .sljy-index-product-img {
        height: 15.625rem;
    }

    .sljy-index-certificates {
        padding: 2.5rem 0;
    }

    /* 轮播箭头响应式 */
    .sljy-index-certificates-prev,
    .sljy-index-certificates-next {
        width: 2.5rem;
        height: 2.5rem;
    }

    .sljy-index-certificates-prev {
        left: -0.75rem;
    }

    .sljy-index-certificates-next {
        right: -0.75rem;
    }
}

@media (max-width: 480px) {
    /* 轮播箭头响应式 */
    .sljy-index-certificates-prev,
    .sljy-index-certificates-next {
        width: 2rem;
        height: 2rem;
    }

    .sljy-index-certificates-prev {
        left: -0.5rem;
    }

    .sljy-index-certificates-next {
        right: -0.5rem;
    }

    /* 轮播指示器响应式 */
    .sljy-index-certificates-pagination .swiper-pagination-bullet {
        width: 0.5rem;
        height: 0.5rem;
    }

    /* 证书卡片高度响应式 */
    .sljy-index-certificates-slide .sljy-index-certificate-item {
        height: 6rem;
    }
}

/* sljy-index-global */
.sljy-index-global {
    position: relative;
    padding: 6.25rem 0;
    background: #0066cc;
    overflow: hidden;
}

.sljy-index-global-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.15;
}

.sljy-index-global-bg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.sljy-index-global-content {
    position: relative;
    z-index: 1;
}

.sljy-index-global-header-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3rem;
}

.sljy-index-global-header {
    flex: 1;
}

.sljy-index-global-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffd700;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-index-global-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.sljy-index-global-desc {
    flex: 1;
    text-align: left;
    max-width: 37.5rem;
    margin-left: 3rem;
}

.sljy-index-global-desc p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.6;
}

.sljy-index-global-map {
    position: relative;
    height: 25rem;
    margin-bottom: 4rem;
}

.sljy-index-global-bubble {
    position: absolute;
    background: #ffd700;
    border-radius: 50%;
    animation: bubblePulse 3s ease-in-out infinite;
    opacity: 0.6;
}

.sljy-index-global-bubble-1 {
    width: 2.5rem;
    height: 2.5rem;
    top: 25%;
    left: 12%;
    animation-delay: 0s;
}

.sljy-index-global-bubble-2 {
    width: 1.5rem;
    height: 1.5rem;
    top: 10%;
    left: 22%;
    animation-delay: 0.3s;
}

.sljy-index-global-bubble-3 {
    width: 1.25rem;
    height: 1.25rem;
    top: 60%;
    left: 28%;
    animation-delay: 0.6s;
}

.sljy-index-global-bubble-4 {
    width: 1.75rem;
    height: 1.75rem;
    top: 35%;
    left: 48%;
    animation-delay: 0.9s;
}

.sljy-index-global-bubble-5 {
    width: 1rem;
    height: 1rem;
    top: 28%;
    left: 55%;
    animation-delay: 1.2s;
}

.sljy-index-global-bubble-6 {
    width: 2rem;
    height: 2rem;
    top: 18%;
    left: 65%;
    animation-delay: 1.5s;
}

.sljy-index-global-bubble-7 {
    width: 1.5rem;
    height: 1.5rem;
    top: 5%;
    left: 70%;
    animation-delay: 1.8s;
}

.sljy-index-global-bubble-8 {
    width: 2.25rem;
    height: 2.25rem;
    top: 22%;
    left: 82%;
    animation-delay: 2.1s;
}

.sljy-index-global-bubble-9 {
    width: 1.75rem;
    height: 1.75rem;
    top: 55%;
    left: 52%;
    animation-delay: 2.4s;
}

.sljy-index-global-bubble-10 {
    width: 1.25rem;
    height: 1.25rem;
    top: 15%;
    left: 75%;
    animation-delay: 2.7s;
}

.sljy-index-global-bubble-11 {
    width: 1rem;
    height: 1rem;
    top: 30%;
    left: 74%;
    animation-delay: 0.15s;
}

.sljy-index-global-bubble-12 {
    width: 1.375rem;
    height: 1.375rem;
    top: 22%;
    left: 58%;
    animation-delay: 1.35s;
}

@keyframes bubblePulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.4;
    }
    50% {
        transform: scale(1.3);
        opacity: 0.8;
    }
}

@keyframes countUp {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sljy-index-global-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.sljy-index-global-stat {
    text-align: center;
}

.sljy-index-global-stat-value {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffd700;
    margin-bottom: 0.75rem;
}

.sljy-index-global-stat-label {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-index-global-title {
        font-size: 2.5rem;
    }

    .sljy-index-global-stat-value {
        font-size: 2rem;
    }
}

@media (max-width: 992px) {
    .sljy-index-global-header-row {
        flex-direction: column;
        align-items: center;
    }

    .sljy-index-global-header {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .sljy-index-global-desc {
        text-align: center;
        margin-left: 0;
        max-width: 100%;
    }

    .sljy-index-global-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .sljy-index-global-map {
        height: 20rem;
    }
}

@media (max-width: 768px) {
    .sljy-index-global {
        padding: 4rem 0;
    }

    .sljy-index-global-title {
        font-size: 2rem;
    }

    .sljy-index-global-map {
        height: 15rem;
    }

    .sljy-index-global-stats {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .sljy-index-global-stat-value {
        font-size: 1.75rem;
    }
}

@media (max-width: 480px) {
    .sljy-index-global-title {
        font-size: 1.5rem;
    }

    .sljy-index-global-map {
        height: 12rem;
    }
}

/* sljy-index-news */
.sljy-index-news {
    padding: 6.25rem 0;
    background: #fff;
}

.sljy-index-news-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 4rem;
}

.sljy-index-news-title-wrap {
    flex: 1;
}

.sljy-index-news-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-index-news-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}

.sljy-index-news-more {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sljy-index-news-more:hover {
    color: #004499;
}

.sljy-index-news-more i {
    margin-left: 0.5rem;
    font-size: 0.75rem;
}

.sljy-index-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.sljy-index-news-item {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.sljy-index-news-item:hover {
    transform: translateY(-0.5rem);
}

.sljy-index-news-img-wrapper {
    overflow: hidden;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.sljy-index-news-img-wrapper img {
    width: 100%;
    height: 15.625rem;
    object-fit: cover;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.sljy-index-news-item:hover .sljy-index-news-img-wrapper img {
    transform: scale(1.05);
}

.sljy-index-news-date {
    display: block;
    font-size: 0.75rem;
    color: #0061ae;
    margin-bottom: 0.75rem;
}

.sljy-index-news-item-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.4;
    margin: 0;
    transition: color 0.3s ease;
}

.sljy-index-news-item:hover .sljy-index-news-item-title {
    color: #0066cc;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-index-news-title {
        font-size: 2rem;
    }

    .sljy-index-news-grid {
        gap: 2rem;
    }
}

@media (max-width: 992px) {
    .sljy-index-news-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .sljy-index-news-more {
        margin-top: 1.5rem;
    }

    .sljy-index-news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sljy-index-news {
        padding: 4rem 0;
    }

    .sljy-index-news-title {
        font-size: 1.75rem;
    }

    .sljy-index-news-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .sljy-index-news-img-wrapper img {
        height: 12.5rem;
    }
}

@media (max-width: 480px) {
    .sljy-index-news-title {
        font-size: 1.5rem;
    }

    .sljy-index-news-img-wrapper img {
        height: 10rem;
    }
}

/* sljy-index-contact */
.sljy-index-contact {
    padding: 6.25rem 0;
    background: #f5f5f5;
}

.sljy-index-contact-content {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 6.25rem;
}

.sljy-index-contact-left {
    padding-right: 2rem;
}

.sljy-index-contact-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-index-contact-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.sljy-index-contact-desc {
    font-size: 1rem;
    color: #454545;
    line-height: 1.6;
    margin-bottom: 3rem;
}

.sljy-index-contact-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sljy-index-contact-info-item {
    display: flex;
    align-items: center;
    font-size: 0.9375rem;
    color: #333;
}

.sljy-index-contact-info-item i {
    margin-right: 0.75rem;
    color: #0066cc;
    font-size: 1rem;
}

.sljy-index-contact-right {
    background: #fff;
    border-radius: 1.25rem;
    padding: 3.125rem;
    box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.1);
}

.sljy-index-contact-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sljy-index-contact-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.sljy-index-contact-form-group {
    display: flex;
    flex-direction: column;
}

.sljy-index-contact-form-group label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #2c2c2c;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    margin-bottom: 0.5rem;
}

.sljy-index-contact-form-group input,
.sljy-index-contact-form-group textarea {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 0.375rem;
    font-size: 0.9375rem;
    color: #333;
    background: #fff;
    transition: border-color 0.3s ease;
    font-family: "HarmonyOS Sans SC";
}

.sljy-index-contact-form-group-full {
    grid-column: span 2;
}

.sljy-index-contact-form-group textarea {
    min-height: 10rem;
    resize: vertical;
}

.sljy-index-contact-submit {
    width: 100%;
    padding: 1rem;
    background: #0066cc;
    color: #fff;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    cursor: pointer;
    transition: background 0.3s ease;
}

.sljy-index-contact-submit:hover {
    background: #004499;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-index-contact-content {
        gap: 4rem;
    }

    .sljy-index-contact-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 992px) {
    .sljy-index-contact-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .sljy-index-contact-left {
        padding-right: 0;
    }

    .sljy-index-contact-title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .sljy-index-contact {
        padding: 4rem 0;
    }

    .sljy-index-contact-right {
        padding: 2rem;
    }

    .sljy-index-contact-form-row {
        grid-template-columns: 1fr;
    }

    .sljy-index-contact-form-group-full {
        grid-column: span 1;
    }
}

@media (max-width: 480px) {
    .sljy-index-contact-title {
        font-size: 1.75rem;
    }
}

/* sljy-solution-hero */
.sljy-solution-hero {
    padding: 8.25rem 0;
    background: #f8f9fa;
}

.sljy-solution-hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.25rem;
    align-items: center;
}

.sljy-solution-hero-left {
    overflow: hidden;
}

.sljy-solution-hero-img-wrapper {
    border-radius: 1.25rem;
    overflow: hidden;
}

.sljy-solution-hero-img-wrapper img {
    width: 100%;
    height: 37.5rem;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sljy-solution-hero-left:hover .sljy-solution-hero-img-wrapper img {
    transform: scale(1.05);
}

.sljy-solution-hero-right {
    padding-left: 2rem;
}

.sljy-solution-hero-breadcrumb {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sljy-solution-hero-breadcrumb a {
    font-size: 0.875rem;
    color: #0066cc;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sljy-solution-hero-breadcrumb a:hover {
    color: #004499;
}

.sljy-solution-hero-breadcrumb span {
    margin: 0 0.5rem;
    color: #999;
}

.sljy-solution-hero-title {
    font-size: 3rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.sljy-solution-hero-desc {
    font-size: 1rem;
    color: #000000;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sljy-solution-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 2.5rem;
}

.sljy-solution-hero-tag {
    padding: 0.5rem 1rem;
    background: rgba(0, 102, 204, 0.1);
    color: #0066cc;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 2rem;
    border: 1px solid rgba(0, 102, 204, 0.2);
}

.sljy-solution-hero-btns {
    display: flex;
    gap: 1.25rem;
}

.sljy-solution-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    text-decoration: none;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
}

.sljy-solution-hero-btn-primary {
    background: #0066cc;
    color: #fff;
}

.sljy-solution-hero-btn-primary:hover {
    background: #004499;
}

.sljy-solution-hero-btn-secondary {
    background: #ffd700;
    color: #1a1a1a;
}

.sljy-solution-hero-btn-secondary:hover {
    background: #ffc107;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-solution-hero-content {
        gap: 4rem;
    }

    .sljy-solution-hero-title {
        font-size: 2.5rem;
    }

    .sljy-solution-hero-img-wrapper img {
        height: 31.25rem;
    }
}

@media (max-width: 992px) {
    .sljy-solution-hero-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .sljy-solution-hero-right {
        padding-left: 0;
        text-align: center;
    }

    .sljy-solution-hero-breadcrumb {
        justify-content: center;
    }

    .sljy-solution-hero-tags {
        justify-content: center;
    }

    .sljy-solution-hero-btns {
        justify-content: center;
        flex-wrap: wrap;
    }

    .sljy-solution-hero-title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .sljy-solution-hero {
        padding: 8rem 0;
    }

    .sljy-solution-hero-img-wrapper img {
        height: 25rem;
    }

    .sljy-solution-hero-title {
        font-size: 1.75rem;
    }
}

@media (max-width: 480px) {
    .sljy-solution-hero-title {
        font-size: 1.5rem;
    }

    .sljy-solution-hero-img-wrapper img {
        height: 18.75rem;
    }

    .sljy-solution-hero-btn {
        padding: 0.875rem 1.5rem;
        font-size: 0.8125rem;
    }
}

/* sljy-solution-applications */
.sljy-solution-applications {
    padding: 6.25rem 0;
    background: #fff;
}

.sljy-solution-applications-header {
    text-align: center;
    margin-bottom: 4rem;
}

.sljy-solution-applications-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-solution-applications-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.sljy-solution-applications-desc {
    font-size: 1rem;
    color: #000000;
    max-width: 50rem;
    margin: 0 auto;
}

.sljy-solution-applications-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.sljy-solution-application-card {
    background: #f8f9fa;
    border-radius: 0.75rem;
    padding: 2rem;
    transition: all 0.3s ease;
    border-top: 0.25rem solid transparent;
}

.sljy-solution-application-card-active {
    background: #fff;
    border-top-color: #0066cc;
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.08);
}

.sljy-solution-application-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1);
}

.sljy-solution-application-card-icon {
    width: 4.5rem;
    height: 4.5rem;
    background: #0066cc;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.sljy-solution-application-card-icon img {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.sljy-solution-application-card-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.75rem;
}

.sljy-solution-application-card-desc {
    font-size: 0.9375rem;
    color: #000000;
    line-height: 1.6;
    margin: 0;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-solution-applications-title {
        font-size: 2rem;
    }

    .sljy-solution-applications-grid {
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .sljy-solution-applications-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sljy-solution-applications {
        padding: 4rem 0;
    }

    .sljy-solution-applications-title {
        font-size: 1.75rem;
    }

    .sljy-solution-applications-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .sljy-solution-applications-title {
        font-size: 1.5rem;
    }

    .sljy-solution-application-card {
        padding: 1.5rem;
    }
}

/* sljy-solution-specs */
.sljy-solution-specs {
    padding: 6.25rem 0;
    background: #0066cc;
}

.sljy-solution-specs-header {
    text-align: center;
    margin-bottom: 4rem;
}

.sljy-solution-specs-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffd700;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-solution-specs-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin: 0;
}

.sljy-solution-specs-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.sljy-solution-specs-card {
    background: #fff;
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
}

.sljy-solution-specs-card-active {
    background: #ffd700;
}

.sljy-solution-specs-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}

.sljy-solution-specs-card-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}

.sljy-solution-specs-card-value-lg {
    display: none;
}

.sljy-solution-specs-card-label {
    font-size: 0.875rem;
    color: #000000;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-solution-specs-title {
        font-size: 2rem;
    }

    .sljy-solution-specs-card-value {
        font-size: 1.25rem;
    }
}

@media (max-width: 992px) {
    .sljy-solution-specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sljy-solution-specs-card-value {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    .sljy-solution-specs {
        padding: 4rem 0;
    }

    .sljy-solution-specs-title {
        font-size: 1.75rem;
    }

    .sljy-solution-specs-card-value {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .sljy-solution-specs-title {
        font-size: 1.5rem;
    }

    .sljy-solution-specs-grid {
        grid-template-columns: 1fr;
    }

    .sljy-solution-specs-card-value {
        font-size: 1.5rem;
    }
}

/* sljy-solution-scenarios */
.sljy-solution-scenarios {
    padding: 6.25rem 0;
    background: #fff;
}

.sljy-solution-scenarios-header {
    text-align: center;
    margin-bottom: 4rem;
}

.sljy-solution-scenarios-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin: 0;
}

.sljy-solution-scenarios-carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.sljy-solution-scenarios-track {
    display: flex;
    transition: transform 0.5s ease;
}

.sljy-solution-scenarios-slide {
    flex: 0 0 calc(33.333% - 1.333rem);
    margin-right: 2rem;
}

.sljy-solution-scenarios-slide:last-child {
    margin-right: 0;
}

.sljy-solution-scenarios-img-wrapper {
    overflow: hidden;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
}

.sljy-solution-scenarios-img-wrapper img {
    width: 100%;
    height: 18.75rem;
    object-fit: cover;
    /* filter: grayscale(100%); */
    transition: all 0.3s ease;
}

.sljy-solution-scenarios-slide:hover .sljy-solution-scenarios-img-wrapper img {
    filter: grayscale(0);
    transform: scale(1.05);
}

.sljy-solution-scenarios-desc {
    font-size: 0.9375rem;
    color: #333;
    text-align: center;
    margin: 0;
    font-weight: 500;
}

.sljy-solution-scenarios-dots {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 2.5rem;
}

.sljy-solution-scenarios-dot {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sljy-solution-scenarios-dot-active {
    background: #0066cc;
    width: 2rem;
    border-radius: 0.375rem;
}

.sljy-solution-scenarios-dot:hover {
    background: #0066cc;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-solution-scenarios-title {
        font-size: 2rem;
    }

    .sljy-solution-scenarios-img-wrapper img {
        height: 15.625rem;
    }
}

@media (max-width: 992px) {
    .sljy-solution-scenarios-slide {
        flex: 0 0 calc(50% - 1rem);
        margin-right: 2rem;
    }
}

@media (max-width: 768px) {
    .sljy-solution-scenarios {
        padding: 4rem 0;
    }

    .sljy-solution-scenarios-title {
        font-size: 1.75rem;
    }

    .sljy-solution-scenarios-slide {
        flex: 0 0 100%;
        margin-right: 2rem;
    }

    .sljy-solution-scenarios-img-wrapper img {
        height: 12.5rem;
    }
}

@media (max-width: 480px) {
    .sljy-solution-scenarios-title {
        font-size: 1.5rem;
    }

    .sljy-solution-scenarios-img-wrapper img {
        height: 10rem;
    }
}

/* sljy-solution-products */
.sljy-solution-products {
    padding: 6.25rem 0;
    background: #f8f9fa;
}

.sljy-solution-products-header {
    text-align: center;
    margin-bottom: 4rem;
}

.sljy-solution-products-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin: 0;
}

.sljy-solution-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.sljy-solution-products-card {
    text-align: center;
    transition: all 0.3s ease;
}

.sljy-solution-products-card:hover {
    transform: translateY(-0.5rem);
}

.sljy-solution-products-img-wrapper {
    border-radius: 0.75rem;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.sljy-solution-products-img-wrapper img {
    width: 100%;
    height: 12.5rem;
    object-fit: contain;
    transition: all 0.3s ease;
}

.sljy-solution-products-card:hover .sljy-solution-products-img-wrapper img {
    transform: scale(1.1);
}

.sljy-solution-products-name {
    font-size: 0.9375rem;
    color: #333;
    margin: 0;
    font-weight: 500;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-solution-products-title {
        font-size: 2rem;
    }

    .sljy-solution-products-img-wrapper img {
        height: 10rem;
    }
}

@media (max-width: 992px) {
    .sljy-solution-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sljy-solution-products-img-wrapper img {
        height: 12.5rem;
    }
}

@media (max-width: 768px) {
    .sljy-solution-products {
        padding: 4rem 0;
    }

    .sljy-solution-products-title {
        font-size: 1.75rem;
    }
}

@media (max-width: 480px) {
    .sljy-solution-products-title {
        font-size: 1.5rem;
    }

    .sljy-solution-products-grid {
        grid-template-columns: 1fr;
    }

    .sljy-solution-products-img-wrapper img {
        height: 10rem;
    }
}

/* sljy-about-hero */
.sljy-about-hero {
    position: relative;
    min-height: 31.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.sljy-about-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/b1.png') center/cover no-repeat;
    /* filter: grayscale(100%) brightness(0.6);
     */
background-color: black;
    }


.sljy-project-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/prj.jpg') center/cover no-repeat;
    /* filter: grayscale(100%) brightness(0.6);
     */
background-color: black;
    }
.sljy-catalogue-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/矩形 683.png') center/cover no-repeat;
    /* filter: grayscale(100%) brightness(0.6);
     */
background-color: black;
    }
.sljy-product-hero-bg{
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/矩形 682.png') center/cover no-repeat;
    /* filter: grayscale(100%) brightness(0.6);
     */
    background-color: black;
}


.sljy-about-hero-content {
    position: relative;
    z-index: 1;
    color: #fff;
}

.sljy-about-hero-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.sljy-about-hero-breadcrumb a {
    font-size: 0.875rem;
    color: #ffd700;
    text-decoration: none;

    transition: color 0.3s ease;
}

.sljy-about-hero-breadcrumb a:hover {
    color: #ffc107;
}

.sljy-about-hero-breadcrumb span {
       color: #ffd700;
        margin-left: 0.5rem;

    font-size: 0.875rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sljy-about-hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.sljy-about-hero-subtitle {
    font-size: 1.75rem;
    font-weight: 300;
    margin-bottom: 1.5rem;
    opacity: 0.9;
}

.sljy-about-hero-desc {
    font-size: 1rem;
    max-width: 50rem;
    margin: 0 auto;
    line-height: 1.7;
    opacity: 0.9;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-about-hero-title {
        font-size: 2.75rem;
    }

    .sljy-about-hero-subtitle {
        font-size: 1.5rem;
    }
}

@media (max-width: 992px) {
    .sljy-about-hero {
        min-height: 25rem;
    }

    .sljy-about-hero-title {
        font-size: 2.25rem;
    }

    .sljy-about-hero-subtitle {
        font-size: 1.25rem;
    }
}

@media (max-width: 768px) {
    .sljy-about-hero {
        min-height: 21.875rem;
        padding: 6rem 0rem 2rem;
    }

    .sljy-about-hero-title {
        font-size: 1.75rem;
    }

    .sljy-about-hero-subtitle {
        font-size: 1.125rem;
    }

    .sljy-about-hero-desc {
        font-size: 0.9375rem;
    }
}

@media (max-width: 480px) {
    .sljy-about-hero-title {
        font-size: 1.5rem;
    }

    .sljy-about-hero-subtitle {
        font-size: 1rem;
    }
}

/* sljy-about-intro */
.sljy-about-intro {
    padding: 6.25rem 0;
    background: #fff;
}

.sljy-about-intro-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.25rem;
    margin-bottom: 5rem;
    align-items: center;
}

.sljy-about-intro-left {
    padding-right: 2rem;
}

.sljy-about-intro-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-about-intro-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.sljy-about-intro-desc {
    font-size: 1rem;
    color: #505050;
    line-height: 1.7;
    margin: 0;
}

.sljy-about-intro-right {
    overflow: hidden;
}

.sljy-about-intro-img-wrapper {
    border-radius: 1rem;
    overflow: hidden;
}

.sljy-about-intro-img-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

.sljy-about-intro-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
}

.sljy-about-intro-stat {
    text-align: center;
}

.sljy-about-intro-stat-value {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}


.sljy-about-intro-stat-label {
    font-size: 0.875rem;
    color: #3b3b3b;
    font-weight: 500;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-about-intro-content {
        gap: 4rem;
    }

    .sljy-about-intro-title {
        font-size: 2rem;
    }

    .sljy-about-intro-stat-value {
        font-size: 2rem;
    }
}

@media (max-width: 992px) {
    .sljy-about-intro-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .sljy-about-intro-left {
        padding-right: 0;
        text-align: center;
    }

    .sljy-about-intro-stats {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .sljy-about-intro {
        padding: 4rem 0;
    }

    .sljy-about-intro-title {
        font-size: 1.75rem;
    }

    .sljy-about-intro-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .sljy-about-intro-stat-value {
        font-size: 1.75rem;
    }
}

@media (max-width: 480px) {
    .sljy-about-intro-title {
        font-size: 1.5rem;
    }

    .sljy-about-intro-stats {
        grid-template-columns: 1fr;
    }

    .sljy-about-intro-stat-value {
        font-size: 1.5rem;
    }
}

/* sljy-about-services */
.sljy-about-services {
    padding: 6.25rem 0;
    background: #f8f9fa;
}

.sljy-about-services-header {
    text-align: center;
    margin-bottom: 4rem;
}

.sljy-about-services-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-about-services-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

.sljy-about-services-subtitle {
    font-size: 1rem;
    color: #000000;
    margin: 0;
}

.sljy-about-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6rem;
}

.sljy-about-services-card {
    background: #fff;
    border-radius: 1rem;
    padding: 2.5rem;
    text-align: center;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.sljy-about-services-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1);
}

.sljy-about-services-card-icon {
    width: 5rem;
    height: 5rem;
    background: #0066cc;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.sljy-about-services-card-icon img {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.sljy-about-services-card-title {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    margin-bottom: 0.75rem;
}

.sljy-about-services-card-desc {
    font-size: 0.9375rem;
    color: #000000;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.sljy-about-services-card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.sljy-about-services-card-list li {
    padding: 0.5rem 0;
    font-size: 0.875rem;
    color: #000000;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.sljy-about-services-card-list li:last-child {
    border-bottom: none;
}

.sljy-about-services-card-list li img {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-about-services-title {
        font-size: 2rem;
    }
}

@media (max-width: 992px) {
    .sljy-about-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sljy-about-services {
        padding: 4rem 0;
    }

    .sljy-about-services-title {
        font-size: 1.75rem;
    }

    .sljy-about-services-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 480px) {
    .sljy-about-services-title {
        font-size: 1.5rem;
    }

    .sljy-about-services-card {
        padding: 1.5rem;
    }
}

/* sljy-about-timeline */
.sljy-about-timeline {
    padding: 6.25rem 0;
    background: #fff;
}

.sljy-about-timeline-header {
    text-align: center;
    margin-bottom: 4rem;
}

.sljy-about-timeline-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem;
}

.sljy-about-timeline-title {
    font-size:1.13rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

.sljy-about-timeline-subtitle {
    font-size: 1rem;
    color: #000000;
    margin: 0;
}

.sljy-about-timeline-content {
    position: relative;
    max-width: 62.5rem;
    margin: 0 auto;
}

.sljy-about-timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 0.125rem;
    transform: translateX(-50%);
}

.sljy-about-timeline-line-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0066cc;
}

.sljy-about-timeline-events {
    position: relative;
    z-index: 1;
}

.sljy-about-timeline-event {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    position: relative;
}

.sljy-about-timeline-event:last-child {
    margin-bottom: 0;
}

.sljy-about-timeline-event-right {
    flex-direction: row-reverse;
}

.sljy-about-timeline-dot {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sljy-about-timeline-dot img {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.sljy-about-timeline-card {
    width: calc(50% - 2rem);
    background: #fff;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
    position: relative;
    transition: all 0.3s ease;
}

.sljy-about-timeline-card:hover {
    background: #FFD700;
    border-color: #FFD700;
}

.sljy-about-timeline-card:hover .sljy-about-timeline-year {
    color: #1a1a1a;
}

.sljy-about-timeline-card:hover .sljy-about-timeline-title {
    color: #1a1a1a;
}

.sljy-about-timeline-card:hover .sljy-about-timeline-desc {
    color: #333;
}

/* 左边卡片的三角箭头（右边） */
.sljy-about-timeline-card::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -0.75rem;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 0.75rem solid transparent;
    transition: border-left-color 0.3s ease;
}

.sljy-about-timeline-card:hover::after {
    border-left-color: #FFD700;
}

.sljy-about-timeline-event-right .sljy-about-timeline-card {
    margin-left: 2rem;
}

/* 右边卡片的三角箭头（左边） */
.sljy-about-timeline-event-right .sljy-about-timeline-card::after {
    right: auto;
    left: -0.75rem;
    border-left: none;
    border-right: 0.75rem solid transparent;
}

.sljy-about-timeline-event-right .sljy-about-timeline-card:hover::after {
    border-right-color: #FFD700;
}

.sljy-about-timeline-card-highlight {
    background: #ffd700;
    border-color: #ffd700;
}

.sljy-about-timeline-card-highlight .sljy-about-timeline-year,
.sljy-about-timeline-card-highlight .sljy-about-timeline-title {
    color: #1a1a1a;
}

.sljy-about-timeline-card-highlight .sljy-about-timeline-desc {
    color: #333;
}

.sljy-about-timeline-year {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0066cc;
    margin-bottom: 0.5rem;
}

.sljy-about-timeline-card-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.75rem;
}

.sljy-about-timeline-desc {
    font-size: 0.875rem;
    color: #373737;
    line-height: 1.6;
    margin: 0;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-about-timeline-title {
        font-size: 2rem;
    }
}

@media (max-width: 992px) {
    .sljy-about-timeline-line {
        left: 2rem;
    }

    .sljy-about-timeline-dot {
        left: 2rem;
    }

    .sljy-about-timeline-event {
        flex-direction: column !important;
        align-items: flex-start;
        padding-left: 4rem;
    }

    .sljy-about-timeline-card {
        width: 100%;
        margin-left: 0 !important;
    }

    /* 移动端所有卡片箭头都在左边 */
    .sljy-about-timeline-card::after {
        right: auto !important;
        left: -0.75rem !important;
        border-left: none !important;
        border-right: 0.75rem solid #fff !important;
    }

    .sljy-about-timeline-card:hover::after {
        border-right-color: #FFD700 !important;
    }
}

@media (max-width: 768px) {
    .sljy-about-timeline {
        padding: 4rem 0;
    }

    .sljy-about-timeline-title {
        font-size: 1.75rem;
    }

    .sljy-about-timeline-line {
        left: 1.5rem;
    }

    .sljy-about-timeline-dot {
        left: 1.5rem;
    }

    .sljy-about-timeline-event {
        padding-left: 3.5rem;
    }
}

@media (max-width: 480px) {
    .sljy-about-timeline-title {
        font-size: 1.5rem;
    }

    .sljy-about-timeline-line {
        left: 1rem;
    }

    .sljy-about-timeline-dot {
        left: 1rem;
    }

    .sljy-about-timeline-event {
        padding-left: 3rem;
    }

    .sljy-about-timeline-card {
        padding: 1rem;
    }
}

/* sljy-video-container */
.sljy-video-container {
    padding: 2.25rem 0;
    background: #fff;
}

/* sljy-video-tabs */
.sljy-video-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 3.75rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #eee;
}

.sljy-video-tab {
    padding: 0.875rem 1.75rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #666;
    background: #f5f5f5;
    border-radius: 2rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sljy-video-tab:hover {
    background: #e8e8e8;
    color: #333;
}

.sljy-video-tab.active {
    background: #0066cc;
    color: #fff;
}

/* sljy-video-featured */
.sljy-video-featured {
    margin-bottom: 5rem;
}

.sljy-video-section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 2.5rem;
}

.sljy-video-featured-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
}

.sljy-video-featured-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 0.75rem;
    cursor: pointer;
}

.sljy-video-featured-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sljy-video-featured-thumb:hover img {
    transform: scale(1.03);
}

.sljy-video-featured-main .sljy-video-featured-thumb {
    height: 31.25rem;
}

.sljy-video-featured-side {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sljy-video-featured-item .sljy-video-featured-thumb {
    height: 15rem;
}

.sljy-video-featured-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.5rem;
    height: 5.5rem;
    background: #FFD700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.sljy-video-featured-play.sm {
    width: 4rem;
    height: 4rem;
}

.sljy-video-featured-thumb:hover .sljy-video-featured-play {
    transform: translate(-50%, -50%) scale(1.1);
}

.sljy-video-featured-play i {
    font-size: 1.5rem;
    color: #0066cb;
    margin-left: 0.25rem;
}

.sljy-video-featured-play.sm i {
    font-size: 1.125rem;
}

/* sljy-video-category */
.sljy-video-category {
    padding-top: 2.5rem;
    border-top: 1px solid #eee;
}

.sljy-video-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.sljy-video-category-card {
    background: #fff;
    border-radius: 0.75rem;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease;
    box-shadow: 0px 2px 10px 0px
		rgba(0, 0, 0, 0.2);
}

.sljy-video-category-card:hover {
    transform: translateY(-0.375rem);
}

.sljy-video-category-thumb {
    position: relative;
    overflow: hidden;
}

.sljy-video-category-thumb img {
    width: 100%;
    height: 12.5rem;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sljy-video-category-card:hover .sljy-video-category-thumb img {
    transform: scale(1.05);
}

.sljy-video-category-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.5rem;
    height: 3.5rem;
    background: #FFD700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.sljy-video-category-card:hover .sljy-video-category-play {
    transform: translate(-50%, -50%) scale(1.1);
}

.sljy-video-category-play i {
    font-size: 1.125rem;
    color: #0066cb;
    margin-left: 0.25rem;
}

.sljy-video-category-title {
    padding: 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.sljy-video-category-card:hover .sljy-video-category-title {
    color: #0066cc;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-video-featured-grid {
        gap: 1.25rem;
    }

    .sljy-video-category-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.25rem;
    }
}

@media (max-width: 992px) {
    .sljy-video-tab {
        padding: 0.75rem 1.25rem;
        font-size: 0.875rem;
    }

    .sljy-video-featured-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .sljy-video-featured-main .sljy-video-featured-thumb {
        height: 25rem;
    }

    .sljy-video-featured-item .sljy-video-featured-thumb {
        height: 12.5rem;
    }

    .sljy-video-category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
}

@media (max-width: 768px) {
    .sljy-video-container {
        padding: 4rem 0;
    }

    .sljy-video-tab {
        padding: 0.625rem 1rem;
        font-size: 0.8125rem;
    }

    .sljy-video-section-title {
        font-size: 1.5rem;
    }

    .sljy-video-featured-main .sljy-video-featured-thumb {
        height: 20rem;
    }

    .sljy-video-featured-item .sljy-video-featured-thumb {
        height: 10rem;
    }

    .sljy-video-category-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}

@media (max-width: 480px) {
    .sljy-video-container {
        padding: 3rem 0;
    }

    .sljy-video-featured-main .sljy-video-featured-thumb {
        height: 15rem;
    }

    .sljy-video-featured-item .sljy-video-featured-thumb {
        height: 8rem;
    }

    .sljy-video-featured-play {
        width: 4rem;
        height: 4rem;
    }

    .sljy-video-featured-play.sm {
        width: 3rem;
        height: 3rem;
    }

    .sljy-video-featured-play i {
        font-size: 1.125rem;
    }

    .sljy-video-featured-play.sm i {
        font-size: 1rem;
    }

    .sljy-video-category-thumb img {
        height: 10rem;
    }
}

/* sljy-news-detail */
.sljy-news-detail {
   padding: 7.25rem 0;
    background-color: #f5f5f5;
}

.sljy-news-detail .container {
    max-width: 65rem;
    margin: 0 auto;
    padding: 0 2rem;
}

/* 面包屑导航 */
.sljy-news-detail-breadcrumb {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sljy-news-detail-breadcrumb .breadcrumb-item {
    color: #999;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sljy-news-detail-breadcrumb .breadcrumb-item:hover {
    color: #0066cc;
}

.sljy-news-detail-breadcrumb .breadcrumb-item.active {
    color: #0066cc;
    font-weight: 600;
}

.sljy-news-detail-breadcrumb .breadcrumb-separator {
    color: #999;
}

.sljy-news-detail-header {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.sljy-news-detail-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

.sljy-news-detail-date {
    font-size: 0.875rem;
    color: #666666;
}

.sljy-news-detail-content {
    margin-bottom: 4rem;
}

.sljy-news-detail-content p {
    font-size: 1rem;
    line-height: 1.8;
    color: #000000;
    margin-bottom: 1.5rem;
    text-align: justify;
}

.sljy-news-detail-image {
    margin: 3rem 0;
}

.sljy-news-detail-image img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}

.sljy-news-detail-nav {
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;
    border-top: 1px solid #e0e0e0;
}

.sljy-news-detail-prev,
.sljy-news-detail-next {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sljy-news-detail-prev .label,
.sljy-news-detail-next .label {
    font-size: 0.875rem;
    color: #999;
    font-weight: bold;
}

.sljy-news-detail-prev a {
    font-size: 0.875rem;
    color: #004499;
}

.sljy-news-detail-next a {
    font-size: 0.875rem;
    color: #0066cc;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.sljy-news-detail-next .value:hover {
    color: #004499;
}

@media (max-width: 992px) {
    .sljy-news-detail-title {
        font-size: 2rem;
    }

    .sljy-news-detail-paragraph {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .sljy-news-detail {
        padding: 2rem 0;
    }

    .sljy-news-detail .container {
        padding: 0 1.5rem;
    }

    .sljy-news-detail-title {
        font-size: 1.75rem;
    }

    .sljy-news-detail-nav {
        flex-direction: column;
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .sljy-news-detail-title {
        font-size: 1.5rem;
    }

    .sljy-news-detail-paragraph {
        font-size: 0.9375rem;
        line-height: 1.6;
    }
}

/* sljy-product-detail */
.sljy-product-detail {
    padding: 4rem 0;
    background-color: #f5f5f5;
}

.sljy-product-detail .container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 2rem;
}

/* 面包屑导航 */
.sljy-product-detail-breadcrumb {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sljy-product-detail-breadcrumb .breadcrumb-item {
    color: #999;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sljy-product-detail-breadcrumb .breadcrumb-item:hover {
    color: #0066cc;
}

.sljy-product-detail-breadcrumb .breadcrumb-item.active {
    color: #0066cc;
    font-weight: 600;
}

.sljy-product-detail-breadcrumb .breadcrumb-separator {
    color: #999;
}

/* 主内容区域 */
.sljy-product-detail-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin-bottom: 5rem;
}

/* 图片区域 */
.sljy-product-detail-images {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sljy-product-detail-main-img {
    background: #fff;
    border-radius: 0.5rem;
}

.sljy-product-detail-main-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.sljy-product-detail-thumbnails {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: thin;
    scrollbar-color: #0066cc #f0f0f0;
}

.sljy-product-detail-thumbnails::-webkit-scrollbar {
    height: 6px;
}

.sljy-product-detail-thumbnails::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 3px;
}

.sljy-product-detail-thumbnails::-webkit-scrollbar-thumb {
    background: #0066cc;
    border-radius: 3px;
}

.sljy-product-detail-thumbnail {
    flex-shrink: 0;
    width: 8rem;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 0.375rem;
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.sljy-product-detail-thumbnail.active,
.sljy-product-detail-thumbnail:hover {
    border-color: #0066cc;
}

.sljy-product-detail-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 产品信息区域 */
.sljy-product-detail-info {
    display: flex;
    flex-direction: column;
}

.sljy-product-detail-category {
    font-size: 0.875rem;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.sljy-product-detail-title {
    font-size: 2.25rem;
    font-weight: bold;
    color: #1a1a1a;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

.sljy-product-detail-desc {
    font-size: 1rem;
    line-height: 1.7;
    color: #666;
    margin-bottom: 2rem;
}

.sljy-product-detail-section {
    margin-bottom: 2rem;
}

.sljy-product-detail-section-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
}

.sljy-product-detail-section p {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: #666;
}

.sljy-product-detail-btn {
    align-self: flex-start;
    padding: 1rem 2.5rem;
    background: #0066cc;
    color: #fff;
    border: none;
    border-radius: 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.3s ease;
}

.sljy-product-detail-btn:hover {
    background: #004499;
}

/* DESCRIPTION区域 */
.sljy-product-detail-description {
    background: #fff;
    border-radius: 0.5rem;
    padding: 3rem;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.05);
}

.sljy-product-detail-description-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

/* 标签切换 */
.sljy-product-detail-tabs {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.sljy-product-detail-tab {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: 2px solid #e0e0e0;
    border-radius: 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #666;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sljy-product-detail-tab.active,
.sljy-product-detail-tab:hover {
    background: #0066cc;
    border-color: #0066cc;
    color: #fff;
}

/* 内容区域 */
.sljy-product-detail-tab-content {
    color: #555;
    line-height: 1.7;
}

.sljy-product-detail-tab-content h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1.5rem;
}

.sljy-product-detail-features {
    list-style: none;
    padding: 0;
    margin-bottom: 2.5rem;
}

.sljy-product-detail-features li {
    padding: 0.5rem 0;
    font-size: 0.9375rem;
    color: #555;
}

.sljy-product-detail-section-box {
    margin-bottom: 2.5rem;
}

.sljy-product-detail-section-box:last-child {
    margin-bottom: 0;
}

.sljy-product-detail-section-box h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.sljy-product-detail-section-box p {
    font-size: 0.9375rem;
    color: #555;
    line-height: 1.7;
}

/* 表格样式 */
.sljy-product-detail-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

.sljy-product-detail-table td {
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    font-size: 0.9375rem;
    color: #555;
}

.sljy-product-detail-table tr:first-child td {
    border-top: 2px solid #0066cc;
}

.sljy-product-detail-table tr:last-child td {
    border-bottom: 2px solid #0066cc;
}

/* 响应式布局 */
@media (max-width: 992px) {
    .sljy-product-detail-main {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .sljy-product-detail-title {
        font-size: 1.875rem;
    }
}

@media (max-width: 768px) {
    .sljy-product-detail {
        padding: 2rem 0;
    }

    .sljy-product-detail .container {
        padding: 0 1.5rem;
    }

    .sljy-product-detail-description {
        padding: 2rem 1.5rem;
    }

    .sljy-product-detail-title {
        font-size: 1.625rem;
    }

    .sljy-product-detail-thumbnail img {
        height: 5rem;
    }
}

@media (max-width: 480px) {
    .sljy-product-detail-title {
        font-size: 1.5rem;
    }

    .sljy-product-detail-tabs {
        flex-direction: column;
    }

    .sljy-product-detail-tab {
        width: 100%;
        text-align: center;
    }

    .sljy-product-detail-table td {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }
}

/* sljy-contact-hero */
.sljy-contact-hero {
    padding:10.25rem 0  6.25rem ;
    background: #0066cc;
}

.sljy-contact-hero-content {
    text-align: center;
    margin-bottom: 4rem;
}

.sljy-contact-hero-breadcrumb {
    font-size: 0.875rem;
    color: #FFD700;
    margin-bottom: 1.5rem;
}

.sljy-contact-hero-breadcrumb a {
    color: #FFD700;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sljy-contact-hero-breadcrumb a:hover {
    color: #fff;
}

.sljy-contact-hero-breadcrumb span {
    margin-left:0.5rem;
}

.sljy-contact-hero-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.5rem;
}

.sljy-contact-hero-desc {
    font-size: 1rem;
    color: #ffffff;
    max-width: 50rem;
    margin: 0 auto;
}

.sljy-contact-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.sljy-contact-info-card {
    background: #fff;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
}

.sljy-contact-info-icon {
    width: 4rem;
    height: 4rem;
    background: #FFD700;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.sljy-contact-info-icon i {
    font-size: 1.5rem;
    color: #1a1a1a;
}

.sljy-contact-info-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0.9rem;
}

.sljy-contact-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sljy-contact-info-list li {
    font-size: 0.875rem;
    color: #080808;
    line-height: 1.8;
}

/* sljy-catalogue-list */
.sljy-catalogue-list {
    padding: 6.25rem 0;
    background: #fff;
}

.sljy-catalogue-list-header {
    text-align: left;
    margin-bottom: 3rem;
}

.sljy-catalogue-list-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 1rem;
}

.sljy-catalogue-list-subtitle {
    font-size: 1rem;
    color: #000000;
    max-width: 50rem;
    line-height: 1.6;
}

.sljy-catalogue-list-items {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sljy-catalogue-item {
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
    border-bottom: 1px solid #e5e5e5;
    transition: all 0.3s ease;
}

.sljy-catalogue-item:first-child {
    border-top: 1px solid #e5e5e5;
}

.sljy-catalogue-item:hover {
    background: #f8f9fa;
    margin: 0 -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.sljy-catalogue-item-icon {
    width: 5.69rem;
    height: 5.69rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

.sljy-catalogue-item-icon i {
    font-size: 5.69rem;
    color: #999;
}

.sljy-catalogue-item-info {
    flex: 1;
}

.sljy-catalogue-item-date {
    display: block;
    font-size: 0.875rem;
    color: #999;
    margin-bottom: 0.5rem;
}

.sljy-catalogue-item-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
}

.sljy-catalogue-item-download {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #0066cc;
    color: #fff;
    text-decoration: none;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.sljy-catalogue-item-download:hover {
    background: #0052a3;
    transform: translateY(-0.125rem);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 102, 204, 0.3);
}

.sljy-catalogue-item-download i {
    font-size: 1rem;
}

/* 响应式 */
@media (max-width: 992px) {
    .sljy-catalogue-list {
        padding: 4rem 0;
    }

    .sljy-catalogue-list-title {
        font-size: 2rem;
    }

    .sljy-catalogue-item {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .sljy-catalogue-item-icon {
        width: 3rem;
        height: 3rem;
        margin-right: 1rem;
    }

    .sljy-catalogue-item-icon i {
        font-size: 2.5rem;
    }

    .sljy-catalogue-item-info {
        width: calc(100% - 4rem);
    }

    .sljy-catalogue-item-download {
        width: 100%;
        justify-content: center;
        margin-top: 0.5rem;
    }
}

@media (max-width: 768px) {
    .sljy-catalogue-list {
        padding: 3rem 0;
    }

    .sljy-catalogue-list-title {
        font-size: 1.75rem;
    }

    .sljy-catalogue-list-subtitle {
        font-size: 0.9375rem;
    }

    .sljy-catalogue-item-title {
        font-size: 1rem;
    }

    .sljy-catalogue-item-download {
        padding: 0.625rem 1.25rem;
        font-size: 0.8125rem;
    }
}

/* sljy-project-list */
.sljy-project-list {
    padding: 6.25rem 0;
    background: #fff;
}

.sljy-project-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    margin-bottom: 4rem;
}

.sljy-project-card {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.sljy-project-card:hover {
    transform: translateY(-0.5rem);
}

.sljy-project-card-img {
    overflow: hidden;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.sljy-project-card-img img {
    width: 100%;
    height: 15.625rem;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sljy-project-card:hover .sljy-project-card-img img {
    transform: scale(1.05);
}

.sljy-project-card-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.4;
    margin: 0;
    transition: color 0.3s ease;
}

.sljy-project-card:hover .sljy-project-card-title {
    color: #0066cc;
}

.sljy-project-card-active .sljy-project-card-title {
    color: #0066cc;
}

.sljy-project-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-project-list-grid {
        gap: 2rem;
    }
}

@media (max-width: 992px) {
    .sljy-project-list-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .sljy-project-list {
        padding: 4rem 0;
    }

    .sljy-project-list-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .sljy-project-card-img img {
        height: 12.5rem;
    }
}

@media (max-width: 480px) {
    .sljy-project-card-img img {
        height: 10rem;
    }
}

/* sljy-news-list */
.sljy-news-list {
    padding: 6.25rem 0;
    background: #fff;
}

.sljy-news-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    margin-bottom: 4rem;
}

.sljy-news-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.sljy-news-card {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.sljy-news-card:hover {
    transform: translateY(-0.5rem);
}

.sljy-news-card-img {
    overflow: hidden;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.sljy-news-card-img img {
    width: 100%;
    height: 15.625rem;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sljy-news-card:hover .sljy-news-card-img img {
    transform: scale(1.05);
}

.sljy-news-card-date {
    display: block;
    font-size: 0.75rem;
    color: #0061ae;
    margin-bottom: 0.75rem;
}

.sljy-news-card-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.4;
    margin: 0;
    transition: color 0.3s ease;
}

.sljy-news-card:hover .sljy-news-card-title {
    color: #0066cc;
}

.sljy-news-card-active .sljy-news-card-title {
    color: #0066cc;
}

.sljy-news-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-news-list-grid {
        gap: 2rem;
    }
}

@media (max-width: 992px) {
    .sljy-news-list-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .sljy-news-list {
        padding: 4rem 0;
    }

    .sljy-news-list-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .sljy-news-card-img img {
        height: 12.5rem;
    }
}

@media (max-width: 480px) {
    .sljy-news-card-img img {
        height: 10rem;
    }
}

/* sljy-product-showcase */
.sljy-product-showcase {
    padding: 6.25rem 0;
    background: #f8f9fa;
}

.sljy-product-showcase-content {
    display: grid;
    grid-template-columns: 18.75rem 1fr;
    gap: 3rem;
}

/* 左侧分类导航 */
.sljy-product-sidebar {
    background: #fff;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 8rem;
    height: fit-content;
}

.sljy-product-sidebar-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.sljy-product-sidebar-header h3 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0066cc;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    margin: 0;
}

.sljy-product-sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sljy-product-sidebar-item {
    position: relative;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.sljy-product-sidebar-item:last-child {
    border-bottom: none;
}

.sljy-product-sidebar-item.active {
    margin: 0 -1.5rem;
    padding: 0.75rem 1.5rem;
}

.sljy-product-sidebar-item.active > a {
    color: #0066cc;
    font-weight: 600;
}

.sljy-product-sidebar-item a {
    font-size: 0.875rem;
    color: #000000;
    text-decoration: none;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
}

.sljy-product-sidebar-item a:hover {
    color: #0066cc;
}

/* 父级目录 */
.sljy-product-sidebar-parent {
    position: relative;
}

.sljy-product-sidebar-parent-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.sljy-product-sidebar-parent-link::before {
    content: '';
    position: absolute;
    left: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 1.5rem;
    background: #0066cc;
}

.sljy-product-sidebar-parent-link i {
    font-size: 0.75rem;
    color: #0066cc;
    transition: transform 0.3s ease;
}

.sljy-product-sidebar-parent.active .sljy-product-sidebar-parent-link i {
    transform: rotate(180deg);
}

/* 子菜单 */
.sljy-product-sidebar-submenu {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0 1.5rem;
    display: none;
}

.sljy-product-sidebar-parent.active .sljy-product-sidebar-submenu {
    display: block;
}

.sljy-product-sidebar-submenu li {
    padding: 0.5rem 0;
    border-bottom: none;
}

.sljy-product-sidebar-submenu li a {
    font-size: 0.8125rem;
    color: #000;
    padding: 0;
    margin: 0;
}
.sljy-product-sidebar-submenu .this a{
    color: #0066cc;
}
.sljy-product-sidebar-submenu li a:hover {
    color: #0066cc;
}

/* 右侧产品网格 */
.sljy-product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    padding: 0.3rem;
}

.sljy-product-card {
    background: #fff;
    border-radius: 0.75rem;
    padding: 1.5rem;
    text-align: center;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    /* height: 100%; */
}

.sljy-product-card:hover {
  border: 1px solid #0066cc;
    box-shadow: 0 0.5rem 1rem rgba(0, 102, 204, 0.2);
    transform: translateY(-0.25rem);
}


.sljy-product-card-img {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sljy-product-card-img img {
    width: 9.3125rem;
    height: 14.3125rem;
    object-fit: contain;
}

.sljy-product-card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.sljy-product-card-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}

.sljy-product-card-desc {
    font-size: 0.8125rem;
    color: #000000;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 响应式 */
@media (max-width: 1200px) {
    .sljy-product-showcase-content {
        grid-template-columns: 15.625rem 1fr;
        gap: 2rem;
    }

    .sljy-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .sljy-product-showcase-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .sljy-product-sidebar {
        position: static;
    }

    .sljy-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sljy-product-showcase {
        padding: 4rem 0;
    }

    .sljy-product-grid {
        grid-template-columns: 1fr;
    }
}

/* sljy-index-footer */
.sljy-index-footer {
    background: #1a1a1a;
    color: #fff;
    padding: 3.75rem 0 1.875rem;
}

.sljy-index-footer-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.75rem;
    padding-bottom: 3.75rem;
    border-bottom: 0.0625rem solid #333;
}

.sljy-index-footer-left {
    max-width: 25rem;
}

.sljy-index-footer-logo {
    margin-bottom: 1.875rem;
}

.sljy-index-footer-logo img {
    height: 3.75rem;
    width: auto;
}

.sljy-index-footer-left p {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 1.875rem;
}

.sljy-index-social-links {
    display: flex;
    gap: 0.625rem;
}

.sljy-index-social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: #333;
    color: #fff;
    font-size: 1.125rem;
    border-radius: 0.25rem;
    transition: all 0.3s;
}

.sljy-index-social-links a:hover {
    background: #0066cc;
    transform: translateY(-0.125rem);
}

.sljy-index-footer-nav h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.875rem;
    color: #fff;
}

.sljy-index-footer-nav .nav-columns {
    display: flex;
    gap: 3.75rem;
}

.sljy-index-footer-nav ul {
    list-style: none;
}

.sljy-index-footer-nav ul li {
    margin-bottom: 0.75rem;
}

.sljy-index-footer-nav ul li a {
    color: #fff;
    font-size: 0.9375rem;
    transition: color 0.3s;
}

.sljy-index-footer-nav ul li a:hover {
    color: #0066cc;
}

.sljy-index-footer-contact h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.875rem;
    color: #fff;
}

.sljy-index-footer-contact p {
    color: #fff;
    font-size: 0.9375rem;
    line-height: 1.8;
    margin-bottom: 0.625rem;
}

.sljy-index-footer-bottom {
    padding-top: 1.875rem;
    text-align: center;
}

.sljy-index-footer-bottom p {
    color: #fff;
    font-size: 0.8125rem;
}

@media (max-width: 1200px) {
    .sljy-index-footer-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
    }

    .sljy-index-footer-left {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .sljy-index-footer-content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .sljy-index-footer-nav .nav-columns {
        gap: 2rem;
    }
}

/* sljy-contact-hero 响应式 */
@media (max-width: 1200px) {
    .sljy-contact-info-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
}

@media (max-width: 992px) {
    .sljy-contact-hero-title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .sljy-contact-hero {
        padding: 4rem 0;
    }

    .sljy-contact-hero-title {
        font-size: 1.75rem;
    }

    .sljy-contact-hero-desc {
        font-size: 0.9375rem;
    }
}

@media (max-width: 480px) {
    .sljy-contact-hero {
        padding: 8.25rem 0;
    }

    .sljy-contact-info-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .sljy-contact-hero-title {
        font-size: 1.5rem;
    }

    .sljy-contact-info-card {
        padding: 1.5rem;
    }

    .sljy-contact-info-icon {
        width: 3.5rem;
        height: 3.5rem;
    }

    .sljy-contact-info-icon i {
        font-size: 1.25rem;
    }
}