/* ========== Reset / Base ========== */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;font-size:14px;color:#666;background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;border:0;}
a{color:#148be1;text-decoration:none;transition:color .25s;}
a:hover{color:#fe670e;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:700;color:#282f42;line-height:1.4;}
input,textarea,button{font-family:inherit;outline:none;border:none;}
.wrapper{max-width:1180px;margin:0 auto;padding:0 15px;}
.bg-light{background:#f7f7f7;}
.bg-light2{background:#f0f0f2;}
.section{padding:72px 0;}
.clearfix:after{content:'';display:block;clear:both;}
.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
.fade-in.in{opacity:1;transform:none;}
.img-fallback{background:linear-gradient(135deg,#148be1,#fe670e);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-size:13px;}

/* ========== Section Head ========== */
.sec-head{text-align:center;margin-bottom:48px;padding:0 10px;}
.sec-title{font-size:30px;color:#282f42;font-weight:700;position:relative;display:inline-block;padding:0 24px 16px;}
.sec-title:before,.sec-title:after{content:'';position:absolute;bottom:1px;width:160px;height:1px;background:#fe670e;opacity:.3;}
.sec-title:before{right:100%;}
.sec-title:after{left:100%;}
.sec-head .sec-title{padding-bottom:20px;}
.sec-head .sec-title:before,.sec-head .sec-title:after{display:none;}
.sec-head .sec-title{padding-bottom:18px;}
.sec-head .sec-title:after{content:'';display:block;width:60px;height:3px;background:#fe670e;left:50%;bottom:0;transform:translateX(-50%);opacity:1;}
.sec-desc{color:#898989;font-size:15px;margin-top:20px;max-width:680px;margin-left:auto;margin-right:auto;}
.sec-head.dark .sec-title{color:#fff;}
.sec-head.dark .sec-desc{color:#cfd3dc;}
.sec-more{text-align:center;margin-top:40px;}
.sec-more a{display:inline-block;padding:10px 30px;border:1px solid #148be1;color:#148be1;border-radius:2px;transition:.25s;font-size:14px;}
.sec-more a:hover{background:#148be1;color:#fff;}

/* ========== Topbox (header) ========== */
.topbox{position:relative;z-index:999;}
.topbar{background:#fff;border-bottom:1px solid #eee;}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:92px;}
.logo{display:flex;align-items:center;gap:12px;}
.logo .logo-ico{width:60px;height:46px;flex-shrink:0;}
.logo-txt{display:flex;flex-direction:column;line-height:1.1;}
.logo-txt .brand{font-size:24px;font-weight:800;color:#282f42;letter-spacing:1px;}
.logo-txt .brand-en{font-size:11px;color:#148be1;letter-spacing:3px;font-weight:600;text-transform:uppercase;margin-top:3px;}
.topbar-right{display:flex;align-items:center;gap:22px;}
.top-social{display:flex;gap:8px;}
.top-social a{width:32px;height:32px;line-height:32px;text-align:center;border:1px solid #e5e5e5;border-radius:50%;color:#898989;}
.top-social a:hover{background:#148be1;border-color:#148be1;color:#fff;}
.top-contact{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.tc-item{font-size:13px;color:#666;display:flex;align-items:center;gap:6px;}
.tc-item a{color:#666;}
.tc-item i{color:#fe670e;}
.tc-phone{font-size:20px;font-weight:700;color:#282f42;font-family:"Montserrat",Arial;}
.tc-phone i{font-size:16px;}
.navbar{background:#282f42;box-shadow:0 2px 6px rgba(0,0,0,.1);}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:56px;}
.nav-menu{display:flex;}
.nav-item{position:relative;}
.nav-item>a{display:block;padding:0 22px;line-height:56px;color:#fff;font-size:16px;position:relative;}
.nav-item>a .caret{margin-left:4px;font-size:12px;}
.nav-item>a:after{content:'';position:absolute;left:50%;bottom:0;width:0;height:3px;background:#fe670e;transform:translateX(-50%) skew(-20deg);transition:width .25s;}
.nav-item:hover>a:after,.nav-item.active>a:after{width:60%;}
.nav-item:hover>a,.nav-item.active>a{color:#fe670e;}
.sub-menu{position:absolute;top:56px;left:0;min-width:170px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:99;border-top:3px solid #148be1;}
.nav-item:hover .sub-menu{opacity:1;visibility:visible;transform:none;}
.sub-menu li a{display:block;padding:11px 18px;color:#555;font-size:14px;line-height:1.6;border-bottom:1px solid #f0f0f2;}
.sub-menu li a:hover{background:#148be1;color:#fff;}
.nav-extra{display:flex;align-items:center;gap:16px;}
.nav-search{display:flex;align-items:center;border:1px solid rgba(255,255,255,.25);border-radius:2px;overflow:hidden;}
.nav-search input{background:transparent;color:#fff;padding:6px 10px;width:150px;font-size:13px;}
.nav-search input::placeholder{color:rgba(255,255,255,.6);}
.nav-search button{background:#fe670e;color:#fff;width:34px;height:32px;cursor:pointer;}
.nav-cart{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;padding:7px 16px;background:#fe670e;border-radius:2px;}
.nav-cart:hover{background:#ff7d2e;color:#fff;}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;cursor:pointer;padding:6px;}
.nav-toggle span{width:24px;height:2px;background:#fff;display:block;}

/* ========== Banner ========== */
.banner{position:relative;overflow:hidden;background:#0f1420;}
.banner-slides{position:relative;}
.banner-slide{display:none;position:relative;}
.banner-slide.active{display:block;}
.banner-slide img{width:100%;height:680px;object-fit:cover;object-position:center;}
.banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,47,66,.85) 0%,rgba(40,47,66,.4) 45%,rgba(40,47,66,0) 75%);}
.banner-caption{position:absolute;left:0;top:0;bottom:0;width:100%;max-width:1180px;margin:0 auto;padding:0 15px;display:flex;flex-direction:column;justify-content:center;gap:18px;}
.bc-tit{font-size:46px;color:#fff;font-weight:800;max-width:560px;line-height:1.25;}
.bc-desc{font-size:17px;color:#e5e5e5;max-width:520px;}
.bc-btn{display:inline-block;width:fit-content;padding:13px 34px;background:#fe670e;color:#fff;font-size:15px;border-radius:2px;transition:.25s;}
.bc-btn:hover{background:#148be1;color:#fff;}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;background:rgba(255,255,255,.15);color:#fff;border-radius:50%;cursor:pointer;font-size:22px;z-index:5;transition:.25s;}
.banner-arrow:hover{background:#fe670e;}
.banner-arrow.prev{left:24px;}
.banner-arrow.next{right:24px;}
.banner-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5;}
.banner-dots .dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:.25s;}
.banner-dots .dot.active{background:#fe670e;width:30px;border-radius:6px;}

/* ========== Product Grid ========== */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.product-card{background:#fff;border:1px solid #eee;transition:.35s;overflow:hidden;}
.product-card:hover{box-shadow:0 12px 30px rgba(20,139,225,.16);transform:translateY(-6px);border-color:#fff;}
.pc-img{position:relative;overflow:hidden;aspect-ratio:4/3;background:#f0f0f2;}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.product-card:hover .pc-img img{transform:scale(1.08);}
.pc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,139,225,.35),transparent 60%);opacity:0;transition:.35s;}
.product-card:hover .pc-overlay{opacity:1;}
.pc-body{padding:18px 16px 22px;text-align:center;}
.pc-cat{display:inline-block;font-size:12px;color:#148be1;background:#eaf5fd;padding:2px 10px;border-radius:10px;margin-bottom:8px;}
.pc-title{font-size:16px;margin-bottom:6px;}
.pc-title a{color:#282f42;}
.pc-title a:hover{color:#148be1;}
.pc-desc{font-size:13px;color:#898989;line-height:1.6;margin-bottom:12px;min-height:42px;}
.pc-link{display:inline-block;font-size:13px;color:#fe670e;border-bottom:1px solid #fe670e;padding-bottom:2px;}
.pc-link:hover{color:#148be1;border-color:#148be1;}
.section-products{background:#fff;}

/* ========== marker / compound base classes (组合 class, 补基础规则) ========== */
.fcol,.fcol-about,.fcol-links,.fcol-pro,.fcol-contact{min-width:0;}
.adv-body{flex:1;min-width:0;}
.nm-body{flex:1;min-width:0;}
.pd-info{min-width:0;}
.pd-relate{}
.section-cases{background:#fff;}
.section-products + .section,.page-main{position:relative;}

/* ========== About Parallax ========== */
.about-parallax{position:relative;background:url('https://images.unsplash.com/photo-1507236390809-947de8aea269?w=1920&h=900&fit=crop&auto=format&q=80') center/cover fixed #282f42;color:#fff;padding:80px 0;}
.ap-mask{position:absolute;inset:0;background:rgba(40,47,66,.82);}
.ap-inner{position:relative;text-align:center;}
.ap-text{max-width:860px;margin:0 auto;font-size:16px;color:#d7dbe3;line-height:2;}
.ap-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:50px;margin:36px 0;}
.stat{text-align:center;}
.stat-num{display:block;font-size:42px;font-weight:800;color:#fe670e;font-family:"Montserrat",Arial;}
.stat-lab{font-size:14px;color:#cfd3dc;margin-top:6px;}
.ap-btn{display:inline-block;padding:13px 38px;background:#fe670e;color:#fff;border-radius:2px;font-size:15px;transition:.25s;}
.ap-btn:hover{background:#148be1;color:#fff;}

/* ========== Two-col: adv + news ========== */
.section-twocol{background:#fff;padding:0;}
.twocol{display:grid;grid-template-columns:1fr 1fr;}
.col-adv{background:#282f42;color:#fff;padding:64px 44px;}
.col-news{background:#f7f7f7;padding:64px 44px;}
.col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.15);}
.col-news .col-head{border-bottom-color:#e5e5e5;}
.ch-title{font-size:24px;color:#fff;}
.col-news .ch-title{color:#282f42;}
.ch-title a{color:inherit;}
.ch-more{font-size:13px;color:#fe670e;}
.adv-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;}
.adv-item{display:flex;gap:16px;align-items:flex-start;}
.adv-ico{flex-shrink:0;width:50px;height:50px;line-height:50px;text-align:center;background:rgba(20,139,225,.2);color:#148be1;border-radius:6px;font-size:22px;}
.adv-title{font-size:17px;color:#fff;margin-bottom:6px;}
.adv-desc{font-size:13px;color:#b8bfcc;line-height:1.7;}
.news-mini-list{display:flex;flex-direction:column;gap:22px;}
.news-mini{display:flex;gap:18px;align-items:flex-start;padding-bottom:22px;border-bottom:1px dashed #e0e0e0;}
.news-mini:last-child{border-bottom:none;}
.nm-date{flex-shrink:0;width:64px;text-align:center;background:#fff;border-left:3px solid #fe670e;padding:8px 0;}
.nm-day{display:block;font-size:26px;font-weight:800;color:#148be1;font-family:"Montserrat",Arial;line-height:1;}
.nm-month{display:block;font-size:12px;color:#898989;margin-top:4px;}
.nm-title{font-size:16px;margin-bottom:6px;line-height:1.5;}
.nm-title a{color:#282f42;}
.nm-title a:hover{color:#148be1;}
.nm-desc{font-size:13px;color:#898989;line-height:1.6;}

/* ========== Cases ========== */
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.case-card{position:relative;overflow:hidden;}
.cc-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#282f42;}
.cc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.case-card:hover .cc-img img{transform:scale(1.1);}
.cc-overlay{position:absolute;inset:0;background:rgba(40,47,66,.6);display:flex;align-items:center;justify-content:center;gap:14px;opacity:0;transition:.35s;}
.case-card:hover .cc-overlay{opacity:1;}
.cc-ico{width:44px;height:44px;line-height:44px;text-align:center;background:rgba(255,255,255,.15);color:#fff;border-radius:50%;font-size:16px;}
.cc-ico:hover{background:#fe670e;color:#fff;}
.cc-body{padding:14px 6px;}
.cc-title{font-size:15px;text-align:center;}
.cc-title a,.cc-title{color:#282f42;}

/* ========== Ticker ========== */
.ticker{background:#1673b8;color:#fff;overflow:hidden;padding:14px 0;}
.ticker-inner{display:flex;align-items:center;gap:20px;}
.ticker-label{flex-shrink:0;font-size:15px;font-weight:700;background:#fe670e;padding:6px 16px;border-radius:2px;white-space:nowrap;}
.ticker-track{display:flex;gap:40px;white-space:nowrap;animation:tick 40s linear infinite;}
.ticker:hover .ticker-track{animation-play-state:paused;}
.ticker-item{color:#eaf5fd;font-size:14px;}
.ticker-item .ti-date{color:#ffd9c2;}
@keyframes tick{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ========== Contact Parallax ========== */
.contact-parallax{position:relative;background:url('https://images.unsplash.com/photo-1526556838038-5d9deb7998bd?w=1920&h=700&fit=crop&auto=format&q=80') center/cover fixed #282f42;color:#fff;text-align:center;padding:80px 0;}
.cp-mask{position:absolute;inset:0;background:rgba(40,47,66,.8);}
.cp-inner{position:relative;}
.cp-title{font-size:30px;color:#fff;margin-bottom:20px;}
.cp-phone{display:inline-flex;align-items:center;gap:14px;font-size:38px;font-weight:800;color:#fe670e;font-family:"Montserrat",Arial;margin-bottom:14px;}
.cp-addr{font-size:16px;color:#d7dbe3;margin-bottom:28px;}
.cp-btn{display:inline-block;padding:13px 40px;background:#148be1;color:#fff;border-radius:2px;font-size:15px;transition:.25s;}
.cp-btn:hover{background:#fe670e;color:#fff;}

/* ========== Footer ========== */
.footer{background:#232938;color:#9aa3b2;}
.footer-top{padding:60px 0 50px;}
.footer-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:36px;}
.f-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.f-logo .logo-ico{width:50px;height:38px;}
.f-logo .brand{font-size:20px;font-weight:800;color:#fff;}
.f-desc{font-size:13px;line-height:1.9;margin-bottom:16px;}
.f-social{display:flex;gap:8px;}
.f-social a{width:34px;height:34px;line-height:34px;text-align:center;background:rgba(255,255,255,.08);color:#cfd3dc;border-radius:50%;}
.f-social a:hover{background:#148be1;color:#fff;}
.fcol h4{color:#fff;font-size:16px;margin-bottom:18px;padding-left:12px;border-left:3px solid #fe670e;}
.f-links li{margin-bottom:11px;}
.f-links li a{color:#9aa3b2;font-size:13px;}
.f-links li a:hover{color:#fe670e;padding-left:5px;}
.f-contact li{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:13px;color:#9aa3b2;}
.f-contact li i{color:#fe670e;margin-top:3px;}
.f-contact li a{color:#9aa3b2;}
.f-qr{text-align:center;margin-top:18px;}
.f-qr img{width:97px;height:97px;margin:0 auto;background:#fff;padding:4px;}
.f-qr-tip{display:block;font-size:12px;color:#9aa3b2;margin-top:8px;}
.footer-bar{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;}
.footer-bar-inner{text-align:center;font-size:13px;color:#7e8798;}
.footer-bar a.beian{color:#9aa3b2;}
.footer-bar a.beian:hover{color:#fe670e;}
.scrollup{position:fixed;right:26px;bottom:30px;width:44px;height:44px;line-height:44px;text-align:center;background:#148be1;color:#fff;border-radius:4px;font-size:18px;z-index:998;opacity:0;visibility:hidden;transition:.3s;}
.scrollup.show{opacity:1;visibility:visible;}
.scrollup:hover{background:#fe670e;color:#fff;}

/* ========== Inner page banner + crumb ========== */
.page-banner{position:relative;height:300px;background-size:cover;background-position:center;display:flex;align-items:center;}
.pb-mask{position:absolute;inset:0;background:linear-gradient(rgba(40,47,66,.7),rgba(40,47,66,.8));}
.pb-inner{position:relative;text-align:center;width:100%;}
.pb-cn{font-size:34px;color:#fff;letter-spacing:2px;}
.pb-en{font-size:14px;color:#cfd3dc;letter-spacing:6px;text-transform:uppercase;margin-top:8px;}
.crumb{background:#f7f7f7;border-bottom:1px solid #eee;}
.crumb-inner{display:flex;align-items:center;justify-content:space-between;height:60px;}
.crumb-title h2{font-size:18px;color:#282f42;}
.crumb-title i{font-size:12px;color:#898989;font-style:normal;letter-spacing:2px;margin-left:8px;}
.crumb-path{font-size:13px;color:#898989;}
.crumb-path a{color:#898989;}
.crumb-path a:hover{color:#148be1;}
.crumb-path .sep{margin:0 6px;color:#ccc;}
.crumb-path .cur{color:#fe670e;}
.page-main{padding:54px 0 64px;min-height:400px;}

/* ========== Product list filter ========== */
.prod-cat-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px;}
.cat-tag{padding:8px 24px;border:1px solid #e5e5e5;border-radius:20px;color:#666;font-size:14px;transition:.25s;}
.cat-tag:hover,.cat-tag.active{background:#148be1;color:#fff;border-color:#148be1;}

/* ========== Product detail ========== */
.pd-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px;}
.pd-gallery img{width:100%;border:1px solid #eee;}
.pd-name{font-size:26px;color:#282f42;margin-bottom:10px;}
.pd-sn{font-size:13px;color:#898989;margin-bottom:14px;}
.pd-brief{font-size:15px;color:#555;line-height:1.9;background:#f7f7f7;padding:16px 18px;border-left:3px solid #148be1;margin-bottom:18px;}
.pd-points{margin-bottom:24px;}
.pd-points li{padding:6px 0;font-size:14px;color:#555;}
.pd-points i{color:#148be1;margin-right:6px;}
.pd-cta{display:flex;gap:14px;}
.btn-primary{display:inline-block;padding:12px 32px;background:#fe670e;color:#fff;border-radius:2px;font-size:15px;transition:.25s;}
.btn-primary:hover{background:#148be1;color:#fff;}
.btn-outline{display:inline-block;padding:12px 28px;border:1px solid #148be1;color:#148be1;border-radius:2px;font-size:15px;transition:.25s;}
.btn-outline:hover{background:#148be1;color:#fff;}
.pd-block{margin-bottom:46px;}
.block-tit{font-size:20px;color:#282f42;padding-bottom:12px;border-bottom:2px solid #eee;margin-bottom:24px;position:relative;}
.block-tit:before{content:'';position:absolute;left:0;bottom:-2px;width:60px;height:2px;background:#fe670e;}
.pd-params{width:100%;border-collapse:collapse;font-size:14px;}
.pd-params th,.pd-params td{border:1px solid #eee;padding:11px 16px;text-align:left;}
.pd-params th{background:#f7f7f7;color:#282f42;width:200px;font-weight:600;}
.pd-content p{margin-bottom:16px;font-size:15px;line-height:2;color:#555;}
.feat-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.feat-item{display:flex;gap:14px;align-items:flex-start;background:#f7f7f7;padding:18px;}
.feat-ico{flex-shrink:0;width:40px;height:40px;line-height:40px;text-align:center;background:#148be1;color:#fff;border-radius:50%;font-size:16px;}
.feat-tit{font-size:16px;margin-bottom:4px;}
.feat-desc{font-size:13px;color:#898989;}
.rel-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.rel-card{border:1px solid #eee;transition:.25s;}
.rel-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.08);}
.rc-img img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.rc-title{font-size:14px;text-align:center;padding:12px 8px;}
.rc-title a{color:#282f42;}
.rc-title a:hover{color:#148be1;}

/* ========== News list ========== */
.nlist{display:flex;flex-direction:column;gap:28px;}
.nlist-item{display:grid;grid-template-columns:300px 1fr;gap:26px;background:#fff;border:1px solid #eee;padding:20px;transition:.25s;}
.nlist-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:#fff;}
.nl-img img{width:300px;height:200px;object-fit:cover;}
.nl-body{display:flex;flex-direction:column;}
.nl-date{float:right;width:64px;text-align:center;background:#282f42;color:#fff;padding:8px 0;margin-left:14px;}
.nl-day{display:block;font-size:26px;font-weight:800;color:#fe670e;font-family:"Montserrat",Arial;line-height:1;}
.nl-month{display:block;font-size:12px;margin-top:4px;}
.nl-title{font-size:19px;margin-bottom:8px;}
.nl-title a{color:#282f42;}
.nl-title a:hover{color:#148be1;}
.nl-cat{display:inline-block;width:fit-content;font-size:12px;color:#fff;background:#148be1;padding:2px 12px;border-radius:2px;margin-bottom:10px;}
.nl-desc{font-size:14px;color:#898989;line-height:1.8;flex:1;}
.nl-more{display:inline-block;width:fit-content;margin-top:14px;font-size:13px;color:#fe670e;}
.pager{text-align:center;margin-top:40px;display:flex;gap:8px;justify-content:center;}
.pager .pg{display:inline-block;min-width:40px;height:40px;line-height:38px;padding:0 12px;border:1px solid #e5e5e5;color:#666;font-size:14px;}
.pager .pg:hover,.pager .pg.hover{background:#148be1;color:#fff;border-color:#148be1;}

/* ========== News detail ========== */
.nd-wrap{max-width:920px;}
.news-detail{background:#fff;padding:40px 44px;border:1px solid #eee;}
.nd-title{font-size:26px;color:#282f42;text-align:center;margin-bottom:16px;line-height:1.5;}
.nd-meta{text-align:center;font-size:13px;color:#898989;padding-bottom:18px;border-bottom:1px solid #eee;margin-bottom:26px;display:flex;justify-content:center;gap:20px;}
.nd-cat{color:#fe670e;}
.nd-content p{font-size:15px;line-height:2.1;color:#555;margin-bottom:18px;text-indent:2em;}
.nd-gallery{margin-top:24px;}
.nd-fig{margin:22px 0;}
.nd-fig img{width:100%;}
.nd-fig figcaption{text-align:center;font-size:13px;color:#898989;margin-top:8px;}
.news-footRem{display:flex;justify-content:space-between;gap:20px;background:#f7f7f7;padding:18px 22px;margin-top:24px;font-size:14px;flex-wrap:wrap;}
.news-footRem .lbl{color:#898989;}
.news-footRem a{color:#148be1;}
.return-list{text-align:center;margin-top:24px;}
.return-list a{display:inline-block;padding:9px 26px;border:1px solid #148be1;color:#148be1;border-radius:2px;}
.return-list a:hover{background:#148be1;color:#fff;}

/* ========== About page ========== */
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:60px;}
.ai-img img{width:100%;border:1px solid #eee;}
.ai-txt h2{font-size:26px;margin-bottom:6px;}
.ai-en{color:#148be1;letter-spacing:2px;font-size:13px;margin-bottom:16px;font-weight:600;}
.ai-txt p{font-size:14px;line-height:2;color:#666;margin-bottom:12px;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#282f42;color:#fff;padding:40px 20px;margin-bottom:60px;}
.about-stats .stat-num{font-size:38px;}
.about-block{padding:50px 0;}
.about-block.bg-light{background:#f7f7f7;}
.timeline{position:relative;max-width:900px;margin:0 auto;padding:10px 0;}
.timeline:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e0e0e0;transform:translateX(-50%);}
.tl-item{position:relative;width:50%;padding:0 40px 34px 0;left:0;}
.tl-item:nth-child(even){left:50%;padding:0 0 34px 40px;}
.tl-node{position:absolute;right:-7px;top:4px;width:14px;height:14px;background:#fe670e;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #fe670e;}
.tl-item:nth-child(even) .tl-node{left:-7px;right:auto;}
.tl-card{background:#fff;border:1px solid #eee;padding:18px 20px;}
.tl-year{display:inline-block;font-size:13px;color:#fff;background:#148be1;padding:2px 12px;border-radius:2px;margin-bottom:8px;}
.tl-tit{font-size:17px;margin-bottom:6px;}
.tl-desc{font-size:13px;color:#898989;line-height:1.7;}
.culture{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.cul-card{background:#fff;text-align:center;padding:36px 26px;border:1px solid #eee;transition:.3s;}
.cul-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(20,139,225,.14);}
.cul-ico{display:inline-flex;width:64px;height:64px;line-height:64px;align-items:center;justify-content:center;background:#eaf5fd;color:#148be1;border-radius:50%;font-size:28px;margin-bottom:16px;}
.cul-tit{font-size:20px;margin-bottom:10px;}
.cul-desc{font-size:14px;color:#898989;line-height:1.8;}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.team-card{text-align:center;background:#fff;border:1px solid #eee;padding:30px 20px;transition:.3s;}
.team-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(20,139,225,.14);}
.team-ava{width:130px;height:130px;border-radius:50%;overflow:hidden;margin:0 auto 16px;border:4px solid #eaf5fd;}
.team-ava img{width:100%;height:100%;object-fit:cover;}
.team-name{font-size:18px;margin-bottom:4px;}
.team-job{font-size:13px;color:#fe670e;}

/* ========== Contact page ========== */
.contact-info{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:50px;}
.ci-card{background:#fff;border:1px solid #eee;text-align:center;padding:30px 16px;transition:.3s;}
.ci-card:hover{background:#282f42;border-color:#282f42;}
.ci-card:hover .ci-label,.ci-card:hover .ci-val{color:#cfd3dc;}
.ci-card:hover .ci-val{color:#fe670e;}
.ci-ico{display:inline-flex;width:60px;height:60px;align-items:center;justify-content:center;background:#eaf5fd;color:#148be1;border-radius:50%;font-size:26px;margin-bottom:14px;}
.ci-label{display:block;font-size:13px;color:#898989;margin-bottom:6px;}
.ci-val{display:block;font-size:16px;color:#282f42;font-weight:600;word-break:break-all;}
.contact-row{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;}
.form-side,.map-side{background:#fff;}
.contact-form ul{display:flex;flex-direction:column;gap:16px;}
.contact-form .row2{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;}
.contact-form label{font-size:14px;color:#555;}
.contact-form .inp{width:100%;border:1px solid #e5e5e5;padding:11px 14px;font-size:14px;transition:.25s;}
.contact-form .inp:focus{border-color:#148be1;}
.contact-form textarea{resize:vertical;}
.contact-form li:not(.row2){display:grid;grid-template-columns:90px 1fr;align-items:start;gap:12px;}
.contact-form li:not(.row2) label{padding-top:11px;}
.btn-submit{display:inline-block;width:fit-content;padding:12px 36px;background:#fe670e;color:#fff;font-size:15px;cursor:pointer;border-radius:2px;transition:.25s;margin-left:102px;}
.btn-submit:hover{background:#148be1;}
.mapbox img{width:100%;border:1px solid #eee;}
.map-note{margin-top:14px;font-size:14px;color:#555;}
.map-note i{color:#fe670e;margin-right:6px;}

/* ========== Responsive ========== */
@media screen and (max-width:1120px){
  .product-grid,.case-grid{grid-template-columns:repeat(3,1fr);}
  .rel-list{grid-template-columns:repeat(3,1fr);}
}
@media screen and (max-width:1023px){
  .banner-slide img{height:520px;}
  .bc-tit{font-size:36px;}
  .topbar-inner{height:auto;padding:14px 0;flex-wrap:wrap;gap:12px;}
  .topbar-right{width:100%;justify-content:space-between;}
  .nav-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#282f42;flex-direction:column;z-index:99;max-height:70vh;overflow-y:auto;}
  .nav-menu.open{display:flex;}
  .nav-item>a{line-height:48px;padding:0 20px;}
  .nav-item>a:after{display:none;}
  .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#1f2533;border-top:none;display:none;}
  .nav-item.open-sub .sub-menu{display:block;}
  .nav-item.open-sub .sub-menu li a{padding-left:40px;color:#cfd3dc;}
  .nav-toggle{display:flex;}
  .nav-search,.nav-cart{display:none;}
  .twocol{grid-template-columns:1fr;}
  .col-adv,.col-news{padding:44px 24px;}
  .pd-top,.about-intro{grid-template-columns:1fr;}
  .nlist-item{grid-template-columns:1fr;}
  .nl-img img{width:100%;}
  .about-stats,.contact-info{grid-template-columns:repeat(2,1fr);}
  .timeline:before{left:8px;}
  .tl-item,.tl-item:nth-child(even){width:100%;left:0;padding:0 0 28px 32px;}
  .tl-node,.tl-item:nth-child(even) .tl-node{left:1px;right:auto;}
  .contact-row{grid-template-columns:1fr;}
  .btn-submit{margin-left:0;}
}
@media screen and (max-width:799px){
  .product-grid,.case-grid,.feat-list,.culture,.team-grid,.footer-cols,.rel-list{grid-template-columns:repeat(2,1fr);}
  .banner-slide img{height:440px;}
  .bc-tit{font-size:28px;}
  .bc-desc{font-size:14px;}
  .ap-stats{gap:30px;}
  .stat-num{font-size:34px;}
}
@media screen and (max-width:639px){
  .section{padding:48px 0;}
  .sec-title{font-size:24px;}
  .product-grid,.case-grid,.feat-list,.culture,.team-grid,.footer-cols,.rel-list,.about-stats,.contact-info{grid-template-columns:1fr;}
  .banner-slide img{height:340px;}
  .banner-caption{gap:12px;}
  .bc-tit{font-size:24px;}
  .bc-btn{padding:10px 24px;font-size:13px;}
  .banner-arrow{display:none;}
  .about-parallax,.contact-parallax{background-attachment:scroll;}
  .col-adv,.col-news{padding:36px 18px;}
  .adv-list{grid-template-columns:1fr;}
  .news-detail{padding:26px 18px;}
  .nd-title{font-size:20px;}
  .contact-form li:not(.row2),.contact-form .row2{grid-template-columns:1fr;}
  .contact-form li:not(.row2) label{padding-top:0;}
  .pb-cn{font-size:24px;}
  .crumb-inner{flex-direction:column;align-items:flex-start;gap:6px;height:auto;padding:12px 0;}
  .cp-phone{font-size:28px;}
}