*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,PingFang SC,Helvetica,microsoft yahei ui,microsoft yahei,simsun,arial,sans-serif!important}
body{background-color:#fff;color:#333;padding:0;overflow-x:hidden}
.container {
    padding: 0 16px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
a,a:hover {
    text-decoration: none;
}

 /* 导航栏样式 - 移动端优化 */
        header {position: fixed; top: 40px; left: 0; width: 100%; z-index: 100; background-color: transparent; transition: all .4s ease;}
        header.scrolled {background-color: rgba(255, 255, 255, .95); box-shadow: 0 4px 12px rgba(0,0,0,.08);top:0;}
        .header-content {display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; transition: padding .3s ease;}
        .logo {display: flex; align-items: center; gap: 8px;}
        .logo-icon {height: 36px;  border-radius: 6px; display: flex; align-items: center; justify-content: center;}
        .logo-icon img {height: 36px;}
        .logo-text {font-size: 1.1rem; font-weight: 700; color: #333; transition: color .3s ease;}
        header.scrolled .logo-text {color: #1d2129;}
        
        /* 桌面导航 */
        .nav-desktop {display: none;}
        
        /* 移动端菜单按钮 */
        .mobile-menu-btn {display: block; background: transparent; border: none; color: #333; font-size: 1.25rem; cursor: pointer;}
        header.scrolled .mobile-menu-btn {color: #1d2129;}
        
        /* 移动端菜单 */
        .mobile-nav {position: fixed; top: 60px; left: 0; width: 100%; background-color: white; box-shadow: 0 10px 20px rgba(0,0,0,.1); display: none; flex-direction: column; z-index: 99; padding: 20px;}
        .mobile-nav.active {display: flex;}
        .mobile-nav a {padding: 16px 0; color: #333; text-decoration: none; font-weight: 500; border-bottom: 1px solid #eee;}
        .mobile-nav a:last-child {border-bottom: none;}
        
        /* 按钮样式 */
        .btn {padding: 10px 16px; border-radius: 6px; font-weight: 500; cursor: pointer; transition: all .3s ease; border: none; font-size: 14px;}
        .btn-primary {background-color: #1677ff; color: #fff;}
        .btn-primary:hover {background-color: rgba(22,119,255,.9);}
        .btn-outline {background-color: rgba(22,119,255,.9);color: #fff; border: 1px solid rgba(255,255,255,.8);}
        header.scrolled .btn-outline {color: #fff; border-color: #1677ff;}
        .header-actions{
            display: flex;
            gap: 10px;
        }
        .register{
             padding: 10px 28px;
            background: #222;
            color: #fff;
        }
        .login{
            padding: 10px 28px;
                border: 1px solid #222;
                background: transparent;
                color: #222!important;
        }
.nav-desktop {
    display: none;
}

.contact-sidebar{position:fixed;right:16px;top:68%;transform:translateY(-50%);z-index:9999;display:flex;width:56px;align-items:center;flex-direction:column}
.contact-item{width:50px;height:50px;justify-content:center;border:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;cursor:pointer}
.contact-item .icon{width:20px;height:20px}
.contact-item .ma{width:160px;height:160px}
.contact-popup{position:absolute;right:68px;top:20%;transform:translateY(-50%);background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:15px 0 20px 0;box-shadow:0 1px 3px rgba(0,0,0,.08);display:none;z-index:10000;width:200px}
.contact-item:hover .contact-popup{display:block}
.contact-item-top:hover .contact-popup{display:block}
.contact-popup .title{font-size:12px;color:#333;text-align:center;margin-bottom:8px;font-weight:400}
.popup-qrcode img{width:200px;height:200px;display:block;margin:0 auto}
.popup-phone .tel{font-size:16px;color:#06c;text-align:center;display:block;font-weight:500}
.contact-popup::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border:6px solid transparent;border-left-color:#fff}
.lx-customer-service__top {
    display: flex;
    cursor: pointer;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    border-radius: 99px;
    border: 1.5px solid #fff;
    background: linear-gradient(0deg,#1a79ff,#1a79ff),linear-gradient(173deg,#0067f7,#1a79ff 81.78%,#93f5c1 104.51%);
    box-shadow: 0 8px 24px 0 rgba(85,156,237,.2),0 2px 4px 0 rgba(62,99,144,.08);
    box-sizing: border-box;
    color: #fff;
}
.lx-customer-service__top-avatar{width:40px;height:40px;border-radius:50%;background-position:50%;background-repeat:no-repeat;background-size:contain;outline:1px solid #fff}
.lx-customer-service__top-text{color:#fff;writing-mode:vertical-rl;font-size:14px;letter-spacing:5px;line-height:normal;font-weight:500;width:33px;margin-top:8px;text-align:center;display:none}
.lx-customer-service__bottom{margin-top:20px;padding:20px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:99px;border:1.5px solid #fff;background:linear-gradient(0deg,rgba(0,82,204,0) -.83%,rgba(0,82,204,.07) 109.16%),#fff;box-shadow:0 8px 24px 0 rgba(85,156,237,.2),0 2px 4px 0 rgba(62,99,144,.08);width:54px;box-sizing:border-box;gap:20px}
.lx-customer-service__bottom-item-desc{color:#222;font-size:12px;font-weight:400;line-height:16px;margin-top:4px}
.contact-popup .ma{width:160px;height:160px}
.contact-item-totop{margin-top:20px;padding:20px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:99px;border:1.5px solid #fff;background:linear-gradient(0deg,rgba(0,82,204,0) -.83%,rgba(0,82,204,.07) 109.16%),#fff;box-shadow:0 8px 24px 0 rgba(85,156,237,.2),0 2px 4px 0 rgba(62,99,144,.08);width:55px;height:55px;box-sizing:border-box;cursor:pointer}



/* 页脚 - 移动端优化 */
footer {
    color: #333; 
    padding: 40px 115px 20px; 
    background: #fff;
    border-top: 1px solid #f0f0f0;
}
.footer-content {
    display: flex; 
    flex-direction: column; 
    gap: 30px;
}
.footer-brand {
    display: flex; 
    flex-direction: column; 
    gap: 16px;
}
.footer-logo {
    display: flex; 
    align-items: center; 
    gap: 8px;
}
.footer-logo-icon {
    height: 36px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
}
.footer-logo-icon img {
    width: 100%; 
    height: 100%;
}
.footer-logo-text {
    font-size: 1.1rem; 
    font-weight: 700; 
    color: #333;
}
.footer-description {
    color: #8a8f99; 
    max-width: 100%; 
    font-size: 14px;
    line-height: 1.5;
}
.footer-links {
    display: grid;     
    grid-template-columns: repeat(2, 1fr); 
    gap: 24px;
}
.footer-column {
    max-width: 160px;
    overflow-x: hidden;
    margin-left: 38px;
}
.footer-column h4 {
    font-size: 16px; 
    font-weight: 600; 
    margin-bottom: 12px;
}
.footer-column ul {
    list-style: none;
}
.footer-column li {
    margin-bottom: 8px;
}
.footer-column a {
    color: #8a8f99; 
    text-decoration: none; 
    transition: color .3s; 
    font-size: 14px;
}
.footer-column a:hover {
    color: #333;
}
.footer-bottom {
    padding-top: 24px; 
    margin-top: 24px; 
    text-align: center; 
    color: #999; 
    border-top: 1px solid rgba(34,34,34,.05); 
    font-size: 13px;
}


/* 桌面设备适配 */
@media (min-width: 1024px) {
   /* 确保滚动流畅 */
        html {scroll-behavior: smooth;}
        
        /* 防止长按弹出菜单 */
        a, button {user-select: none; -webkit-tap-highlight-color: transparent;}
    .container {
        padding: 0 40px;
    }
    
    .header-content {
        padding: 20px 120px;
    }
    
    .mobile-menu-btn {
        display: none;
    }
    
    .nav-desktop {
        display: flex;
        align-items: center;
        gap: 24px;
        margin-left: 30px;
    }
    
    .nav-desktop a {
        color: #333;
        text-decoration: none;
        transition: color .3s;
        font-weight: 500;
        font-size: 15px;
    }
    
    header.scrolled .nav-desktop a {color: #1d2129;}
    .nav-desktop a:hover {color: #1677ff;}
    
    
    .contact-sidebar {
        right: 16px;
        top: 68%;
        bottom: auto;
        transform: translateY(-50%);
        width: 65px;
    }
    
    .contact-item {
        width: 50px;
        height: 50px;
    }
    
    .lx-customer-service__top {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    
    .lx-customer-service__top-avatar {
        width: 50px;
        height: 50px;
    }
    
    .lx-customer-service__bottom {
        width: 65px;
        padding: 20px 0;
        gap: 20px;
        margin-top: 20px;
    }
    .contact-item-totop{
       margin-top: 20px;
       padding: 20px 0;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       border-radius: 99px;
       border: 1.5px solid #fff;
       background: linear-gradient(0deg,rgba(0,82,204,0) -.83%,rgba(0,82,204,.07) 109.16%),#fff;
       box-shadow: 0 8px 24px 0 rgba(85,156,237,.2),0 2px 4px 0 rgba(62,99,144,.08);
       width: 65px;
       height: 65px;
       box-sizing: border-box;
       cursor: pointer;
   }
   .lx-customer-service__top-text{width: 38px;display:none}
   .footer-links {
        grid-template-columns: repeat(3, 1fr);
    }
   .footer-content {flex-direction: row; justify-content: space-between;}
}


.banner-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 40px; /* 与下方内容的间距 */
}
.pc-banner {
    display: block;
    width: 100%;
}

/* 移动端Banner - 默认隐藏 */
.mobile-banner {
    display: none;
    width: 100%;
}
.banner-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* 保持图片比例并覆盖容器 */
}

/* 响应式调整Banner高度 */
@media (max-width: 768px) {
   .pc-banner {
        display: none;
    }
    
    .mobile-banner {
        display: block;
    }
}