/* ===== 蓝之庭建工 gxlanzhiting.com 全站样式（还原 /28553/ 模板视觉） ===== */
*{margin:0;padding:0;border:0;box-sizing:border-box}
body{color:#333;font-size:14px;font-family:"微软雅黑","Microsoft YaHei",Helvetica,Arial,sans-serif;background:#fff}
a{color:#333;text-decoration:none;transition:color .3s,background .3s,opacity .3s}
a:hover{color:#008cd6}
ul,li,dl,dd{list-style:none}
img{vertical-align:middle;max-width:100%}
input,select,textarea{outline:none;font-family:inherit}
.wrap{clear:both;width:1200px;max-width:96%;margin:0 auto;text-align:left;zoom:1}
.cl{clear:both;height:0;font-size:0;overflow:hidden}
.l{float:left}.r{float:right}
/* 图片兜底块 */
.img-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;font-size:14px}

/* ===== 顶部（topbox > lotbox + menubox）===== */
.topbox{width:100%;position:fixed;top:0;left:0;height:123px;z-index:100;background:rgba(23,23,23,.85);box-shadow:0 1px 10px rgba(0,0,0,.15)}
.lotbox{height:43px;border-bottom:1px solid #4757a6;overflow:hidden}
.lotbox .wrap{height:43px;line-height:43px}
.lot-mail{float:left;color:#fff;font-size:13px;margin-right:18px;padding-left:20px}
.lot-mail svg,.lot-tel svg{width:14px;height:14px;fill:#008cd6;vertical-align:-2px;margin-right:6px}
.lot-tel{float:left;color:#fff;font-size:13px;padding-left:4px}
.lot-soc{float:right}
.soc-a{float:left;width:27px;height:27px;line-height:27px;margin:8px 0 0 5px;border-radius:50%;text-align:center;border:1px solid rgba(255,255,255,.35)}
.soc-a svg{width:13px;height:13px;fill:#ddd;vertical-align:-2px}
.soc-a:hover{background:#008cd6;border-color:#008cd6}
.soc-a:hover svg{fill:#fff}
.menubox .wrap{height:80px;display:flex;align-items:center;justify-content:space-between}
.logo-a{display:flex;align-items:center;gap:12px}
.logo-ico{width:52px;height:52px;flex:none}
.logo-ico svg{width:100%;height:100%;display:block}
.logo-txt{display:inline-flex;flex-direction:column;justify-content:center}
.logo-name{font-size:24px;font-weight:bold;color:#fff;letter-spacing:2px;line-height:30px}
.logo-sub{font-size:11px;color:#9aa4c4;letter-spacing:6px;line-height:16px}
.menu-r{display:flex;align-items:center}
.menu-r{display:flex;align-items:center}
.top-search{position:relative;width:34px;height:34px;margin-right:26px}
.search-open{display:block;width:34px;height:34px;cursor:pointer;text-align:center;line-height:34px}
.search-open svg{width:17px;height:17px;fill:#ddd;vertical-align:-3px}
.search-open:hover svg{fill:#008cd6}
.search-panel{display:none;position:absolute;top:44px;right:0;width:300px;height:46px;background:#fff;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.25);padding:6px}
.search-panel.open{display:block}
.search-input{float:left;width:210px;height:34px;line-height:34px;background:#f8f8f8;border:0;text-indent:10px;font-size:13px;color:#666}
.search-go{float:right;width:60px;height:34px;line-height:34px;background:#008cd6;color:#fff;font-size:13px;text-align:center;cursor:pointer;border-radius:4px}
.search-go:hover{background:#0b91d8}
.navbar ul{display:flex}
.nav-li{position:relative;margin-left:22px;min-width:88px;text-align:center}
.nav-a{display:block;color:#ddd;font-size:16px;line-height:79px;letter-spacing:1px}
.nav-li.on .nav-a,.nav-li:hover .nav-a{color:#008cd6}
.nav-sub{display:none;position:absolute;top:100%;left:50%;margin-left:-84px;width:168px;background:#fff;box-shadow:0 8px 15px rgba(0,0,0,.12);z-index:110;padding:6px 0}
.nav-li:hover .nav-sub{display:block}
.nav-sub a{display:block;height:40px;line-height:40px;text-indent:26px;text-align:left;font-size:14px;color:#666}
.nav-sub a:hover{color:#fff;background-color:#008cd6}
.mbtn{display:none;width:44px;height:40px;cursor:pointer;padding:8px}
.mbtn span{display:block;height:3px;background:#ddd;margin:5px 0;border-radius:2px}
/* 滚动收起 */
body.scrolled .topbox{height:103px}
body.scrolled .lotbox{height:23px}
body.scrolled .lotbox .wrap{height:23px;line-height:23px}
body.scrolled .soc-a{margin-top:0;width:21px;height:21px;line-height:21px}
body.scrolled .menubox .wrap{height:80px}
body.scrolled .logo-ico{width:42px;height:42px}
body.scrolled .logo-sub{display:none}
body.scrolled .nav-a{line-height:80px}
.blank_h{height:123px;overflow:hidden}

/* ===== 全屏轮播 ===== */
.slideshow{position:relative;width:100%;height:926px;overflow:hidden;background:#111}
.slide-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;z-index:1}
.slide-item.on{opacity:1;z-index:2}
.slide-img{width:100%;height:100%;object-fit:cover;display:block}
.slide-cap{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;color:#fff;width:80%}
.cap-t{font-size:52px;font-weight:bold;letter-spacing:6px;text-shadow:0 3px 14px rgba(0,0,0,.55)}
.cap-s{font-size:18px;letter-spacing:3px;margin-top:18px;color:rgba(255,255,255,.88);text-shadow:0 2px 8px rgba(0,0,0,.5)}
.slide-dots{position:absolute;bottom:60px;left:0;width:100%;text-align:center;z-index:5}
.slide-dot{display:inline-block;width:77px;height:3px;margin:0 5px;background:rgba(255,255,255,.45);cursor:pointer;transition:background .3s}
.slide-dot.on{background:#fff}
.slide-prev,.slide-next{position:absolute;top:51%;margin-top:-28px;width:55px;height:55px;z-index:5;cursor:pointer;background:rgba(0,0,0,.28);border-radius:4px}
.slide-prev{left:10%}.slide-next{right:10%}
.slide-prev:before,.slide-next:before{content:'';position:absolute;top:17px;width:16px;height:16px;border-top:3px solid #fff;border-left:3px solid #fff}
.slide-prev:before{left:22px;transform:rotate(-45deg)}
.slide-next:before{left:16px;transform:rotate(135deg)}
.slide-prev:hover,.slide-next:hover{background:#008cd6}

/* ===== 区块标题 ===== */
.sec-title{height:75px;line-height:75px;text-align:center;font-size:36px;color:#333;letter-spacing:2px;margin:67px 0 15px;font-weight:300;position:relative}
.sec-title:before,.sec-title:after{content:'';position:absolute;top:37px;width:150px;height:1px;background:linear-gradient(90deg,rgba(0,140,214,0),#9fd4ee)}
.sec-title:before{left:calc(50% - 240px)}
.sec-title:after{right:calc(50% - 240px);transform:rotate(180deg)}
.sec-desc{font-size:14px;color:#666;text-align:center;line-height:22px;margin-bottom:10px}

/* ===== 产品轮播（一行6个）===== */
.pro-sec{overflow:hidden}
.pro-carousel{margin-top:30px;text-align:center;position:relative}
.sw-wrap{overflow:hidden;width:1200px;max-width:96%;margin:0 auto}
.sw-track{display:flex;transition:transform .6s ease}
.sw-item{flex:0 0 192px;margin:0 4px}
.pro-card a{display:block}
.pro-imgs{position:relative;width:100%;height:192px;overflow:hidden;background:#f2f2f2}
.pro-imgs img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .3s ease-out}
.pro-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,140,214,.45);opacity:0;transition:opacity .3s ease-out;display:flex;align-items:center;justify-content:center}
.zoom-ico{width:38px;height:38px;border:2px solid #fff;border-radius:50%;position:relative}
.zoom-ico:before,.zoom-ico:after{content:'';position:absolute;background:#fff;left:50%;top:50%}
.zoom-ico:before{width:14px;height:2px;margin:-1px 0 0 -7px}
.zoom-ico:after{width:2px;height:14px;margin:-7px 0 0 -1px}
.pro-name{font-weight:normal;color:#666;font-size:16px;line-height:22px;height:44px;overflow:hidden;margin-top:10px;text-align:center}
.pro-card:hover img{transform:scale(1.1)}
.pro-card:hover .pro-mask{opacity:1}
.pro-card:hover .pro-name{color:#008cd6}
.sw-btn{position:absolute;top:36%;width:44px;height:76px;z-index:6;cursor:pointer;background:rgba(0,0,0,.18);border-radius:4px}
.sw-btn:before{content:'';position:absolute;top:26px;width:13px;height:13px;border-top:3px solid #fff;border-left:3px solid #fff}
.sw-prev{left:6px}.sw-next{right:6px}
.sw-prev:before{left:16px;transform:rotate(-45deg)}
.sw-next:before{left:12px;transform:rotate(135deg)}
.sw-btn:hover{background:#008cd6}
.more-div{text-align:center;overflow:hidden;padding:34px 0 20px}
.more-btn{display:inline-block;padding:0 38px;height:46px;line-height:46px;color:#fff;background:#008cd6;border-radius:6px;letter-spacing:.5px;font-size:16px}
.more-btn:hover{opacity:.85;color:#fff;margin-top:5px;transition:all .3s}

/* ===== 应用领域（锯齿重叠）===== */
.app-bg{background:#f7f7f7;overflow:hidden;margin-top:25px;padding-bottom:90px}
.app-wrap{overflow:hidden;padding-top:40px}
.app-row{display:block;overflow:hidden}
.app-imgs{width:797px;position:relative;background:#e8e8e8}
.app-imgs img{width:797px;height:500px;object-fit:cover;display:block}
.app-imgs img:hover{opacity:.8}
.app-cap{position:absolute;top:0;line-height:114px;color:#fff;font-size:24px;letter-spacing:1.5px;font-weight:300;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.app-imgs.r .app-cap{padding-left:30px;left:0}
.app-imgs.l .app-cap{padding-right:30px;right:0}
.app-txt{width:365px;overflow:hidden;line-height:30px;color:#666;font-size:17px}
.app-txt h2{font-weight:300;color:#008cd6;font-size:31px;line-height:40px;margin-bottom:25px;margin-top:50px}
.app-row:nth-child(2),.app-row:nth-child(3){margin-top:-103px}
.app-row:nth-child(2) .app-txt,.app-row:nth-child(3) .app-txt{padding-top:103px}

/* ===== 为什么选择我们 ===== */
.why-sec{overflow:hidden}
.why-wrap{overflow:hidden;padding-top:53px}
.why-col{overflow:hidden;width:560px;position:relative}
.why-col:before{content:'';position:absolute;left:35px;top:24px;bottom:24px;border-left:1px dashed #ddd}
.why-item{display:block;padding-left:94px;padding-top:17px;min-height:110px;line-height:24px;font-size:14px;color:#666;position:relative;transition:all .3s}
.why-item:before{content:attr(data-n);position:absolute;left:0;top:20px;width:66px;height:66px;border-radius:50%;border:2px solid #e2e2e2;color:#008cd6;font-size:22px;line-height:62px;text-align:center;background:#fff;font-family:Georgia,serif;transition:all .3s}
.why-item:hover{color:#333}
.why-item:hover:before{background:#008cd6;border-color:#008cd6;color:#fff}

/* ===== 合作伙伴 ===== */
.part-sec{overflow:hidden;padding-bottom:30px}
.part-grid{margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.part-item{width:236px;height:78px;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;letter-spacing:1px;background:#fff;transition:all .3s}
.part-item:hover{border-color:#008cd6;color:#008cd6;box-shadow:0 4px 12px rgba(0,140,214,.12)}

/* ===== 新闻中心（3卡）===== */
.news-bg{background:#f7f7f7;overflow:hidden;margin-top:25px;padding-bottom:90px}
.news-grid{margin-top:44px;display:flex;flex-wrap:wrap}
.news-card{width:32%;margin-right:2%;overflow:hidden;transition:all .3s}
.news-card:last-child{margin-right:0}
.n-imgs{position:relative;width:100%;height:210px;overflow:hidden;background:#e8e8e8}
.n-imgs img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .3s ease-out}
.n-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;transition:opacity .3s ease-out;display:flex;align-items:center;justify-content:center}
.n-title{font-weight:normal;color:#333;font-size:16px;line-height:40px;height:40px;overflow:hidden;margin-top:7px;text-align:center}
.n-txt{font-size:12px;color:#666;line-height:18px;overflow:hidden;padding-top:5px;height:41px}
.n-more{color:#333;font-size:12px;text-transform:uppercase;line-height:22px;display:inline-flex;align-items:center;float:left;padding-right:17px;margin-top:9px;height:22px;overflow:hidden}
.n-more:after{content:'';width:11px;height:11px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:9px}
.news-card:hover img{transform:scale(1.2)}
.news-card:hover .n-mask{opacity:.7}
.news-card:hover .n-title,.news-card:hover .n-txt,.news-card:hover .n-more{color:#008cd6}

/* ===== 订阅条 ===== */
.signup-bg{background:#797979;overflow:hidden;padding:26px 0 22px}
.signup-bg .wrap{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.sg-h2{font-weight:300;font-size:30px;line-height:36px;letter-spacing:2px;color:#fff}
.sg-txt{margin-right:20px}
.sg-txt p{color:rgba(255,255,255,.85);font-size:14px;line-height:22px}
.sg-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sg-input{height:45px;line-height:45px;background:#fff;border:0;padding:0 27px;width:260px;border-radius:6px;color:#999;font-size:14px}
.sg-btn{width:150px;height:45px;cursor:pointer;background:#008cd6;color:#fff;border-radius:6px;font-size:18px;font-weight:bold;letter-spacing:2px}
.sg-btn:hover{opacity:.85}

/* ===== 页脚 ===== */
.foot{background:#444148;color:#c1c1c1;padding-top:44px;overflow:hidden;letter-spacing:.5px}
.foot-grid{display:flex;flex-wrap:wrap;padding-bottom:26px}
.f-col{margin-right:36px}
.f-col.f-brand{width:320px;margin-right:30px}
.f-col.f-links{width:150px}
.f-col.f-pros{width:210px}
.f-contact{flex:1;min-width:240px;margin-right:0}
.f-tit{color:#fff;font-size:17px;line-height:24px;margin-bottom:16px;letter-spacing:1px}
.f-brand p{font-size:13px;line-height:24px;color:#b7b7b7;text-align:justify}
.f-links a,.f-pros a{display:block;color:#c1c1c1;font-size:14px;line-height:30px}
.f-links a:hover,.f-pros a:hover{color:#fff}
.f-contact p{font-size:13px;line-height:28px;color:#c1c1c1}
.f-contact svg{width:13px;height:13px;fill:#008cd6;vertical-align:-2px;margin-right:7px}
.f-qr{margin-top:14px;display:flex;align-items:center;gap:12px}
.f-qr img{width:97px;height:97px;background:#fff;padding:5px;display:block}
.f-qr span{font-size:12px;color:#b7b7b7;line-height:20px}
.foot-bar{border-top:1px solid rgba(255,255,255,.14);padding:16px 0;text-align:center;font-size:12px;color:#b7b7b7;line-height:24px}
.foot-bar a{color:#b7b7b7}
.foot-bar a:hover{color:#fff}

/* ===== 内页 Banner + 面包屑 ===== */
.n-banner{position:relative;height:260px;overflow:hidden;background:#222}
.n-banner img{width:100%;height:100%;object-fit:cover;display:block}
.n-banner:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(10,20,40,.55),rgba(10,20,40,.45))}
.nb-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}
.nb-t{color:#fff;font-size:34px;letter-spacing:4px;font-weight:300;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.nb-s{color:rgba(255,255,255,.75);font-size:13px;letter-spacing:3px;margin-top:12px;text-transform:uppercase}
.ntit{background:#fff;border-bottom:1px solid #eee}
.ntit .wrap{height:56px;display:flex;align-items:center;justify-content:space-between}
.ntt h1{display:inline-block;font-size:20px;color:#333;font-weight:normal;letter-spacing:1px}
.ntt i{font-style:italic;font-size:12px;color:#aaa;margin-left:10px;text-transform:uppercase;letter-spacing:1px}
.weiz{font-size:13px;color:#888}
.weiz a{color:#008cd6}
.weiz a:hover{color:#333}

/* ===== 内页主体（左栏 + 右栏）===== */
.page-wrap{display:flex;padding-bottom:60px}
.sidebar{flex:0 0 229px;margin:15px 31px 0 0;overflow:hidden}
.side-tit{height:52px;line-height:52px;text-align:center;background:#008cd6;color:#fff;font-size:16px;letter-spacing:1px}
.side-nav{border-bottom:1px dashed #ddd}
.side-nav a{display:block;height:52px;line-height:52px;text-indent:24px;font-size:15px;color:#666;border-top:1px dashed #ddd;letter-spacing:1px}
.side-nav a:hover,.side-nav a.cur{color:#fff;background-color:#008cd6}
.side-contact{margin-top:26px;background:#f7f7f7;padding:20px 18px}
.side-contact h3{font-size:16px;color:#008cd6;margin-bottom:10px;font-weight:normal}
.side-contact p{font-size:13px;color:#666;line-height:24px}
.maincol{flex:1;min-width:0;margin-top:10px;padding-bottom:50px}
.pg-title{color:#333;font-size:28px;letter-spacing:2px;font-weight:normal;background:linear-gradient(#eee,#eee) left center repeat-x;background-size:100% 1px;margin:20px 0 24px;overflow:hidden}
.pg-title span{float:left;padding-right:12px;background-color:#fff;width:auto}
.pg-con{overflow:hidden;line-height:26px;color:#555;font-size:14px;padding-bottom:30px}
.pg-con p{margin-bottom:14px;text-align:justify}
.pg-con .flimg{float:right;margin:4px 0 14px 20px;width:440px;max-width:100%}
.pg-con .flimg img{width:100%;display:block}

/* ===== 产品列表 3列 ===== */
.pro-grid{display:flex;flex-wrap:wrap}
.pro-grid .pro-card-wrap{width:32.33%;margin:0 .5% 56px;text-align:center}
.pagebar{width:100%;text-align:center;clear:both;overflow:hidden;padding:36px 0}
.pagebar a,.pagebar span{display:inline-block;height:32px;line-height:32px;padding:0 12px;min-width:14px;margin:0 6px;text-align:center;color:#999;font-size:14px;border-radius:3px}
.pagebar a:hover{color:#fff;background-color:#008cd6}
.pagebar .cur{color:#fff;background-color:#008cd6}

/* ===== 产品详情 ===== */
.pd-title{color:#333;font-size:26px;letter-spacing:2px;font-weight:normal;text-align:center;line-height:40px;margin:22px 0 25px}
.pd-cat{text-align:center;font-size:13px;color:#999;margin:-16px 0 22px}
.pd-box{width:520px;max-width:100%;margin:0 auto;text-align:center}
.pd-bigbox{overflow:hidden;width:100%;background:#f2f2f2}
.pd-big{width:100%;height:420px;object-fit:cover;margin:30px 0;transition:transform .3s ease-out}
.pd-bigbox:hover .pd-big{transform:scale(1.05)}
.pd-thumbs{display:flex;justify-content:center;gap:12px}
.pd-thumb{width:120px;height:100px;overflow:hidden;border:1px solid #e2e2e2;cursor:pointer;background:#fff}
.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pd-thumb.sel,.pd-thumb:hover{border:1px solid #008cd6}
.pd-tabs{margin-top:50px;height:40px;border-bottom:1px solid #e5e5e5;overflow:hidden}
.tab-a{float:left;min-width:54px;text-align:center;padding:0 16px;height:38px;line-height:38px;font-size:16px;color:#333;margin-right:40px}
.tab-a:hover{color:#008cd6}
.tab-a.sel{color:#008cd6;border-bottom:2px solid #0b91d8}
.tab-panel{display:none}
.tab-panel.show{display:block}
.pd-txt{line-height:26px;font-size:14px;color:#555;padding:16px 0 40px}
.pd-txt p{margin-bottom:12px;text-align:justify}
.feat-list{padding:6px 0 36px}
.feat-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#555;line-height:26px;margin-bottom:10px}
.feat-ico{flex:none;width:26px;height:26px;border-radius:50%;background:#eaf6fd;color:#008cd6;text-align:center;line-height:26px;font-size:14px;margin-top:0}
.param-table{width:100%;border-collapse:collapse;margin:16px 0 40px}
.param-table th,.param-table td{border:1px solid #e5e5e5;line-height:44px;font-size:14px;text-align:left}
.param-table th{width:220px;background:#f7f7f7;color:#333;font-weight:normal;text-indent:20px}
.param-table td{color:#666;text-indent:20px}
.rel-tit{font-size:22px;font-weight:normal;color:#333;letter-spacing:1px;border-top:1px dashed #ddd;padding-top:26px;margin:10px 0 6px}

/* ===== 发展历程时间轴 ===== */
.tl{position:relative;margin:10px 0 40px;padding-left:26px}
.tl:before{content:'';position:absolute;left:7px;top:8px;bottom:8px;border-left:2px dashed #cfe4f2}
.tl-item{position:relative;padding:0 0 30px 26px}
.tl-item:before{content:'';position:absolute;left:-26px;top:8px;width:12px;height:12px;border-radius:50%;background:#008cd6;box-shadow:0 0 0 4px #eaf6fd}
.tl-year{font-size:20px;color:#008cd6;font-family:Georgia,serif;line-height:30px}
.tl-txt{font-size:14px;color:#666;line-height:24px}

/* ===== 企业文化 ===== */
.cul-grid{display:flex;gap:24px;margin:6px 0 44px}
.cul-card{flex:1;border:1px solid #e8e8e8;padding:34px 26px;text-align:center;transition:all .3s}
.cul-card:hover{border-color:#008cd6;box-shadow:0 6px 18px rgba(0,140,214,.12)}
.cul-ico{width:62px;height:62px;margin:0 auto 18px;border-radius:50%;background:#eaf6fd;display:flex;align-items:center;justify-content:center}
.cul-ico svg{width:28px;height:28px;fill:#008cd6}
.cul-t{font-size:18px;color:#333;margin-bottom:12px}
.cul-d{font-size:13px;color:#777;line-height:24px}

/* ===== 团队风采 ===== */
.team-grid{display:flex;flex-wrap:wrap;margin-top:24px}
.team-card{width:291px;margin:0 13px 26px 0;overflow:hidden}
.team-card:nth-child(3n){margin-right:0}
.t-imgs{width:100%;height:212px;overflow:hidden}
.t-imgs img{width:100%;height:212px;object-fit:cover;transition:transform .8s ease-out}
.t-info{background:#e9e9e9;text-align:center;padding:8px 0;transition:background .3s}
.t-name{height:32px;line-height:32px;color:#333;font-size:15px}
.t-pos{height:24px;line-height:24px;color:#888;font-size:12px}
.team-card:hover .t-imgs img{transform:scale(1.1)}
.team-card:hover .t-info{background:#008cd6}
.team-card:hover .t-name,.team-card:hover .t-pos{color:#fff}

/* ===== 新闻列表 ===== */
.news-list{overflow:hidden}
.nl-row{display:flex;overflow:hidden;margin-bottom:19px;border-bottom:2px solid #e5e5e5;padding-bottom:23px}
.nl-row:nth-child(even){flex-direction:row-reverse}
.nl-imgs{width:50%;overflow:hidden;background:#e8e8e8}
.nl-imgs img{width:100%;height:100%;min-height:200px;object-fit:cover;transform:scale(1);transition:transform .3s ease-out;display:block}
.nl-box{width:50%;overflow:hidden;display:flex;align-items:center}
.nl-txt{width:88%;margin:0 auto;font-size:14px}
.nl-title{font-size:21px;letter-spacing:1px;line-height:30px;font-weight:400;color:#333;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nl-meta{display:block;color:#808080;font-size:13px;margin-bottom:14px}
.nl-desc{line-height:22px;height:66px;overflow:hidden;color:#666}
.nl-read{display:inline-flex;align-items:center;color:#666;font-size:12px;text-transform:uppercase;margin-top:12px}
.nl-read:after{content:'';width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:8px}
.nl-row:hover .nl-title{color:#008cd6}
.nl-row:hover .nl-imgs img{transform:scale(1.06)}
.nl-row:hover .nl-read{color:#008cd6}

/* ===== 新闻详情 ===== */
.art-box{width:100%;margin:16px auto 0;overflow:hidden;line-height:26px;font-size:14px}
.art-title{padding-bottom:12px;line-height:40px;font-size:25px;color:#008cd6;letter-spacing:1.5px;text-align:center;margin-bottom:10px;font-weight:300}
.art-meta{text-align:center;height:36px;line-height:26px;font-size:13px;color:#666;border-bottom:1px solid #e4e4e4}
.art-body{line-height:26px;overflow:hidden;font-size:14px;color:#666;text-align:justify;padding:22px 0 30px}
.art-body p{margin-bottom:14px}
.art-body img{display:block;margin:6px auto 16px;max-width:90%}
.prenext{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;overflow:hidden;font-size:14px;padding:14px 0;line-height:26px;margin-bottom:8px}
.pn-row{height:26px;margin-bottom:6px;overflow:hidden}
.pn-lab{float:left;padding:0 16px;margin-right:19px;background-color:#f3f3f3;min-width:103px;font-weight:300;line-height:26px}
.prenext a{color:#333}
.prenext a:hover{color:#008cd6}
.goback{float:right;height:26px;line-height:26px;padding-left:23px;color:#333;font-size:14px}
.goback:before{content:'⟨';margin-right:6px;color:#008cd6}
.rel-row{display:flex;overflow:hidden;border-bottom:1px dashed #ddd;padding:17px 0}
.rel-img{flex:0 0 125px;height:88px;overflow:hidden;background:#e8e8e8}
.rel-img img{width:125px;height:88px;object-fit:cover}
.rel-t2{flex:1;padding-left:20px;overflow:hidden}
.rel-t2 h2{font-size:17px;font-weight:400;color:#008cd6;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rel-t2 p{font-size:12px;color:#666;line-height:20px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rel-row:hover .rel-t2 h2{color:#0b91d8}

/* ===== 联系我们 ===== */
.ct-grid{display:flex;flex-wrap:wrap;margin:8px 0 40px}
.ct-card{flex:1;min-width:220px;border:1px solid #e8e8e8;padding:30px 22px;text-align:center;margin-right:20px}
.ct-card:last-child{margin-right:0}
.ct-ico{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#eaf6fd;display:flex;align-items:center;justify-content:center}
.ct-ico svg{width:24px;height:24px;fill:#008cd6}
.ct-name{font-size:16px;color:#333;margin-bottom:10px}
.ct-val{font-size:13px;color:#777;line-height:22px;word-break:break-all}
.msg-form{background:#f9f9f9;padding:34px 38px 40px;margin-bottom:10px}
.mf-tit{font-size:20px;color:#333;font-weight:normal;margin-bottom:24px;letter-spacing:1px}
.mf-tit:before{content:'';display:inline-block;width:4px;height:18px;background:#008cd6;margin-right:10px;vertical-align:-2px}
.mf-row{margin-bottom:18px;display:flex;gap:18px;flex-wrap:wrap}
.mf-item{flex:1;min-width:240px}
.mf-label{display:block;font-size:13px;color:#666;margin-bottom:8px}
.mf-input{width:100%;height:44px;line-height:44px;background:#fff;border:1px solid #e2e2e2;text-indent:14px;font-size:14px;color:#555}
.mf-text{width:100%;height:130px;background:#fff;border:1px solid #e2e2e2;padding:12px 14px;font-size:14px;color:#555;resize:vertical}
.mf-input:focus,.mf-text:focus{border-color:#008cd6}
.mf-btn{width:160px;height:46px;background:#008cd6;color:#fff;font-size:16px;border-radius:6px;cursor:pointer;letter-spacing:2px}
.mf-btn:hover{background:#0b91d8;opacity:.92}

/* ===== 滚动淡入（js-on 门控）===== */
html.js-on .anim{transform:translateY(100px);opacity:0;transition-timing-function:ease-in-out;transition-property:transform,opacity}
html.js-on .d1{transition-duration:.8s}html.js-on .d2{transition-duration:1s}html.js-on .d3{transition-duration:1.2s}
html.js-on .anim-show{transform:translateY(0);opacity:1}

/* ===== 返回顶部 ===== */
.back-top{position:fixed;right:26px;bottom:44px;width:46px;height:46px;background:#008cd6;color:#fff;border-radius:6px;text-align:center;line-height:46px;font-size:13px;cursor:pointer;z-index:99;display:none;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.back-top.show{display:block}
.back-top:hover{background:#0b91d8}

/* ===== 响应式（断点置尾）===== */
@media screen and (max-width:1440px){.slideshow{height:695px}.slide-cap .cap-t{font-size:44px}}
@media screen and (max-width:1200px){
  .slideshow{height:579px}
  .app-imgs{width:62%}.app-imgs img{width:100%}
  .app-txt{width:34%}
  .why-col{width:48%}
  .f-col.f-brand{width:280px}
  .team-card{width:31%;margin-right:3.5%}.team-card:nth-child(3n){margin-right:0}
}
@media screen and (max-width:991px){
  .mbtn{display:block}
  .navbar{display:none;position:fixed;top:103px;left:0;width:100%;background:#1c1c1e;padding:10px 20px 20px;z-index:99}
  .navbar.open{display:block}
  .navbar ul{display:block}
  .nav-li{margin:0;min-width:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-a{line-height:52px;text-align:left;color:#ddd}
  .nav-sub{position:static;margin:0;width:100%;background:none;box-shadow:none;padding:0 0 6px}
  .nav-sub a{color:#999;height:40px;line-height:40px;text-indent:44px}
  .nav-sub a:hover{background:none;color:#008cd6}
  .top-search{display:none}
  .slideshow{height:478px}
  .slide-prev,.slide-next{display:none}
  .sw-item{flex:0 0 30.5%}
  .page-wrap{flex-direction:column}
  .sidebar{flex:none;width:100%;margin:15px 0 0}
  .side-nav{display:flex;flex-wrap:wrap}
  .side-nav a{flex:1;min-width:110px;border:1px dashed #ddd;text-indent:0;text-align:center;margin:3px}
  .maincol{margin-top:20px}
  .cul-grid{flex-direction:column}
  .ct-card{flex:1 1 44%}
  .nl-imgs img{min-height:150px}
  .pd-thumbs{flex-wrap:wrap}
  .signup-bg .wrap{flex-direction:column;text-align:center}
  .foot-grid{flex-direction:column;gap:26px}
  .f-col{margin-right:0;width:100%}
}
@media screen and (max-width:768px){
  .topbox{height:103px}.lotbox{display:none}.blank_h{height:103px}
  body.scrolled .topbox{height:80px}body.scrolled .menubox .wrap{height:80px}
  .menubox .wrap{height:80px}.logo-name{font-size:20px}
  .navbar{top:103px}
  body.scrolled .navbar{top:80px}
  .slideshow{height:371px}.cap-t{font-size:28px;letter-spacing:3px}.cap-s{font-size:13px}
  .slide-dot{width:34px}
  .sec-title{font-size:26px;margin-top:44px;height:56px;line-height:56px}
  .sec-title:before,.sec-title:after{width:60px}
  .sec-title:before{left:calc(50% - 110px)}.sec-title:after{right:calc(50% - 110px)}
  .app-row{margin-top:0!important}
  .app-imgs,.app-txt{float:none!important;width:100%!important;padding-top:0!important}
  .app-imgs img{width:100%}
  .app-txt h2{margin-top:20px;font-size:24px}
  .why-col{width:100%!important;float:none!important}
  .why-col:before{display:none}
  .sw-item{flex:0 0 47%}
  .sw-btn{display:none}
  .news-card{width:100%;margin-right:0;margin-bottom:26px}
  .nl-row{flex-direction:column!important}
  .nl-imgs{width:100%}.nl-box{width:100%}
  .pro-grid .pro-card-wrap{width:48%}
  .param-table th{width:120px}
  .team-card{width:100%;margin-right:0}
  .ct-card{flex:1 1 100%;margin-right:0;margin-bottom:14px}
  .msg-form{padding:24px 18px 28px}
  .f-qr{justify-content:center}
  .part-item{width:46%}
}
@media screen and (max-width:480px){
  .slideshow{height:232px}
  .cap-t{font-size:20px}.cap-s{font-size:11px;margin-top:8px}
  .slide-dots{bottom:14px}
  .pro-grid .pro-card-wrap{width:100%}
  .sw-item{flex:0 0 47%}
  .logo-sub{display:none}
  .part-item{width:100%}
  .pd-thumbs .pd-thumb{width:31%}
}