/* 清理完成 日期：2019-09-24 13:24:12 FF */

/* 本地字体定义 */
@font-face {
    font-family: 'SourceHanSansCN';
    src: url('https://oss.zlygu.com/uploads/20251202/424662ea34034a88ef8e8e50d8587a24.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('https://oss.zlygu.com/uploads/20251202/4bf258e4fc46ebec0711833d027dae88.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN';
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('https://oss.zlygu.com/uploads/20251202/4abbfb4952c885f2bcbb42ff71d1bf29.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

/* 黑色主题全局样式 */
body {
    background-color: #000000 !important;
    color: #e0e0e0 !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
}

/* 强制所有header文字使用细体 */
#indexPage .content .header .title,
.content .header p.title,
#indexPage .content .header .subtitle,
.content .header p.subtitle,
#mcontact .header .title,
#mcontact .header p.title,
#indexPage #mcontact .header p.title,
#mcontact .header .subtitle,
#mcontact .header p.subtitle,
#indexPage #mcontact .header p.subtitle,
#contactinfo-en .subtitle {
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
}

/* 强制导航链接使用细体 */
#header ul li.navitem a,
body.bodyproject #header ul li.navitem a,
body.bodylist #header ul li.navitem a,
body.ipusher #header ul li.navitem a {
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
    color: #e0e0e0 !important;
    font-size: 14px !important;
}

/* 让active和hover状态下的白线变细 */
#header ul li.navitem a.active::after,
#header ul li.navitem a:hover::after {
    height: 1px !important;
    background: #ffffff !important;
}

/* 主要容器背景 */
#sitecontent {
    background-color: #000000 !important;
}

/* 各个模块背景 */
#indexPage .module {
    background-color: #000000 !important;
}

#indexPage #mproject {
    background-color: #000000 !important;
}

#indexPage #mnews,
#indexPage #mservice,
#indexPage #mteam,
#indexPage #mpartner,
#indexPage #mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 强制覆盖所有mcontact背景样式 */
#mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

.module#mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 针对所有页面的mcontact模块 */
body #mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 针对子页面的mcontact模块 */
.page #mcontact,
.page .module#mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 确保mcontact模块内的文字颜色正确 */
#mcontact .content,
#mcontact .header,
#mcontact .contact-section {
    color: #ffffff !important;
}

#mcontact .header .title,
#mcontact .header p.title {
    color: #ffffff !important;
}

#mcontact .header .subtitle,
#mcontact .header p.subtitle {
    color: #cccccc !important;
}

#mcontact .contact-label {
    color: #ffffff !important;
}

#mcontact .company-name,
#mcontact .company-address,
#mcontact .contact-item {
    color: #cccccc !important;
}

/* 确保bgmask不影响黑色背景 */
#mcontact .bgmask {
    background-color: transparent !important;
    background: transparent !important;
    display: none !important;
}

/* 工作页面背景样式 */
.npagePage,
.Pageanli,
#mproject {
    background-color: #000000 !important;
}

/* 工作页面内容区域 */
#mproject .content {
    background-color: #000000 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

/* 工作页面项目列表背景 */
#projectlist {
    background-color: #000000 !important;
}

/* 工作页面分类导航 */
#category {
    background-color: transparent !important;
}

/* 调整category定位，使其右侧与最右边卡片的最右边对齐 */
#indexPage #mproject #category {
    position: absolute !important;
    right: calc(20px + 2%) !important;
    text-align: right !important;
    width: auto !important;
}

#category li a {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

#category li a:hover,
#category li a.active {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 工作页面标题样式 */
#mproject .header .title {
    color: #ffffff !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
}

#mnews .header .title {
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
}

.contact-title {
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
}

/* 作品详情页 MORE WORKS 标题变细为 300 */
.morework-title,
.morework-title .chinese {
    font-weight: 300 !important;
    letter-spacing: 0.1em !important;
}

/* 新闻列表页标题单独变细一些 */
#newsPage .header .title {
    font-weight: 300 !important;
    letter-spacing: 0.1em !important;
}

#mproject .header .subtitle {
    color: #b0b0b0 !important;
}

/* 工作页面底部样式 */
#footer {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #8e8e8e !important;
    border-top: 1px solid #333333 !important;
    float: none !important;
}

#footer p {
    color: #8e8e8e !important;
    padding: 8px 0 !important;
    width: 90% !important;
    margin: 0 auto !important;
    text-align: left !important;
}

#footer a {
    color: #8e8e8e !important;
}

/* 禁用footer区域的所有动画效果 */
#footer,
#footer *,
#mcontact,
#mcontact *,
.module--site-footer,
.module--site-footer * {
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
}

/* 禁用WOW.js动画类在footer区域生效 */
#footer .wow,
#footer .animated,
#mcontact .wow,
#mcontact .animated,
.module--site-footer .wow,
.module--site-footer .animated {
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 工作页面浮动按钮样式 */
#shares {
    background-color: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

#shares a {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #333333 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#shares a:hover {
    background-color: #555 !important;
    color: #ffffff !important;
}

/* 工作页面header样式 */
body.bodyproject #header,
body.bodylist #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 80px !important;
    background-color: rgba(0, 0, 0, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1) !important;
    z-index: 9999 !important;
    transition: all 0.3s ease !important;
}

body.bodyproject #header .content,
body.bodylist #header .content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 4% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 80px !important;
}

body.bodyproject #header #logo,
body.bodylist #header #logo {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

body.bodyproject #header #logo img,
body.bodylist #header #logo img {
    height: 40px !important;
    margin: 0 !important;
}

body.bodyproject #header ul li.navitem,
body.bodylist #header ul li.navitem {
    display: flex !important;
    align-items: center !important;
    border: none !important;
    background: transparent !important;
    margin: 0 25px !important;
    padding: 0 !important;
    line-height: normal !important;
}

body.bodyproject #header ul li.navitem a,
body.bodylist #header ul li.navitem a {
    color: #e0e0e0 !important;
    font-size: 14px !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

body.bodyproject #header ul li.navitem a:hover,
body.bodyproject #header ul li.navitem a.active,
body.bodylist #header ul li.navitem a:hover,
body.bodylist #header ul li.navitem a.active {
    color: #ffffff !important;
}

/* 更高优先级的导航active状态样式 */
body.bodyproject #header ul li.navitem a.active,
body.bodylist #header ul li.navitem a.active {
    color: #ffffff !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
}

/* 工作页面内容区域顶部间距 */
body.bodyproject #sitecontent,
body.bodylist #sitecontent {
    padding-top: 80px !important;
}

/* 内容区域背景 */
#indexPage .module .content {
    background-color: transparent !important;
}

/* 为works和news模块设置与header一致的宽度 */
#indexPage #mproject .content,
#indexPage #mnews .content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

/* 覆盖原始CSS中的margin-left设置，确保与轮播图宽度一致 */
#mproject .content .header,
#mproject.Pageanli .content .header {
    margin-left: 0 !important;
}

#indexPage #mproject .content .wrapper .content_list {
    margin-left: 0 !important;
}

#indexPage #mproject .content .wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* 将 NEWS 区域整体上移，缩小与上方模块的间距 */
#indexPage #mnews {
    position: relative !important;
    top: -120px !important;
}

/* 覆盖NEWS区域的margin-left设置，确保与轮播图宽度一致 */
#indexPage #mnews .content .header {
    margin-left: 0 !important;
}

#indexPage #mnews #newslist {
    margin-left: 0 !important;
}

#indexPage #mnews #newslist .wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 覆盖联系我们区域的margin设置，确保与NEWS宽度一致 */
#indexPage #mcontact .content #contactlist {
    width: 100% !important;
    margin-left: 0 !important;
}

#contactlist {
    width: 100% !important;
    margin-left: 0 !important;
}

/* 轮播图全屏覆盖 */
#indexPage #mslider {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#indexPage #mslider .slider,
#indexPage #mslider .bx-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#indexPage #mslider ul li {
    width: 100% !important;
    max-width: 100% !important;
}

/* 白色背景改为深色 */
.bgShow,
#indexPage #mpage {
    background-color: #0a0a0a !important;
}

/* 项目卡片背景 - 未悬停时透明，只显示图片 */
#projectlist .projectitem a .project_info {
    background: rgba(0, 0, 0, 0) !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
}

/* 悬停时显示信息层和文字 - 改为白色半透明背景 */
#projectlist .projectitem a:hover .project_info {
    background: rgba(255, 255, 255, 0.7) !important;
    opacity: 1 !important;
}

#projectlist .projectitem a:hover .project_info p.title {
    color: #ffffff !important;
}

#projectlist .projectitem a:hover .project_info p.subtitle {
    color: #b7b7b7 !important;
}

/* 悬浮三行显示：标题/副标题/us 各占一行并做截断 */
#projectlist .projectitem a .project_info p.title,
#projectlist .projectitem a .project_info p.subtitle,
#projectlist .projectitem a .project_info p.us {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 0 0 8px 0 !important;
}

/* 第三行 us 文案样式与颜色 */
#projectlist .projectitem a .project_info p.us {
    color: #9a9a9a !important;
}

#projectlist .projectitem a:hover .project_info p.us {
    color: #9a9a9a !important;
}

/* 三行文字的指定样式（Inter 字体与字号、行高、字距与颜色） */
#projectlist .projectitem a .project_info p.title {
    font-family: 'Inter', 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    color: #000000 !important;
}

#projectlist .projectitem a .project_info p.subtitle {
    font-family: 'Inter', 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 11px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    color: #231815 !important;
}

#projectlist .projectitem a .project_info p.us {
    font-family: 'Inter', 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 11px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    color: #9C9C9D !important;
    margin-bottom: 0 !important;
}

/* 悬浮时保持相同颜色 */
#projectlist .projectitem a:hover .project_info p.title { color: #000000 !important; }
#projectlist .projectitem a:hover .project_info p.subtitle { color: #231815 !important; }
#projectlist .projectitem a:hover .project_info p.us { color: #9C9C9D !important; }

/* 文字颜色调整 */
#indexPage .content .header .title,
.content .header p.title {
    color: #ffffff !important;
    border-bottom: none !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
    font-size: 69.11px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin-bottom: 20px !important;
}

#indexPage .content .header .subtitle,
.content .header p.subtitle {
    color: #b0b0b0 !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
    font-size: 65.89px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
}


/* 封面图轮播导航点居中显示 */
#indexPage #mslider .bx-wrapper .bx-pager {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* 显示分类区域 */
#category {
    display: block !important;
    visibility: visible !important;
}

/* 强制显示第一个分类链接 */
#category a:first-child {
    display: inline-block !important;
    visibility: visible !important;
}

/* 分类字体样式 */
#category a {
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
    font-size: 15px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
}

/* 品牌视觉分类添加星形图标 */
#category a.active {
    position: relative !important;
}

#category a.active::before {
    content: "" !important;
    background-image: url('../static/ppsj.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 16px !important;
    height: 16px !important;
    position: absolute !important;
    top: -4px !important;
    left: 8px !important;
    display: block !important;
    z-index: 10 !important;
}

/* 联系我们模块标题样式 */
#mcontact .header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    visibility: visible !important;
    margin-bottom: 0 !important;
    padding: 100px 0 20px !important;
    margin-left: 4% !important;
    width: 82% !important;
    padding-left: 9% !important;
    margin-right: 9% !important;
    position: relative !important;
}

/* 联系我们模块内容区域与header保持一致宽度 */
#mcontact .content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

#mcontact .header .title,
#mcontact .header p.title,
#indexPage #mcontact .header p.title {
    color: #ffffff !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 0 !important;
    display: inline-block !important;
    visibility: visible !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

#mcontact .header .subtitle,
#mcontact .header p.subtitle,
#indexPage #mcontact .header p.subtitle {
    color: #ffffff !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-size: 65.89px !important;
    font-weight: 300 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 0;
    display: inline-block !important;
    visibility: visible !important;
}

#projectlist .projectitem a .project_info p.title {
    color: #ffffff !important;
}

/* 联系我们区域内的标题样式 */
#contactinfo .title {
    color: #ffffff !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 0 0 20px 0 !important;
    display: block !important;
    position: relative !important;
}

#contactinfo .title::after {
    content: "" !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 0 !important;
    width: calc(100% + 880px) !important;
    height: 1px !important;
    background-color: #a09f9f !important;
}

#contactinfo-en .subtitle {
    color: #ffffff !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-size: 65.89px !important;
    font-weight: 300 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: -30px 0 20px 0 !important;
    display: block !important;
}

/* 分隔线样式 - 与文本宽度一致 */
#contactinfo .contact-divider {
    width: fit-content !important;
    max-width: 100% !important;
    height: 1px !important;
    background-color: #c3c3c3 !important;
    margin: 10px 0 20px 0 !important;
    display: block !important;
}

/* 公司地址向下移动并保持平行 */
#contactinfo .contact-section h3.contact-label:first-of-type,
#contactinfo-en .contact-section h3.contact-label:first-of-type {
    margin-top: 60px !important;
    margin-bottom: 5px !important;
}

/* 所有联系标签间距调整 */
#contactinfo .contact-section h3.contact-label,
#contactinfo-en .contact-section h3.contact-label {
    margin-bottom: 5px !important;
}

/* 公司名称和地址信息间距调整 */
#contactinfo .company-name,
#contactinfo-en .company-name,
#contactinfo .contact-section .company-name,
#contactinfo-en .contact-section .company-name {
    margin: 0 0 2px 0 !important;
    margin-bottom: 2px !important;
}

#contactinfo .company-address,
#contactinfo-en .company-address {
    margin: 0 0 15px 0 !important;
}

/* 联系方式信息间距调整 */
#contactinfo .contact-item,
#contactinfo-en .contact-item {
    margin: 0 0 15px 0 !important;
}

#projectlist .projectitem a .project_info p.subtitle {
    color: #999999 !important;
}

/* 新闻模块 */
#newslist .newsbody .title {
    color: #ffffff !important;
}

#newslist .newsbody .description {
    color: #aaaaaa !important;
}

/* 服务模块 */
#servicelist .serviceitem div p.title {
    color: #ffffff !important;
}

#servicelist .serviceitem div p.description {
    color: #999999 !important;
}

/* 团队模块 */
#indexPage #mteam .summary p.title a {
    color: #ffffff !important;
}

#indexPage #mteam .description {
    color: #aaaaaa !important;
}

/* 联系表单背景 */
#indexPage #mcontact {
    background: #000000 !important;
}

#contactform p .inputtxt {
    background-color: transparent !important;
    border-bottom: 1px solid #444444 !important;
    color: #e0e0e0 !important;
}

#contactform p .inputtxt:hover {
    border-bottom: 1px solid #666666 !important;
}

#contactform p .inputsub {
    background-color: transparent !important;
    color: #e0e0e0 !important;
    border: 1px solid #666666 !important;
}

#contactform p .inputsub:hover {
    background-color: #333333 !important;
    border: 1px solid #888888 !important;
    color: #fff !important;
}

#contactinfo h3,
#contactinfo p {
    color: #e0e0e0 !important;
}

/* 页脚样式已在上面的工作页面底部样式中定义 */

/* 边框颜色调整 */
.border-top,
[style*="border-top"] {
    border-top-color: #222222 !important;
}

/* 0729-css */

.Pageservice #servicelist { width: 92%;}

.Pageservice #servicelist .serviceitem a { height: auto;}

.Pageservice #servicelist .serviceitem:hover div p.title { padding-top: 25px;}
/* 0729-css end */

/* 顶部导航栏自定义样式 */
/* 移除 body 的 ipusher 相关样式 */
body.ipusher #header,
body.ipusher.open #header,
body.ipusher #header .content {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    padding: 0 !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(0, 0, 0, 0.95) !important;
    backdrop-filter: blur(10px) !important;
}

body.ipusher #header .content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 4% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 80px !important;
}

body.ipusher #header #logo {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

body.ipusher #header #logo img {
    height: 40px !important;
    margin: 0 !important;
}

body.ipusher #header ul li.navitem {
    display: flex !important;
    align-items: center !important;
    border: none !important;
    background: transparent !important;
    margin: 0 25px !important;
    padding: 0 !important;
    line-height: normal !important;
}

body.ipusher #header ul li.navitem a {
    color: #e0e0e0 !important;
    font-size: 14px !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-weight: 300 !important;
}

body.ipusher #header ul li.navitem a:hover,
body.ipusher #header ul li.navitem a.active {
    color: #ffffff !important;
}

/* 全局header宽度设置 - 确保所有页面保持一致 */
#header .content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

/* 清除默认的 clear */
#header .content .clear {
    display: none;
}

/* 首页幻灯片样式调整 */
#indexPage #mslider {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 修复轮播图全屏时上部分被遮挡的问题 */
#indexPage #mslider .bx-wrapper {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    z-index: 10 !important;
    aspect-ratio: 8 / 3 !important; /* 1200:450 比例 */
    min-height: 300px !important;
}

#indexPage #mslider ul li {
    height: auto !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    aspect-ratio: 8 / 3 !important; /* 1200:450 比例 */
    min-height: 300px !important;
}

/* 确保轮播图在视口顶部开始 */
#indexPage #mslider {
    position: relative !important;
    overflow: hidden !important;
}

/* 轮播图导航点样式调整 */
#indexPage #mslider .bx-wrapper .bx-pager {
    position: absolute !important;
    bottom: 50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;
}

/* 轮播图按钮样式 - 去掉外圈，只保留中间点 */
#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px !important;
    height: 8px !important;
    border: none !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 6px !important;
}

#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a.active {
    border: none !important;
    background-color: rgba(255, 255, 255, 1) !important;
}

/* 隐藏原来的 pager-item 背景点 */
#indexPage #mslider .bx-wrapper .bx-pager-item {
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

/* 响应式轮播图高度调整 */
@media (max-width: 768px) {
    /* 高度由脚本按 1200:450 比例计算，这里不强制高度 */
}

@media (min-width: 1920px) {
    /* 高度由脚本按 1200:450 比例计算，这里不强制高度 */
}

/* 针对导航栏的滚动效果 */
#header.scrolled {
    background-color: rgba(0, 0, 0, 0.98) !important;
    box-shadow: 0 2px 15px rgba(255, 255, 255, 0.2) !important;
}

/* 响应式设计：移动端 */
@media (max-width: 768px) {
    #header {
        height: 60px;
    }
    
    #header .content {
        height: 60px !important;
    }
    
    body #sitecontent {
        padding-top: 60px !important;
    }
    
    #header #logo img {
        height: 35px !important;
    }
    
    #header #nav {
        display: none; /* 移动端可以考虑添加汉堡菜单 */
    }
    
    #headSHBtn {
        display: block !important;
        position: absolute;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: transparent;
        border: none;
        cursor: pointer;
    }
}

/* 平板设备 */
@media (min-width: 769px) and (max-width: 1024px) {
    #header .content {
        padding: 0 2%;
    }
    
    #header ul li.navitem {
        margin: 0 15px !important;
    }
    
    #header ul li.navitem a {
        font-size: 13px;
    }
}

/* 大屏幕优化 */
@media (min-width: 1440px) {
    #header .content {
        max-width: 1400px;
    }
}

/* 超大屏幕 */
@media (min-width: 1920px) {
    #header .content {
        max-width: 1400px;
    }
}

/* 2K分辨率 (2560px) */
@media (min-width: 2560px) {
    #header .content {
        max-width: 2200px !important;
        padding: 0 5% !important;
    }
    
    body.bodyproject #header .content,
    body.bodylist #header .content {
        max-width: 2200px !important;
        padding: 0 5% !important;
    }
    
    body.ipusher #header .content {
        max-width: 2200px !important;
        padding: 0 5% !important;
    }
    
    /* 同步更新works、news和contact模块的宽度 */
    #indexPage #mproject .content,
    #indexPage #mnews .content,
    #mcontact .content {
        max-width: 2200px !important;
        padding: 0 5% !important;
    }

    /* 2K下同步更新轮播图宽度 */
    #indexPage #mslider {
        max-width: 2200px !important;
        padding: 0 5% !important;
        margin: 0 auto !important;
    }
    
    #indexPage #mslider .content {
        max-width: 2200px !important;
        padding: 0 5% !important;
        margin: 0 auto !important;
    }
    
    #indexPage #mslider .slider,
    #indexPage #mslider .bx-wrapper {
        max-width: 100% !important;
    }
    
    #contactlist {
        max-width: 2200px !important;
        padding: 0 5% 100px 5% !important;
    }
}

/* macOS 系统强制使用 1920px 样式，忽略 2K 和 4K 媒体查询 */
html.macos #header .content,
html.macos body.bodyproject #header .content,
html.macos body.bodylist #header .content,
html.macos body.ipusher #header .content {
    max-width: 1400px !important;
    padding: 0 40px !important;
}

html.macos #indexPage #mproject .content,
html.macos #indexPage #mnews .content,
html.macos #mcontact .content {
    max-width: 1400px !important;
    padding: 0 40px !important;
}

html.macos #indexPage #mslider {
    max-width: 100% !important;
    padding: 0 !important;
}

html.macos #indexPage #mslider .content {
    max-width: 1372px !important;
    padding: 0 40px !important;
    transform: translateX(-13px) !important;
}

html.macos #contactlist {
    max-width: 1400px !important;
    padding: 0 40px 100px 40px !important;
}

/* 4K分辨率 (3840px) */
@media (min-width: 3840px) {
    #header .content {
        max-width: 3200px !important;
        padding: 0 6% !important;
    }
    
    body.bodyproject #header .content,
    body.bodylist #header .content {
        max-width: 3200px !important;
        padding: 0 6% !important;
    }
    
    body.ipusher #header .content {
        max-width: 3200px !important;
        padding: 0 6% !important;
    }
    
    /* 同步更新works、news和contact模块的宽度 */
    #indexPage #mproject .content,
    #indexPage #mnews .content,
    #mcontact .content {
        max-width: 3200px !important;
        padding: 0 6% !important;
    }

    /* 4K下同步更新轮播图宽度 */
    #indexPage #mslider {
        max-width: 3200px !important;
        padding: 0 6% !important;
        margin: 0 auto !important;
    }
    
    #indexPage #mslider .content {
        max-width: 3200px !important;
        padding: 0 6% !important;
        margin: 0 auto !important;
    }
    
    #indexPage #mslider .slider,
    #indexPage #mslider .bx-wrapper {
        max-width: 100% !important;
    }
    
    #contactlist {
        max-width: 3200px !important;
        padding: 0 6% 100px 6% !important;
    }
}

/* 确保header在页面加载时立即应用样式 */
#header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    transition: none !important;
}

/* 移除强制样式，让HTML中的样式生效 */
#header .content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 80px !important;
}

/* 防止页面加载时的闪烁 */
body {
    overflow-x: hidden !important;
}

/* 顶部导航栏自定义样式结束 */

/* 隐藏所有默认鼠标指针 */
* {
    cursor: none !important;
}

body, html {
    cursor: none !important;
}

a, button, input, select, textarea, [onclick] {
    cursor: none !important;
}

/* 鼠标跟随小黄点效果 - 支持动态缩放 */
.cursor-dot {
    position: fixed;
    width: 16px;
    height: 16px;
    background-color: #fed73f;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transform: translate(-50%, -50%);
    will-change: transform, width, height;
    transition: width 0.3s ease, height 0.3s ease, transform 0.1s ease;
}

/* 鼠标悬停时的效果 - 保持相同颜色 */
.cursor-dot.hover {
    transform: translate(-50%, -50%) scale(1.8);
    background-color: #fed73f;
}

/* 确保小点不会影响页面交互 */
.cursor-dot {
    pointer-events: none;
}

/* 移动端隐藏小点 */
@media (max-width: 768px) {
    .cursor-dot {
        display: none;
    }
    
    body {
        cursor: auto !important;
    }
}

/* 小红书图标样式 */
#shares a#sxiaohongshu {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    width: 38px !important;
    height: 39px !important;
    border-bottom: none !important;
    position: fixed !important;
    bottom: 120px !important;
    right: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

#shares a#sxiaohongshu .xhs-icon {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    transition: transform 0.3s ease !important;
    background: none !important;
    border: none !important;
}

#shares a#sxiaohongshu:hover {
    background-color: #555 !important;
}

#shares a#sxiaohongshu:hover .xhs-icon {
    transform: scale(1.1) !important;
}

/* Find Us 联系我们样式 */
.contact-divider {
    width: 82% !important;
    height: 0px !important;
    border-top: 0.52px solid #333333 !important;
    margin: 0 0 20px 0 !important;
    margin-left: 9% !important;
    margin-right: 9% !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.contact-section {
    color: #ffffff;
}

.contact-label {
    color: #ffffff !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 15px 0 8px 0;
}

.company-name {
    color: #ffffff !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 5px 0;
}

.company-address {
    color: #ffffff !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 5px 0 15px 0;
}

.contact-item {
    color: #ffffff !important;
    font-family: 'SourceHanSansCN', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 5px 0;
}

.contact-item i {
    margin-right: 8px;
    margin-left: 0;
}

.contact-item i:first-child {
    margin-left: 0;
    margin-right: 8px;
}

.contact-item i:last-child {
    margin-left: 15px;
    margin-right: 8px;
}

/* 社交媒体图标样式 */
.social-icons {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.social-icon {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.social-icon:hover {
    transform: scale(1.1);
}

/* 联系我们区域的组合图标样式 */
.group-icon {
    width: auto !important;
    height: 30px !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.group-icon:hover {
    transform: scale(1.05) !important;
}

/* 恢复works区域图片间隔 */
#indexPage #projectlist .projectitem {
    margin-right: 1% !important;
    margin-bottom: 1% !important;
}

/* 增加works区域图片高度 */
#indexPage #mproject .projectitem .project_img {
    padding-top: 75% !important;
}

/* 修复works区域最下方卡片显示不全的问题 */
#indexPage #mproject .content {
    padding-bottom: 120px !important;
    overflow: visible !important;
}

#indexPage #projectlist {
    overflow: visible !important;
    padding-bottom: 0 !important;
}

#indexPage #projectlist .projectSubList {
    overflow: visible !important;
}

#indexPage #projectlist .projectSubList .wrapper {
    overflow: visible !important;
    padding-bottom: 40px !important;
}

#indexPage #projectlist .projectSubList .wrapper .content_list {
    overflow: visible !important;
}

/* 加载更多按钮样式 - 双层下拉图标 */
#loadMoreWorksContainer {
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 120px !important;
    position: relative !important;
    z-index: 10 !important;
}

#loadMoreWorks {
    display: inline-block !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

#loadMoreWorks:hover {
    color: rgba(255, 255, 255, 0.7) !important;
    transform: translateY(3px) !important;
}

#loadMoreWorks i {
    font-size: 32px !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
    line-height: 1 !important;
}

#loadMoreWorks:hover i {
    transform: translateY(2px) !important;
}

#loadMoreWorks .double-layer-icon {
    position: relative !important;
    display: inline-block !important;
    width: 20px !important;
    height: 32px !important;
}

#loadMoreWorks .double-layer-icon img {
    width: 20px !important;
    height: 20px !important;
    transition: transform 0.3s ease !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
}

#loadMoreWorks .double-layer-icon .layer-1 {
    opacity: 1 !important;
    z-index: 2 !important;
    top: 0 !important;
}

#loadMoreWorks .double-layer-icon .layer-2 {
    opacity: 0.6 !important;
    transform: translateY(10px) !important;
    z-index: 1 !important;
    top: 0 !important;
}

#loadMoreWorks:hover .double-layer-icon .layer-1 {
    transform: translateY(2px) !important;
    opacity: 0.8 !important;
}

#loadMoreWorks:hover .double-layer-icon .layer-2 {
    transform: translateY(12px) !important;
    opacity: 0.4 !important;
}

/* 新闻区域链接样式 */
.news-link {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: all 0.3s ease !important;
}

.news-link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.news-link:hover .news-title {
    color: #ffffff !important;
}

.news-link:hover .news-desc {
    color: #cccccc !important;
}

.behance-icon {
    background-color: #1769ff;
    color: #ffffff;
}

.zcool-icon {
    background-color: #ffa500;
    color: #000000;
}

/* 两列布局 - 优化空间利用 */
#contactlist {
    display: flex !important;
    gap: 110px !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px 100px 0px !important;
    justify-content: flex-start !important;
}

/* 左侧中文内容 */
#contactinfo {
    flex: 0 0 50% !important;
    max-width: 35% !important;
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* 右侧英文内容 */
#contactinfo-en {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    margin-left: -50px !important;
    padding-left: 20px !important;
}

/* 响应式布局优化 */
@media (max-width: 768px) {
    #contactlist {
        flex-direction: column !important;
        gap: 40px !important;
        padding: 0 20px 100px 20px !important;
    }
    
    #contactinfo,
    #contactinfo-en {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}

/* 2K分辨率优化 */
@media (min-width: 2560px) {
    #contactlist {
        gap: 80px !important;
        padding: 0 5% 100px 5% !important;
    }
    
    #contactinfo {
        flex: 0 0 50% !important;
        max-width: 35% !important;
        margin-right: auto !important;
        margin-left: 0 !important;
    }
    
    #contactinfo-en {
        flex: 0 0 40% !important;
        max-width: 40% !important;
        margin-left: -50px !important;
        padding-left: 20px !important;
    }
}

/* macOS 系统强制使用 1920px 样式 - contactlist */
html.macos #contactlist {
    gap: 110px !important;
    padding: 0 40px 100px 0px !important;
    max-width: 1400px !important;
}

/* 4K分辨率优化 */
@media (min-width: 3840px) {
    #contactlist {
        gap: 100px !important;
        padding: 0 6% 100px 6% !important;
    }
    
    #contactinfo {
        flex: 0 0 50% !important;
        max-width: 35% !important;
        margin-right: auto !important;
        margin-left: 0 !important;
    }
    
    #contactinfo-en {
        flex: 0 0 35% !important;
        max-width: 35% !important;
        margin-left: -50px !important;
        padding-left: 20px !important;
    }
}

/* 通用水平镜像工具类：用于将右箭头图片镜像为左箭头等场景 */
.flip-x {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
    display: inline-block !important;
}