@charset "UTF-8";
/* Custom Styles for 山东东鑫伟晟智能装备有限公司 */
/* 基础样式 */
body {
    font-family: 'Noto Sans SC', sans-serif;
}

.welcome-container{display:flex;justify-content:space-between;align-items:center;background-color:#ca0701;margin:0 auto;padding:0 30px;height:40px;color:#ffffff}
.welcome-text{font-size:14px;color:#ffffff}
.language-links{display:flex;align-items:center;gap:8px}
.language-links a{text-decoration:none;color:#007bff;font-size:14px;transition:color .3s ease}
.language-links a:hover{color:#0056b3}
.language-links .separator{color:#ccc;font-size:14px}


/* 玻璃态导航栏 */
.glass-nav {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* 章节标题样式 */
.section-title {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}

.section-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background-color: #ef4444;
    margin-top: 8px;
}

/* 产品卡片悬停效果 */
.product-card:hover img {
    transform: scale(1.05);
}

.product-card img {
    transition: transform 0.5s ease;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* 搜索模态框 */
.search-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.search-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-content {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    width: 90%;
    max-width: 600px;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 淡入动画 */
.fade-in {
    animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 淡入向上动画 */
.animate-fade-in-up {
    animation: fadeInUp 0.8s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 轮播指示器样式 */
.carousel-dot {
    transition: all 0.3s ease;
}

.carousel-dot:hover {
    opacity: 1;
}

/* 移动端菜单优化 */
#mobile-menu {
    transition: all 0.3s ease;
}

#mobile-menu a {
    transition: color 0.3s ease;
}

#mobile-menu a:hover {
    color: #ef4444;
}

/* Toast 通知样式（备用） */
.toast {
    position: fixed;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1f2937;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    transition: opacity 0.3s ease;
}

/* 语言切换按钮样式 */
.lang-btn {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.lang-btn:hover {
    opacity: 0.8;
}

/* 搜索框样式优化 */
#search-input {
    transition: border-color 0.3s ease;
}

#search-input:focus {
    outline: none;
}

/* 产品类别卡片 */
.group:hover .group-hover\\:hidden {
    display: none;
}

/* 证书卡片悬停效果 */
#honor .group:hover img {
    transform: scale(1.05);
}

#honor img {
    transition: transform 0.5s ease;
}

/* 新闻中心背景图优化 */
#news .relative img {
    max-width: 100%;
    height: auto;
}

/* 页脚链接样式 */
footer a {
    transition: color 0.3s ease;
}

footer a:hover {
    color: #ef4444;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .section-title::after {
        width: 30px;
    }
    
    nav a::after {
        bottom: -8px;
    }
}
.site-footer{border-top:solid 5px #ed1f25;background-color:#333;color:#a0a0a0;padding:50px 0 20px;font-size:14px}
.footer-container{margin:0 auto;padding:0 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.footer-col{flex:1;min-width:200px;margin-bottom:20px}
.footer-col.contact-col{padding-right:50px}
.footer-col h3{color:#fff;font-size:18px;margin-bottom:20px;position:relative;padding-bottom:20px;font-weight:400}
.footer-col h3::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:rgba(252, 169, 0, 1)}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a:hover{color:#fff;transition:color .3s}
.product-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;justify-content:flex-start}
.product-grid .link-col{width:100%}
.contact-info p{margin-bottom:10px}
.share-box{margin-bottom:20px}
.qr-code{width:120px;height:120px;background-color:#3f3f3f;display:flex;align-items:center;justify-content:center;color:#333;text-align:center}
.social-icons{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.icon-item{position:relative;display:flex;flex-direction:column;align-items:center;overflow:visible!important}
.social-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;transition:transform .3s ease;width:auto;height:auto}
.platform-icon{width:40px;height:40px;object-fit:contain;margin-bottom:8px;border-radius:50%}
.platform-name{font-size:12px;color:#666;white-space:nowrap}
.social-link:hover{transform:translateY(-5px)}
.qrcode-img{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(10px);width:130px!important;height:130px!important;min-width:130px;min-height:130px;flex-shrink:0;padding:5px;background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:all .3s ease;margin-bottom:15px;z-index:100;object-fit:contain}
.qrcode-img::after{content:'';position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#fff transparent transparent transparent}
.icon-item:hover .qrcode-img{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.footer-bottom{border-top:1px solid #444;margin-top:10px;padding-top:20px;text-align:center;color:#a0a0a0}
.footer-bottom p{margin:5px 0}
.gitjie-danye img{margin:0 auto}
@media only screen and (max-width: 768px) {
    .welcome-container{display:none}
    .footer-container{flex-direction:column}
    .footer-col{width:100%;padding-right:0;margin-bottom:40px}
    .footer-col.contact-col{padding-left:0}
    .product-grid{flex-direction:column}
    .footer-bottom{text-align:left}
}