/* 页面主样式 */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #333;
    z-index: 1000;
    height: 80px;
}

.header.write{background: #fff;}

.header .container {
    display: grid;
    grid-template-columns: 200px 1fr auto;
    align-items: center;
    gap: 30px;
    height: 100%;
}

.logo {
    width: 180px;
}

.logo img {
    width: 100%;
    height: auto;
}

/* 导航菜单容器样式 */
.nav {
    position: static;
    justify-self: center;
    width: 100%;
    height: 100%;
}

.nav > ul {
    display: flex;
    gap: 40px;
    justify-content: center;
    height: 100%;
}

.nav > ul > li {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.nav a {
    color: #fff;
    font-size: 16px;
    padding: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 100%;
}

.write .nav a{color:#23282d;}

/* 主菜单hover效果 */
.nav > ul > li > a {
    position: relative;
}

.nav > ul > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #ff0000;
    transition: width 0.3s ease;
}

.nav > ul > li:hover > a::after {
    width: 100%;
}
.nav > ul > li.active > a::after {
    width: 100%;
}

/* 下拉菜单样式修改 */
.nav .submenu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80px;
    min-width: 160px;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 999;
    border-bottom: 2px solid #ff0000;
}

/* 添加回 hover 效果 */
.nav > ul > li:hover .submenu {
    opacity: 1;
    visibility: visible;
}

/* 子菜单hover效果 */
.nav .submenu a {
    color: #333;
    padding: 12px 24px;
    display: block;
    white-space: nowrap;
    transition: all 0.3s;
    height: auto;
    text-align: center;
    position: relative;
}

.nav .submenu a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #ff0000;
    transition: width 0.3s ease;
}

.nav .submenu a:hover {
    color: #ff0000;
}

.nav .submenu a:hover::after {
    width: 100%;
}

/* 右侧功能区 */
.header-right {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    height: 100%;
    padding-right: 80px;
}

/* 语言切换 */
.lang-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
}
.write .lang-btn{color:initial;}
.arrow-down {
    border-color: #fff;
}

.lang-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 5px 0;
    display: none;
    min-width: 100px;
    margin-top: 10px;
}

/* 搜索按钮 */
.search-btn {
    background: #ff0000;
    border: none;
    cursor: pointer;
    width: 80px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
}

.search-btn:hover {
    background: #e60000;
}

.search-icon {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
}

.search-icon:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 8px;
    background: #fff;
    bottom: -6px;
    right: -6px;
    transform: rotate(-45deg);
}

/* 搜索弹窗 */
.search-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    display: none;
    z-index: 1100;
}

.search-modal.active {
    display: block;
}

.search-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15%;
    max-width: none;
}

.search-container input {
    width: 100%;
    padding: 20px 50px 20px 0;
    font-size: 24px;
    border: none;
    border-bottom: 2px solid rgba(255,255,255,0.3);
    background: transparent;
    outline: none;
    color: #fff;
}

.search-container input::placeholder {
    color: rgba(255,255,255,0.5);
}

.close-search {
    position: absolute;
    top: 40px;
    right: 40px;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
}

.close-search:hover {
    transform: rotate(90deg);
}

/* 移动端菜单按钮 */
.menu-toggle {
    display: none;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;

}

/* 响应式导航 */
@media screen and (max-width: 768px) {
    .header {
        height: 50px; /* 允许高度自适应 */
    }

    .header .container {
        grid-template-columns: repeat(2, 1fr) ; /* 使容器在移动端占满全宽 */
        gap: 10px; /* 减小间距 */
    }

    .logo {
        width: 140px;
    }

    .nav {
        position: fixed; /* 固定在顶部 */
        top: 50px; /* 在header下方 */
        left: 0;
        width: 100%;
        background: #333;
        padding: 0;
        transform: translateY(-100%); /* 初始隐藏 */
        transition: transform 0.3s; /* 添加过渡效果 */
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        z-index: 999; /* 确保在其他元素之上 */
        display: none;
    }


    .nav.active {
        display: block;
        transform: translateY(0); /* 展开时显示 */
    }

    .nav > ul {
        flex-direction: column; /* 垂直排列 */
        gap: 0; /* 去掉间距 */
        padding: 0; /* 去掉内边距 */
    }

    .nav > ul > li {
        border-bottom: 1px solid rgba(255,255,255,0.1); /* 添加分隔线 */
    }

    .nav a {
        padding: 15px 20px; /* 增加点击区域 */
        display: block; /* 使链接占满整个区域 */
    }

    .nav .submenu {
        position: static;
        transform: none;
        /*width: 100%;*/
    }

    .nav .submenu a {
        width: 100%;
    }

    .menu-toggle {
        display: block; /* 显示菜单按钮 */
        font-size: 24px;
        background: none;
        border: none;
        cursor: pointer;
        color: #fff;
        text-align: right;
    }
    .write .menu-toggle {
        color: #222;
    }
    .language-switch span {
        display: none;
    }

    .search-container {
        padding: 0 20px;
    }

    .search-container input {
        font-size: 20px;
    }

    .close-search {
        top: 20px;
        right: 20px;
    }

    .search-btn {
        width: 60px;
    }

    .header-right {
        display: none; /* 隐藏右侧功能区 */
    }

    .nav .submenu {
        top: 60px;
    }
}

.hero {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../assets/images/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    align-items: center;
    color: white;
}

.hero-content {
    width: 100%;
}

.hero-content h1 {
    font-size: 48px;
    margin-bottom: 20px;
}
.hero .kd{width:100%;height:110px;font-size: 34px;color:#000;text-align: center;line-height: 110px;background-color: #eee;}
.hero-content p {
    font-size: 24px;
}

.solutions {
    padding: 80px 0;
}

/* 标题样式修改 */
.section-title {
    position: relative;
    text-align: center;
    padding-top: 16px;
    margin-bottom: 30px;
    margin-left: 0;
}

.section-title::before {
    content: attr(data-en);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #c9caca;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
}

/* 修改原有的标题样式 */
.solutions h2,
.applications h2,
.contact h2 {
    text-align: center;
    font-size: 30px;
    position: relative;
    padding-bottom: 16px;
}

.solutions h2:after,
.applications h2:after,
.contact h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background: #ff0000;
}

/* 解决方案面板样式 */
.solution-panel {
    display: none;
    grid-template-columns: repeat(3, 1fr); /* 恢复三列网格布局 */
    gap: 30px;
    position: relative;
    margin-top: 140px;
    padding-bottom: 60px;
}

.solution-panel.active {
    /*display: grid; /* 激活时显示为网格布局 */
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}

/* 更多按钮容器 */
.solution-more {
    grid-column: 1 / -1; /* 跨越所有列 */
    text-align: center;
    margin-top: 60px;
    flex: 100%;
}

/* 更多按钮样式 */
.more-btn {
    display: inline-block;
    padding: 12px 40px;
    background: #ff0000;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-size: 16px;
}

.more-btn:hover {
    background: #e60000;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 0, 0, 0.2);
}

/* 解决方案卡片样式 */
.solution-card {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
    width: 30%;
}

/* 卡片底部横线动画效果 */
.solution-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%; /* 从中间开始 */
    transform: translateX(-50%); /* 居中对齐 */
    width: 0; /* 初始宽度为0 */
    height: 2px;
    background: #e5e5e5;
    transition: all 0.3s ease;
}

/* 默认显示灰色线条 */
.solution-card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e5e5e5;
}

/* hover效果 */
.solution-card:hover::after {
    width: 100%; /* hover时展开到100%宽度 */
    background: #ff0000;
}

.solution-title {
    font-size: 16px;
    color: #333;
    text-align: left;
    padding: 20px 24px;
    font-weight: 500;
}

/* 中间卡片向上突出 */
.solution-panel .solution-card:nth-child(2) {
    position: relative;
    /*top: -60px;*/
}

.solution-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* 中间卡片hover效果特殊处理 */
.solution-panel .solution-card:nth-child(2):hover {
    transform: translateY(-10px);
}

.solution-image {
    width: 100%;
    height: 455px;
    overflow: hidden;
    position: relative;
}

.solution-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.solution-card:hover .solution-image img {
    transform: scale(1.1);
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .solution-panel {
        grid-template-columns: 1fr;
    }

    .solution-image {
        height: 200px;
    }
}

/* 行业应用样式 */
.applications {
    position: relative; /* 使其成为定位上下文 */
    /*height: 100vh; /* 设置为全屏高度 */
    overflow: hidden; /* 隐藏溢出内容 */
}

.application-background {
    background: url('../images/hyyy.jpg') no-repeat center center; /* 设置背景图片 */
    background-size: cover; /* 背景覆盖 */
    height: 100%; /* 使背景容器占满整个区域 */
    position: relative; /* 使其成为定位上下文 */
    padding: 80px 0; /* 添加上下的 padding */
}

.application-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 黑色遮罩层 */
    z-index: 1; /* 确保遮罩层在背景上 */
}

.container {
    position: relative; /* 使内容在遮罩层之上 */
    z-index: 2; /* 确保内容在遮罩层之上 */
    max-width: 1200px; /* 设置最大宽度为100vw，确保全屏 */
    /*padding: 0 15px; /* 添加左右内边距 */
}
.container.container_full{
    max-width: 100%;
    width: 100%;
    padding: 0;}
/* 行业应用轮播样式 */
.application-slider {
    position: relative;
    overflow: hidden; /* 隐藏溢出内容 */
    width: 100vw; /* 确保轮播容器宽度为全屏 */
    display: flex;
    flex-direction: column;
    align-items: center;

}

.application-grid {
    display: flex; /* 使用flex布局 */
    transition: transform 0.5s ease; /* 添加过渡效果 */

    justify-content: flex-start; /* 确保卡片从左侧开始 */
}

.application-card {
    position: relative; /* 确保内容相对于卡片定位 */

    /*margin: 0 20px; /* 添加左右间距，增加间距 */
    transition: transform 0.3s ease; /* 添加放大效果的过渡 */
    overflow: hidden; /* 确保内容不会溢出 */
    width:466px;
    height:466px;
}

/* 控制按钮样式 */
.slider-control {
    position: absolute;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #fff;
    width:40px;
    height:40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    transition: background 0.3s;
    color:#fff;
    /*margin-left:auto;*/
    display: inline-block;
    right: 0;
}

.slider-control:hover {
    background: rgba(255, 255, 255, 1);
    color:#000;
}

.prev {
    margin-right: 50px;
}

.next {
    margin-left: 10px;
}

.application-image {
    width: 100%;
    height: 466px;
    overflow: hidden;
}

.application-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.application-card:hover .application-image img {
    transform: scale(1.1);
}

.application-content {
    position: absolute; /* 绝对定位 */
    bottom: 0; /* 固定在底部 */
    left: 0;
    width: 100%; /* 宽度为100% */
    height: 100%;
    padding: 20px; /* 内边距 */
    background: rgba(0,0,0,0.8); /* 渐变背景 */
    color: #fff; /* 文字颜色 */
    transform: translateY(100%); /* 初始位置在卡片底部外 */
    transition: transform 0.3s ease; /* 添加过渡效果 */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.application-card:hover .application-content {
    transform: translateY(0); /* 悬停时显示内容 */
}
.application-card:hover .texts {
    transform: translateY(300%); /* 悬停时显示内容 */
}

.application-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.application-content p {
    font-size: 14px;
    line-height: 1.6;
    opacity: 0.8;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .application-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .application-image {
        height: 200px;
    }
}

.contact {
    padding: 80px 0;
}

.contact-info {
    text-align: center;
    margin-bottom: 30px;
}

.contact-form {
    max-width: 800px;
    margin: 0 auto;
}

.form-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

/* 响应式适配 */
@media screen and (max-width: 768px) {
    .form-group {
        grid-template-columns: 1fr;
    }
    
    .hero-content h1 {
        font-size: 36px;
    }

    .hero-content p {
        font-size: 20px;
    }

    .solutions h2,
    .applications h2,
    .contact h2 {
        font-size: 28px;
    }
}

/* 页脚样式 */
.footer {
    background: #333;
    color: #fff;
    padding-top: 60px;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, auto));
    gap: 40px;
    margin-bottom: 40px;
}

.footer-section h3 {
    font-size: 14px;
    margin-bottom: 20px;
    position: relative;
}

.footer-section h3:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #ff0000;
}

.footer-logo {
    width: 150px;
    margin-bottom: 15px;
}

.footer-section ul {
    list-style: none;
}

.footer-section ul li {
    margin-bottom: 10px;
    font-size: 12px;
}

.footer-section a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-section a:hover {
    color: #ff0000;
}

.qrcode{font-size: 12px;text-align: center}
.qrcode img {
    max-width: 90px;
    width: 100%;
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: rgba(255,255,255,1);
    background-color: #d70c19;
}

/* 响应式页脚 */
@media screen and (max-width: 768px) {
    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer-section {
        text-align: center;
    }

    .footer-section h3:after {
        left: 50%;
        transform: translateX(-50%);
    }

}
.qrcode {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

/* Tab 容器样式 */
.tab-container {
    margin-top: 40px;
}

.tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.tab-btn {
    padding: 12px 30px;
    border: none;
    background: #f5f5f5;
    color: #666;
    cursor: pointer;
    font-size: 16px;
    border-radius: 50px; /* 半圆形边框 */
    transition: all 0.3s ease;
}

.tab-btn:hover {
    background: #ff0000;
    color: #fff;
}

.tab-btn.active {
    background: #ff0000;
    color: #fff;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .tabs {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .tab-btn {
        width: 200px; /* 移动端固定宽度 */
        text-align: center;
    }
}

/* 修改行业应用标题样式 */
.applications .section-title {
    font-size: 32px; /* 增大字体大小 */
    /*color: #fff; /* 设置为白色 */
    text-align: center; /* 居中对齐 */
    margin-bottom: 30px; /* 保持底部间距 */
}

.application-card .texts{
    position: absolute;
    font-size: 18px;
    color:#fff;
    bottom:28px;
    left:28px;
    transform: translateY(0); /* 初始位置在卡片底部外 */
    transition: transform 0.3s ease; /* 添加过渡效果 */
}
.application-jt{
    width:42px;
    height:42px;
    background-color: #fff;
    border-radius: 50%;
    margin:40px auto 0 auto;
    position: relative;
}
.application-jt::before{
    content: '';
    position: absolute;
    top:50%;
    left:50%;
    width:10px;
    height: 2px;
    background-color: #000;
    transform: translateX(-50%) translateY(-50%);
}
.application-jt::after{
    content: '';
    position: absolute;
    top:50%;
    left:50%;
    width:5px;
    height: 5px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;;
    transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.application-more{
    display: inline-block;
    padding:12px 20px;
    color:#fff;
    border: 1px solid #fff;
    justify-self: center;
    margin-top:60px;
}

.contact p{margin-bottom:20px;font-size: 20px}
.contact-form input{height: 50px;padding-left:20px;border:1px solid #e2e2e2;}
.contact-form textarea{padding:20px;width: 100%;border:1px solid #e2e2e2;height: 180px;}
.contact-form button{
    display: block;
    margin: 30px auto;
    width: 150px;
    height: 50px;
    border:none;
    background-color: #d70c19;color:#fff;
    cursor: pointer;;
}
.nkv{margin-top:80px;}
.nkv img{display: block;width: 100%;}
.tags{height: 70px;background-color: #eeeeee;}
.tag{font-size: 12px;display: flex;align-items: center;height: 100%;color:#727171;}
.tag a{color:#9fa0a0;}
.container_box.about .title{margin-top:40px;font-size: 18px;padding-bottom:15px;border-bottom:#cecece solid 1px;}
.contentBox{font-size: 14px;padding:50px 0;color:#595757;}
.contentBox p{margin-bottom:15px;}
.lgw{display: none;}
.write .lgw{display: inline-block;}
.write .lg{display: none;}
.solutions-tag a{
    display: inline-block;
    margin-left:7px;
    font-size: 12px;
    padding: 0 15px;
    height:35px;line-height: 35px;
    border-radius: 20px;text-align: center;
    background-color: #e5e5e5;
    color:#595757
}
.solutions-tag a.active,.solutions-tag a:hover{
    color:#fff;
    background-color: #d70c19;
}
.solution_carousel{width:50%;}
.f-carousel__slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.solution .title{font-size: 40px;margin-top:40px;padding-bottom:15px;border-bottom:#cecece solid 1px;}
.solution .contentBox>div{margin-bottom:35px;}
.thumb_prev,.thumb_next{position: absolute;top: 50%;transform: translateY(-50%);color:#6f6f6f;cursor: pointer;height: 100%;}
.thumb_next{right:0;}
.thumb_prev:after,.thumb_next:after{content: "";width:8px;height:8px;position: absolute;top: 50%;transform: translateY(-50%) rotate(-45deg);
    border-top: 2px solid #535353;border-left: 2px solid #535353;}
.thumb_prev:after{left:2px;}
.thumb_next:after{transform:translateY(-50%) rotate(135deg);right: 2px}
.f-carousel__viewport{position: relative;}
.fd{width:18px;height:20px;position: absolute;bottom:10px;right:10px;background-image: url("../images/fd.png");
    background-size: cover;
    background-repeat: no-repeat;

}
.solution{padding-bottom:50px;}
.solution_content{padding:30px 0 30px 40px ;flex-direction: column;/*justify-content: space-between;*/width: 50%;align-items: start;line-height: 1.5}
.solution_content .et{font-size: 16px;font-weight: bold;}
.solution_content .title{line-height:1.2;font-size: 30px;font-weight: bold;padding-bottom:15px;border-bottom: 1px solid #eaeaea;margin-bottom:30px;margin-top:0;}
.solution_content .zx{padding:0 15px;height:50px;line-height: 50px;font-size: 16px;text-align: center;background-color: #d70c19;color:#fff;border-radius: 50px;margin-top: 15px;}
.products{margin-top:50px;display: grid;gap: 30px;grid-template-columns:repeat(3, 1fr)}
.products .product_list{width:100%;margin-bottom: 40px;}
.product_list .pic{position: relative;padding-bottom:30px;overflow:hidden}
.product_list .img{display: block;transition:transform 0.3s ease;padding-top:73.68%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.product_list:hover .img{transform:scale(1.1)}
.product_list .pic:after{content:"";height:2px;width:100%;position: absolute;bottom:0;left:0;background-color: #898989;z-index: 1}
.product_list .pic:before{content:"";height:2px;width:20%;position: absolute;bottom:0;left:0;background-color: #d70c19;z-index: 2;transition:all 0.3s ease;}
.product_list:hover .pic:before{width:100%;}
.product_title{margin-top:15px;}
.product_title .pen{font-size: 14px;color:#727171;}
.product_title .pt{font-size: 20px;}
.container .more-btn{margin: auto;width:150px;height:50px;padding:0;display: block;line-height: 50px;text-align: center;}
.solution_contact{background-color: #eeeeee}
.error{color:red;display: block;text-align: center;}
.news_lists{padding:40px 0;border-bottom: #eaeaea solid 1px;}
.news_lists .news_carousel{width:46.67%}
.news_lists .news_carousel .news_pic{width:100%;padding-top:60%;background-color: #d2d2d2;background-size: cover;background-repeat: no-repeat}
.news_lists .news_content{padding:30px 0 30px 5.8%;flex-direction: column;justify-content: space-between;width: 50%;align-items: start;line-height: 1.5}
.news_lists .news_content .title{font-size: 28px;color:#3e3a39;}
.news_lists .news_content .zx{background-color: #e5e5e5;padding:10px 30px;border-radius: 20px;}
.news_lists .news_content .zx:hover{background-color: #d70c19;color:#fff}
.page_list{display: flex;width: 100%;justify-content: center;gap: 5px ;margin-top:40px}
.page_list a{display: block;border: 1px solid #b5b5b5;padding:12px 20px;}
.page_list a:hover,.page_list a.active{border: 1px solid #d70c19;background-color: #d70c19;color:#fff;}
.news_detail .titles{padding:60px 0 20px 0;text-align: center;border-bottom: 1px solid #b5b5b5}
.news_detail .titles .title{font-size: 28px; }
.news_detail .titles .date{font-size: 12px; }
.news_detail .content{width:960px;margin:auto}
.news_detail .np{display:flex;justify-content: space-between;margin-top:40px;font-size: 16px;}
.news_detail .np>div{width:50%;}
.news_detail .np .text-right{text-align: right;}
.about .lxwm{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 20px;}
.about .lxwm img{margin:30px 0 20px 0;}
.about .lxwm .t1{font-size: 40px;padding-bottom:20px;position: relative}
.about .lxwm .t1:after{content:"";position: absolute;bottom:0;left:50%;transform: translateX(-50%);height:3px;width:1.5em;background-color:#d70c19 }
.about .lxwm .t2{margin-top:60px;font-size: 30px;margin-bottom:40px;}
.totop{position: fixed;top:50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: 1px;z-index: 999;right: 50px;}
.totop .block{width:60px;height:60px;background-color: #434343;position: relative;}
.totop .block>img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.totop .block:hover{background-color: #d70c19;}
.totop .block div{min-width:90px;max-height:90px;display: none;position: absolute;transform: translate(-100%,-50%);top:50%;padding:10px ;background-color: #fff;}
.totop .block:hover div{display: block;}
.f-carousel__slide{max-height: 400px;}

@media screen and (max-width: 768px) {
    .hero .kd{font-size:16px;height:50px;line-height: 50px;}
    .solutions{padding:20px 0;}
    .solutions h2, .applications h2, .contact h2{margin-bottom: 5px;}
    .tab-container{margin-top:10px}
    .tabs{margin-bottom: 20px;}
    .solution-panel{margin-top:20px;}
    .solution-panel .solution-card:nth-child(2){top:0;}
    .solution-more{margin-top:0;}
    .solution-panel{padding-bottom: 10px;}
    .application-card{width:100%;height: auto;}
    .application-content p{font-size: 12px;}
    .application-content h3{font-size: 16px;}
    .application-jt{margin: 10px auto 0 auto;width: 23px;height: 23px;}
    .contact p{font-size: 16px;}
    .contact{padding: 25px 0;}
    .qrcode{display: block;}
    .totop{display: none;}
    .tag{display: block;}
    .solutions-tag a{width: auto;height: auto;padding:10px 20px;line-height: 1;margin-left: 5px;margin-top: 10px;font-size: 12px;}
    .nkv{margin-top:50px;}
    .solution_carousel{width: 100%;}
    .solution .contentBox>div{flex-wrap: wrap;}
    .f-carousel__slide{max-height: 236px;}
    .solution_content{width: 100%;padding: 5px 15px;}
    .solution_content .et{font-size: 12px;}
    .solution_content .title{font-size: 16px;padding-bottom:8px;margin-bottom:15px;}
    .contentBox{font-size: 10px;}
    .solution_content .zx{font-size: 12px;height: auto;width: auto;padding:10px 15px;line-height: 1;margin-top: 15px;}
    .products{gap:10px;    grid-template-columns: repeat(2, 1fr);
    }
    .solution .title{font-size: 20px;margin-top:20px;}
    .product_list .pic{padding-bottom: 15px;}
    .contentBox{padding:20px 0;}
    .product_title .pen{font-size: 12px;}
    .product_title .pt{font-size: 16px;}
    .container .more-btn{width: 75px;height: auto;padding:10px 0;line-height: 1;font-size: 12px;}
    .tags{height: auto;}
    .solutions-tag{padding-bottom: 10px;}
    .news_lists .news_carousel{width: 100%;}
    .news_lists .news_content{width: 100%;}
    .news_lists{flex-wrap: wrap}
    .news_lists .news_content .title{font-size: 16px;}
    .news_lists .news_content .zx{margin-top: 15px;}
    .nav a{color:#fff;}
    .nav > ul > li{height: auto;}
    .nav a{font-size: 12px;}
    .nav .submenu{visibility: visible;opacity: 1;background-color: rgba(0,0,0,0);border-bottom:none}
    .nav > ul{justify-content: start}
    .nav .submenu a,.write .nav a{color:#fff;}
    .nav > ul > li > a{width:30%}
    .nav .submenu a{text-align: left}

}

.f-carousel__slide img{width: 100%;}
.container_box.solution>.title{display: none;}
.products{display: none;}