@charset "utf-8";/* ==============www.lemonff.com================= */ /* 清除浮动 */ .clearFix{*zoom:1}
.clearFix:before,.clearFix:after{display:table;content:""}
.clearFix:after{clear:both}
.com-img img{transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1) 0s;-webkit-transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1) 0s;-moz-transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1) 0s;-o-transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1) 0s;}
.com-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.ofH{overflow:hidden;}
/* 文字竖排 */ .rowWords{writing-mode:vertical-lr;writing-mode:tb-lr;white-space:nowrap;}
/* 文字限制行数 */ /* 限制一行 */ .lineLimit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp:2;【兼容必须限高】 */ .lineLimits{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/* 【不推荐】遮挡限制多行兼容 必须限高 */ .lineLimitFit{position:relative;overflow:hidden;height:auto;}
.lineLimitFit:after{content:"...";letter-spacing:3px;font-weight:bold;position:absolute;bottom:0;line-height:initial;right:0;padding-left:36px;background:-webkit-linear-gradient(left,transparent,#fff 55%);background:-o-linear-gradient(right,transparent,#fff 55%);background:-moz-linear-gradient(right,transparent,#fff 55%);background:linear-gradient(to right,transparent,#fff 55%);}
hr{border:0;height:1px;background-color:#ccc;margin:20px 0;}
.body-maxwidth{max-width:1280px;margin:0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;overflow:visible;}
address,cite,dfn,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
span{line-height:normal;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;border-radius:0;}
button{border:0;background-color:transparent;outline:none;-webkit-appearance:none;}
select{border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:14px;background:url("../images/select_arr.png") no-repeat scroll right center transparent;}
textarea{resize:none;}
select,button,input,img{vertical-align:middle;}
input{border:none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance:none;}
input:focus{outline:none;}
:-moz-placeholder,::-moz-placeholder{color:#666;font-size:14px;}
input:-ms-input-placeholder,input::-webkit-input-placeholder{color:#666;font-size:14px;}
*{box-sizing:border-box;}
*::before,*::after{box-sizing:border-box;}
*:focus{outline:none;}
.banSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.clearFix{*zoom:1;}
.clearFix:before,.clearFix:after{display:table;content:"";}
.clearFix:after{clear:both;}
.com-img img{transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1);}
.com-img:hover img{transform:scale(1.1);}
.ofH{overflow:hidden;}
.rowWords{writing-mode:vertical-lr;white-space:nowrap;}
.lineLimit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.lineLimits{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lineLimitFit{position:relative;overflow:hidden;height:auto;}
.lineLimitFit:after{content:"...";letter-spacing:3px;font-weight:bold;position:absolute;bottom:0;line-height:initial;right:0;padding-left:36px;background:linear-gradient(to right,transparent,#fff 55%);}
.bodyontrue .Header-navbarbox{display:block !important;}
/* 中间+共用部分 */ .Container-wrapper{width:100%;margin-top:72px;}
.contain{width:100%;max-width:1280px;margin:0 auto;padding:0 30px;}
.toLink{display:inline-block;position:relative;font-size:14px;color:#999999;font-family:'GothamBook';text-transform:uppercase;padding-right:22px;background:url('../images/indarr.png') no-repeat right top 7px;transition:all .4s ease;}
.toLink:after{content:"";position:absolute;right:0;bottom:-2px;width:0;height:1px;background:#F2D28B;transition:all .6s ease;}
.toLink:hover:after{width:100%;right:auto;left:0;}
.toLink:hover{color:#F2D28B;background-image:url('../images/indarrh.png');}
.toLink-white{color:#fff !important;background-image:url('../images/indarrw.png') !important;}
.toLink-white:after{background:#fff !important;}
.pubTitle{width:100%;text-align:center;}
.pubTitle h6,.pubTitle h1{font-size:40px;color:#FFFFFF;}
.pubTitle i{display:block;width:40px;height:4px;background:#F2D28B;margin:24px auto;}
.sonimgban-img{width:100%;}
.pubTitle p{font-size:14px;color:#999999;line-height:24px;}
.pubTitle-white h6,.pubTitle-white h1{color:#fff;}
.pubTitle-white i{background:#fff;}
.pubTitle-white p{color:#fff;}
.text-center{text-align:center !important;}
.ToMessage{position:fixed;right:0;top:50%;margin-top:127px;z-index:999999;width:54px;height:50px;text-align:center;line-height:48px;cursor:pointer;background:#F2D28B;border-top-left-radius:6px;border-bottom-left-radius:6px;}
.ToMessage img{animation:mfade 2s infinite;}
@keyframes mfade{33.33%{opacity:0.3;transform:scale(1.1);}
66.66%{opacity:0.6;transform:scale(1);}
99.99%{opacity:0.9;}
}
#ECHAT_icon{width:54px !important;height:50px !important;}
.echat .echat-icon-link{width:54px !important;height:50px !important;}
#ECHAT_icon_img{border-top-left-radius:6px;border-bottom-left-radius:6px;object-fit:cover;}
.echat-mini-num,.echat-custom-num{right:0 !important;}
#loading_div{z-index:999999999 !important;}
.echat-icon{z-index:99999999 !important;}
/* -------------------------响应式适配--------------------------- */ @media all and (max-width:1280px){.Header-navbar ul li{margin:0 12px;}
.pubTitle h6,.pubTitle h1{font-size:36px;}
}
@media all and (max-width:1200px){.Header-navbar ul li{margin:0 8px;}
.Header-search-wordsform input{width:480px;}
.pubTitle h6,.pubTitle h1{font-size:32px;}
.pubTitle i{margin:20px auto;}
}
@media all and (max-width:1024px){.Header-logo a p{display:none;}
.Header-navbar ul li{margin:0 4px;}
.Backtop,.ToMessage{width:40px;height:37px;line-height:32px;}
.Backtop{bottom:90px;top:auto;margin-top:0;}
.ToMessage{bottom:130px;top:auto;margin-top:0;}
#ECHAT_icon{width:40px !important;height:37px !important;}
.echat .echat-icon-link{width:40px !important;height:37px !important;}
}
@media all and (max-width:1000px){body,button,input,select,textarea{font-family:'Roboto Condensed',tahoma,Helvetica,Tahoma,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei";}
.Container-wrapper{margin-top:60px;}
.top-listbox .contain{width:100%;}
.top-list{width:100%;overflow-x:auto;float:none;}
.top-list ul{float:none;width:2000px;}
.top-list ul li a{line-height:44px;padding:0 12px;font-size:14px;}
.sunMenu-blank{height:44px;}
.top-listbox.sunMenu{top:60px;}
.mdclass{top:-92px;}
.top-list ul li a:hover{background-color:transparent;}
.top-list ul li.ontrue a{background-color:#449356;}
.H-lang{position:static;}
.H-lang .Hlang-menu i{margin-right:0;}
.H-lang .Hlang-menu span{display:inline-block;}
.sonmenu,.sonlink{width:100%;}
}
@media all and (max-width:640px){.Header-logo a img{height:28px;}
.pubTitle p{display:inline;}
.Footer-copyright span{font-size:12px;}
}
/* ========================================================================== 设计变量定义 (Dark Tech Theme) ========================================================================== */:root{/* 全局黑色背景色调 */ --bg-dark-header:rgba(18,18,20,0.85);/* Header 黑色微透 */ --bg-dark-solid:#0c0c0e;/* 沉浸黑 */ --bg-dark-card:#18181b;/* 下拉/卡片黑 */ --bg-dark-hover:#232328;/* Hover 效果 */ /* 主主题色与文字 */ --color-primary:#F2D28B;/* 暖金色 */ --color-primary-hover:#e0bc70;--color-text-white:#f5f5f7;--color-text-muted:#86868b;--color-border:#27272a;/* 阴影与圆角 */ --radius-sm:8px;--radius-md:14px;--shadow-dark:0 16px 36px rgba(0,0,0,0.5);--transition-fast:all 0.25s cubic-bezier(0.25,0.1,0.25,1);--transition-smooth:all 0.35s cubic-bezier(0.4,0,0.2,1);}
/* 基础重置 */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background-color:var(--bg-dark-solid);color:var(--color-text-white);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;transition:var(--transition-fast);}
/* ========================================================================== Header 黑色高质感设计 ========================================================================== */ .site-header{position:fixed;top:0;left:0;width:100%;height:72px;z-index:1000;background-color:var(--bg-dark-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:var(--transition-fast);}
.site-header.is-scrolled{height:64px;background-color:rgba(12,12,14,0.95);box-shadow:0 4px 20px rgba(0,0,0,0.4);}
.header-container{max-width:1280px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
/* Logo 标识 */ .brand-logo{display:flex;align-items:center;gap:10px;}
.logo-icon{width:28px;height:28px;border-radius:8px;transition:var(--transition-fast);}
.brand-logo:hover .logo-icon{transform:rotate(0deg) scale(1.05);}
.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-0.5px;color:var(--color-text-white);}
.logo-text span{color:var(--color-primary);}
/* PC 主导航 */ .main-nav{height:100%;}
.nav-list{display:flex;align-items:center;height:100%;gap:6px;}
.nav-item{position:relative;height:100%;display:flex;align-items:center;}
.nav-link{padding:0 16px;font-size:0.95rem;font-weight:500;color:#e4e4e7;display:flex;align-items:center;gap:4px;height:100%;position:relative;}
.nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:20px;height:2px;background-color:var(--color-primary);transition:var(--transition-fast);border-radius:2px;}
.nav-link:hover,.nav-link.active{color:#ffffff;}
.nav-link:hover::after,.nav-link.active::after{transform:translateX(-50%) scaleX(1);}
.arrow-icon{width:16px;height:16px;fill:currentColor;transition:var(--transition-fast);}
.has-dropdown:hover .arrow-icon{transform:rotate(180deg);}
/* 二级卡片下拉菜单（暗色系） */ .dropdown-menu{position:absolute;top:calc(100% - 6px);left:50%;transform:translateX(-50%) translateY(10px);opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition-smooth);padding-top:12px;}
.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.dropdown-card{background:var(--bg-dark-card);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-dark);border:1px solid var(--color-border);min-width:480px;}
.dropdown-card--simple{min-width:220px;padding:8px;}
.dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius-sm);transition:var(--transition-fast);}
.dropdown-item:hover{background-color:var(--bg-dark-hover);}
.item-icon{font-size:1.25rem;background:rgba(255,255,255,0.05);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;}
.item-info h4{font-size:0.9rem;font-weight:600;color:var(--color-text-white);margin-bottom:2px;}
.item-info p{font-size:0.75rem;color:var(--color-text-muted);line-height:1.3;}
.dropdown-link-item{display:block;padding:10px 14px;font-size:0.9rem;color:#e4e4e7;border-radius:var(--radius-sm);}
.dropdown-link-item:hover{background-color:var(--bg-dark-hover);color:var(--color-primary);}
/* Header 右侧直接联系方式 */ .header-actions{display:flex;align-items:center;gap:16px;}
.action-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:var(--transition-fast);}
.action-btn svg{width:20px;height:20px;fill:var(--color-text-white);}
.action-btn:hover{background-color:var(--bg-dark-hover);}
/* 顶部电话按钮展示 */ .header-phone{display:flex;align-items:center;gap:8px;color:var(--color-text-white);font-weight:600;font-size:1.2rem;padding:6px 12px;border-radius:20px;transition:var(--transition-fast);}
.header-phone:hover{color:var(--color-primary);background-color:rgba(255,255,255,0.05);}
.phone-icon{width:18px;height:18px;fill:var(--color-primary);}
/* 汉堡按钮 */ .hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;}
.hamburger-btn .bar{width:100%;height:2px;background-color:var(--color-text-white);border-radius:2px;}
/* ========================================================================== Footer 黑色极简高级设计 ========================================================================== */ .site-footer{background-color:#08080a;color:var(--color-text-muted);padding:80px 0 40px;font-size:0.9rem;border-top:1px solid var(--color-border);}
.footer-container{max-width:1280px;margin:0 auto;padding:0 24px;}
.footer-layer--primary{display:grid;grid-template-columns:320px 1fr;gap:140px;}
.brand-desc{margin-top:16px;line-height:1.6;font-size:0.85rem;color:var(--color-text-muted);}
.brand-contact-info{margin-top:20px;font-size:0.85rem;line-height:1.8;}
.brand-contact-info strong{color:var(--color-text-white);}
.footer-nav-group{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.col-title{color:var(--color-text-white);font-size:1rem;font-weight:600;margin-bottom:20px;}
.col-links li{margin-bottom:12px;}
.col-links a{color:var(--color-text-muted);font-size:0.85rem;}
.col-links a:hover{color:var(--color-text-white);}
.footer-divider{border:none;height:1px;background-color:var(--color-border);margin:50px 0 30px;}
/* 社交图标 */ .footer-layer--social{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;}
.social-icons{display:flex;align-items:center;gap:12px;}
.social-item{position:relative;}
.social-btn{width:38px;height:38px;border-radius:50%;background-color:var(--bg-dark-card);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);border:1px solid rgba(255,255,255,0.05);}
.social-btn svg{width:18px;height:18px;fill:var(--color-text-muted);}
.social-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px);}
.social-btn:hover svg{fill:#121214;}
/* 微信二维码悬浮 */ .qr-popover{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:var(--bg-dark-card);border:1px solid var(--color-border);padding:12px;border-radius:var(--radius-sm);box-shadow:var(--shadow-dark);text-align:center;opacity:0;visibility:hidden;transition:var(--transition-fast);width:110px;}
.social-item:hover .qr-popover{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.qr-code-placeholder{width:86px;height:86px;background-color:#27272a;display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#a1a1a6;margin:0 auto 6px;border-radius:4px;}
.qr-popover p{font-size:0.7rem;color:#a1a1a6;}
/* 版权及监管 */ .footer-layer--copyright{display:flex;align-items:center;justify-content:space-between;font-size:0.8rem;color:#6e6e73;border-top:1px solid var(--color-border);padding-top:30px;flex-wrap:wrap;gap:16px;}
.copyright-text{display:flex;gap:16px;flex-wrap:wrap;}
.copyright-text a:hover{color:var(--color-text-muted);}
.footer-legal-links{display:flex;align-items:center;gap:10px;}
.footer-legal-links .sep{color:#3a3a3c;}
/* ========================================================================== 移动端抽屉 & 底部折叠手风琴响应式设计 ========================================================================== */ .mobile-drawer-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:1998;opacity:0;pointer-events:none;transition:var(--transition-fast);}
.mobile-drawer-mask.is-active{opacity:1;pointer-events:auto;}
.mobile-drawer{position:fixed;top:0;right:-100%;width:82%;max-width:320px;height:100%;background-color:var(--bg-dark-solid);border-left:1px solid var(--color-border);z-index:1999;transition:var(--transition-smooth);display:flex;flex-direction:column;}
.mobile-drawer.is-active{right:0;}
.drawer-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);}
.drawer-title{font-weight:600;color:var(--color-text-white);}
.drawer-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);}
.drawer-body{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.mobile-nav-list li{border-bottom:1px solid rgba(255,255,255,0.04);}
.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:0.95rem;color:var(--color-text-white);cursor:pointer;}
.mobile-sub-menu{display:none;background-color:var(--bg-dark-card);border-radius:var(--radius-sm);padding:6px 12px;margin-bottom:10px;}
.mobile-sub-menu a{display:block;padding:8px 0;font-size:0.85rem;color:var(--color-text-muted);}
.mobile-has-sub.is-open .mobile-sub-menu{display:block;}
.mobile-has-sub.is-open .arrow-icon{transform:rotate(180deg);}
.mobile-drawer-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--color-border);}
.mobile-contact-call{display:block;color:var(--color-primary);font-weight:600;font-size:0.9rem;}
/* 屏幕尺寸 < 992px：移动端样式转换 */ @media (max-width:992px){.main-nav,.header-phone .phone-num{display:none;/* 移动端顶部只保留电话图标 */}
.hamburger-btn{display:flex;}
.footer-layer--primary{grid-template-columns:1fr;gap:40px;}
.site-footer{padding:20px 0;}
/* 移动端底部菜单变成上下折叠单列布局 */ .footer-nav-group{grid-template-columns:1fr;gap:0;border-top:1px solid var(--color-border);}
.accordion-col{border-bottom:1px solid var(--color-border);}
/* 移动端标题样式：允许点击 */ .accordion-title{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:0;cursor:pointer;user-select:none;}
/* 折叠指示图标 (+) */ .accordion-icon{position:relative;width:14px;height:14px;}
.accordion-icon::before,.accordion-icon::after{content:'';position:absolute;background-color:var(--color-text-muted);transition:var(--transition-fast);}
.accordion-icon::before{top:6px;left:0;width:14px;height:2px;}
.accordion-icon::after{top:0;left:6px;width:2px;height:14px;}
/* 展开状态下变成 (-) Icon */ .accordion-col.is-open .accordion-icon::after{transform:rotate(90deg);opacity:0;}
/* 默认隐藏子菜单 */ .accordion-content{max-height:0;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1);}
.accordion-content li{margin-bottom:10px;}
.accordion-col.is-open .accordion-content{padding-bottom:16px;}
.footer-layer--social,.footer-layer--copyright{flex-direction:column;align-items:flex-start;gap:16px;}
.sonlinkmenu .sonlinkmenu-box{flex-wrap:wrap;}
}