/* skin14 v2 - 仿 guiyisci.cn 上海硅仪生化科技
主调：浅灰白底 #f5f7fa + 主色 #1e88e5 蓝色细节
不用大块深蓝；蓝色只出现在导航 hover/CTA/链接/icon
*/
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Microsoft YaHei",PingFang SC,Arial,sans-serif;font-size:14px;color:#333;background:#fff;line-height:1.6}
a{color:#333;text-decoration:none;transition:color .2s}
a:hover{color:#1e88e5}
ul,li{list-style:none}
img{max-width:100%;border:0;vertical-align:middle}
.clearfix:after,.clear:after{content:"";display:block;clear:both;visibility:hidden;height:0}
.fl{float:left}.fr{float:right}.clear{clear:both}
.w1100{width:1180px;margin:0 auto;position:relative;max-width:100%}
/* ===== 顶部 ===== */
.skin14-top{background:#fff;border-bottom:1px solid #f0f2f5}
.skin14-top .top2{padding:18px 0;display:flex;align-items:center;justify-content:space-between;min-height:84px}
.skin14-top .logo{display:flex;align-items:center;height:64px;flex:0 0 auto}
.skin14-top .logo img{max-height:54px;max-width:360px;display:block}
.skin14-top .logo .text-logo{font-size:24px;color:#1e88e5;font-weight:700;letter-spacing:1px}
.skin14-top .logo .text-logo:before{content:"";display:inline-block;width:36px;height:36px;background:linear-gradient(135deg,#1e88e5 0%,#42a5f5 100%);border-radius:6px;vertical-align:-10px;margin-right:10px;position:relative}
.skin14-top .dh{text-align:right;padding-left:46px;background:url("data:image/svg+xml;utf8,") no-repeat left center;background-size:32px;flex-shrink:0}
.skin14-top .dh .t1{color:#86909c;font-size:12px;line-height:1.4}
.skin14-top .dh .t2{color:#1e88e5;font-size:24px;font-weight:700;font-family:Arial;line-height:1.2;letter-spacing:0.5px}
/* ===== 导航：白底 + 蓝色 hover 下划线 ===== */
.skin14-nav{background:#fff;height:54px;border-bottom:1px solid #eef0f3;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.skin14-nav .nav_ul{display:flex;height:54px;justify-content:flex-start;align-items:center}
.skin14-nav .nav_ul li{padding:0;text-align:center;position:relative}
.skin14-nav .nav_ul li>a{display:block;color:#1d2129;font-size:15px;line-height:54px;padding:0 30px;font-weight:500;position:relative;transition:color .2s}
.skin14-nav .nav_ul li>a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:#1e88e5;transition:all .25s ease;transform:translateX(-50%)}
.skin14-nav .nav_ul li.on>a,.skin14-nav .nav_ul li:hover>a{color:#1e88e5}
.skin14-nav .nav_ul li.on>a:after,.skin14-nav .nav_ul li:hover>a:after{width:60%}
.skin14-nav .nav_ul li .subnav{position:absolute;left:0;top:54px;min-width:140px;background:#fff;border:1px solid #eef0f3;border-top:0;display:none;z-index:99;box-shadow:0 6px 16px rgba(0,0,0,.08)}
.skin14-nav .nav_ul li:hover .subnav{display:block}
.skin14-nav .nav_ul li .subnav a{display:block;padding:12px 22px;color:#4e5969;font-size:13px;border-bottom:1px solid #f5f7fa;line-height:1.4;text-align:left}
.skin14-nav .nav_ul li .subnav a:last-child{border-bottom:0}
.skin14-nav .nav_ul li .subnav a:hover{background:#f5faff;color:#1e88e5}
.menu_open{display:none;cursor:pointer;padding:14px 16px;float:right}
.menu_open i{display:block;width:24px;height:2px;background:#1e88e5;margin:5px 0;transition:all .25s}
/* ===== 热门关键词搜索栏 ===== */
.skin14-hot-search{background:#f5f7fa;border-bottom:1px solid #eef0f3}
.skin14-hot-search .hs-inner{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.skin14-hot-search .hs-left{flex:1;font-size:13px;color:#86909c;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skin14-hot-search .hs-left span{color:#1d2129;font-weight:600;margin-right:6px}
.skin14-hot-search .hs-right{flex-shrink:0}
.skin14-hot-search .hs-right form{display:flex;border:1px solid #1e88e5;border-radius:4px;overflow:hidden;height:36px;background:#fff}
.skin14-hot-search .hs-txt{width:240px;border:0;padding:0 14px;height:34px;outline:none;font-size:13px;color:#4e5969;background:transparent}
.skin14-hot-search .hs-btn{width:72px;height:34px;background:#1e88e5;color:#fff;border:0;cursor:pointer;font-size:14px;letter-spacing:1px}
.skin14-hot-search .hs-btn:hover{background:#1976d2}
/* ===== Banner：浅灰底 + 仪器图叠加 + 左字 ===== */
.skin14-banner{position:relative;width:100%;overflow:hidden;background:linear-gradient(180deg,#f5f7fa 0%,#eef3f8 60%,#e6eef5 100%);height:430px}
.skin14-banner .ban-inner{position:relative;width:1180px;max-width:100%;height:430px;margin:0 auto;display:flex;align-items:center}
.skin14-banner .ban-text{position:relative;z-index:5;padding-left:30px;width:46%;flex-shrink:0}
.skin14-banner .ban-site{display:inline-block;color:#1e88e5;font-size:15px;letter-spacing:3px;font-weight:600;padding:5px 14px;background:#fff;border:1px solid #bbdefb;border-radius:30px;margin-bottom:20px;box-shadow:0 2px 8px rgba(30,136,229,.12)}
.skin14-banner .ban-h1{font-size:48px;color:#1d2129;font-weight:800;line-height:1.2;letter-spacing:2px;margin-bottom:14px;text-shadow:0 1px 0 rgba(255,255,255,.7);white-space:nowrap}
.skin14-banner .ban-h1 em{font-style:normal;color:#1e88e5}
.skin14-banner .ban-en{font-size:14px;color:#86909c;letter-spacing:4px;font-family:Arial;font-weight:600;text-transform:uppercase;margin-bottom:28px}
.skin14-banner .ban-en hr{display:inline-block;width:24px;height:2px;background:#1e88e5;border:0;vertical-align:middle;margin:0 4px}
.skin14-banner .ban-cta{display:inline-block;padding:12px 30px;background:#1e88e5;color:#fff;border-radius:4px;font-size:14px;letter-spacing:2px;box-shadow:0 6px 16px rgba(30,136,229,.32);transition:all .2s}
.skin14-banner .ban-cta:hover{background:#1976d2;transform:translateY(-2px);color:#fff}
/* 右侧仪器集合（CSS 绘制 + SVG 多设备示意） */
.skin14-banner .ban-graphic{position:absolute;right:0;top:0;bottom:0;width:62%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.skin14-banner .ban-graphic svg{width:100%;height:100%;max-height:420px}
/* 客服头像气泡 */
.skin14-banner .ban-avatar{position:absolute;left:38%;top:48%;transform:translateY(-50%);z-index:6;display:flex;align-items:center;gap:10px;background:#fff;padding:8px 14px 8px 8px;border-radius:46px;box-shadow:0 6px 18px rgba(30,136,229,.18)}
.skin14-banner .ban-avatar .av-img{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#42a5f5 0%,#1e88e5 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;flex-shrink:0}
.skin14-banner .ban-avatar .av-text{font-size:12px;color:#4e5969;line-height:1.5;white-space:nowrap}
.skin14-banner .ban-avatar .av-text b{color:#1e88e5;display:block;font-size:13px}
/* ===== 段落标题 ===== */
.skin14-bt{text-align:center;padding:50px 0 30px}
.skin14-bt .bt-cn{font-size:28px;color:#1d2129;font-weight:700;letter-spacing:1px}
.skin14-bt .bt-cn span{color:#1e88e5}
.skin14-bt .bt-en{font-size:13px;color:#c9cdd4;letter-spacing:4px;margin-top:8px;text-transform:uppercase;font-family:Arial}
.skin14-bt .bt-line{width:48px;height:3px;background:#1e88e5;margin:14px auto 0;border-radius:2px}
/* ===== 产品中心 ===== */
.skin14-product-section{background:#f5f7fa;padding-bottom:60px}
.skin14-product{display:flex;gap:24px;padding-top:6px}
.skin14-product .proL{width:240px;flex-shrink:0}
.skin14-product .proL .hd{background:linear-gradient(135deg,#1e88e5 0%,#1976d2 100%);color:#fff;padding:22px 24px;border-radius:6px 6px 0 0}
.skin14-product .proL .hd p{font-size:20px;font-weight:700;letter-spacing:1px}
.skin14-product .proL .hd span{font-size:11px;color:#bbdefb;letter-spacing:2px;text-transform:uppercase;font-family:Arial}
.skin14-product .proL .yjk{padding:0;border:1px solid #eef0f3;border-top:0;background:#fff;border-radius:0 0 6px 6px;overflow:hidden}
.skin14-product .proL .yjk .yj{border-bottom:1px solid #f5f7fa}
.skin14-product .proL .yjk .yj:last-child{border-bottom:0}
.skin14-product .proL .yjk .yja{display:block;padding:14px 24px;color:#4e5969;font-size:14px;font-weight:500;position:relative;transition:all .2s}
.skin14-product .proL .yjk .yja:after{content:"›";position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#c9cdd4;font-size:18px;transition:all .2s}
.skin14-product .proL .yjk .yja:hover{background:#f5faff;color:#1e88e5;padding-left:30px}
.skin14-product .proL .yjk .yja:hover:after{color:#1e88e5;right:18px}
.skin14-product .proL-tel{margin-top:16px;background:linear-gradient(135deg,#1e88e5 0%,#1976d2 100%);padding:18px 18px 18px 60px;color:#fff;border-radius:6px;position:relative}
.skin14-product .proL-tel:before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url("data:image/svg+xml;utf8,") no-repeat center;background-size:contain}
.skin14-product .proL-tel p{font-size:12px;color:#bbdefb;letter-spacing:1px;margin-bottom:2px}
.skin14-product .proL-tel span{font-size:18px;font-weight:700;font-family:Arial;letter-spacing:.5px;display:block}
.skin14-product .proR{flex:1;min-width:0}
.skin14-product .proR-tlt{display:flex;align-items:center;background:#fff;border:1px solid #eef0f3;border-bottom:2px solid #1e88e5;padding:14px 24px;justify-content:space-between;border-radius:6px 6px 0 0}
.skin14-product .proR-tlt span{font-size:18px;color:#1d2129;font-weight:700;letter-spacing:.5px}
.skin14-product .proR-tlt em{font-size:12px;color:#c9cdd4;font-family:Arial;font-style:normal;margin-left:10px;letter-spacing:1.5px;text-transform:uppercase}
.skin14-product .proR-tlt .more{font-size:12px;color:#86909c;letter-spacing:1px}
.skin14-product .proR-tlt .more:hover{color:#1e88e5}
.skin14-product .proR ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.skin14-product .proR ul>*{min-width:0}
.skin14-product .proR .c_pro_box{background:#fff;border:1px solid #eef0f3;transition:all .25s;overflow:hidden;border-radius:6px}
.skin14-product .proR .c_pro_box:hover{border-color:#1e88e5;box-shadow:0 8px 20px rgba(30,136,229,.12);transform:translateY(-3px)}
.skin14-product .proR .proimg_bk{padding:14px 14px 0;background:#fff}
.skin14-product .proR .proimg{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f5f7fa;border-radius:4px}
.skin14-product .proR .proimg img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.skin14-product .proR .c_pro_box:hover .proimg img{transform:scale(1.06)}
.skin14-product .proR .c_pro_box p{margin:0;padding:14px 16px 8px;text-align:center;font-size:14px;color:#1d2129;font-weight:500}
.skin14-product .proR .c_pro_box p a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d2129}
.skin14-product .proR .pro-more{display:block;text-align:center;padding:10px 0;font-size:12px;color:#86909c;border-top:1px solid #f5f7fa;background:#fafbfc;letter-spacing:1px;transition:all .2s}
.skin14-product .proR .pro-more em{font-style:normal;color:#1e88e5;margin-left:4px;font-weight:700}
.skin14-product .proR .c_pro_box:hover .pro-more{background:#1e88e5;color:#fff}
.skin14-product .proR .c_pro_box:hover .pro-more em{color:#fff}
/* ===== 应用案例 ===== */
.skin14-case-section{background:#fff;padding-bottom:60px}
.skin14-case ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.skin14-case ul>*{min-width:0}
.skin14-case li{background:#fff;border:1px solid #eef0f3;overflow:hidden;transition:all .25s;border-radius:6px}
.skin14-case li:hover{border-color:#1e88e5;box-shadow:0 8px 20px rgba(30,136,229,.15)}
.skin14-case .case-pic{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f5f7fa}
.skin14-case .case-pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.skin14-case li:hover .case-pic img{transform:scale(1.06)}
.skin14-case .case-mask{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(30,136,229,0);transition:background .25s}
.skin14-case li:hover .case-mask{background:rgba(30,136,229,.45)}
.skin14-case .case-mask:after{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:38px;height:38px;line-height:34px;text-align:center;border:2px solid #fff;border-radius:50%;color:#fff;font-size:24px;font-weight:300;transition:transform .3s}
.skin14-case li:hover .case-mask:after{transform:translate(-50%,-50%) scale(1)}
.skin14-case .case-name{display:block;padding:13px 16px;text-align:center;font-size:14px;color:#1d2129;border-top:1px solid #f5f7fa;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skin14-case li:hover .case-name{background:#1e88e5;color:#fff}
/* ===== 关于 ===== */
.skin14-about-section{background:#f5f7fa;padding:0 0 60px;background-image:linear-gradient(180deg,#fff 0,#fff 100px,#f5f7fa 100px,#f5f7fa 100%)}
.skin14-about{display:flex;background:#fff;border:1px solid #eef0f3;align-items:stretch;border-radius:6px;overflow:hidden}
.skin14-about .ab-img{width:480px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);position:relative}
.skin14-about .ab-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:280px}
.skin14-about .ab-img:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(135deg,rgba(30,136,229,.08) 0%,transparent 100%);pointer-events:none}
.skin14-about .ab-con{flex:1;padding:34px 40px;display:flex;flex-direction:column;min-width:0}
.skin14-about .ab-tlt{font-size:14px;color:#1e88e5;letter-spacing:2px;font-family:Arial;font-weight:700}
.skin14-about .ab-tlt span{font-size:14px;color:#1e88e5;letter-spacing:2px}
.skin14-about .ab-tlt p{font-size:24px;color:#1d2129;font-weight:700;font-family:"Microsoft YaHei";letter-spacing:1px;display:inline-block;margin-left:14px;vertical-align:1px}
.skin14-about .ab-line{display:block;width:40px;height:3px;background:#1e88e5;margin:14px 0 20px;border-radius:2px}
.skin14-about .ab-ms{flex:1;font-size:14px;line-height:1.95;color:#4e5969;text-align:justify;max-height:170px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.skin14-about .ab-more{display:inline-block;width:144px;height:40px;line-height:40px;background:#1e88e5;color:#fff;text-align:center;font-size:13px;border-radius:4px;margin-top:20px;letter-spacing:1px;align-self:flex-start;transition:all .2s;box-shadow:0 4px 12px rgba(30,136,229,.25)}
.skin14-about .ab-more:hover{background:#1976d2;color:#fff;transform:translateY(-2px)}
.skin14-about-bottom{display:flex;margin-top:24px;background:#fff;border:1px solid #eef0f3;border-radius:6px;overflow:hidden}
.skin14-about-bottom li{flex:1;padding:24px 18px;text-align:center;border-right:1px solid #f5f7fa;transition:all .2s;cursor:default}
.skin14-about-bottom li:last-child{border-right:0}
.skin14-about-bottom li:hover{background:#f5faff}
.skin14-about-bottom li em{display:block;width:50px;height:50px;margin:0 auto 10px;border-radius:50%;background:#e3f2fd;position:relative;transition:all .2s}
.skin14-about-bottom li em:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:url("data:image/svg+xml;utf8,") no-repeat center;background-size:contain}
.skin14-about-bottom li:hover em{background:#1e88e5}
.skin14-about-bottom li:hover em:after{background-image:url("data:image/svg+xml;utf8,")}
.skin14-about-bottom li p{font-size:13px;color:#86909c;margin:4px 0}
.skin14-about-bottom li span{display:block;font-size:17px;color:#1d2129;font-weight:600}
/* ===== 新闻 ===== */
.skin14-news-section{background:#f5f7fa;padding-bottom:60px}
.skin14-news{display:flex;gap:24px}
.skin14-news .gs,.skin14-news .hy{flex:1;min-width:0;background:#fff;border:1px solid #eef0f3;padding:0;border-radius:6px;overflow:hidden}
.skin14-news .tlt{padding:14px 24px;border-bottom:2px solid #1e88e5;background:#fff;display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:18px;font-weight:700}
.skin14-news .tlt span em{font-size:12px;color:#c9cdd4;font-family:Arial;letter-spacing:1.5px;margin-left:8px;font-weight:400;font-style:normal;text-transform:uppercase}
.skin14-news .tlt .more{font-size:12px;color:#86909c;font-weight:400;letter-spacing:1px}
.skin14-news .tlt .more:hover{color:#1e88e5}
.skin14-news ul{padding:14px 24px 18px}
.skin14-news ul li{padding:14px 0;border-bottom:1px dashed #eef0f3}
.skin14-news ul li:last-child{border-bottom:0}
.skin14-news ul li .time{display:inline-block;color:#1e88e5;font-size:12px;font-family:Arial;font-weight:600;margin-right:14px;background:#e3f2fd;padding:3px 10px;border-radius:2px;letter-spacing:.5px}
.skin14-news ul li .n-tlt{font-size:14px;color:#1d2129;font-weight:600;display:inline}
.skin14-news ul li .n-tlt:hover{color:#1e88e5}
.skin14-news ul li .n-desc{margin-top:8px;font-size:13px;color:#86909c;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* ===== 友情链接 ===== */
.skin14-friend{background:#fff;padding:24px 0;border-top:1px solid #eef0f3}
.skin14-friend .w1100{display:flex;align-items:flex-start;gap:24px}
.skin14-friend .fr-tlt{flex-shrink:0;border-right:1px solid #eef0f3;padding-right:24px}
.skin14-friend .fr-tlt span{display:block;font-size:11px;color:#c9cdd4;letter-spacing:2px;font-family:Arial;text-transform:uppercase}
.skin14-friend .fr-tlt p{font-size:18px;font-weight:700;color:#1e88e5;margin-top:2px}
.skin14-friend .fr-list{flex:1;font-size:13px;color:#86909c;line-height:1.9;padding-top:6px}
.skin14-friend .fr-list a{margin-right:18px;color:#86909c}
.skin14-friend .fr-list a:hover{color:#1e88e5}
/* ===== Footer ===== */
.skin14-footer{background:#1d2129;color:#86909c;padding:40px 0 0}
.skin14-footer .ft-cols{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:30px;gap:24px}
.skin14-footer .ft-col{flex:1;min-width:0}
.skin14-footer .ft-col b{display:block;color:#fff;font-size:16px;margin-bottom:14px;letter-spacing:.5px;border-left:3px solid #1e88e5;padding-left:10px;font-weight:600}
.skin14-footer .ft-col a{display:block;color:#86909c;font-size:13px;line-height:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skin14-footer .ft-col a:hover{color:#fff}
.skin14-footer .ft-products a{font-size:12px}
.skin14-footer .ft-tel{flex:0 0 240px;color:#86909c;font-size:13px;line-height:1.7}
.skin14-footer .ft-tel .tlt{font-size:24px;color:#1e88e5;font-weight:700;font-family:Arial;letter-spacing:.5px;line-height:1.2;margin-bottom:8px}
.skin14-footer .ft-tel .desc{font-size:12px;color:#4e5969;line-height:1.7}
.skin14-footer .ft-tel .ft-email{margin-top:10px;font-size:13px;color:#86909c}
.skin14-footer .ft-copyright{padding:18px 0;border-top:1px solid #2c3037;text-align:center;color:#4e5969;font-size:12px;line-height:1.8}
.skin14-footer .ft-copyright a{color:#4e5969;margin:0 6px}
.skin14-footer .ft-copyright a:hover{color:#fff}
/* ===== 内页 ===== */
.skin14-nybanner{height:220px;background:linear-gradient(135deg,#1e88e5 0%,#1976d2 50%,#1565c0 100%);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative;overflow:hidden}
.skin14-nybanner:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:url("data:image/svg+xml;utf8,") no-repeat center;background-size:cover;opacity:.5}
.skin14-nybanner h2{font-size:32px;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-shadow:0 2px 6px rgba(0,0,0,.18);position:relative;z-index:1}
.skin14-nybanner p{font-size:14px;opacity:.85;letter-spacing:3px;font-family:Arial;text-transform:uppercase;position:relative;z-index:1}
.skin14-mianbao{padding:14px 0;border-bottom:1px solid #eef0f3;background:#f5f7fa;font-size:13px;color:#86909c}
.skin14-mianbao .w1100{padding-left:24px;background:url("data:image/svg+xml;utf8,") no-repeat 2px center;background-size:14px}
.skin14-mianbao a{color:#86909c}
.skin14-mianbao a:hover{color:#1e88e5}
.skin14-content{padding:30px 0 60px;background:#fff;display:flex;gap:24px}
.skin14-sidebar{width:240px;flex-shrink:0}
.skin14-sidebar .sb-tlt{background:linear-gradient(135deg,#1e88e5 0%,#1976d2 100%);color:#fff;padding:20px 24px;border-radius:6px 6px 0 0}
.skin14-sidebar .sb-tlt p{font-size:18px;font-weight:700}
.skin14-sidebar .sb-tlt span{font-size:11px;color:#bbdefb;letter-spacing:2px;text-transform:uppercase;font-family:Arial}
.skin14-sidebar .sb-list{border:1px solid #eef0f3;border-top:0;background:#fff;border-radius:0 0 6px 6px;overflow:hidden}
.skin14-sidebar .sb-list li a{display:block;padding:13px 24px;color:#4e5969;font-size:14px;border-bottom:1px solid #f5f7fa;position:relative;transition:all .2s}
.skin14-sidebar .sb-list li a:after{content:"›";position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#c9cdd4;transition:all .2s}
.skin14-sidebar .sb-list li:last-child a{border-bottom:0}
.skin14-sidebar .sb-list li a:hover,.skin14-sidebar .sb-list li.cur a{background:#f5faff;color:#1e88e5;padding-left:30px}
.skin14-sidebar .sb-list li a:hover:after,.skin14-sidebar .sb-list li.cur a:after{color:#1e88e5;right:18px}
.skin14-sidebar .sb-contact{margin-top:18px;border:1px solid #eef0f3;background:#fff;border-radius:6px;overflow:hidden}
.skin14-sidebar .sb-contact .sb-tlt2{background:linear-gradient(135deg,#1e88e5 0%,#1976d2 100%);color:#fff;padding:14px 22px;font-size:16px;font-weight:700}
.skin14-sidebar .sb-contact .sb-body{padding:16px 18px;font-size:13px;color:#4e5969;line-height:1.9}
.skin14-sidebar .sb-contact .sb-body p{padding:5px 0;border-bottom:1px dashed #f5f7fa}
.skin14-sidebar .sb-contact .sb-body p:last-child{border-bottom:0}
.skin14-right{width:240px;flex-shrink:0}
.skin14-right .sb-tlt{background:linear-gradient(135deg,#1e88e5 0%,#1976d2 100%);color:#fff;padding:20px 24px;border-radius:6px 6px 0 0}
.skin14-right .sb-tlt p{font-size:18px;font-weight:700}
.skin14-right .sb-tlt span{font-size:11px;color:#bbdefb;letter-spacing:2px;text-transform:uppercase;font-family:Arial}
.skin14-right .sb-hotlist{border:1px solid #eef0f3;border-top:0;padding:6px 16px;background:#fff;border-radius:0 0 6px 6px}
.skin14-right .sb-hotlist li{padding:11px 0;border-bottom:1px dashed #f5f7fa;font-size:13px;color:#4e5969}
.skin14-right .sb-hotlist li:last-child{border-bottom:0}
.skin14-main{flex:1;min-width:0}
.skin14-main .page-title{font-size:22px;color:#1d2129;font-weight:700;padding-bottom:14px;border-bottom:1px solid #eef0f3;margin-bottom:20px;letter-spacing:.5px}
.skin14-main .page-title em{display:inline-block;width:4px;height:18px;background:#1e88e5;vertical-align:-3px;margin-right:10px;font-style:normal;border-radius:2px}
.skin14-main .page-content{font-size:14px;line-height:1.95;color:#4e5969}
.skin14-main .page-content p{margin:0 0 14px}
.skin14-main .page-content img{max-width:100%;height:auto}
/* 列表-文章 */
.skin14-newslist li{padding:18px 0;border-bottom:1px dashed #eef0f3;display:flex;align-items:center;gap:18px}
.skin14-newslist li .nl-pic{flex:0 0 180px;display:block;aspect-ratio:4/3;overflow:hidden;background:#f5f7fa;border-radius:4px}
.skin14-newslist li .nl-pic img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.skin14-newslist li:hover .nl-pic img{transform:scale(1.05)}
.skin14-newslist li .nl-con{flex:1;min-width:0}
.skin14-newslist li .nl-tlt{display:block;font-size:16px;color:#1d2129;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}
.skin14-newslist li .nl-tlt:hover{color:#1e88e5}
.skin14-newslist li .nl-desc{font-size:13px;color:#86909c;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.skin14-newslist li .nl-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c9cdd4}
.skin14-newslist li .nl-time{font-family:Arial}
.skin14-newslist li .nl-more{color:#1e88e5;letter-spacing:.5px}
.skin14-newslist li .nl-more:hover{text-decoration:underline}
/* 列表-产品 */
.skin14-prolist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.skin14-prolist>*{min-width:0}
.skin14-prolist li{background:#fff;border:1px solid #eef0f3;transition:all .25s;overflow:hidden;border-radius:6px}
.skin14-prolist li:hover{border-color:#1e88e5;box-shadow:0 8px 20px rgba(30,136,229,.15);transform:translateY(-3px)}
.skin14-prolist li .proimg_bk{padding:14px}
.skin14-prolist li .proimg{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f5f7fa;border-radius:4px}
.skin14-prolist li .proimg img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.skin14-prolist li:hover .proimg img{transform:scale(1.06)}
.skin14-prolist li .pro-module{padding:11px 16px 14px;text-align:center;font-size:14px;border-top:1px solid #f5f7fa;background:#fff}
.skin14-prolist li:hover .pro-module{background:#1e88e5}
.skin14-prolist li:hover .pro-module a{color:#fff}
/* 详情页 */
.skin14-article-head{text-align:center;padding-bottom:18px;border-bottom:1px dashed #eef0f3;margin-bottom:24px}
.skin14-article-head h1{font-size:24px;color:#1d2129;font-weight:700;margin-bottom:14px;line-height:1.4}
.skin14-article-meta{font-size:13px;color:#86909c}
.skin14-article-meta span{margin:0 10px}
.skin14-article-content{font-size:15px;line-height:1.95;color:#4e5969;min-height:240px}
.skin14-article-content p{margin:0 0 16px}
.skin14-article-content img{max-width:100%;height:auto;display:block;margin:18px auto}
.skin14-article-nav{margin-top:30px;padding:14px 0;border-top:1px dashed #eef0f3;font-size:13px;color:#86909c;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.skin14-article-nav a{color:#86909c}
.skin14-article-nav a:hover{color:#1e88e5}
.skin14-article-related{margin-top:32px}
.skin14-article-related h3{font-size:18px;color:#1d2129;padding-bottom:10px;border-bottom:2px solid #1e88e5;margin-bottom:14px;font-weight:700}
.skin14-article-related h3 em{display:inline-block;width:4px;height:16px;background:#1e88e5;vertical-align:-2px;margin-right:8px;font-style:normal;border-radius:2px}
.skin14-article-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.skin14-article-related ul>*{min-width:0}
.skin14-article-related li{border-bottom:1px dashed #f5f7fa;padding:10px 0 10px 14px;display:flex;justify-content:space-between;background:url("data:image/svg+xml;utf8,") no-repeat 0 center;background-size:6px}
.skin14-article-related li a{flex:1;color:#4e5969;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skin14-article-related li a:hover{color:#1e88e5}
.skin14-article-related li span{color:#c9cdd4;font-size:12px;font-family:Arial}
/* 分页 */
.skin14-page{margin-top:30px;text-align:center;font-size:13px;color:#86909c;line-height:32px}
.skin14-page a,.skin14-page strong{display:inline-block;min-width:32px;height:32px;line-height:32px;padding:0 10px;border:1px solid #eef0f3;color:#4e5969;margin:0 3px;background:#fff;border-radius:4px;font-weight:400}
.skin14-page a:hover,.skin14-page strong{background:#1e88e5;color:#fff;border-color:#1e88e5}
/* 联系卡片 */
.skin14-contact-card{margin-top:24px;padding:22px 26px;background:#f5faff;border-left:4px solid #1e88e5;border-radius:0 6px 6px 0}
.skin14-contact-card p{margin:8px 0;font-size:14px;color:#4e5969;line-height:1.8}
.skin14-contact-card p strong{color:#1d2129;display:inline-block;width:64px}
/* 标签云 */
.skin14-tagcloud{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}
.skin14-tagcloud a{display:inline-block;padding:8px 16px;background:#f5f7fa;color:#4e5969;border:1px solid #eef0f3;font-size:13px;border-radius:4px;transition:all .2s}
.skin14-tagcloud a:hover{background:#1e88e5;color:#fff;border-color:#1e88e5}
/* 网站地图 */
.sm-block{margin-bottom:24px}
.sm-cat{font-size:16px;color:#1e88e5;border-left:3px solid #1e88e5;padding-left:10px;margin-bottom:12px;font-weight:700}
.sm-list{display:flex;flex-wrap:wrap;gap:8px 24px;padding-left:14px}
.sm-list li{font-size:13px}
.sm-list li a{color:#4e5969}
.sm-tip{margin-top:30px;padding:14px;background:#f5faff;font-size:13px;color:#86909c;border-left:3px solid #1e88e5}
.sm-tip a{color:#1e88e5}
/* 搜索页 */
.skin14-search-empty{text-align:center;padding:80px 0;color:#86909c}
.skin14-search-empty .icon{font-size:60px;color:#c9cdd4;margin-bottom:14px}
/* 404 */
.skin14-404{text-align:center;padding:80px 0}
.skin14-404 .num{font-size:120px;color:#1e88e5;font-weight:900;line-height:1;letter-spacing:6px}
.skin14-404 .tip{font-size:18px;color:#86909c;margin:20px 0 26px}
.skin14-404 a{display:inline-block;padding:12px 36px;background:#1e88e5;color:#fff;border-radius:4px;letter-spacing:2px;box-shadow:0 4px 12px rgba(30,136,229,.25)}
/* ===== 右侧客服 ===== */
.skin14-kf{position:fixed;right:14px;bottom:80px;z-index:50;display:flex;flex-direction:column;gap:8px}
.skin14-kf a{display:block;width:48px;height:48px;background:#1e88e5;color:#fff;border-radius:6px;text-align:center;line-height:48px;position:relative;box-shadow:0 4px 12px rgba(30,136,229,.32);transition:all .2s}
.skin14-kf a:hover{background:#1976d2;transform:translateY(-2px)}
.skin14-kf a span{display:block;width:24px;height:24px;margin:12px auto;background-repeat:no-repeat;background-position:center;background-size:contain}
.skin14-kf .kf-tel span{background-image:url("data:image/svg+xml;utf8,")}
.skin14-kf .kf-top span{background-image:url("data:image/svg+xml;utf8,")}
.skin14-kf .kf-pop{position:absolute;right:56px;top:0;background:#1e88e5;color:#fff;padding:0 14px;height:48px;line-height:48px;font-size:14px;font-family:Arial;font-weight:700;letter-spacing:.5px;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transform:translateX(8px);transition:all .25s}
.skin14-kf .kf-tel:hover .kf-pop{opacity:1;visibility:visible;transform:translateX(0)}
/* ===== 响应式 ===== */
@media (max-width:1199px){
.w1100{width:100%;padding:0 16px;box-sizing:border-box}
.skin14-banner .ban-inner{width:100%;padding:0 16px}
.skin14-top .top2{flex-wrap:wrap}
.skin14-banner .ban-h1{font-size:36px}
.skin14-product .proR ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.skin14-case ul{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:991px){
.skin14-top{height:auto}
.skin14-top .top2{padding:14px 0;min-height:0}
.skin14-nav .nav_ul li>a{padding:0 18px;font-size:14px}
.skin14-banner,.skin14-banner .ban-inner{height:340px}
.skin14-banner .ban-h1{font-size:36px;letter-spacing:2px}
.skin14-banner .ban-text{width:60%}
.skin14-banner .ban-graphic{width:50%;opacity:.7}
.skin14-product{flex-direction:column}
.skin14-product .proL{width:100%}
.skin14-product .proR ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.skin14-case ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.skin14-about{flex-direction:column}
.skin14-about .ab-img{width:100%}
.skin14-about-bottom{flex-wrap:wrap}
.skin14-about-bottom li{flex:1 0 50%;border-bottom:1px solid #f5f7fa}
.skin14-news{flex-direction:column}
.skin14-content{flex-direction:column}
.skin14-sidebar,.skin14-right{width:100%}
.skin14-prolist{grid-template-columns:repeat(2,minmax(0,1fr))}
.skin14-footer .ft-cols{flex-wrap:wrap}
.skin14-footer .ft-col{flex:1 0 40%;margin-bottom:18px}
.skin14-footer .ft-tel{flex:1 0 100%}
}
@media (max-width:767px){
.menu_open{display:block;position:absolute;right:8px;top:6px;z-index:120}
.menu_open i{background:#1e88e5}
.skin14-nav{position:relative}
.skin14-nav .nav_ul{display:none;position:absolute;left:0;right:0;top:54px;flex-direction:column;background:#fff;z-index:100;height:auto;border-top:1px solid #eef0f3;box-shadow:0 4px 10px rgba(0,0,0,.06)}
.skin14-nav .nav_ul.show{display:flex}
.skin14-nav .nav_ul li{flex:none;text-align:left;border-bottom:1px solid #f5f7fa}
.skin14-nav .nav_ul li>a{padding:0 24px;text-align:left;line-height:46px}
.skin14-nav .nav_ul li>a:after{display:none}
.skin14-top .top2{padding:10px 0}
.skin14-top .logo{height:50px;flex:none}
.skin14-top .logo img{max-height:50px}
.skin14-top .dh{padding-left:30px;background-size:26px}
.skin14-top .dh .t1{font-size:11px}
.skin14-top .dh .t2{font-size:18px}
.skin14-hot-search .hs-inner{flex-direction:column;align-items:stretch;gap:10px}
.skin14-hot-search .hs-txt{width:0;flex:1}
.skin14-banner,.skin14-banner .ban-inner{height:240px}
.skin14-banner .ban-site{font-size:11px;letter-spacing:1px;padding:3px 10px;margin-bottom:10px}
.skin14-banner .ban-h1{font-size:24px;letter-spacing:1px;line-height:1.3}
.skin14-banner .ban-en{font-size:11px;letter-spacing:2px;margin-bottom:12px}
.skin14-banner .ban-text{width:65%;padding-left:16px}
.skin14-banner .ban-graphic{width:48%;opacity:.5}
.skin14-banner .ban-avatar{display:none}
.skin14-bt{padding:32px 0 22px}
.skin14-bt .bt-cn{font-size:22px}
.skin14-product .proR ul,.skin14-prolist{grid-template-columns:repeat(2,minmax(0,1fr))}
.skin14-case ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.skin14-about .ab-con{padding:22px 18px}
.skin14-about-bottom li{flex:1 0 100%;border-right:0}
.skin14-newslist li{flex-direction:column;align-items:stretch}
.skin14-newslist li .nl-pic{flex:none;width:100%}
.skin14-article-related ul{grid-template-columns:1fr}
.skin14-friend .w1100{flex-direction:column;gap:10px}
.skin14-friend .fr-tlt{border-right:0;padding-right:0;border-bottom:1px solid #eef0f3;padding-bottom:10px}
.skin14-footer .ft-col{flex:1 0 100%}
}
/* Sitemap Links */
.sitemap-links{margin-left:15px;font-size:13px;}
.sitemap-links a{color:#999;margin:0 10px;text-decoration:none;}
.sitemap-links a:hover{color:#1062c3;}