/**
 * TimeMachine AI Generated Style
 * Domain: hznsb.com
 * Generated: 2026-01-16 18:14:50
 */



:root{--primary:#2E5CFF;--primary-600:#2148cc;--primary-700:#1b3bb3;--accent:#ff4d4f;--accent-600:#d9363e;--text:#333;--muted:#666;--bg:#f8fafc;--bg-soft:#eef2ff;--white:#fff;--shadow:0 8px 30px rgba(0,0,0,.08);--radius:16px;--radius-lg:20px;--radius-sm:10px;--w:1200px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-700)}
ul{margin:0;padding:0;list-style:none}
.clearfix::after{content:"";display:block;clear:both}
.container{max-width:var(--w);margin:0 auto;padding:0 15px}
.hidden-sm,.hidden-xs{display:block}
.visible-xs,.visible-sm{display:none}
@media (max-width:768px){.hidden-sm,.hidden-xs{display:none !important}.visible-xs,.visible-sm{display:block !important}.container{padding:0 12px}}

.tophead{background:var(--white);position:relative;z-index:1000;border-bottom:1px solid #e8ecf3}
.tophead .top{max-width:var(--w);margin:0 auto;padding:8px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.headtitle.fl{color:#555;font-size:13px}
.k1.fr{font-size:13px;color:#666}
.k1.fr a{color:#666;margin:0 6px}
.k1.fr a:hover{color:var(--primary)}

.sechead{position:sticky;top:0;z-index:1001;background:rgba(255,255,255,.7);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 10px 24px rgba(0,0,0,.06)}
.sechead #header{max-width:var(--w);margin:0 auto;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo img{height:54px;width:auto;border-radius:10px}
.k2.fr{text-align:right}
.k2.fr p{margin:0;color:#444}
.k2.fr strong{font-size:20px;color:var(--primary)}

#menu{background:var(--white);position:relative;z-index:999}
#menu .nav{max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:4px;padding:0 15px}
#menu li{position:relative}
#menu>ul.nav>li>a{display:block;padding:14px 16px;color:#333;font-weight:600;border-radius:12px;transition:all .2s ease}
#menu>ul.nav>li>a:hover{background:var(--bg);color:var(--primary)}
#menu li .sec{position:absolute;left:0;top:100%;min-width:220px;background:var(--white);border-radius:14px;box-shadow:var(--shadow);padding:10px;display:none;opacity:0;transform:translateY(8px);transition:all .2s ease}
#menu li:hover .sec{display:block;opacity:1;transform:translateY(0)}
#menu li .sec a{display:block;padding:10px 12px;color:#444;border-radius:10px;transition:all .2s}
#menu li .sec a:hover{background:var(--bg);color:var(--primary)}

.x-header-right{display:flex;align-items:center;gap:12px}
#formsearch{display:flex;align-items:center;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:6px 10px;box-shadow:0 6px 16px rgba(0,0,0,.06)}
#formsearch input[type="text"]{border:0;background:transparent;outline:none;padding:6px 10px;width:180px;color:#333}
#formsearch input[type="submit"]{border:0;background:var(--primary);color:#fff;width:36px;height:36px;border-radius:999px;cursor:pointer;transition:all .2s}
#formsearch input[type="submit"]:hover{background:var(--primary-600)}
.x-login a{color:#444;margin:0 6px}
.x-login a:hover{color:var(--primary)}

.x-banner{position:relative;min-height:360px;background:linear-gradient(135deg,rgba(46,92,255,.08),rgba(255,173,88,.10)),url('/assets/images/pattern-grid.svg') center/cover no-repeat}
.x-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.0));pointer-events:none}
.owl-carousel{position:relative}
.owl-carousel .banner-item img{width:100%;height:520px;object-fit:cover;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.15)}
.owl-carousel .owl-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px}
.owl-carousel .owl-dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.1);transition:all .2s}
.owl-carousel .owl-dot.active{background:var(--primary)}
.owl-carousel .owl-nav{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}
.owl-carousel .owl-nav button{pointer-events:auto;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.08);color:#333;display:flex;align-items:center;justify-content:center;margin:0 8px;box-shadow:0 6px 16px rgba(0,0,0,.1);transition:all .2s}
.owl-carousel .owl-nav button:hover{background:var(--primary);color:#fff}
.visible-xs .banner-item img,.visible-sm .banner-item img{height:220px;border-radius:16px}

.ss{background:var(--white)}
.ss .w1200{max-width:var(--w);margin:0 auto;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hotSearch{font-size:14px;color:#666;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hotSearch a{color:#555;background:var(--bg);padding:6px 10px;border-radius:999px;border:1px solid #e8ecf3}
.hotSearch a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.search form{display:flex;align-items:center;background:var(--bg);border:1px solid #e8ecf3;border-radius:999px;padding:6px 8px;gap:8px}
.search input[type="text"]{border:0;background:transparent;outline:none;padding:8px 10px;width:220px}
.search input[type="submit"]{border:0;background:var(--primary);color:#fff;width:40px;height:40px;border-radius:999px;cursor:pointer}
.search input[type="submit"]:hover{background:var(--primary-600)}

.w1200{max-width:var(--w);margin:0 auto;padding:0 15px}
.pro{padding:40px 0}
.biaoti{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.biaoti h3{margin:0;font-size:28px;color:#222;position:relative;padding-bottom:10px}
.biaoti h3::after{content:"";position:absolute;left:0;bottom:0;width:68px;height:4px;background:linear-gradient(90deg,var(--primary),#8ea2ff);border-radius:999px}
.fenlei{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}
.fenlei a{padding:8px 12px;border-radius:999px;background:var(--bg);border:1px solid #e8ecf3;color:#444}
.fenlei a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.product_list1{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product_list1 li{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}
.product_list1 li:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(46,92,255,.15)}
.product_list1 li a{display:block;color:#333}
.product_list1 li img{width:100%;height:180px;object-fit:cover}
.product_list1 li h3{margin:12px 14px 14px;font-size:16px;font-weight:700}
.product_list1 li::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:linear-gradient(90deg,var(--primary),#8ea2ff);opacity:0;transition:.2s;border-radius:2px}
.product_list1 li:hover::after{opacity:1}

.a1{padding:42px 0;background:var(--bg)}
.ys .ys-tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ys .ys-tit h3{margin:0;font-size:26px}
.ys .ys-tit p{margin:6px 0 0;color:#666}
.ys_timg{display:flex;align-items:center;gap:12px;color:#444}
.ys_timg img{width:44px;height:44px;border-radius:12px}
.ys_timg h4{margin:0;font-size:16px}
.ys-cont{display:grid;gap:22px}
.ys-cont .wow{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}
.ys1 .ysa,.ys2 .ysa,.ys3 .ysa,.ys4 .ysa{padding:22px}
.ysimg1 img,.ysimg2 img,.ysimg3 img,.ysimg4 img{width:100%;height:auto;display:block}
.ysa .dbt{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ysa .dbt span{font-size:20px;font-weight:800;color:#222;background:linear-gradient(90deg,var(--primary),#8ea2ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ysa .dbt i{font-style:normal;font-size:13px;color:#888}
.ysa h3{margin:8px 0 6px;font-size:20px;color:#222}
.ysa .cont{color:#555}
.ys2 .ysa{order:2}
.ysimg2{order:1}
@media (min-width:992px){.ys1,.ys3{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
.ys2,.ys4{display:grid;grid-template-columns:1fr 1.1fr;align-items:center}
.ys2 .ysa{order:1}
.ysimg2{order:2}}

.anli .w1200>.biaoti{display:block;text-align:center;margin-bottom:20px}
.anli .w1200>.biaoti h3{margin:0 auto 8px;font-size:26px}
.anli .w1200>.biaoti p{margin:0;color:#666}
.anli-cont .case_list2{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:14px 0 18px}
.case_list2 li{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s}
.case_list2 li:hover{transform:translateY(-3px)}
.case_list2 li img{width:100%;height:140px;object-fit:cover}
.case_list2 li h3{margin:10px 12px 12px;font-size:15px;color:#333}
.anli-more{display:block;text-align:center;margin-top:10px}
.anli-more img{height:44px}

.ab .w1200>.ab-tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ab .w1200>.ab-tit h3{margin:0;font-size:26px}
.ab .w1200>.ab-tit span{color:#888;margin-left:8px}
.ab .w1200>.ab-tit a img{height:36px;border-radius:8px}
.ab-cont{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}
.ab-cont h3{margin:6px 0 10px;font-size:20px}
.ab-cont .cont{color:#555}
.ab-shi img,.ab-le img{width:100%;border-radius:16px}
.ab-ri .ab-honor{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(46,92,255,.08),rgba(255,173,88,.08));padding:10px 12px;border-radius:12px;margin-bottom:12px}
.ab-ri .ab-honor a{color:var(--primary);font-weight:600}
.ab-img .bd ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ab-img img{width:100%;height:100px;object-fit:cover;border-radius:10px}
@media (min-width:992px){.ab-cont .ab-shi.fl{float:left;width:48%;margin-right:2%}
.ab-cont .ab-ri.fr{float:right;width:48%;margin-left:2%}
.ab-cont.clearfix{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ab-cont.clearfix .ab-le fl,.ab-cont.clearfix .ab-ri fr{float:none;width:auto}}

.xin .w1200{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.xin-a,.xin-b{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px}
.xin-a .hd ul>li:first-child{font-weight:800;color:#222;border-left:4px solid var(--primary);padding-left:8px;margin-bottom:8px}
.xin-a .hd li a{color:#444;display:block;padding:6px 0;border-bottom:1px dashed #eef2ff}
.xin-a .hd li a:hover{color:var(--primary)}
.xin-img img{width:100%;height:120px;object-fit:cover;border-radius:12px;margin-bottom:8px}
.xin-tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.xin-tit span{font-weight:800;color:#222}
.pic .news_list2 li{padding:10px 0;border-bottom:1px solid #eef2ff}
.news_list2 li a{color:#333;font-weight:600}
.news_list2 li a:hover{color:var(--primary)}
.news_list2 li p{color:#666;margin:6px 0 0;font-size:13px}

.f_link{color:#666;padding:10px 0 0}
.foot{background:#2c3e50;color:#d6deeb;margin-top:30px}
.foot .w1200{display:grid;grid-template-columns:1.2fr .8fr .3fr;gap:18px;padding:24px 15px}
.ff_a h3{margin:0 0 8px;color:#fff}
.ff_lx table{width:100%;border-collapse:collapse}
.ff_lx td{padding:6px 4px;color:#d6deeb;vertical-align:top}
.copyright{color:#b6c2d0;line-height:1.8}
.copyright a{color:#b6c2d0}
.copyright a:hover{color:#fff}
.er{text-align:center}
.er img{width:120px;height:120px;border-radius:16px;margin:0 auto 6px;background:#fff;padding:6px}
.er span{display:block;color:#b6c2d0}

#toolbar{position:fixed;right:18px;bottom:18px;z-index:999}
#toolbar ul{display:flex;flex-direction:column;gap:10px}
#toolbar li{position:relative}
#toolbar a,#toolbar span{display:flex;align-items:center;gap:8px;background:var(--white);border-radius:999px;padding:10px 12px;box-shadow:0 10px 24px rgba(0,0,0,.12);color:#333;transition:all .2s}
#toolbar a:hover{transform:translateY(-2px)}
#toolbar .wz{font-weight:700;color:#333}