:root{--primary:#2e86a0;--primary-dark:#1f6274;--secondary:#d6eaf0;--accent:#f5a623;--ink:#1f2937;--gray:#6b7280;--line:#e5e7eb;--bg:#f8fafc;--white:#fff;--radius:12px;--shadow:0 2px 12px #0000000f;--maxw:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif;font-size:15px;line-height:1.8}img{border:0;max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}ul,ol{padding-left:22px}h1,h2,h3,h4{font-weight:600;line-height:1.4}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.muted{color:var(--gray);font-size:13px}.primary{color:var(--primary)}.clearfix:after{content:"";clear:both;display:block}.topbar{background:var(--primary-dark);color:#cfe9f1;font-size:13px}.topbar .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;height:36px;display:flex}.topbar a{color:#cfe9f1}.topbar a:hover{color:#fff}.header{border-bottom:1px solid var(--line);z-index:60;background:#fff;position:relative}.header .container{justify-content:space-between;align-items:center;gap:16px;height:76px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-mark{background:var(--primary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.logo-txt .cn{color:var(--primary-dark);letter-spacing:1px;font-size:21px;font-weight:700}.logo-txt .en{color:var(--gray);letter-spacing:2px;text-transform:uppercase;font-size:11px}.nav{align-items:center;gap:2px;display:flex}.nav>li{list-style:none;position:relative}.nav>li>a{white-space:nowrap;padding:0 13px;font-size:15px;line-height:76px;display:block}.nav>li.on>a,.nav>li>a:hover{color:var(--primary)}.nav>li>a:after{content:"";background:var(--primary);width:0;height:2px;margin:0 auto;transition:width .25s;display:block}.nav>li.on>a:after,.nav>li>a:hover:after{width:60%}.subnav{border:1px solid var(--line);box-shadow:var(--shadow);z-index:70;background:#fff;border-radius:0 0 10px 10px;gap:6px;min-width:180px;padding:14px 8px;display:none;position:absolute;top:76px;left:50%;transform:translate(-50%)translateY(-8px)}.nav>li:hover .subnav{display:flex}.subnav a{white-space:nowrap;border-radius:6px;padding:6px 14px;font-size:14px}.subnav a:hover{background:var(--secondary);color:var(--primary-dark)}.burger{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:40px;height:40px;display:none;position:relative}.burger span{background:var(--primary);height:2px;display:block;position:absolute;left:10px;right:10px}.burger span:first-child{top:13px}.burger span:nth-child(2){top:19px}.burger span:nth-child(3){top:25px}.drawer{z-index:200;background:#fff;padding:20px;transition:transform .28s;position:fixed;inset:0 0 0 30%;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 24px #00000026}.drawer.open{transform:translate(0)}.drawer-mask{z-index:199;background:#0006;display:none;position:fixed;inset:0}.drawer-mask.open{display:block}.drawer h3{color:var(--primary);margin-bottom:12px;font-size:17px}.drawer a{border-bottom:1px solid var(--line);padding:11px 4px;font-size:15px;display:block}.drawer .close{color:var(--gray);cursor:pointer;font-size:24px;position:absolute;top:14px;right:16px}.banner{background:#0e3a47;height:520px;position:relative;overflow:hidden}.banner .slides{position:absolute;inset:0}.banner .slide{opacity:0;background-position:50%;background-size:cover;transition:opacity .8s;position:absolute;inset:0}.banner .slide.active{opacity:1}.banner .slide:after{content:"";background:linear-gradient(90deg,#062834d1 0%,#06283473 55%,#0628341f 100%);position:absolute;inset:0}.banner .cap{z-index:3;color:#fff;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.banner .cap h1{text-shadow:0 2px 12px #00000059;margin-bottom:12px;font-size:40px}.banner .cap p{opacity:.95;max-width:640px;font-size:17px}.banner .btns{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn{border-radius:999px;padding:11px 28px;font-size:15px;transition:all .2s;display:inline-block}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-primary:hover{background:var(--primary-dark);color:#fff}.btn-ghost{color:#fff;border:1px solid #fff}.btn-ghost:hover{color:var(--primary-dark);background:#fff}.banner .dots{text-align:center;z-index:4;position:absolute;bottom:22px;left:0;right:0}.banner .dots i{cursor:pointer;background:#ffffff73;border-radius:50%;width:11px;height:11px;margin:0 5px;display:inline-block}.banner .dots i.on{background:#fff;border-radius:6px;width:26px}.banner .arrow{z-index:4;text-align:center;color:#fff;cursor:pointer;user-select:none;background:#00000047;border-radius:50%;width:42px;height:42px;line-height:42px;position:absolute;top:50%;transform:translateY(-50%)}.banner .arrow.l{left:16px}.banner .arrow.r{right:16px}.section{padding:56px 0}.section.gray{background:var(--bg)}.sec-head{text-align:center;margin-bottom:32px}.sec-head h2{color:var(--primary-dark);font-size:27px}.sec-head .en{letter-spacing:3px;color:var(--gray);text-transform:uppercase;margin-top:4px;font-size:12px}.sec-head .line{background:var(--primary);width:52px;height:3px;margin:12px auto 0}.cat3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cat3 a{border-radius:var(--radius);height:250px;position:relative;overflow:hidden}.cat3 img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.cat3 a:hover img{transform:scale(1.06)}.cat3 .mask{border:2px solid var(--primary);text-align:center;opacity:0;background:#fffffff0;border-radius:8px;padding:12px;transition:all .3s;position:absolute;bottom:14px;left:14px;right:14px;transform:translateY(10px)}.cat3 a:hover .mask{opacity:1;transform:translateY(0)}.cat3 .mask b{color:var(--primary-dark);font-size:17px;display:block}.cat3 .mask span{color:var(--gray);letter-spacing:1px;font-size:12px}.cat3 .cap2{color:#fff;background:linear-gradient(#0000,#0000009e);padding:14px 16px;font-size:17px;position:absolute;inset:auto 0 0}.about-home{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}.about-home .txt h2{color:var(--primary-dark);font-size:26px}.about-home .txt .en{letter-spacing:3px;color:var(--gray);text-transform:uppercase;margin-bottom:14px;font-size:12px}.about-home .txt p{color:#4b5563;margin-bottom:12px}.about-home .imgwrap{border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.more-link{color:var(--primary);border-bottom:2px solid var(--primary);margin-top:14px;padding-bottom:2px;font-weight:600;display:inline-block}.carousel{position:relative;overflow:hidden}.carousel .track{transition:transform .5s;display:flex}.carousel .item{flex:0 0 50%;padding:0 10px}.carousel .card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;height:100%;overflow:hidden}.carousel .card img{object-fit:cover;width:100%;height:210px}.carousel .card .b{padding:14px 16px}.carousel .card h3{margin-bottom:6px;font-size:17px}.carousel .card .meta{color:var(--gray);font-size:13px}.carousel .arrow{text-align:center;border:1px solid var(--line);cursor:pointer;z-index:5;background:#fff;border-radius:50%;width:36px;height:36px;line-height:34px;position:absolute;top:50%;transform:translateY(-50%)}.carousel .arrow.l{left:-6px}.carousel .arrow.r{right:-6px}.process{grid-template-columns:280px 1fr;align-items:center;gap:30px;display:grid}.process .leftimg{border-radius:var(--radius);overflow:hidden}.steps{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px;display:grid}.step{text-align:center}.step .num{background:var(--secondary);width:52px;height:52px;color:var(--primary-dark);border-radius:50%;margin:0 auto 10px;font-size:17px;font-weight:700;line-height:52px}.step b{margin-bottom:4px;font-size:15px;display:block}.step span{color:var(--gray);font-size:12.5px}.adv3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.adv3 .col{border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:all .25s;overflow:hidden}.adv3 .col:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.adv3 img{object-fit:cover;width:100%;height:190px}.adv3 .b{padding:18px}.adv3 h3{color:var(--primary-dark);font-size:18px}.adv3 .en{letter-spacing:2px;color:var(--gray);margin-bottom:8px;font-size:11px}.adv3 p{color:#4b5563;font-size:13.5px}.case-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.case-grid a{border-radius:10px;display:block;position:relative;overflow:hidden}.case-grid img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .4s}.case-grid a:hover img{transform:scale(1.05)}.case-grid .t{color:#fff;background:linear-gradient(#0000,#000000b3);padding:10px 12px;font-size:14px;transition:all .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.case-grid a:hover .t{transform:translateY(0)}.case-grid .t2{color:#fff;background:#2e86a0eb;padding:8px 12px;font-size:14px;position:absolute;bottom:0;left:0;right:0}.news-top{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:400px 1fr;gap:22px;margin-bottom:18px;display:grid;overflow:hidden}.news-top img{object-fit:cover;height:100%;min-height:220px}.news-top .b{padding:22px}.news-top h3{margin-bottom:8px;font-size:20px}.news-top .d{color:var(--gray);margin-bottom:8px;font-size:12px}.news-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.news-4 .n{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.news-4 img{object-fit:cover;width:100%;height:140px}.news-4 .b{padding:12px 14px}.news-4 h4{margin-bottom:6px;font-size:15px;line-height:1.5}.news-4 .d{color:var(--gray);margin-bottom:6px;font-size:12px}.quick{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.quick a{background:var(--secondary);border-radius:var(--radius);text-align:center;padding:24px 10px;transition:all .2s}.quick a:hover{background:var(--primary);color:#fff}.quick .ic{margin-bottom:6px;font-size:26px;display:block}.quick b{font-size:15px}.ibanner{color:#fff;background-position:50%;background-size:cover;align-items:center;height:220px;display:flex;position:relative}.ibanner:after{content:"";background:#1446589e;position:absolute;inset:0}.ibanner .in{z-index:2;text-align:center;width:100%;position:relative}.ibanner .en{letter-spacing:5px;opacity:.9;text-transform:uppercase;font-size:26px;font-weight:300}.ibanner h1{letter-spacing:2px;margin-top:4px;font-size:30px}.subnav-bar{background:var(--bg);border-bottom:1px solid var(--line)}.subnav-bar .container{gap:4px;display:flex;overflow-x:auto}.subnav-bar a{white-space:nowrap;border-bottom:2px solid #0000;padding:12px 18px;font-size:14.5px}.subnav-bar a.on{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.crumb{color:var(--gray);padding:14px 0;font-size:13px}.crumb a{color:var(--gray)}.crumb a:hover{color:var(--primary)}.main-grid{grid-template-columns:1fr 300px;gap:28px;padding-bottom:50px;display:grid}@media (width<=900px){.main-grid{grid-template-columns:1fr}}.grid6{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid6 a{border:1px solid var(--line);background:#fff;border-radius:10px;transition:all .25s;display:block;overflow:hidden}.grid6 a:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.grid6 img{object-fit:cover;width:100%;height:180px}.grid6 .b{padding:12px 14px}.grid6 h3{font-size:16px}.grid6 .meta{color:var(--gray);margin-top:4px;font-size:12.5px}.news-list .row{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr;gap:18px;padding:16px 0;display:grid}.news-list img{object-fit:cover;border-radius:8px;width:100%;height:140px}.news-list h3{margin-bottom:6px;font-size:17px}.news-list .d{color:var(--gray);margin-bottom:6px;font-size:12px}.news-list p{color:#4b5563;font-size:13.5px}.detail h1{text-align:center;margin:6px 0 10px;font-size:26px}.detail .meta{text-align:center;color:var(--gray);border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:14px;font-size:13px}.detail .body h2{color:var(--primary-dark);border-left:4px solid var(--primary);margin:26px 0 10px;padding-left:10px;font-size:19px}.detail .body h3{margin:18px 0 8px;font-size:16px}.detail .body p{color:#374151;margin-bottom:12px}.detail .body ul,.detail .body ol{margin-bottom:14px}.detail .body li{margin-bottom:6px}.detail .body img{border-radius:8px;margin:10px 0}.placeholder{background:var(--secondary);color:var(--primary-dark);border-radius:10px;justify-content:center;align-items:center;font-size:14px;display:flex}.params{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:16px 18px}.params .row{border-bottom:1px dashed var(--line);gap:10px;padding:7px 0;font-size:14px;display:flex}.params .row:last-child{border:0}.params .k{color:var(--primary-dark);flex:0 0 88px;font-weight:600}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:24px 0;display:flex}.pager a,.pager span{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 13px;font-size:14px}.pager a:hover,.pager .on{background:var(--primary);color:#fff;border-color:var(--primary)}.prevnext{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px;padding-top:16px;font-size:14px;display:flex}.faq-item{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:10px;overflow:hidden}.faq-item .q{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;font-weight:600;display:flex}.faq-item .q:hover{background:var(--bg)}.faq-item .q:after{content:"+";color:var(--primary);font-weight:700}.faq-item.open .q:after{content:"-"}.faq-item .a{color:#4b5563;border-top:1px solid var(--line);padding:12px 18px 16px;font-size:14.5px;display:none}.faq-item.open .a{display:block}.faq-group-title{color:var(--primary-dark);border-left:4px solid var(--primary);margin:26px 0 12px;padding-left:10px;font-size:18px}.side .box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:18px;padding:16px 18px}.side .box h3{color:var(--primary-dark);border-bottom:2px solid var(--secondary);margin-bottom:10px;padding-bottom:8px;font-size:16px}.side .box ul{padding:0;list-style:none}.side .box li{border-bottom:1px dashed var(--line);padding:7px 0;font-size:14px}.side .box li:last-child{border:0}.side .contact p{margin-bottom:6px;font-size:14px}.side .tel{color:var(--primary);font-size:22px;font-weight:700}.form .f{margin-bottom:14px}.form label{margin-bottom:6px;font-size:14px;display:block}.form label i{color:#dc2626;font-style:normal}.form input,.form textarea{border:1px solid var(--line);border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.form input:focus,.form textarea:focus{border-color:var(--primary);outline:0}.form .err{color:#dc2626;margin-top:4px;font-size:12.5px;display:none}.form button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;padding:12px;font-size:16px}.form button:hover{background:var(--primary-dark)}.form button:disabled{cursor:not-allowed;background:#9ca3af}.footer{color:#b9d5de;background:#173f4c;padding:44px 0 0;font-size:14px}.footer a{color:#b9d5de}.footer a:hover{color:#fff}.footer .cols{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.footer h4{color:#fff;margin-bottom:12px;font-size:15px}.footer ul{padding:0;list-style:none}.footer li{padding:4px 0;font-size:13.5px}.footer .tel{color:var(--accent);font-size:22px;font-weight:700}.footer .bottom{text-align:center;color:#8fb3bf;border-top:1px solid #ffffff1f;margin-top:30px;padding:16px 0;font-size:12.5px}.flink{margin-top:10px;font-size:13px}.flink a{margin-right:12px}.floatbar{z-index:90;flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;right:12px;transform:translateY(-50%)}.floatbar .fb{background:var(--primary);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;display:flex;position:relative;box-shadow:0 2px 10px #00000029}.floatbar .fb:hover{background:var(--primary-dark)}.floatbar .pop{border:1px solid var(--line);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:12px 14px;font-size:13.5px;display:none;position:absolute;top:0;right:56px}.floatbar .fb:hover .pop{display:block}.floatbar .pop img{width:120px;height:120px}.totop{color:#fff;cursor:pointer;z-index:90;background:#173f4cd9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:none;position:fixed;bottom:80px;right:12px}.totop.show{display:flex}.mbar{border-top:1px solid var(--line);z-index:100;background:#fff;display:none;position:fixed;bottom:0;left:0;right:0}.mbar a{text-align:center;color:var(--gray);flex:1;padding:7px 0;font-size:11px}.mbar a.on{color:var(--primary)}.mbar .ic{margin-bottom:2px;font-size:19px;display:block}.wxmask{z-index:300;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.wxmask.open{display:flex}.wxbox{text-align:center;background:#fff;border-radius:14px;width:86%;max-width:320px;padding:24px}.wxbox img{background:var(--secondary);width:200px;height:200px;margin:0 auto 12px}.wxbox .wxid{color:var(--primary);margin-bottom:6px;font-size:17px;font-weight:700}.wxbox .tip{color:var(--gray);margin-bottom:12px;font-size:12.5px}.keyfacts{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:8px;margin:18px 0;padding:16px 18px;font-size:14px}.keyfacts h3{color:var(--primary-dark);margin-bottom:8px;font-size:16px}.keyfacts ul{margin:0;padding:0;list-style:none}.keyfacts li{border-bottom:1px dashed var(--line);padding:4px 0}.keyfacts li:last-child{border:0}.keyfacts b{color:var(--primary-dark)}.disclaimer{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:20px 0;padding:12px 16px;font-size:13px}.fade{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.fade.in{opacity:1;transform:none}@media (width<=1199px){.container{max-width:100%}.banner{height:440px}.banner .cap h1{font-size:33px}}@media (width<=979px){.nav{display:none}.burger{display:block}.cat3{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:repeat(3,1fr)}.news-4{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.process,.adv3{grid-template-columns:1fr}.footer .cols{grid-template-columns:repeat(3,1fr)}.grid6{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.banner{height:360px}.banner .cap h1{font-size:25px}.banner .cap p{font-size:14px}.section{padding:38px 0}.about-home{grid-template-columns:1fr}.carousel .item{flex:0 0 100%}.cat3{grid-template-columns:1fr}.case-grid{grid-template-columns:repeat(2,1fr)}.news-top{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(4,1fr)}.grid6,.news-list .row{grid-template-columns:1fr}.floatbar{display:none}.mbar{display:flex}.footer .cols{grid-template-columns:repeat(2,1fr)}.ibanner{height:170px}.ibanner .en{font-size:18px}.ibanner h1{font-size:22px}}@media (width<=479px){.case-grid,.news-4{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.footer .cols{grid-template-columns:1fr}.banner .cap h1{font-size:21px}}body{overflow-x:hidden}