/** * TimeMachine AI Generated Style * Domain: hongyanyingxiang.com * Generated: 2026-01-16 18:12:21 */ :root{--primary:#2E5CFF;--primary-600:#234dd1;--primary-700:#1b3db2;--accent-cyan:linear-gradient(135deg,#6EE7F9,#60A5FA);--accent-purple:linear-gradient(135deg,#C084FC,#A78BFA);--accent-orange:linear-gradient(135deg,#FBBF24,#F59E0B);--bg:#f8fafc;--text:#333;--muted:#666;--border:#e5e7eb;--card:#ffffff;--shadow:0 10px 30px rgba(46,92,255,.12);--radius:20px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-600)}img{max-width:100%;height:auto;vertical-align:middle}.container{max-width:1200px;margin:0 auto;padding:0 15px}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col-xs-12,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-7,.col-sm-9,.col-sm-12,.col-md-3,.col-md-5,.col-md-7,.col-md-9,.col-md-12,.col-mm-6{position:relative;padding:0 15px}.col-xs-12{width:100%}.col-sm-3{width:25%}.col-sm-4{width:33.3333%}.col-sm-5{width:41.6667%}.col-sm-7{width:58.3333%}.col-sm-9{width:75%}.col-sm-12{width:100%}.col-md-3{width:25%}.col-md-5{width:41.6667%}.col-md-7{width:58.3333%}.col-md-9{width:75%}.col-md-12{width:100%}.col-mm-6{width:50%}@media(max-width:991px){.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-7,.col-sm-9{width:100%}.col-md-3,.col-md-5,.col-md-7,.col-md-9{width:100%}.col-mm-6{width:50%}}@media(max-width:600px){.col-mm-6{width:100%}} header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.7);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);box-shadow:0 10px 30px rgba(28,35,45,.08);border-bottom:1px solid rgba(46,92,255,.08)}.top_menu{background:transparent;padding:8px 0;border-bottom:1px solid rgba(46,92,255,.08)}.top_name{font-weight:600;color:#1f2937;font-size:14px}.tel_box{display:flex;align-items:center;justify-content:flex-end;gap:10px}.top_tel{width:28px;height:28px;border-radius:999px;background:var(--accent-cyan);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(96,165,250,.35)}.top_tel img{width:16px;height:16px;filter:brightness(0) invert(1)}.top_number span{font-size:12px;color:#6b7280;display:block;line-height:1}.top_number p{margin:0;font-size:16px;font-weight:700;color:#111827}.logo{height:56px;object-fit:contain} #topsearch .search_group{display:flex;align-items:center;background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:999px;padding:4px 6px;box-shadow:0 6px 20px rgba(46,92,255,.08);transition:box-shadow .2s}#topsearch .search_group:focus-within{box-shadow:0 8px 28px rgba(46,92,255,.18)}#topsearch .form-control{border:0;background:transparent;outline:0;box-shadow:none;padding:6px 10px;min-width:0}#topsearch .input-group-btn{display:flex;align-items:center}#submit_search{width:36px;height:36px;border-radius:999px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .2s}#submit_search:hover{background:var(--primary-600);transform:translateY(-1px)} .navbar-default{background:transparent;border:0;margin:0}.navbar{padding:0;min-height:auto}.navbar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.navbar-brand{font-weight:700;color:#111827;padding:8px 0;background:var(--accent-purple);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar-toggle{border:1px solid var(--border);border-radius:8px;background:#fff;padding:6px 8px}.navbar-toggle .icon-bar{width:20px;height:2px;background:#111827;margin:3px 0;border-radius:1px}.navbar-nav{display:flex;align-items:center;gap:8px;padding:8px 0}.navbar-nav>li{margin:0 4px}.navbar-nav>li>a{padding:10px 14px;border-radius:999px;color:#374151;transition:color .2s,background .2s,transform .2s}.navbar-nav>li>a:hover{color:#111827;background:rgba(46,92,255,.08)}.dropdown{position:relative}.dropdown-toggle .glyphicon{opacity:.6;margin-left:6px}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 30px rgba(28,35,45,.12);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;z-index:100}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu>li>a{display:block;padding:8px 10px;border-radius:10px;color:#374151}.dropdown-menu>li>a:hover{background:rgba(46,92,255,.08);color:#111827} .flash{position:relative;min-height:360px;background:linear-gradient(120deg,rgba(46,92,255,.08),rgba(110,231,249,.08)),url('data:image/svg+xml;utf8,') center/cover no-repeat;overflow:hidden}.flash::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 20% 0%,rgba(46,92,255,.18),transparent 60%),radial-gradient(60% 80% at 80% 100%,rgba(96,165,250,.18),transparent 60%)}.bxslider{margin:0;padding:0;list-style:none}.bxslider li a{display:block;height:420px;background-position:center;background-size:cover}.bxslider img{width:100%;height:100%;object-fit:cover;opacity:.92} .index_product{margin:40px auto;padding:26px 24px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.product_h2,.news_h2{margin:0 0 6px 0;font-size:28px;font-weight:800;color:#111827}.product_h2 a,.news_h2 a{color:inherit;background:var(--accent-purple);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.product_p,.news_p{margin:0 0 18px 0;color:#6b7280;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.product_list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product_img{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(28,35,45,.08);transition:transform .2s,box-shadow .2s}.product_img:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(28,35,45,.12)}.product_img img{width:100%;height:180px;object-fit:cover;background:#eef2ff}.product_title{padding:12px 14px}.product_title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#374151;font-size:14px;line-height:1.4}.product_title a:hover{color:var(--primary)}@media(max-width:991px){.product_list{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.product_list{grid-template-columns:repeat(2,1fr)}} .aboutus{margin:40px auto;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px;position:relative;overflow:hidden}.aboutus::before{content:"";position:absolute;inset:-40% -20% auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(46,92,255,.12),transparent 70%);transform:translate(20%,-20%)}.aboutus h2{margin:0 0 4px 0;font-size:24px;font-weight:800;color:#111827}.aboutus>span{display:block;margin:0 0 16px 0;color:#6b7280;font-size:12px;letter-spacing:.12em}.about_box{display:flex;gap:20px;align-items:center}.about_box img{border-radius:14px;box-shadow:0 8px 24px rgba(28,35,45,.12)}.about_contents{margin:0 0 12px 0;color:#4b5563}.view-all{display:inline-block;padding:10px 16px;border-radius:999px;background:var(--primary);color:#fff;transition:background .2s,transform .15s}.view-all:hover{background:var(--primary-600);transform:translateY(-1px)}@media(max-width:991px){.about_box{flex-direction:column}} .news_h2{margin:40px auto 6px auto;padding:0 24px}.news_p{margin:0 auto 18px auto;padding:0 24px}.col-sm-12.col-md-5.news_img{padding:0 15px}.news_img img{border-radius:16px;box-shadow:0 10px 26px rgba(28,35,45,.12)}.news_text{padding:0 15px}.news_index{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.news_index li{padding:14px 16px;background:#fff;border-radius:14px;border:1px solid var(--border);box-shadow:0 6px 18px rgba(28,35,45,.06);transition:transform .2s,box-shadow .2s}.news_index li:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,35,45,.1)}.news_index li span{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:var(--accent-cyan);color:#fff;font-weight:800;margin-right:12px;float:left}.news_index li span strong{font-size:18px;line-height:1}.news_index li span i{font-size:11px;opacity:.95;font-style:normal}.news_index li a{font-weight:600;color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news_index li a:hover{color:var(--primary)}.news_index li em{display:block;color:#6b7280;margin-top:6px;font-size:13px;font-style:normal;line-height:1.5} .link_box{margin:40px auto 0 auto;background:linear-gradient(135deg,rgba(46,92,255,.06),rgba(168,85,247,.06));border:1px solid var(--border);border-radius:16px;padding:14px 16px;position:relative}.link_title{font-weight:700;color:#111827;margin-right:8px}#link_btn{position:absolute;right:12px;top:10px;border:1px solid var(--border);background:#fff;border-radius:10px;padding:6px 8px;color:#6b7280;cursor:pointer;transition:transform .2s,color .2s}#link_btn:hover{color:#111827;transform:rotate(45deg)}.link_list{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:8px}.link_list a{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--border);color:#374151;transition:transform .2s,box-shadow .2s,color .2s,background .2s}.link_list a:hover{background:#fff;color:#111827;box-shadow:0 6px 18px rgba(28,35,45,.1);transform:translateY(-1px)} footer{margin-top:40px;background:#2c3e50;color:#d1d5db}.copyright{padding:24px 15px;text-align:center}.copyright p{margin:0 0 6px 0}.copyright a{color:#e5e7eb}.copyright a:hover{color:#fff} .navbar-fixed-bottom{position:fixed;left:0;right:0;bottom:0;z-index:900;background:rgba(255,255,255,.75);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);box-shadow:0 -8px 24px rgba(28,35,45,.12);border-top:1px solid rgba(46,92,255,.08);display:flex;align-items:center;justify-content:space-around;padding:6px 8px}.footer_nav{display:flex;align-items:center}.footer_nav a{display:flex;align-items:center;gap:6px;color:#374151;padding:6px 10px;border-radius:10px;transition:background .2s,transform .15s}.footer_nav a:hover{background:rgba(46,92,255,.08);color:#111827;transform:translateY(-1px)}.footer_nav .glyphicon{font-size:18px} @media(max-width:768px){header{position:sticky}.flash{min-height:240px}.bxslider li a{height:260px}.product_list{grid-template-columns:repeat(2,1fr)}.news_index li span{width:48px;height:48px}.navbar-nav{flex-wrap:wrap}.navbar-nav>li{margin:2px}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0;margin-top:6px}.dropdown-menu>li>a{padding:8px 10px}.copyright{font-size:12px}}@media(max-width:480px){.product_list{grid-template-columns:1fr}.bxslider li a{height:200px}}