/* 站群系统 - index34.css 主样式 (美化版) */
@charset "utf-8";
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif; font-size:14px; color:#333; background:#f0f2f5; line-height:1.8; }
a { color:#2563eb; text-decoration:none; transition:color .2s; }
a:hover { color:#1d4ed8; text-decoration:underline; }
img { max-width:100%; height:auto; border:none; }
ul,ol,li { list-style:none; }
.app,.app1 { max-width:1200px; margin:0 auto; }
/* 包含浮动子元素的.app容器必须清除浮动, 否则footer会错位 */
.app::after { content:""; display:block; clear:both; }
.flt { float:left; }
.frt { float:right; }

/* === 顶部Header === */
.head { background:linear-gradient(135deg,#fff 0%,#f8faff 100%); border-bottom:3px solid #2563eb; padding:14px 0; box-shadow:0 2px 8px rgba(37,99,235,0.08); position:relative; z-index:10; }
.app1 { display:flex; align-items:center; justify-content:space-between; }
.app1 .logo a { font-size:24px; font-weight:700; color:#2563eb; text-shadow:0 1px 2px rgba(37,99,235,0.1); display:inline-block; max-width:18em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
.ssbox { flex:1; max-width:460px; margin:0 20px; }
.ssbox .Menubox ul { display:flex; border:1px solid #e0e0e0; border-bottom:none; border-radius:6px 6px 0 0; overflow:hidden; }
.ssbox .Menubox ul li { padding:5px 14px; cursor:pointer; font-size:13px; background:#f8f9fb; border-right:1px solid #e0e0e0; transition:all .2s; }
.ssbox .Menubox ul li:last-child { border-right:none; }
.ssbox .Menubox ul li.hover { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; }
.ssbox .Contentbox { display:flex; }
.ssbox .Sinput { flex:1; border:2px solid #2563eb; padding:7px 12px; font-size:14px; outline:none; border-radius:4px 0 0 4px; transition:border-color .2s,box-shadow .2s; }
.ssbox .Sinput:focus { border-color:#1d4ed8; box-shadow:0 0 0 3px rgba(37,99,235,0.15); }
.ssbox .Sbuttom { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border:2px solid #2563eb; padding:7px 20px; cursor:pointer; font-size:14px; border-radius:0 4px 4px 0; transition:all .2s; letter-spacing:1px; }
.ssbox .Sbuttom:hover { background:linear-gradient(135deg,#1d4ed8,#1e40af); box-shadow:0 2px 6px rgba(37,99,235,0.3); }
.login-box { white-space:nowrap; }
.login-box a { display:inline-block; padding:7px 16px; font-size:13px; color:#666; border-radius:4px; transition:all .2s; }
.login-box a:hover { color:#2563eb; background:#f0f5ff; text-decoration:none; }
.login-box a.active { color:#2563eb; font-weight:600; }

/* === 导航条 === */
.nav-bar { background:linear-gradient(135deg,#2563eb,#1d4ed8); box-shadow:0 2px 8px rgba(37,99,235,0.2); position:relative; z-index:9; }
.nav-list { display:flex; flex-wrap:wrap; }
.nav-list li { position:relative; }
.nav-list li a { display:block; color:#fff; font-size:15px; padding:12px 22px; transition:all .2s; letter-spacing:0.5px; white-space:nowrap; }
.nav-list li.cur a { background:rgba(0,0,0,0.15); font-weight:600; }
.nav-list li:hover a { background:rgba(255,255,255,0.15); text-decoration:none; }
.nav-list li::after { content:''; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#fff; border-radius:2px 2px 0 0; transition:all .25s; transform:translateX(-50%); }
.nav-list li:hover::after,.nav-list li.cur::after { width:60%; }

/* === 首页三列 === */
.index-top .app { display:flex; gap:15px; padding:18px 0; align-items:stretch; }
.indexclass-left { width:220px; background:#fff; border-radius:10px; flex-shrink:0; box-shadow:0 2px 12px rgba(0,0,0,0.06); overflow:hidden; }
.indexclass-left .allname { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; padding:10px 15px; font-size:14px; font-weight:600; position:relative; }
.indexclass-left .allname::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#60a5fa,#2563eb,#60a5fa); }
.indexclass-item { border-bottom:1px solid #f0f0f0; transition:all .2s; }
.indexclass-item:hover { background:#f8faff; }
.bigclass-name { font-size:13px; font-weight:600; padding:7px 12px; color:#2563eb; background:#fafbff; transition:all .2s; }
.bigclass-name:hover { background:#eef2ff; }
.indexclass-item dl { padding:4px 12px 6px; }
.indexclass-item dd { display:inline; margin-right:6px; }
.indexclass-item dd a { font-size:11px; color:#666; padding:1px 5px; border-radius:3px; transition:all .2s; }
.indexclass-item dd a:hover { color:#2563eb; background:#eef2ff; text-decoration:none; }
.indexcenter-box { flex:1; min-width:0; }
.topbanner img { width:100%; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.06); transition:transform .3s,box-shadow .3s; }
.topbanner:hover img { transform:scale(1.01); box-shadow:0 4px 16px rgba(0,0,0,0.1); }
.indexcenter-cplist { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.indexcenter-cplist li { width:calc(25% - 8px); background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.05); transition:all .25s; }
.indexcenter-cplist li:hover { transform:translateY(-3px); box-shadow:0 6px 20px rgba(0,0,0,0.12); }
.indexcenter-cplist li a { display:block; }
.tuijianimgbox { width:100%; height:140px; overflow:hidden; background:#f5f7fa; display:flex; align-items:center; justify-content:center; }
.tuijianimgbox img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.indexcenter-cplist li:hover .tuijianimgbox img { transform:scale(1.08); }
.cp-title { padding:8px 10px; font-size:13px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rightbanner { width:260px; background:#fff; border-radius:10px; flex-shrink:0; padding:12px; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
.rightbanner .section-title { font-size:15px; font-weight:600; color:#2563eb; padding-bottom:8px; border-bottom:2px solid #2563eb; margin-bottom:8px; }
.index-top-list li { padding:6px 0; border-bottom:1px dashed #f0f0f0; transition:all .15s; }
.index-top-list li:last-child { border-bottom:none; }
.index-top-list li a { font-size:13px; color:#333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:10px; position:relative; }
.index-top-list li a::before { content:''; position:absolute; left:0; top:50%; width:4px; height:4px; background:#2563eb; border-radius:50%; transform:translateY(-50%); }
.index-top-list li a:hover { color:#2563eb; text-decoration:none; padding-left:14px; }

/* === 图文视频 === */
.tuwenshipingbox { padding:18px 0; }
.sy2023list { background:#fff; border-radius:10px; padding:18px; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
.tuijian-title span { font-size:16px; font-weight:600; display:inline-block; padding-bottom:10px; border-bottom:3px solid #2563eb; position:relative; color:#1a1a1a; }
.tuijian-title span::after { content:''; position:absolute; bottom:-3px; left:0; width:40%; height:3px; background:#60a5fa; border-radius:2px; }
.sy2023list ul { margin-top:12px; }
.sy2023list li { padding:6px 0; border-bottom:1px dashed #f0f0f0; display:flex; align-items:center; transition:all .15s; }
.sy2023list li:hover { background:#f8faff; padding-left:4px; }
.shuziys { display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; background:linear-gradient(135deg,#2563eb,#3b82f6); color:#fff; border-radius:4px; font-size:12px; margin-right:10px; flex-shrink:0; font-weight:600; }
.sy2023list li:nth-child(-n+3) .shuziys { background:linear-gradient(135deg,#e53e3e,#f56565); }
.sy2023list li a { font-size:13px; color:#333; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sy2023list li a:hover { color:#2563eb; }

/* === 分类产品2列布局(仿sdhntb.com) === */
.cat-block-row { padding:12px 0; }
.cat-block-pair { background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.06); transition:box-shadow .3s; }
.cat-block-pair:hover { box-shadow:0 4px 20px rgba(0,0,0,0.1); }
.cat-block-item { display:flex; }
.cat-block-left { width:180px; background:linear-gradient(180deg,#f8faff 0%,#f0f4ff 100%); padding:16px; flex-shrink:0; border-right:1px solid #eef2ff; }
.cat-block-title a { font-size:16px; font-weight:600; color:#1a1a1a; display:block; margin-bottom:12px; padding-bottom:10px; border-bottom:2px solid #2563eb; transition:color .2s; }
.cat-block-title a:hover { color:#2563eb; text-decoration:none; }
.cat-block-subcats a { display:inline-block; margin:2px 5px 2px 0; font-size:12px; color:#666; padding:2px 8px; border-radius:3px; transition:all .2s; }
.cat-block-subcats a:hover { color:#2563eb; background:#eef2ff; text-decoration:none; }
.cat-block-subcats a.more { color:#2563eb; font-weight:600; display:block; margin-top:8px; }
.cat-block-subcats a.more:hover { color:#1d4ed8; }
.cat-block-products { flex:1; display:flex; flex-wrap:wrap; padding:12px; }
.cat-block-products li { width:33.33%; padding:6px; }
.cat-block-products li a { display:block; border-radius:6px; overflow:hidden; background:#fff; border:1px solid #f0f0f0; transition:all .25s; }
.cat-block-products li a:hover { box-shadow:0 4px 12px rgba(0,0,0,0.1); transform:translateY(-2px); border-color:#bfdbfe; text-decoration:none; }
.cat-block-products .tuijianimgbox { height:110px; }
.cat-block-textlist { padding:12px 16px; border-top:1px dashed #eef2ff; display:flex; flex-wrap:wrap; background:#fafbff; }
.cat-block-textlist li { width:33.33%; padding:5px 12px 5px 0; }
.cat-block-textlist li a { font-size:13px; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative; padding-left:12px; transition:color .15s; }
.cat-block-textlist li a::before { content:''; position:absolute; left:0; top:50%; width:4px; height:4px; background:#93c5fd; border-radius:50%; transform:translateY(-50%); transition:background .15s; }
.cat-block-textlist li a:hover { color:#2563eb; text-decoration:none; }
.cat-block-textlist li a:hover::before { background:#2563eb; }

/* === 商铺Header === */
.header { background:#fff; border-bottom:3px solid #2563eb; box-shadow:0 2px 12px rgba(37,99,235,0.08); position:relative; z-index:10; }
.header .wrap { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.header .logo img { max-height:56px; border-radius:6px; }
.header .menu ul { display:flex; gap:4px; }
.header .menu ul li a { display:block; padding:9px 18px; color:#444; font-size:14px; border-radius:8px; transition:all .25s; font-weight:500; }
.header .menu ul li.on a,.header .menu ul li:hover a { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; text-decoration:none; box-shadow:0 3px 8px rgba(37,99,235,0.35); transform:translateY(-1px); }
.header .menu ul li.over-hid a span { max-width:120px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* === 商铺导航(2023) === */
.nav { background:linear-gradient(135deg,#2563eb,#1d4ed8); box-shadow:0 2px 6px rgba(37,99,235,0.2); }
.nav ul.app { display:flex; max-width:1200px; margin:0 auto; }
.nav ul.app li a { display:block; padding:10px 20px; color:#fff; font-size:14px; transition:all .2s; }
.nav ul.app li.cur a { background:rgba(0,0,0,0.15); font-weight:600; }
.nav ul.app li a:hover { background:rgba(255,255,255,0.12); text-decoration:none; }

/* === 商铺Banner === */
.banner_owl { background:#f0f2f5; }
.banner_owl img { width:100%; max-height:400px; object-fit:cover; }

/* === 视频+产品区 === */
.dpspbox { max-width:1200px; margin:15px auto; display:flex; gap:15px; }
.dpspcpimgvideo { width:45%; }
.videobox2024 video,.videoplaceholder img { width:100%; border-radius:10px; background:#f5f5f5; }
.dpspycbox { flex:1; }
.moreimglist2024 { display:flex; flex-wrap:wrap; gap:10px; }
.moreimglist2024 li { width:30%; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.05); transition:all .25s; }
.moreimglist2024 li:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.1); }
.tuijianimgbox2024 { width:100%; height:120px; overflow:hidden; }
.tuijianimgbox2024 img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.moreimglist2024 li:hover .tuijianimgbox2024 img { transform:scale(1.05); }
.cp-title2024 { padding:6px 8px; font-size:12px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.playvideo2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer; }
.playvideo2 img { width:30px; height:30px; }
.tuijianimgbox2024 { position:relative; }

/* === 面包屑 === */
.xxymbx2023 { padding:12px 0; font-size:13px; color:#999; line-height:1.6; }
.xxymbx2023 a { color:#666; transition:color .2s; }
.xxymbx2023 a:hover { color:#2563eb; }
.xxymbx2023 span { color:#333; font-weight:500; }
.bread-wrap { background:#f8fafc; padding:10px 0; border-bottom:1px solid #eef2ff; }
.bread-list { max-width:1200px; margin:0 auto; font-size:13px; color:#666; line-height:1.6; }
.bread-list .xwzx { float:right; color:#2563eb; font-weight:600; }

/* === 左右布局 === */
.app.flex-layout { display:flex; gap:20px; align-items:flex-start; }
.app > .left-main { flex:1; min-width:0; min-height:1px; }
.app > .right-side { width:25%; min-height:1px; flex-shrink:0; }
.g-main { max-width:1200px; margin:0 auto; display:flex; gap:20px; padding:15px 0; }
.g-left { width:22%; }
.g-right { flex:1; }

/* === 文章标题 === */
.u-newstitle { font-size:24px; color:#1a1a1a; line-height:1.5; margin-bottom:12px; font-weight:700; }
.u-time,.uptime { font-size:13px; color:#999; margin-bottom:16px; }
.weather { color:#999; font-size:12px; margin-left:10px; }
.top16 { border-bottom:2px solid #eef2ff; padding-bottom:14px; margin-bottom:14px; }
.t_right1 h1 { font-size:24px; color:#1a1a1a; line-height:1.5; font-weight:700; }

/* === 产品参数 === */
.ty-tips1212 { background:linear-gradient(135deg,#fffbeb,#fefce8); border-left:4px solid #f59e0b; padding:10px 16px; margin:12px 0; font-size:13px; color:#666; border-radius:0 8px 8px 0; }
.newcanshubox { background:#fff; border-radius:10px; overflow:hidden; margin:10px 0; box-shadow:0 2px 8px rgba(0,0,0,0.04); border:1px solid #eee; }
.newcanshubox table { width:100%; border-collapse:collapse; table-layout:fixed; }
.newcanshubox th { background:#f8fafc; padding:7px 12px; text-align:left; font-weight:500; font-size:13px; border:1px solid #eee; color:#555; white-space:nowrap; width:110px; }
.newcanshubox td { padding:7px 12px; font-size:13px; border:1px solid #eee; color:#333; line-height:1.5; word-break:break-all; }
.newcanshubox td a { color:#2563eb; margin:0 3px; transition:color .2s; }
.newcanshubox td a:hover { color:#1d4ed8; }
.newcanshubox tr:first-child th { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; font-weight:600; font-size:14px; text-align:center; }

/* === 图文视频 === */
.cpimgvideo1212 { background:#fff; border-radius:12px; padding:20px; margin:12px 0; box-shadow:0 2px 12px rgba(0,0,0,0.06); border:1px solid #f0f0f0; }
.cpimgvideo1212.width800 { max-width:800px; }
.pimgbig { text-align:center; position:relative; background:#f8f9fa; border-radius:8px; overflow:hidden; }
.pimgbig img { max-width:100%; max-height:420px; border-radius:8px; transition:transform .3s; }
.pimgbig img:hover { transform:scale(1.02); }
.pimgsmall { display:flex; gap:10px; margin-top:12px; justify-content:center; }
.pimgsmall li { cursor:pointer; border:2px solid transparent; border-radius:8px; overflow:hidden; transition:all .25s; box-shadow:0 1px 4px rgba(0,0,0,0.05); }
.pimgsmall li:hover { border-color:#2563eb; box-shadow:0 3px 10px rgba(37,99,235,0.2); }
.pimgsmall li img { width:90px; height:68px; object-fit:cover; }
.playvideo { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer; z-index:2; background:rgba(0,0,0,0.4); border-radius:50%; padding:12px; transition:all .3s; }
.playvideo:hover { background:rgba(37,99,235,0.8); transform:translate(-50%,-50%) scale(1.1); }
.playvideo img { width:40px; height:40px; }
.pvideo { text-align:center; }

/* === 导读/总结 === */
.main-tips,.desc { background:linear-gradient(135deg,#fffbeb,#fefce8); border:1px solid #fef3c7; border-left:4px solid #f59e0b; border-radius:0 8px 8px 0; padding:14px 18px; margin:12px 0; font-size:13px; line-height:2; }
.main-tips .answer,.desc .answer { display:inline-block; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; padding:3px 12px; border-radius:6px; font-size:12px; margin-right:8px; font-weight:600; letter-spacing:0.5px; }
/* 行业简介 - 区别于导读的色系 */
.region-intro { background:linear-gradient(135deg,#ecfdf5,#d1fae5); border:1px solid #a7f3d0; border-left:4px solid #10b981; }
.region-intro .answer { background:linear-gradient(135deg,#059669,#047857); }
.tybt1,.tybt2,.tybt3 { color:#dc2626; font-weight:700; }
.tysbm1,.tysbm2,.tysbm3 { color:#2563eb; font-weight:700; }
.tylxr { color:#059669; font-weight:600; }
.tydz { color:#666; }
.reading-guide-company { color:#1d4ed8; font-weight:700; }

/* === 正文 === */
.content2020,.main-content { background:#fff; border-radius:12px; padding:24px; margin:12px 0; line-height:2; box-shadow:0 2px 12px rgba(0,0,0,0.06); border:1px solid #f0f0f0; }
.content2020 img,.main-content img { max-width:100%; height:auto; border-radius:6px; }
.typys { padding:12px 0; margin:12px 0; border-top:1px dashed #e0e0e0; }
.tycsgsmz11,.tycsgsmz2 { color:#dc2626; font-weight:700; font-size:16px; }
.tycsgjc11,.tycsgjc2 { color:#2563eb; font-weight:600; margin-left:10px; }
.khcont,.khcont6 { padding:10px 0; line-height:2; }

/* === 相册/视频库入口 === */
.imgtipsbox { padding:12px 0; text-align:center; font-size:13px; }
.imgtips { color:#2563eb; font-weight:600; cursor:pointer; transition:color .2s; }
.imgtips:hover { color:#1d4ed8; }
.videotips { color:#dc2626; font-weight:600; cursor:pointer; transition:color .2s; }
.videotips:hover { color:#b91c1c; }

/* === 搜索引擎入口 === */
.bdss,.main-bd { text-align:center; padding:18px 0; }
.bdss a,.main-bd a { display:inline-block; padding:10px 24px; margin:6px; background:#f8f9fb; border:1px solid #e0e0e0; border-radius:8px; color:#555; font-size:13px; transition:all .25s; }
.bdss a:hover,.main-bd a:hover { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border-color:#2563eb; text-decoration:none; box-shadow:0 3px 10px rgba(37,99,235,0.3); transform:translateY(-1px); }
.sstitle2024 { color:#dc2626; font-weight:700; }

/* === 侧边栏 === */
.g-left .m-box,.site-box { background:#fff; border-radius:12px; margin-bottom:15px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.06); border:1px solid #f0f0f0; }
.side-title { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; padding:12px 16px; font-size:14px; font-weight:600; letter-spacing:0.5px; }
.u-title { padding:12px 16px; font-size:14px; font-weight:600; border-bottom:2px solid #2563eb; color:#1a1a1a; }
.u-List li,.more-list li { padding:9px 16px; border-bottom:1px dashed #f0f0f0; transition:all .2s; position:relative; padding-left:24px; }
.u-List li::before,.more-list li::before { content:''; position:absolute; left:12px; top:50%; width:5px; height:5px; background:#93c5fd; border-radius:50%; transform:translateY(-50%); transition:all .2s; }
.u-List li:last-child,.more-list li:last-child { border-bottom:none; }
.u-List li:hover,.more-list li:hover { background:#f8faff; padding-left:28px; }
.u-List li:hover::before,.more-list li:hover::before { background:#2563eb; }
.u-List li a,.more-list li a { font-size:13px; color:#444; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.u-List li a:hover,.more-list li a:hover { color:#2563eb; text-decoration:none; }
.xgxxwzlist_1 { color:#dc2626; font-weight:700; }
.card2024 { max-width:100%; border-radius:10px; border:1px solid #eee; }

/* === 2023模板Logo区 === */
.logo16a { display:flex; align-items:center; gap:15px; }
.logo16aa img { max-height:50px; }
.logo16ab span { font-size:13px; color:#666; }
.logo16ab h2 { font-size:16px; color:#333; }
.logo16b { text-align:right; }
.logo16b p { font-size:13px; color:#666; }
.icomoonsz222 { font-size:22px; color:#e53e3e; font-weight:700; }

/* === 底部 === */
#footer { background:linear-gradient(135deg,#1e293b,#2d3748); color:#ccc; padding:28px 0; text-align:center; font-size:13px; line-height:2; width:100%; clear:both; }
#footer a { color:#93c5fd; transition:color .2s; }
#footer a:hover { color:#bfdbfe; text-decoration:underline; }
#footer p { max-width:1200px; margin:0 auto; }
.footer { background:linear-gradient(135deg,#1e293b,#2d3748); color:#ccc; padding:28px 0; text-align:center; line-height:2; width:100%; clear:both; }
.footer p { max-width:1200px; margin:0 auto; }
.linkbox { max-width:1200px; margin:0 auto; padding:12px 0; font-size:13px; color:#999; line-height:2; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.linkbox h4 { font-size:14px; font-weight:600; color:#333; margin:0 10px 0 0; white-space:nowrap; }
.link-list { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; }
.link-list a { color:#666; white-space:nowrap; transition:color .2s; }
.link-list a:hover { color:#2563eb; text-decoration:underline; }
.linkbox a { color:#666; margin:0 4px; transition:color .2s; }
.linkbox a:hover { color:#2563eb; text-decoration:none; }

/* === 浮动推广 === */
.right_info { position:fixed; right:0; top:30%; width:80px; background:#fff; border:1px solid #e0e0e0; border-radius:10px 0 0 10px; z-index:999; box-shadow:-2px 0 12px rgba(0,0,0,0.1); }
.right_info_tit { background:linear-gradient(135deg,#2563eb,#1d4ed8); padding:10px; text-align:center; border-radius:10px 0 0 0; }
.right_info_tit a { color:#fff; font-size:12px; }
.right_info_box { padding:12px; text-align:center; }
.right_info_qq { font-size:12px; color:#333; }
.zhuce2023 { padding:10px; text-align:center; }
.zhuce2023 a { display:block; background:linear-gradient(135deg,#e53e3e,#dc2626); color:#fff; padding:8px; border-radius:6px; font-size:12px; transition:all .2s; box-shadow:0 2px 6px rgba(229,62,62,0.3); }
.zhuce2023 a:hover { background:linear-gradient(135deg,#dc2626,#b91c1c); transform:scale(1.03); }

/* === 在线咨询 === */
.linkus { position:fixed; right:0; top:55%; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; padding:10px 8px; border-radius:10px 0 0 10px; cursor:pointer; z-index:999; text-align:center; font-size:12px; box-shadow:-2px 0 8px rgba(37,99,235,0.3); transition:all .2s; }
.linkus:hover { padding-right:12px; box-shadow:-3px 0 12px rgba(37,99,235,0.4); }
.linkus img { display:block; margin:0 auto 3px; }

/* === 底部电话栏 === */
.foot-bar { position:fixed; bottom:0; left:0; right:0; background:#fff; border-top:1px solid #eee; z-index:999; display:none; box-shadow:0 -2px 8px rgba(0,0,0,0.05); }
.foot-bar table { width:100%; }
.foot-bar td { text-align:center; padding:8px; }
.foot-bar .tel a { color:#e53e3e; font-size:16px; font-weight:700; }

/* === 联系弹窗 === */
#huaermapbox { display:none; }
#contactbox2023 { background:#fff; border-radius:10px; padding:18px; box-shadow:0 4px 20px rgba(0,0,0,0.1); }
.gsname { font-size:16px; font-weight:600; color:#333; }
.gsname span { font-size:12px; color:#38a169; margin-left:10px; }
#contactbox2023 p { font-size:13px; color:#666; padding:3px 0; }
.yqbody2024 { padding:16px; background:#f8faff; border-radius:0 0 10px 10px; }
#yqcont p { font-size:13px; color:#666; margin-bottom:8px; }
.tttel { width:100%; padding:10px; border:1px solid #e0e0e0; border-radius:6px; margin-bottom:8px; font-size:13px; transition:border-color .2s; }
.tttel:focus { border-color:#2563eb; outline:none; box-shadow:0 0 0 3px rgba(37,99,235,0.15); }
.btns { display:block; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; text-align:center; padding:10px; border-radius:6px; cursor:pointer; transition:all .2s; box-shadow:0 2px 6px rgba(37,99,235,0.3); }
.btns:hover { background:linear-gradient(135deg,#1d4ed8,#1e40af); box-shadow:0 4px 12px rgba(37,99,235,0.4); }

/* === Video模板 === */
#app .header { background:#fff; padding:12px 20px; border-bottom:2px solid #2563eb; box-shadow:0 2px 8px rgba(37,99,235,0.08); max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:15px; }
.header-logo a { display:flex; align-items:center; }
.header-logo img { max-height:48px; border-radius:4px; }
.main-nav { display:flex; gap:4px; margin-left:20px; }
.main-nav li a { padding:8px 16px; color:#444; font-size:14px; border-radius:6px; transition:all .25s; font-weight:500; }
.main-nav li a:hover { color:#2563eb; background:#f0f5ff; text-decoration:none; }
.main-search { margin-left:auto; display:flex; }
.search-input { border:1px solid #ddd; padding:7px 12px; width:200px; border-radius:8px 0 0 8px; font-size:13px; transition:border-color .2s; }
.search-input:focus { border-color:#2563eb; outline:none; box-shadow:0 0 0 2px rgba(37,99,235,0.12); }
.search-submit { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border:none; padding:7px 16px; border-radius:0 8px 8px 0; cursor:pointer; font-size:13px; transition:all .25s; }
.search-submit:hover { background:linear-gradient(135deg,#1d4ed8,#1e40af); }
.login-box-gd { white-space:nowrap; }
.login-box-gd a { font-size:13px; color:#666; margin-left:10px; transition:color .2s; }
.login-box-gd a.active { color:#2563eb; }

/* Video模板主体 */
.cpimgvideo { max-width:1200px; margin:0 auto; padding:20px 0; }
.cpimgvideo h1 { font-size:24px; color:#1a1a1a; line-height:1.5; margin:0 0 10px; font-weight:700; }
.addtimebox { font-size:13px; color:#999; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #f0f0f0; }
.addtimebox span { margin-left:12px; }

/* 视频区 - 去除黑边 */
.videobox { position:relative; background:#f5f5f5; border-radius:10px; overflow:hidden; margin-bottom:16px; border:1px solid #eee; }
.videobox img { width:100%; height:auto; max-height:420px; object-fit:cover; display:block; }
.videobox video { width:100%; max-height:500px; display:block; }
.videobox .playvideo { background:rgba(0,0,0,0.5); border-radius:50%; padding:14px; }
.videobox .playvideo:hover { background:rgba(37,99,235,0.8); }

/* 分享区 */
.sharebox { padding:12px 0; display:flex; align-items:center; gap:10px; font-size:13px; color:#666; }
.social-share { display:flex; gap:8px; }
.social-share a { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; color:#fff; font-size:12px; transition:all .25s; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
.social-share a:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.15); }
.icon-wechat { background:#07c160; }
.icon-weibo { background:#e6162d; }
.icon-qq { background:#12b7f5; }
.icon-qzone { background:#fece00; color:#333!important; }

/* 视频介绍 */
.video_intro { background:linear-gradient(135deg,#fffbeb,#fefce8); border-left:4px solid #f59e0b; border-top:none; border-right:none; border-bottom:none; padding:12px 16px; margin:14px 0; font-size:13px; border-radius:0 8px 8px 0; line-height:1.8; }
.usercont { margin:12px 0; }

/* 相关视频推荐 */
.related-video-box { background:#fff; border-radius:10px; margin:16px 0; overflow:hidden; border:1px solid #f0f0f0; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
.related-video-box .side-title { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; padding:12px 16px; font-size:14px; font-weight:600; }
.related-video-list { padding:8px 0; }
.related-video-list li { padding:8px 16px; border-bottom:1px dashed #f0f0f0; transition:all .2s; }
.related-video-list li:last-child { border-bottom:none; }
.related-video-list li:hover { background:#f8faff; padding-left:20px; }
.related-video-list li a { font-size:13px; color:#444; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.related-video-list li a:hover { color:#2563eb; text-decoration:none; }

/* === 分页 === */
.pagination { text-align:center; padding:15px 0; }
.pagination a,.pagination span { display:inline-block; padding:6px 14px; margin:0 3px; border:1px solid #e0e0e0; border-radius:6px; font-size:13px; color:#555; background:#fff; transition:all .2s; }
.pagination a:hover { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border-color:#2563eb; text-decoration:none; box-shadow:0 2px 6px rgba(37,99,235,0.3); }
.pagination span { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border-color:#2563eb; }

/* === 图文视频(2列网格, 每行3列: 序号+标题+日期) === */
.tuwen-grid { display:flex; flex-wrap:wrap; }
.tuwen-grid li { width:50%; padding:6px 12px 6px 0; box-sizing:border-box; border-bottom:1px dashed #f0f0f0; display:flex; align-items:center; transition:all .15s; }
.tuwen-grid li:hover { background:#f8faff; }
.tuwen-grid li a { font-size:13px; color:#333; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tuwen-grid li a:hover { color:#2563eb; }

/* === 长文章列表(多列) === */
.long-list { display:flex; flex-wrap:wrap; }
.long-list li { width:50%; padding:6px 15px 6px 0; border-bottom:1px dashed #f0f0f0; display:flex; align-items:center; transition:all .15s; }
.long-list li:hover { background:#f8faff; }
.long-list li a { font-size:13px; color:#444; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.long-list li a:hover { color:#2563eb; }
.listdate { font-size:12px; color:#999; margin-left:10px; flex-shrink:0; }

/* === 响应式 === */
@media (max-width:768px) {
  .index-top .app { flex-direction:column; }
  .indexclass-left,.rightbanner { width:100%; }
  .indexcenter-cplist { flex-wrap:wrap; }
  .indexcenter-cplist li { width:calc(50% - 5px); }
  .cat-block-item { flex-direction:column; }
  .cat-block-left { width:100%; border-right:none; border-bottom:1px solid #eef2ff; }
  .cat-block-products li { width:50%; }
  .cat-block-textlist li { width:100%; }
  .tuwen-grid li { width:100%; }
  .long-list li { width:100%; }
  .g-main { flex-direction:column; }
  .g-left { width:100%; }
  .dpspbox { flex-direction:column; }
  .dpspcpimgvideo { width:100%; }
  .header .wrap { flex-direction:column; }
  .header .menu ul { flex-wrap:wrap; justify-content:center; }
  .foot-bar { display:block; }
  .nav-list { flex-wrap:wrap; }
  .nav-list li a { padding:8px 14px; font-size:14px; }
  .ssbox { max-width:100%; margin:10px 0; }
  .login-box { margin-top:8px; }
  /* 详情页flex布局响应式 */
  .app.flex-layout { flex-direction:column; }
  .app > .right-side { width:100%; }
}

/* === 分类列表页 === */
.main-left { width:75%; float:left; min-height:1px; }
.main-right { width:23%; float:right; min-height:1px; }
.breadcrumb { padding:12px 0; font-size:13px; color:#999; border-bottom:1px solid #f0f0f0; margin-bottom:12px; }
.breadcrumb a { color:#666; transition:color .2s; }
.breadcrumb a:hover { color:#2563eb; }
.cat-list { background:#fff; border-radius:10px; padding:18px; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
.cat-title { border-bottom:2px solid #2563eb; padding-bottom:10px; margin-bottom:14px; }
.cat-title h2 { font-size:18px; color:#1a1a1a; font-weight:600; }
.art-list li { padding:8px 0; border-bottom:1px dashed #f0f0f0; display:flex; align-items:center; transition:all .15s; }
.art-list li:last-child { border-bottom:none; }
.art-list li:hover { background:#f8faff; padding-left:4px; }
.art-date { font-size:12px; color:#999; margin-right:12px; flex-shrink:0; }
.art-list li a { font-size:13px; color:#333; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.art-list li a:hover { color:#2563eb; }
.right-block { background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
.right-block h3 { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; padding:12px 16px; font-size:14px; font-weight:600; }
.cat-side li { padding:9px 16px; border-bottom:1px dashed #f0f0f0; transition:all .2s; position:relative; padding-left:24px; }
.cat-side li::before { content:''; position:absolute; left:12px; top:50%; width:5px; height:5px; background:#93c5fd; border-radius:50%; transform:translateY(-50%); transition:all .2s; }
.cat-side li:last-child { border-bottom:none; }
.cat-side li:hover { background:#f8faff; padding-left:28px; }
.cat-side li:hover::before { background:#2563eb; }
.cat-side li a { font-size:13px; color:#444; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cat-side li a:hover { color:#2563eb; text-decoration:none; }
.cat-side li.cur { background:#f0f5ff; }
.cat-side li.cur::before { background:#2563eb; }
.cat-side li.cur a { color:#2563eb; font-weight:600; }
.pages { text-align:center; padding:18px 0 6px; }
.pages a,.pages span { display:inline-block; padding:6px 14px; margin:0 3px; border:1px solid #e0e0e0; border-radius:6px; font-size:13px; color:#555; background:#fff; transition:all .2s; }
.pages a:hover { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border-color:#2563eb; text-decoration:none; box-shadow:0 2px 6px rgba(37,99,235,0.3); }
.pages span { background:#f8f9fb; color:#999; }

/* 分类列表页响应式 */
@media (max-width:768px) {
  .main-left,.main-right { width:100%; float:none; }
  .main-left { margin-bottom:16px; }
}

/* === 清除浮动 === */
.clearfix::after { content:""; display:block; clear:both; }