/* ========== Swiper 全局覆盖（修复all-components.css冲突）========== */
.swiper-wrapper { display:flex!important; }
.swiper-slide { margin-right:0!important; }
/* ========== 维实官网 SSG v2 补充样式 ========== */

/* === 弹窗 === */
.modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10000; justify-content:center; align-items:center; }
.modal-overlay.active { display:flex; }
.modal-box { background:#fff; border-radius:8px; padding:30px; max-width:90%; width:600px; max-height:90vh; overflow-y:auto; position:relative; }
.modal-close { position:absolute; top:10px; right:15px; font-size:28px; cursor:pointer; color:#999; border:none; background:none; line-height:1; }
.modal-close:hover { color:#333; }

/* === 手风琴 === */
.accordion-item { border:1px solid #e8e8e8; margin-bottom:8px; border-radius:4px; overflow:hidden; }
.accordion-header { padding:15px 20px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; background:#f9f9f9; font-size:16px; font-weight:500; color:#333; transition:background .2s; }
.accordion-header:hover { background:#f0f0f0; }
.accordion-header .arrow { transition:transform .3s; display:inline-block; font-size:12px; margin-left:8px; }
.accordion-item.active .accordion-header .arrow { transform:rotate(90deg); }
.accordion-body { display:none; padding:15px 20px; }
.accordion-item.active .accordion-body { display:block; }

/* === 分页 - 纯HTML链接版本（匹配线上Vue版el-pagination样式）=== */
.pages { text-align:center; padding:30px 0; }
.pages a, .pages span { display:inline-block; min-width:36px; height:36px; line-height:36px; text-align:center; border:1px solid #ddd; border-radius:4px; cursor:pointer; margin:0 3px; padding:0 10px; background:#fff; color:#606266; font-size:14px; text-decoration:none; }
.pages a:hover { color:#0064FA; border-color:#0064FA; }
.pages span.active { background:#0064FA; color:#fff; border-color:#0064FA; }
.pages span.prev, .pages span.next { cursor:default; }
.pages span.prev a, .pages span.next a { display:inline; min-width:auto; height:auto; line-height:36px; border:none; padding:0; background:transparent; color:#606266; }
.pages span.prev a:hover, .pages span.next a:hover { color:#0064FA; }
.pages span.prev.no, .pages span.next.no { color:#c0c4cc; cursor:not-allowed; }
.pages span.prev.no span, .pages span.next.no span { color:#c0c4cc; }

/* === Tab切换 === */
.tab-list { display:flex; flex-wrap:wrap; gap:0; margin-bottom:20px; }
.tab-list li { padding:10px 25px; cursor:pointer; border-bottom:3px solid transparent; font-size:16px; color:#666; transition:all .2s; }
.tab-list li:hover { color:#0064FA; }
.tab-list li.active { color:#0064FA; border-bottom-color:#0064FA; font-weight:bold; }
.tab-content { display:none; }
.tab-content.active { display:block; }

/* === 跑马灯 (vue-fast-marquee DOM) === */
.vfm-marquee-container { position:relative; overflow:hidden; display:flex; }
.vfm-marquee-container:hover .vfm-marquee { animation-play-state: var(--pause-on-hover, paused); }
.vfm-marquee { flex-shrink:0; animation:vfm-scroll var(--duration, 20s) linear var(--loops, infinite); animation-direction:var(--direction, normal); }
.vfm-parent { display:flex; align-items:center; }
@keyframes vfm-scroll { 0% { transform:translateX(0); } 100% { transform:translateX(-100%); } }

/* === 联系表单 === */
.gy_plate4_form { display:flex; flex-wrap:wrap; justify-content:space-between; }
.gy_plate4_input { margin-bottom:30px; width:calc(50% - 25px) !important; }
.gy_plate4_input.w100 { width:100% !important; }
.gy_plate4_input p { margin-bottom:8px; color:#333; font-size:14px; }
.gy_plate4_input input, .gy_plate4_input select { width:100%; height:44px; border:1px solid #ddd; border-radius:4px; padding:0 12px; font-size:14px; outline:none; }
.gy_plate4_input input:focus, .gy_plate4_input select:focus { border-color:#0064FA; }
.submit { width:100%; height:50px; background:#0064FA; color:#fff; text-align:center; line-height:50px; border-radius:4px; cursor:pointer; font-size:16px; border:none; }
.submit:hover { background:#0050d0; }

/* === AOS动画初始化 === */
[data-aos] { opacity:0; transition-property:opacity,transform; }
[data-aos].aos-animate { opacity:1; }

/* === 智能客服z-index === */
#chatai-iframe, .shupin-kefu { z-index:9998 !important; }

/* === 新闻列表 - 2列表格布局（匹配线上Vue版本）=== */
.news-list ul { list-style:none; padding:0; margin:0; }
.news-list ul li { border-bottom:1px solid #efefef; padding:10px 0; }
.news-list ul li a { align-items:center; display:flex; flex-wrap:wrap; height:100%; }
.news-list ul li a:hover { background:#fff; }
.news-list ul li a .pic { overflow:hidden; width:380px; }
.news-list ul li a .pic img { width:100%; display:block; transition:all .5s; }
.news-list ul li a .tet { padding:20px 40px; width:calc(100% - 380px); box-sizing:border-box; }
.news-list ul li a .tet h3 { color:#333; font-size:24px; font-weight:700; }
.news-list ul li a .tet p { color:#666; font-size:16px; line-height:25px; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.news-list ul li a .tet h4 { color:#999; font-size:16px; font-weight:500; padding:15px 0 0; }
.news-list ul li a .tet span { color:#1962ed; display:inline-block; font-size:16px; padding-top:40px; }
/* 移动端适配 */
@media (max-width:768px) {
  .news-list ul li a .pic { width:150px; }
  .news-list ul li a .tet { width:calc(100% - 150px); padding:10px 0 10px 10px; }
  .news-list ul li a .tet h3 { font-size:15px; }
  .news-list ul li a .tet p { font-size:14px; line-height:20px; -webkit-line-clamp:2; margin-top:10px; }
  .news-list ul li a .tet h4 { font-size:14px; padding:5px 0 0; }
  .news-list ul li a .tet span { display:none; }
}

/* === 产品亮点折叠 === */
.ws_plate2_list_title { cursor:pointer; display:flex; justify-content:space-between; align-items:center; padding:15px 20px; background:#f9f9f9; border-radius:4px; margin-bottom:8px; }
.ws_plate2_list_title .el-icon { transition:transform .3s; }
.ws_plate2_list_title.active .el-icon { transform:rotate(180deg); }
.ws_plate2_list_cont { display:none; padding:10px 20px; }

/* === el-collapse兼容（page1等） === */
.el-collapse { border-top:1px solid #ebeef5; border-bottom:1px solid #ebeef5; }
.el-collapse-item { border-bottom:1px solid #ebeef5; }
.el-collapse-item__header { display:flex; align-items:center; height:48px; line-height:48px; padding:0 20px; cursor:pointer; font-size:16px; color:#303133; background:#fff; transition:border-bottom-color .3s; }
.el-collapse-item__header:hover { background:#f5f7fa; }
.el-collapse-item__arrow { margin-left:auto; transition:transform .3s; }
.el-collapse-item.is-active .el-collapse-item__arrow { transform:rotate(90deg); }
.el-collapse-item__wrap { overflow:hidden; transition:max-height .3s; }
.el-collapse-item__content { padding:10px 20px; font-size:14px; color:#606266; line-height:1.8; }
.ptb-20 { padding:10px 0; }

/* === 产品页"申请免费测试"按钮 === */
.ws_btn { display:inline-block; padding:12px 40px; background:#0064FA; color:#fff; border-radius:4px; cursor:pointer; font-size:16px; text-decoration:none; }
.ws_btn:hover { background:#0050d0; color:#fff; }

/* === 导航菜单 === */
.header .iconfont { display:none; }
.header .header_pack { display:flex; align-items:center; justify-content:space-between; }
.header .header_right { flex:1; display:flex; align-items:center; justify-content:flex-end; }
.header .navlist { display:block; }
.header .w_list { display:flex !important; align-items:center; list-style:none; margin:0; padding:0; }
.header .w_list > li { position:relative; margin:0; padding:0; }
.header .w_list > li > a { display:flex; align-items:center; padding:0 20px; line-height:80px; color:#333; font-size:16px; text-decoration:none; white-space:nowrap; }
.header .w_list > li > a:hover { color:#0064fa; }
.header .w_list > li.active > a { color:#00468C; font-weight:bold; }
.header .w_list > li > a .el-icon { margin-left:4px; }
.header .w_list > li > a .el-icon svg { width:12px; height:12px; }
/* 下拉菜单 - 产品服务/解决方案 */
.header .er_list { display:none; position:absolute; top:100%; left:0; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.1); border-radius:4px; z-index:100; min-width:180px; padding:8px 0; }
.header .er_listpi:hover > .er_list { display:block; }
.header .er_list li a { display:block; padding:10px 24px; color:#333; font-size:14px; text-decoration:none; white-space:nowrap; }
.header .er_list li a:hover { color:#0064fa; background:#f5f7fa; }
/* 大面板下拉 - 产品方案 */
.header .w_erlist { display:none; position:fixed; top:80px; left:0; right:0; background:#fff; box-shadow:0 4px 16px rgba(0,0,0,.1); z-index:99; padding:30px 0; }
.header .w_list > li:hover > .w_erlist { display:block; }
/* Swiper banner */
.banner .swiper-container { display:block; min-height:500px; }
.banner .banner-list { min-height:500px; }
.banner .banner-list .img { min-height:500px; }
.nei-banner .swiper-container { display:block; min-height:200px; }
.nei-banner { min-height:200px; }
/* 荣誉轮播 */
.bothonorswiper .swiper-container { padding:40px 0; overflow:hidden; }
.bothonorswiper .swiper-slide { margin-right:0!important; height:auto; }
.bothonorswiper .swiper-slide-active { transform:scale(1); }
.bothonorswiper .swiper-slide-prev { transform:scale(.85); opacity:.7; }
.bothonorswiper .swiper-slide-next { transform:scale(.85); opacity:.7; }
.bothonorswiper img { display:block; margin:0 auto; width:100%; }
.bothonorswiper p { color:#626262; font-size:20px; line-height:32px; margin-top:10px; text-align:center; }

/* === 移动端适配 === */
@media (max-width:1000px) {
  .header .iconfont { display:block !important; cursor:pointer; }
  .header .iconfont .el-icon { width:24px; height:24px; }
  .header .iconfont .el-icon svg { width:24px; height:24px; }
  .header #header-nav { display:none; position:absolute; top:80px; left:0; right:0; background:#fff; box-shadow:0 4px 16px rgba(0,0,0,.1); z-index:100; max-height:calc(90vh); overflow:auto; }
  .header #header-nav.nav-open { display:block; }
  .header .w_list { flex-direction:column; align-items:flex-start; }
  .header .w_list > li > a { line-height:44px; padding:0 20px; width:100%; box-sizing:border-box; }
  .header .er_list { position:static; box-shadow:none; padding-left:20px; display:none; }
  .header .er_listpi:hover > .er_list,
  .header .er_listpi.open > .er_list { display:block; }
  .header .w_erlist { position:static; box-shadow:none; padding:0; display:none; }
  .header .w_list > li:hover > .w_erlist,
  .header .w_list > li.open > .w_erlist { display:block; }
  .modal-box { width:95%; padding:20px; }
  .gy_plate4_input { width:100% !important; }
  .news-list li { width:100%; }
}