*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,黑体,Arial,sans-serif;font-size:12px;line-height:1.5;color:#333}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400;font-size:1rem}ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:inherit}img{border:0;max-width:100%}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}:root{--brand: #108393;--brand-hover: #108ee9;--footer-bg: #2c2c2e;--row-alt: #f6f6f4;--content-width: 1200px}.body-content{width:var(--content-width);max-width:calc(100% - 40px);margin:0 auto;position:relative}.body-title{border-bottom:1px solid var(--brand);color:var(--brand);font-size:20px;line-height:50px;font-weight:700}.xyd-btn{display:inline-block;text-align:center;cursor:pointer;border-radius:4px;transition:background .3s,border-color .3s}.site-panel{width:100%;min-height:100vh;display:flex;flex-direction:column}.site-banner{position:relative;width:100%;height:450px;background:#0d6b78;overflow:hidden}.site-banner img{width:100%;height:450px;object-fit:cover;display:block}.site-banner .banner-track{display:flex;width:100%;height:100%;transition:transform .6s ease}.site-banner .banner-track>*{flex:0 0 100%;width:100%}.site-banner .banner-dots{position:absolute;left:0;right:0;bottom:20px;text-align:center;z-index:10}.site-banner .banner-dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;transition:background .5s,opacity .5s}.site-banner .banner-dots li.active{background:#fff;opacity:1}.site-banner .banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:60px;border:0;background:#00000040;color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:10;opacity:0;transition:opacity .3s}.site-banner:hover .banner-arrow{opacity:1}.site-banner .banner-arrow.prev{left:0}.site-banner .banner-arrow.next{right:0}.site-header{position:absolute;left:0;top:0;width:100%;z-index:20;transition:background-color .3s,box-shadow .3s}.site-header.is-stuck{position:fixed;background:var(--brand);box-shadow:0 2px 12px #0000002e;animation:headerDrop .28s ease}@keyframes headerDrop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.site-header.is-stuck .header-inner{padding:4px 0}.site-header.is-stuck .logo .site-logo-icon{width:36px;height:36px}.site-header.is-stuck .logo .logo-name{font-size:17px}.site-header.is-stuck .user-menu a{line-height:44px}.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.site-header .logo{display:flex;align-items:center;gap:12px;color:#fff}.site-header .logo .site-logo-icon{color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}.site-header .logo .logo-text{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.site-header .logo .logo-name{color:#fff;font-size:20px;font-weight:700;letter-spacing:2px;text-shadow:0 1px 6px rgba(0,0,0,.35)}.site-header .logo .other{color:#ffffffe0;font-size:12px;letter-spacing:1px}.site-header .user-menu{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end}.site-header .user-menu a{color:#fff;line-height:50px;padding:0 1rem;font-size:13px;position:relative;white-space:nowrap;transition:opacity .3s}.site-header .user-menu a:hover{opacity:.75}.site-header .user-menu a.router-link-exact-active:after{content:"";position:absolute;left:1rem;right:1rem;bottom:8px;height:2px;background:#fff}.site-header .menu-toggle{display:none;width:40px;height:40px;padding:9px 8px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:space-between;flex-shrink:0}.site-header .menu-toggle .bar{display:block;width:100%;height:2px;border-radius:2px;background:#fff;transition:transform .3s,opacity .25s}.site-header.menu-open .menu-toggle .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.site-header.menu-open .menu-toggle .bar:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.site-header .mobile-menu{display:none;flex-direction:column;background:var(--brand);border-top:1px solid rgba(255,255,255,.16);max-height:calc(100vh - 60px);overflow-y:auto}.site-header .mobile-menu-item{color:#fff;font-size:15px;line-height:48px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1)}.site-header .mobile-menu-item.router-link-exact-active{background:#ffffff24;font-weight:700}.menu-drop-enter-active,.menu-drop-leave-active{transition:opacity .22s ease,transform .22s ease}.menu-drop-enter-from,.menu-drop-leave-to{opacity:0;transform:translateY(-8px)}.site-hero{position:absolute;left:0;top:120px;width:100%;z-index:15;pointer-events:none}.site-hero p{text-align:center;color:#fff;padding:5px 0;margin:0}.site-hero p.main{font-size:40px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.site-hero p.info{font-size:20px;text-shadow:0 1px 6px rgba(0,0,0,.3)}.site-hero p .xyd-btn{pointer-events:auto;background:none;color:#fff;font-size:14px;width:140px;height:40px;line-height:38px;border:1px solid #fff}.site-hero p .xyd-btn:hover{border-color:var(--brand-hover);background:var(--brand-hover)}.site-body{flex:1 0 auto}.home-entries{display:grid;grid-template-columns:repeat(3,1fr);width:var(--content-width);max-width:calc(100% - 40px);margin:0 auto}.home-entries .entry{padding:70px 24px;text-align:center;border-radius:8px;transition:transform .3s,box-shadow .3s}.home-entries .entry:hover{transform:translateY(-6px);box-shadow:0 10px 30px #1083931f}.home-entries .entry .entry-icon{width:92px;height:92px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--brand);box-shadow:0 6px 18px #10839347;transition:transform .3s,background-color .3s}.home-entries .entry:hover .entry-icon{transform:scale(1.06);background:var(--brand-hover)}.home-entries .entry .b-font{font-size:20px;color:var(--brand);line-height:40px;font-weight:700}.home-entries .entry .entry-desc{font-size:13px;color:#888;line-height:24px;padding:0 10px}.my-kh{position:relative}.my-kh>img{width:100%;display:block}.my-kh .font-box{position:absolute;left:0;top:0;width:100%;height:100%}.my-kh .font-content{position:relative;width:1000px;height:260px;margin:160px auto 0;max-width:calc(100% - 40px)}.my-kh .kh-font{position:absolute;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);white-space:nowrap}.my-kh .kh-font.cssyyh{left:88px;top:77px;font-size:40px}.my-kh .kh-font.xfjr{left:460px;top:67px;font-size:20px}.my-kh .kh-font.cwgs{left:190px;top:170px;font-size:26px}.my-kh .kh-font.xexdjg{left:420px;top:130px;font-size:28px}.my-kh .kh-font.czyh{left:654px;top:85px;font-size:20px}.my-kh .kh-font.ncsyyh{left:633px;top:160px;font-size:40px}.whxz{width:var(--content-width);max-width:calc(100% - 40px);margin:0 auto;padding:100px 0}.whxz .w-title{line-height:100px;font-size:30px;color:var(--brand);position:relative;text-align:center}.whxz .w-title:after{content:"";display:block;width:100%;position:absolute;left:0;top:50px;border-top:1px solid var(--brand);z-index:-1}.whxz .w-title span{background:#fff;padding:0 2rem;position:relative}.whxz ul{width:700px;max-width:100%;margin:0 auto;padding-top:10px}.whxz li{display:flex;align-items:baseline;line-height:60px;font-size:18px}.whxz li .li-icon{color:var(--brand);padding:0 2rem;font-size:30px;line-height:1}.site-footer{flex-shrink:0;background:var(--footer-bg);color:#fff;margin-top:auto}.site-footer .foot-content{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding-bottom:20px}.site-footer .c-head{display:flex;align-items:center;gap:12px;width:100%;padding:18px 0 4px}.site-footer .c-head .site-logo-icon{color:#fff;flex-shrink:0;opacity:.95}.site-footer .c-title{line-height:30px;font-size:18px;font-weight:700;padding:0}.site-footer .c-sub{font-size:12px;line-height:20px;color:#fff9}.site-footer .c-list{display:flex;flex:1;flex-wrap:wrap;padding-top:6px}.site-footer .c-bean.c1{width:360px}.site-footer .c-bean.c2{width:76px;flex-shrink:0}.site-footer .c-bean.c1 p{margin:0;line-height:26px;font-size:14px}.site-footer .c-bean.c1 p.c-label{color:#ffffff8c;font-size:12px;line-height:24px;padding-top:4px}.site-footer .qr-trigger{display:block;width:76px;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:4px}.site-footer .qr-trigger .mock-qr{width:76px;height:76px;transition:transform .25s,box-shadow .25s}.site-footer .qr-trigger:hover .mock-qr,.site-footer .qr-trigger:focus-visible .mock-qr{transform:scale(1.06);box-shadow:0 6px 18px #0006}.site-footer .qr-trigger:focus-visible{outline:2px solid #fff;outline-offset:3px}.site-footer .qr-caption{margin:6px 0 0;text-align:center;font-size:12px;line-height:18px;color:#ffffffb3;white-space:nowrap;transition:color .25s}.site-footer .c-bean.c2:hover .qr-caption{color:#fff}.qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.qr-dialog{position:relative;background:#fff;border-radius:14px;padding:34px 34px 26px;box-shadow:0 20px 60px #00000073;text-align:center;max-width:92vw;animation:qrPop .24s ease}@keyframes qrPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.qr-dialog .mock-qr{display:block;width:280px;height:280px;max-width:calc(92vw - 68px);max-height:calc(92vw - 68px);margin:0 auto;border-radius:6px}.qr-dialog .qr-tip{margin:18px 0 4px;font-size:16px;font-weight:700;color:var(--brand)}.qr-dialog .qr-sub{margin:0;font-size:12px;color:#999}.qr-dialog .qr-close{position:absolute;top:6px;right:10px;width:34px;height:34px;border:0;background:transparent;font-size:26px;line-height:1;color:#999;cursor:pointer;border-radius:50%;transition:color .2s,background-color .2s}.qr-dialog .qr-close:hover{color:#333;background:#f2f2f2}.qr-fade-enter-active,.qr-fade-leave-active{transition:opacity .22s ease}.qr-fade-enter-from,.qr-fade-leave-to{opacity:0}.site-footer .foot-bq{line-height:50px;text-align:center;border-top:1px solid #979797;font-size:12px}.i-title{line-height:50px;font-size:20px;color:var(--brand);border-bottom:1px solid var(--brand)}.i-content{line-height:40px;font-size:16px;padding:20px 0;text-indent:2em}.i-content .highlight{color:var(--brand)}.intro-company{padding:20px 0}.intro-company .i-img-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5%}.intro-company .i-img-list img{width:100%;display:block}.cooperation{padding:20px 0 60px}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 0 10px}.partner-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 10px;border:1px solid #ececec;border-radius:8px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.partner-item:hover{transform:translateY(-4px);border-color:#10839359;box-shadow:0 8px 22px #1083931f}.partner-mark{width:54px;height:54px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;letter-spacing:0}.partner-name{font-size:14px;color:#555;text-align:center;line-height:22px}.stat-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0 10px;padding:32px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.stat-item{text-align:center}.stat-num{font-size:34px;font-weight:700;color:var(--brand);line-height:1.2}.stat-label{font-size:14px;color:#777;line-height:28px}.cooperation .i-content{text-align:center;text-indent:0}.case-list{margin:0;padding:0}.case-item{padding:60px 0}.case-item.alt{background:var(--row-alt)}.case-item .case-inner{display:flex;align-items:flex-start;gap:50px}.case-item .case-img{flex:0 0 380px;width:380px}.case-item .case-img img{width:100%;display:block}.case-item .case-text{flex:1;min-width:0}.case-item.alt .case-inner{flex-direction:row-reverse}.case-item .li-title{margin-bottom:8px}.case-item .li-title span{display:inline-block;line-height:50px;border-bottom:1px solid var(--brand);color:var(--brand);font-size:18px;font-weight:700;padding:0 2rem}.case-item .li-bean-content{line-height:30px;font-size:14px;text-indent:2em}.case-item .li-bean-content p{margin:0}.case-item .li-bean-content .highlight{font-weight:700}.case-item .case-meta{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;line-height:26px}.case-item .case-meta-label{flex-shrink:0;font-size:12px;color:var(--brand);border:1px solid rgba(16,131,147,.4);border-radius:3px;padding:1px 8px;line-height:20px}.case-item .case-meta-value{font-size:13px;color:#666}.case-item .li-bean-content .case-bg{margin:0 0 12px;text-indent:2em;color:#444;line-height:28px}.case-item .case-results{margin:0;padding:0}.case-item .case-results li{position:relative;padding-left:20px;line-height:28px;font-size:14px;color:#555;text-indent:0}.case-item .case-results li:before{content:"";position:absolute;left:4px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.75}.waibao{text-indent:2rem;line-height:40px;font-size:16px;padding:30px 0}.waibao p{margin:0 0 10px}.training-photo{padding:50px 0;text-align:center}.training-photo img{max-width:100%}.process-section{padding:40px 0 30px}.process-title{font-size:18px;color:var(--brand);font-weight:700;text-align:center;line-height:40px;margin-bottom:26px}.process-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0;padding:0;list-style:none;counter-reset:none}.process-step{position:relative;text-align:center;padding:0 6px}.process-step:after{content:"";position:absolute;top:26px;left:50%;width:100%;height:2px;background:linear-gradient(90deg,#10839373,#10839326);z-index:0}.process-step:last-child:after{display:none}.process-num{position:relative;z-index:1;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:var(--brand);color:#fff;font-size:17px;font-weight:700;line-height:52px;box-shadow:0 4px 14px #10839340;transition:transform .25s,background-color .25s}.process-step:hover .process-num{transform:scale(1.08);background:var(--brand-hover)}.process-name{font-size:15px;color:#333;font-weight:700;line-height:26px}.process-desc{font-size:12px;color:#888;line-height:20px;padding:0 4px}.contact-section{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;padding:40px 0 100px;align-items:start}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.contact-card.is-wide{grid-column:1 / -1}.contact-card{display:flex;align-items:flex-start;gap:14px;padding:24px 20px;border:1px solid #ececec;border-radius:10px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.contact-card:hover{transform:translateY(-4px);border-color:#10839359;box-shadow:0 10px 26px #1083931f}.contact-card .card-icon{flex-shrink:0;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand);background:#10839317}.contact-card .card-body{min-width:0}.contact-card .card-label{font-size:12px;color:#999;line-height:20px;margin-bottom:2px}.contact-card .card-value{font-size:15px;color:#333;line-height:24px;overflow-wrap:anywhere}.contact-aside{border:1px solid #ececec;border-radius:10px;overflow:hidden;background:#fff}.contact-aside .aside-photo img{width:100%;display:block}.contact-aside .aside-info{padding:22px 24px 26px}.contact-aside .aside-name{font-size:20px;font-weight:700;color:var(--brand);line-height:32px}.contact-aside .aside-full{font-size:13px;color:#999;line-height:22px;margin-bottom:10px}.contact-aside .aside-desc{margin:0;font-size:14px;color:#666;line-height:26px;text-indent:2em}.product-block{padding:60px 0}.product-block.alt{background:var(--row-alt)}.product-inner{display:flex;align-items:center;gap:50px}.product-inner.reverse{flex-direction:row-reverse}.product-info{flex:0 0 420px}.product-info h5{font-size:22px;color:var(--brand);font-weight:700;margin:0 0 24px}.product-tabs{display:flex;flex-wrap:wrap;gap:10px}.product-tabs button{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#555;font-size:13px;cursor:pointer;border-radius:4px;transition:all .25s}.product-tabs button:hover{border-color:var(--brand);color:var(--brand)}.product-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}.product-preview{flex:1;min-width:0;text-align:center}.product-preview img{max-width:100%;max-height:420px;display:block;margin:0 auto;box-shadow:0 4px 20px #0000001f;border-radius:4px}@media(max-width:1240px){.body-content,.home-entries,.whxz{width:100%;max-width:calc(100% - 40px)}.my-kh .kh-font{transform:scale(.75);transform-origin:left top}.process-flow{grid-template-columns:repeat(3,1fr);gap:26px 0}.process-step:nth-child(3n):after{display:none}}@media(max-width:900px){.site-banner,.site-banner img{height:320px}.site-hero{top:84px}.site-hero p.main{font-size:26px}.site-hero p.info{font-size:14px}.site-header .user-menu{display:none}.site-header .menu-toggle,.site-header .mobile-menu{display:flex}.site-header .header-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}.site-header .logo{min-width:0}.site-header .logo .other{display:none}.site-header .logo .logo-name{font-size:17px;white-space:nowrap}.site-header .logo .site-logo-icon{width:36px;height:36px}.site-header.is-stuck{max-height:100vh;overflow-y:auto}.site-header.menu-open{position:fixed;background:var(--brand);box-shadow:0 2px 12px #0000002e;max-height:100vh;overflow-y:auto}.site-header.menu-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;top:var(--menu-top, 56px);background:#00000073;z-index:-1}.home-entries{grid-template-columns:1fr}.home-entries .entry{padding:30px 0}.my-kh .font-box{position:static}.my-kh .font-content{position:static;width:100%;height:auto;margin:0;padding:30px 20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.my-kh .kh-font{position:static;transform:none;font-size:18px!important}.case-item .case-inner,.case-item.alt .case-inner{flex-direction:column;gap:24px}.case-item .case-img{flex:none;width:100%}.product-inner,.product-inner.reverse{flex-direction:column;gap:24px}.product-info{flex:none;width:100%}.contact-section{grid-template-columns:1fr;gap:30px;padding:30px 0 60px}.contact-cards{grid-template-columns:1fr;gap:14px}.partner-grid{grid-template-columns:repeat(2,1fr);gap:14px}.process-flow{grid-template-columns:repeat(2,1fr);gap:24px 0}.process-step:after{display:none}.stat-bar{grid-template-columns:repeat(2,1fr);gap:24px 12px;padding:24px 0}.stat-num{font-size:26px}.site-footer .c-bean.c1{width:100%}.site-footer .foot-content{flex-direction:column}.whxz ul{width:100%}.whxz li{font-size:15px;line-height:40px}}
