/* 官网公共展示规范。仅覆盖布局与交互，不替换栏目内容和原图。 */
:root{--site-header:70px;--site-gutter:24px;--site-motion:220ms;--site-ease:cubic-bezier(.2,.65,.3,1)}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{line-height:1.6}
.w1200{width:calc(100% - var(--site-gutter)*2);max-width:1200px}
.servers,.youshi,.bz,.guanyu,.changjian,.changjian2,.zhiyin,.about,.contact,.xiangmu,.jin_wrap,.wenti_detail,.footer{padding-left:0;padding-right:0}
*,*::before,*::after{box-sizing:border-box}
a,button,[role=button]{-webkit-tap-highlight-color:transparent}
a,button{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:var(--site-motion);transition-timing-function:var(--site-ease)}
[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--website-focus,#916600);outline-offset:4px}
.youshi_item:focus-visible,.bz_bb:focus-visible{outline:2px solid var(--website-focus,#916600);outline-offset:4px}
[id^=page]{scroll-margin-top:calc(var(--site-header) + 20px)}

/* 同一画布、同一裁切中心：超宽屏不再出现横幅靠左或留出右侧空白。 */
.mySwiper,.inside_banner,.help_banner{width:100%;max-width:none;margin:0 auto;height:clamp(300px,30vw,480px);background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.mySwiper .swiper-slide{background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
.website-carousel-toggle{position:absolute;z-index:10;right:24px;bottom:20px;min-height:44px;padding:8px 16px;border:1px solid #ffffff80;border-radius:6px;color:#fff;background:#122230b3;font-size:14px;cursor:pointer}
.website-carousel-toggle:hover{background:#122230e6}
.banner_info{max-width:1200px;padding:0 var(--site-gutter)}
.banner_title,.inside_banner .banner_title,.inside_banner .banner_title p,.help_banner h3{font-size:clamp(28px,3.4vw,48px);line-height:1.35;overflow-wrap:break-word}
.inside_banner .banner_title p.nvb{font-size:clamp(18px,2.2vw,30px);line-height:1.6;margin-top:12px}
.banner_info a{min-height:44px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;margin-top:24px;padding:12px 24px}
.help_banner{padding:32px var(--site-gutter)}
.help_banner h3{margin:0 0 24px;text-align:center}
.search{width:min(640px,100%);height:52px;border-radius:8px;box-shadow:0 6px 24px #15203014}
.search input[type=text]{min-width:0;width:0;height:52px;font-size:16px;padding:0 16px}
.search button{flex:0 0 88px;height:52px;font-size:16px;cursor:pointer}
.search:focus-within{outline:2px solid var(--website-focus,#916600);outline-offset:3px}

/* 固定页头只负责站点导航，表单内部的语义 header 必须保持正常文档流。 */
body>header{height:var(--site-header);z-index:60}
.header_inner{height:var(--site-header);gap:24px;padding:0 var(--site-gutter)}
.header_margin{height:var(--site-header)}
.logo{width:clamp(200px,20vw,270px);flex-shrink:0}
.logo img{display:block;width:100%;height:auto}
.nav li{padding:0 clamp(10px,1.3vw,24px);height:var(--site-header);white-space:nowrap}
.nav_link{font-size:16px}
.nav_link.on:after{bottom:-23px}
.website-form .website-form-heading{position:static;inset:auto;z-index:auto;background:transparent;width:auto;height:auto;margin:0 0 26px}
.website-form select{appearance:auto}
.website-form button{transition-property:background-color,border-color,box-shadow}
.menu_btn span,.menu_btn span:before,.menu_btn span:after{transition-property:transform,background-color,top,bottom;transition-duration:var(--site-motion)}

/* 内容图片保留原比例；文章缩略图裁切、品牌及二维码完整展示。 */
.news_content img{max-width:100%;height:auto}
.news_img img{width:100%;height:100%;object-fit:cover;object-position:center}
.cop_icon img,.footer_qr_img img,.follow_item img{object-fit:contain;max-width:100%}
.news_list,.news_right,.servers_info,.lianxi_left,.lianxi_right{min-width:0}
.news_content,.news_title,.servers_info,.lianxi_left,.join_content{overflow-wrap:break-word}
.website-table-scroll{overscroll-behavior-x:contain}
.about_title{display:flex;flex-direction:column;gap:8px;padding:0 var(--site-gutter);margin-bottom:32px}
.about_title h3,.about .about_title h3{position:static;transform:none;font-size:clamp(18px,2.2vw,28px);max-width:100%;white-space:normal;line-height:1.4;color:#687382;letter-spacing:.04em}
.index_title b{max-width:100%;overflow-wrap:break-word}
.sub_nav ul{gap:clamp(24px,5vw,72px);justify-content:center;overflow-x:auto;padding:4px 0;overscroll-behavior-x:contain}
.sub_nav ul::-webkit-scrollbar{display:block;height:6px}
.sub_nav li{flex-shrink:0;margin:0}
.sub_nav a{display:inline-flex;align-items:center;min-height:48px;white-space:nowrap}
.changjian_row{height:auto;min-height:72px;padding:18px 0;gap:16px;cursor:pointer}
.changjian_row p,.changjian_row h3{min-width:0;line-height:1.6}
.changjian_row>img,.changjian_row>i,.mini_bz_da{flex-shrink:0}
.join_bar,.mini_bz_row{cursor:pointer}
/* 页脚独立网格隔离旧模板尺寸：品牌共用结构，版权和备案占满底部一行。 */
.website-footer{background:#171e29;color:#b5bfcd;border-top:3px solid var(--website-accent,#f9be02)}
.website-footer .website-footer-content{padding-top:52px;padding-bottom:24px}
.website-footer-main{display:grid;grid-template-columns:minmax(200px,1fr) minmax(320px,1.45fr) auto;gap:40px;align-items:start}
.website-footer-contact h2{margin:0 0 12px;color:#f4f6fa;font-size:23px;line-height:1.4;font-weight:600}
.website-footer-company{font-size:13px;line-height:1.8;margin-bottom:24px}
.website-footer-label{font-size:12px;color:#9eabba;line-height:1.5;margin-bottom:4px}
.website-footer .website-footer-phone{display:block;width:fit-content;color:#f4f6fa;font-size:25px;font-weight:600;line-height:1.6;letter-spacing:.4px}
.website-footer .website-footer-contact-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;color:var(--website-accent,#f9be02);font-size:13px}
.website-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.website-footer-nav h3{color:#eef2f7;font-size:15px;font-weight:600;line-height:1.5;margin:2px 0 16px}
.website-footer-nav ul{padding:0;margin:0;list-style:none}
.website-footer-nav a{display:inline-flex;align-items:center;min-height:40px;color:#b5bfcd;font-size:13px;line-height:1.5}
.website-footer-codes{display:grid;grid-template-columns:repeat(2,128px);gap:20px}
.website-footer-codes figure{margin:0;text-align:center}
.website-footer-code{display:flex;align-items:center;justify-content:center;width:128px;height:128px;padding:8px;border-radius:8px;background:#fff;box-sizing:border-box}
.website-footer-code a{display:block;line-height:0}
.website-footer-code img{display:block;width:112px;height:112px;object-fit:contain;max-width:100%}
.website-footer-codes figcaption{margin-top:12px;font-size:13px;line-height:1.6;color:#d3dae4}
.website-footer .website-footer-legal{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:36px;padding-top:20px;border-top:1px solid #323c4b;color:#a9b4c3;font-size:12px;line-height:1.8;text-align:left}
.website-footer-legal p{margin:0}
.website-footer-records{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 20px}
.website-footer .website-footer-records a{display:inline-flex;align-items:center;min-height:32px;padding:0;color:inherit;background:transparent}
.website-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.website-footer a:focus-visible{outline:2px solid var(--website-accent,#f9be02);outline-offset:4px;border-radius:2px}
/* 平板将二维码独立成行；手机保留三组短导航与并列二维码，避免横向溢出。 */
@media(max-width:1100px){
  .website-footer-main{grid-template-columns:minmax(200px,1fr) minmax(320px,1.4fr);gap:32px}
  .website-footer-codes{grid-column:1/-1;justify-content:center}
  .website-footer .website-footer-legal{flex-direction:column;text-align:center}
  .website-footer-records{justify-content:center}
}
@media(max-width:767px){
  .website-footer .website-footer-content{padding-top:36px;padding-bottom:28px}
  .website-footer-main{grid-template-columns:minmax(0,1fr);gap:28px}
  .website-footer-contact{text-align:center}
  .website-footer .website-footer-phone{margin:0 auto}
  .website-footer-company{margin-bottom:16px}
  .website-footer-nav{gap:12px;padding:24px 0;border-top:1px solid #323c4b;border-bottom:1px solid #323c4b;text-align:center}
  .website-footer-nav h3{margin-bottom:8px;font-size:14px}
  .website-footer-nav a{min-height:44px;font-size:13px}
  .website-footer-codes{gap:24px}
  .website-footer .website-footer-legal{margin-top:28px;gap:8px}
  .website-footer-records{flex-direction:column;gap:0}
  .website-footer .website-footer-records a{min-height:44px}
}
.copyright{overflow-wrap:anywhere;line-height:1.8}
.copyright a{display:inline;color:inherit;background:transparent;text-decoration:none}
.copyright a:hover{text-decoration:underline;text-underline-offset:3px}
.lianxi{align-items:flex-start}
.servers_list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.servers_item{width:100%;margin:0;padding:24px;gap:16px}
.servers_item img{flex-shrink:0;margin:0;width:52px;height:52px;object-fit:contain}
.servers_info a{min-height:44px;width:96px}
.tuiguang_list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tuiguang_list:after{display:none}
.tuiguang_item{width:100%;margin:0;border-radius:8px}
.tuiguang_item a{height:100%;padding:20px;gap:12px}
.tuiguang_item img{margin:0;width:52px;height:52px;flex-shrink:0;object-fit:contain}
.tuiguang_info{min-width:0}
.tuiguang_info h3{display:block;white-space:normal;overflow:visible;overflow-wrap:break-word;line-height:1.6}
.cop_list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px}
.cop_item{width:100%;padding:0;margin:0}
.cop_icon img{width:100%;height:100%;object-fit:contain}
.news_img img,.mini_bz_da,.mobile_da{transition:transform var(--site-motion) var(--site-ease)}
.youshi_top,.youshi_info,.bz_info{transition:top var(--site-motion) var(--site-ease)}
.youshi_info{color:var(--website-on-accent,#382d11)}
.youshi_item:focus-within .youshi_top{top:-100%}
.youshi_item:focus-within .youshi_info,.bz_bb:focus-within .bz_info{top:0}

/* 弹窗采用同一进出场曲线；内部表单滚动时标题和关闭按钮保持可见。 */
.mask{display:block;position:fixed;inset:0;width:100%;height:100%;z-index:100;background:rgba(15,23,42,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--site-motion) var(--site-ease),visibility 0s var(--site-motion)}
.need{display:flex;flex-direction:column;width:min(760px,calc(100% - 32px));height:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:0;padding:0;left:50%;top:50%;z-index:101;border-radius:16px;background:#fff;box-shadow:0 24px 80px #15203038;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,calc(-50% + 16px));transition:opacity var(--site-motion) var(--site-ease),transform var(--site-motion) var(--site-ease),visibility 0s var(--site-motion)}
.mask.is-open,.need.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.need.is-open{transform:translate(-50%,-50%)}
.need_title{flex-shrink:0;padding:18px 28px;margin:0;border-bottom:1px solid #e7eaf0;background:#fff}
.need_title h3{font-size:22px;line-height:1.4}
.need_title img{display:block;width:44px;height:44px;padding:14px;border-radius:8px}
.need_title img:hover{background:#f3f4f6}
.need>.website-form{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px 28px 28px;margin:0}
.website-dialog-open,.website-menu-open{overflow:hidden}
.website-dialog-open .float,.website-dialog-open .mobile_float{visibility:hidden;pointer-events:none}

/* 滚动条在表单、文章表格和导航中均可辨认，避免原模板透明滑块。 */
html,.need>.website-form,.nav ul,.website-table-scroll,.sub_nav ul,.layui-layer-content{scrollbar-width:thin;scrollbar-color:#a7afbb #f1f3f6}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f1f3f6}
::-webkit-scrollbar-thumb,.layui-layer-content::-webkit-scrollbar-thumb{background:#a7afbb;border:2px solid #f1f3f6;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#7c8797}
.follow_box,.phone_box{display:flex;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--site-motion),visibility 0s var(--site-motion)}
.float li:hover .follow_box,.float li:hover .phone_box,.float li:focus-within .follow_box,.float li:focus-within .phone_box{display:flex;visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}
.mobile_float_info{display:block;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity var(--site-motion),transform var(--site-motion),visibility 0s var(--site-motion)}
.mobile_float_info.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition-delay:0s}

/* 品牌强调色只用于面积和装饰；小字链接使用深色，保证白底可读性。 */
.labels a.on,.phone_box h3{color:var(--website-link,#805b00)}
.guanyu_num{color:var(--website-link,#805b00)}
.website-carousel-toggle{right:96px}
.bz_info{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7c8797 transparent}
.bz_info h3,.bz_info p{color:inherit}
.bz_info span{margin-bottom:24px}
.bz_info p{line-height:1.8}
.bz_inner h3{opacity:1}
/* 装饰点阵收在自身卡片内，避免平板宽度产生页面级横向滚动。 */
.xuanshang{overflow:hidden}
/* 手机保障折叠面板与表单共用浅底深字，不以低对比度灰字承载详情。 */
.mini_bz_row{min-height:60px;background:#fff;border:1px solid var(--website-accent-border,#e0a50b);border-radius:8px}
.mini_bz_left h3{color:#202631;font-size:16px}
.mini_bz_row.on{background:var(--website-accent-soft,#fff9e5);border-radius:8px 8px 0 0}
.mini_bz_slide{background:var(--website-accent-soft,#fff9e5);color:#263343;font-size:15px;line-height:1.9;border:1px solid var(--website-accent-border,#e0a50b);border-top:0;border-radius:0 0 8px 8px}
/* Layer 提示也沿用官网按钮、圆角和滚动条，不再出现独立蓝/黄主题。 */
.layui-layer{max-width:calc(100vw - 32px);border-radius:12px;overflow:hidden}
.layui-layer .layui-layer-title{background:#f7f9fb;color:#202631;border-bottom:1px solid #e7eaf0}
.layui-layer .layui-layer-btn .layui-layer-btn0{background:var(--website-accent,#f9be02);border-color:var(--website-accent-border,#e0a50b);color:var(--website-on-accent,#241b06)}
.layui-layer .layui-layer-btn a{min-height:44px;line-height:42px;border-radius:6px}
.layui-layer .layui-layer-content{max-height:calc(100dvh - 180px);overflow:auto}
.layui-layer-shade{background:#0f172a!important}

/* 中等桌面宽度给悬浮咨询栏留出阅读空间，避免覆盖最右侧卡片。 */
@media(min-width:1101px) and (max-width:1439px){
  .w1200{width:calc(100% - 176px)}
  .float{right:12px;width:60px}
  .float_icon{width:30px;height:30px}
  .float li a p{font-size:11px}
}

@media(max-width:1100px){
  :root{--site-header:56px;--site-gutter:20px}
  .header_inner{position:relative}
  .logo{width:210px}
  .menu_btn{display:block;height:56px;width:56px}
  .nav{position:fixed;inset:var(--site-header) 0 0;width:100%;height:calc(100vh - var(--site-header));height:calc(100dvh - var(--site-header));background:rgba(15,23,42,.4);z-index:59;visibility:hidden;opacity:0;overflow:hidden;transition:opacity var(--site-motion),visibility 0s var(--site-motion)}
  .nav.show{visibility:visible;opacity:1;transition-delay:0s}
  .nav ul{display:flex;flex-direction:column;width:min(340px,84%);height:100%;padding:16px 20px 32px;position:absolute;top:0;right:0;background:#fff;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform var(--site-motion) var(--site-ease)}
  .nav.show ul{right:0;transform:translateX(0)}
  .nav li{width:100%;height:auto;min-height:52px;flex-shrink:0;padding:0;justify-content:flex-start}
  .nav_link{width:100%;padding:14px 16px;border-radius:8px}
  .nav_link.on{background:var(--website-accent-soft,#fff6d8)}
  .nav_link.on:after{display:none}
  .float{display:none}
  .mobile_float{display:block}
  .servers_list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tuiguang_list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cop_list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .website-carousel-toggle{right:20px}
}
@media(max-width:767px){
  :root{--site-gutter:20px}
  .mySwiper,.inside_banner,.help_banner{height:300px}
  .banner_title,.inside_banner .banner_title,.inside_banner .banner_title p,.help_banner h3{font-size:28px}
  .banner_info a{font-size:15px;margin-top:20px}
  .inside_banner .banner_title p.nvb{font-size:18px}
  .sub_nav ul{justify-content:flex-start;gap:24px}
  .sub_nav li a{font-size:15px}
  .tuiguang_list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .cop_list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .lianxi .w1200{gap:24px}
  .lianxi_left,.lianxi_right{width:100%}
  .footer_inner{flex-wrap:wrap;gap:24px}
  .footer_right{width:100%;max-width:100%}
  .footer_qr{justify-content:center;gap:24px}
  .footer_qr_item{margin:0}
  .copyright{text-align:center}
  .copyright a{display:inline-block;min-height:44px;padding:10px 0}
  .banner_info{width:100%;padding:0 var(--site-gutter)}
  .banner_title,.inside_banner .banner_title,.inside_banner .banner_title p{font-size:clamp(22px,5.8vw,28px)}
  .guanyu_con{font-size:15px;line-height:1.9}
  .guanyu_num{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:clamp(22px,6vw,36px);line-height:1.4;white-space:nowrap}
  .guanyu_counter li{min-width:0}
  .index_title p{font-size:clamp(20px,6vw,26px);line-height:1.5}
  .index_title b{display:block;margin-top:8px;font-size:clamp(18px,4vw,24px);line-height:1.4}
  .about_title{margin-bottom:24px}
  .about_title h3,.about .about_title h3{position:static;transform:none;font-size:20px;line-height:1.5;color:#687382;margin-top:8px}
  .about_title p{font-size:24px;line-height:1.5}
  .about_dec,.news_content,.join_content{font-size:16px;line-height:1.8}
  .contact_dec{min-width:0;overflow-wrap:anywhere}
  .contact_dec p,.contact_dec span{font-size:16px}
  .go_btn{height:auto;min-height:64px;padding:16px;gap:12px;margin-top:40px;line-height:1.8}
  .go_btn img{width:18px;flex-shrink:0;margin:0}
  .go_btn a{min-width:0;overflow-wrap:anywhere}
  .bz_box .bz_info{height:auto;overflow:visible}
  .website-carousel-toggle{bottom:12px;padding:6px 12px;font-size:12px}
  .swiper-pagination-bullets{left:20px!important;right:100px;width:auto!important;text-align:left}
  .need{width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:12px}
  .need_title{padding:12px 16px}
  .need_title h3{font-size:20px}
  .need>.website-form{padding:20px 18px 24px}
  .mobile_float{right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40}
  .mobile_float_info{max-width:calc(100vw - 32px)}
}
@media(max-width:600px){.servers_list{grid-template-columns:minmax(0,1fr);gap:16px}.servers_item{padding:20px}.tuiguang_list{grid-template-columns:minmax(0,1fr)}}
/* 触屏无需悬停即可阅读优势说明，避免内容被永久藏在翻动层里。 */
@media(hover:none),(max-width:767px){
  .youshi_item{display:flex;flex-direction:column}
  .youshi_item:after{display:none}
  .youshi_item .youshi_top,.youshi_item:hover .youshi_top,.youshi_item:focus-within .youshi_top{position:relative;top:auto;height:auto;padding:24px 16px}
  .youshi_item .youshi_info,.youshi_item:hover .youshi_info,.youshi_item:focus-within .youshi_info{position:relative;top:auto;height:auto;flex:1;padding:20px 16px}
  .youshi_info h3{display:none}
  .youshi_info p{font-size:14px;line-height:1.7}
}
/* 减少动态效果偏好同时覆盖旧 animate.css、过渡和锚点滚动。 */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}
}