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



:root{--main:#2E5CFF;--main-2:#6A8DFF;--main-3:#8EA4FF;--main-4:#A9B8FF;--main-5:#C3CDFF;--accent:#00C2FF;--accent-2:#7A5CFF;--accent-3:#FF8A00;--text:#333;--muted:#666;--muted-2:#999;--bg:#f8fafc;--white:#fff;--border:#e6eaf2;--shadow:0 10px 30px rgba(46,92,255,.12);--shadow-2:0 20px 50px rgba(46,92,255,.18);--radius:20px;--radius-sm:12px;--radius-lg:28px;--maxw:1200px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;display:block;vertical-align:middle}
a{color:inherit;text-decoration:none;transition:all .2s ease}
a:hover{color:var(--main)}
ul,ol{margin:0;padding:0;list-style:none}
.inContent{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.button{display:inline-block;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,var(--main),var(--main-2));color:#fff;font-size:14px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-2);color:#fff}
.left{float:left}
.right{float:right}
.clearfix:after{content:"";display:table;clear:both}

/* Header Glassmorphism */
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(46,92,255,.08);box-shadow:0 8px 30px rgba(46,92,255,.06)}
.nav_bg{position:relative}
.menu{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo img{height:52px;width:auto;border-radius:10px}
.menu>ul{display:flex;align-items:center;gap:6px}
.menu>ul>li{position:relative}
.menu>ul>li>a{display:block;line-height:72px;padding:0 14px;border-radius:10px;color:#222;font-weight:600;transition:background .2s ease,color .2s ease}
.menu>ul>li>a:hover{background:linear-gradient(135deg,rgba(46,92,255,.12),rgba(0,194,255,.10));color:var(--main)}
.menu>ul>li .navDow,.menu>ul>li .proDow{position:absolute;left:0;top:100%;min-width:880px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;pointer-events:none;padding-top:14px}
.menu>ul>li:hover>.navDow,.menu>ul>li:hover>.proDow{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.dowShow .dowBox{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-2);border:1px solid rgba(46,92,255,.08);overflow:hidden}
.dowBox{display:flex;min-height:300px}
.navDowL{flex:0 0 330px;padding:18px 20px;background:linear-gradient(180deg,rgba(46,92,255,.06),rgba(0,194,255,.05));display:flex;flex-direction:column;justify-content:center}
.navDowL .tit{font-size:22px;font-weight:800;color:var(--main);letter-spacing:.5px;margin-bottom:12px}
.navDowL .tip{margin:6px 0 18px}
.navDowL .tip .t1{font-weight:700;color:#222;display:flex;align-items:center;gap:8px}
.navDowL .tip .t1 i{display:inline-block;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--main));box-shadow:0 6px 16px rgba(46,92,255,.25)}
.navDowL .tip .t2{font-size:12px;color:var(--muted)}
.navDowLink{display:flex;gap:10px}
.navDowLink a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--border);transition:all .2s ease}
.navDowLink a:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:rgba(46,92,255,.25)}
.navDowLink a i{display:inline-block;width:16px;height:16px;background:linear-gradient(135deg,var(--accent-2),var(--main));border-radius:50%}
.navDowLink a.icoLy i{background:linear-gradient(135deg,var(--accent-3),#FFB46A)}
.navDowR{flex:1;display:flex}
.navDowRL{flex:1;padding:18px 20px}
.navDowRL .tit{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.navDowRL .tit span{font-size:18px;font-weight:800;color:#222}
.navDowRL .tit i{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.dowNav{display:flex;flex-wrap:wrap;gap:10px}
.dowNav a{padding:8px 12px;border-radius:10px;background:#f5f7ff;border:1px solid #e6eaf2;color:#222;transition:all .2s ease}
.dowNav a:hover{background:#fff;box-shadow:var(--shadow);border-color:rgba(46,92,255,.25)}
.pic{flex:0 0 300px;position:relative;overflow:hidden}
.pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.menu>ul>li:hover .pic img{transform:scale(1.05)}
.proDow .dowBox .navDowR{flex:1}
.proDow .proDowNav{display:flex;gap:10px;flex-wrap:wrap}
.proDowNav dl{margin:0;padding:0 8px 8px 0}
.proDowNav dt a{display:inline-block;padding:8px 12px;background:linear-gradient(135deg,rgba(46,92,255,.08),rgba(0,194,255,.06));border:1px solid rgba(46,92,255,.18);border-radius:12px;font-weight:700;color:#222;transition:all .2s ease}
.proDowNav dt a:hover{background:#fff;box-shadow:var(--shadow)}
.proDowNav dd{display:none}

/* Banner Hero */
.banner{position:relative;min-height:520px;background:linear-gradient(120deg,rgba(46,92,255,.10),rgba(0,194,255,.06)),url('/assets/images/51b52b0bfb00e25f328e8b10560366e7.jpg') center/cover no-repeat}
.banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(46,92,255,.55),rgba(0,194,255,.35));mix-blend-mode:multiply;pointer-events:none}
.bannerSwiper{position:relative}
.bannerSwiper .swiper-wrapper{height:520px}
.bannerSwiper .swiper-slide{position:relative}
.bannerSwiper .swiper-slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}
.banner .page{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;pointer-events:none}
.banner-prev,.banner-next{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:var(--shadow);cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.banner-prev:hover,.banner-next:hover{transform:scale(1.06);background:#fff}
.banner-prev:before,.banner-next:before{content:"";width:0;height:0;border-style:solid}
.banner-prev:before{border-width:8px 10px 8px 0;border-color:transparent var(--main) transparent transparent}
.banner-next:before{border-width:8px 0 8px 10px;border-color:transparent transparent transparent var(--main)}
.banner-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;display:flex;gap:8px;z-index:2}
.banner-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.8);opacity:1}
.banner-pagination .swiper-pagination-bullet-active{background:linear-gradient(135deg,#fff,#fff);box-shadow:0 0 0 4px rgba(46,92,255,.35)}
.banBar{position:absolute;left:50%;transform:translateX(-50%);bottom:30px;width:100%;max-width:var(--maxw);padding:0 20px;z-index:2}
.banBar .inContent{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid rgba(46,92,255,.15);border-radius:999px;padding:14px 20px;box-shadow:var(--shadow)}
.banBar .slogan span{display:inline-block;padding:8px 14px;background:linear-gradient(135deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;font-size:18px}
.banBar .tel{font-weight:800;color:#fff;background:linear-gradient(135deg,var(--main),var(--main-2));padding:8px 16px;border-radius:999px;box-shadow:var(--shadow);letter-spacing:.5px}

/* Product */
.product{background:#fff;padding:60px 0}
.proBox .proNav{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.proBox .proNav .title{margin:0}
.proBox .proNav .title a{display:flex;flex-direction:column;gap:2px}
.proBox .proNav .title span{font-size:28px;font-weight:900;color:#222}
.proBox .proNav .title i{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.proBox .proNav .title em{font-size:12px;color:var(--main);margin-left:8px}
.proBox .proNav ul{display:flex;gap:12px;flex-wrap:wrap}
.proBox .proNav ul li a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#f5f7ff;border:1px solid #e6eaf2;transition:all .2s ease}
.proBox .proNav ul li a i{width:22px;height:22px;border-radius:6px;overflow:hidden}
.proBox .proNav ul li a:hover{background:#fff;box-shadow:var(--shadow);transform:translateY(-1px)}
.proTabs{margin-bottom:26px}
.proTabs .bd>ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.proTabs .bd>ul>li{display:flex;gap:18px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:all .2s ease}
.proTabs .bd>ul>li:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.proTabs .bd .pic{flex:0 0 260px;border-radius:16px;overflow:hidden}
.proTabs .bd .pic i{display:block;height:100%;overflow:hidden}
.proTabs .bd .pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.proTabs .bd>ul>li:hover .pic img{transform:scale(1.06)}
.proTabs .cont{flex:1;display:flex;flex-direction:column}
.proTabs .cont .en{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}
.proTabs .cont .bt{font-size:18px;font-weight:800;color:#222;margin-bottom:8px}
.proTabs .cont .line{width:60px;height:4px;border-radius:999px;background:linear-gradient(135deg,var(--main),var(--accent));margin:6px 0 10px}
.proTabs .cont p{color:#444;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.proList>ul{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.proList .item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:center;box-shadow:var(--shadow);transition:all .2s ease}
.proList .item:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.proList .item .pic{border-radius:14px;overflow:hidden;margin-bottom:10px}
.proList .item .bt{font-weight:700}

/* Advantages */
.youshi{padding:60px 0;background:linear-gradient(180deg,#fff,var(--bg))}
.ysTit{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.ysTit .tit{font-size:28px;font-weight:900;color:#222}
.ysTit .tit i{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}
.ysTitR{display:flex;align-items:center;gap:16px}
.ysTitR .tel i{color:var(--main);font-weight:800}
.ysBox{background:#fff;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}
.ysBox .hd>ul{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}
.ysBox .hd>ul li{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,rgba(46,92,255,.06),rgba(0,194,255,.05));cursor:pointer;transition:all .2s ease;position:relative}
.ysBox .hd>ul li i{display:inline-block;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--main),var(--accent));box-shadow:0 8px 18px rgba(46,92,255,.28)}
.ysBox .hd>ul li.ico2 i{background:linear-gradient(135deg,#7A5CFF,#A67CFF)}
.ysBox .hd>ul li.ico3 i{background:linear-gradient(135deg,var(--accent),#00E1C6)}
.ysBox .hd>ul li.ico4 i{background:linear-gradient(135deg,var(--accent-3),#FFD08A)}
.ysBox .hd>ul li h4{margin:0;font-size:16px}
.ysBox .hd>ul li.active{background:#fff}
.ysBox .bd>ul{display:grid;grid-template-columns:repeat(4,1fr)}
.ysBox .bd .item{padding:20px}
.ysBox .bd .item .tit{font-weight:800;margin-bottom:8px}
.ysBox .bd .item .text{color:#444}
.ysPage{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--background: #f5f7fa;)}
.ysPage .ysNum i{font-style:normal;color:var(--main);font-weight:800;margin-right:6px}
.ysPage .page{display:flex;gap:10px}
.ysPage .prev,.ysPage .next{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(46,92,255,.12),rgba(0,194,255,.10));border:1px solid rgba(46,92,255,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.ysPage .prev:hover,.ysPage .next:hover{background:#fff;box-shadow:var(--shadow);transform:translateY(-1px)}

/* Cases */
.case{padding:60px 0;background:var(--bg)}
.caseBox .title{display:flex;align-items:baseline;gap:10px;margin-bottom:26px}
.caseBox .title span{font-size:28px;font-weight:900;color:#222}
.caseBox .title i