/* =========================================================
   深蓝简约企业模板  (cqcnq 风格 / web8)
   主样式文件 css/style.css
   ---------------------------------------------------------
   配色：深蓝 #252e72  内容白 #fff  正文 #454545  页脚黑 #000
   布局：固定头部 + 1200px 容器 + 单栏正文 + 深蓝页脚
   ========================================================= */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1.6}
ol,ul{list-style:none}
blockquote,q{quotes:none}
table{border-collapse:collapse;border-spacing:0}
html,body{background:#f3f3f3}
strong,b{font-weight:800}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.clear{clear:both}

/* ---------- 通用 ---------- */
.nl-container{width:1200px;margin:0 auto;}
.nl-navy{color:#252e72;}

/* ---------- 头部（固定） ---------- */
.nl-head{position:fixed;top:0;left:0;width:calc(100% - 30px);height:90px;z-index:20;padding:0 15px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;}
.nl-head::before{content:'';display:block;position:fixed;top:90px;left:0;width:100%;height:2px;background-color:rgba(0,0,0,0.24);z-index:1;}
.nl-head::after{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:3px;background-color:#252e72;z-index:2;}
.nl-logo{height:112px;padding:0 22px;font-size:24px;font-weight:600;background-color:#252e72;white-space:nowrap;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:20px;box-sizing:border-box;max-width:320px;overflow:hidden;}
.nl-nav{display:flex;flex:1;justify-content:space-around;margin-left:20px;}
.nl-nav a,.nl-nav span{font-size:14px;color:#252e72;line-height:1.35;}
.nl-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;flex:1;min-width:0;text-align:center;}
.nl-nav a .tit{font-size:15px;font-weight:600;}
.nl-nav a .desc{font-size:12px;font-weight:400;margin-bottom:3px;}
.nl-nav a::after{content:'';display:block;position:absolute;width:1px;height:40px;background-color:#252e72;right:0;transform:rotate3d(1,1,1,65deg);}
.nl-nav a:last-child::after{display:none;}
.nl-nav a.active,.nl-nav a.cur,.nl-nav a:hover{text-decoration:underline;font-weight:600;color:#252e72;}
.nl-menu-btn{display:none;position:fixed;right:15px;top:15px;width:40px;height:40px;background:#252e72;align-items:center;justify-content:center;z-index:30;color:#fff;font-size:26px;cursor:pointer;line-height:40px;text-align:center;}

/* ---------- 主内容 ---------- */
.nl-body{padding:140px 0 80px 0;background-color:#fff;position:relative;z-index:5;}
.nl-body .nl-container{width:1200px;}

/* ---------- 栏目标题 ---------- */
.nl-section-title{margin-bottom:40px;padding-bottom:10px;border-bottom:2px solid #252e72;}
.nl-section-title .title-main{display:flex;align-items:center;justify-content:flex-start;font-size:22px;font-weight:600;color:#252e72;}
.nl-section-title .title-main .tag{font-size:14px;font-weight:400;padding:5px 10px;color:#fff;margin-right:6px;background-color:#252e72;letter-spacing:1px;}
.nl-section-title .title-main a{color:#252e72;}
.nl-section-title .title-desc{font-size:14px;margin-top:4px;letter-spacing:3px;color:#666;text-transform:uppercase;}
.nl-section-title .title-desc em{font-style:normal;color:#252e72;}

/* ---------- 正文内容 ---------- */
.nl-article .article-image{max-width:460px;margin:16px auto;display:block;}
.nl-article p{font-size:15px;color:#454545;line-height:1.8;margin-bottom:15px;text-align:justify;}
.nl-article h1{font-size:26px;color:#252e72;text-align:center;line-height:1.5;padding:20px 0 6px;}
.nl-article h4{font-size:16px;color:#252e72;font-weight:800;margin:20px 0 8px;border-left:4px solid #252e72;padding-left:10px;}
.nl-article a{color:#252e72;}

/* ---------- 列表（资讯/招聘） ---------- */
.nl-list{margin-top:10px;}
.nl-list .item{padding:22px 0;border-bottom:1px dashed #ddd;overflow:hidden;}
.nl-list .item:hover .tt a{color:#252e72;}
.nl-list .item .pic{float:left;width:120px;height:90px;overflow:hidden;border:1px solid #e2e2e2;}
.nl-list .item .pic img{width:100%;height:100%;object-fit:cover;}
.nl-list .item .panel{float:right;width:calc(100% - 140px);}
.nl-list .item .tt{margin-bottom:8px;}
.nl-list .item .tt a{color:#333;font-size:19px;line-height:28px;font-weight:700;}
.nl-list .item .tt .date{color:#999;font-size:14px;margin-left:14px;font-weight:400;}
.nl-list .item p{color:#777;font-size:15px;line-height:26px;}

/* ---------- 内容页 ---------- */
.nl-article .meta{text-align:center;color:#888;font-size:14px;padding:10px 0 18px;border-bottom:1px solid #eee;margin-bottom:8px;}
.nl-article .meta span{margin:0 12px;}
.nl-article .pre-next{margin-top:26px;padding-top:16px;border-top:1px dashed #ddd;font-size:15px;color:#666;}
.nl-article .pre-next a{color:#252e72;font-weight:700;}
.nl-related{margin-top:30px;}
.nl-related h4{font-size:17px;color:#252e72;border-left:4px solid #252e72;padding-left:10px;margin-bottom:12px;}
.nl-related ul li{padding:11px 0;border-bottom:1px dashed #eaeaea;}
.nl-related ul li a{color:#555;font-size:15px;}
.nl-related ul li a:hover{color:#252e72;}
.nl-related ul li a::before{content:"·";color:#252e72;margin-right:8px;}

/* ---------- 产品/案例 网格 ---------- */
.nl-grid{margin-top:10px;}
.nl-row{display:flex;flex-wrap:wrap;margin:-10px;}
.nl-col{box-sizing:border-box;padding:10px;width:25%;}
.nl-card{border:1px solid #e2e2e2;background:#fff;overflow:hidden;transition:box-shadow .3s;height:100%;}
.nl-card:hover{box-shadow:0 8px 22px rgba(37,46,114,.12);}
.nl-card .card-img{overflow:hidden;}
.nl-card .card-img img{width:100%;transition:transform .5s;}
.nl-card:hover .card-img img{transform:scale(1.06);}
.nl-card .card-body{padding:14px;}
.nl-card .card-body h3{font-size:17px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nl-card .card-body h3 a{color:#333;}
.nl-card .card-body h3 a:hover{color:#252e72;}
.nl-card .card-body p{color:#888;font-size:14px;margin-top:6px;line-height:22px;}

/* ---------- 分页 ---------- */
.nl-pagebar{text-align:center;padding:28px 0 6px;}
.nl-pagebar a,.nl-pagebar span{display:inline-block;min-width:40px;padding:8px 13px;margin:0 5px;font-size:15px;line-height:22px;background:#fff;border:1px solid #ddd;color:#666;}
.nl-pagebar a:hover,.nl-pagebar .cur,.nl-pagebar .on{background:#252e72;color:#fff;border-color:#252e72;}

/* ---------- 关于页 ---------- */
.nl-about{display:flex;gap:30px;align-items:center;padding:20px 0;}
.nl-about .img{width:46%;}
.nl-about .img img{width:100%;border:1px solid #e2e2e2;}
.nl-about .panel{width:54%;}
.nl-about .panel h3{font-size:20px;color:#252e72;margin-bottom:12px;}
.nl-about .panel p{font-size:15px;color:#555;line-height:30px;text-align:justify;}

/* ---------- 联系页 ---------- */
.nl-contact{width:72%;margin:0 auto;padding:20px 0 30px;}
.nl-contact .info{text-align:center;padding:10px 0 20px;}
.nl-contact .info p{font-size:17px;line-height:34px;color:#555;}
.nl-contact .info p b{color:#252e72;}
.nl-forms{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.nl-forms .item{width:48%;margin-bottom:20px;box-sizing:border-box;}
.nl-forms .item.fulls{width:100%;}
.nl-forms .lab{font-size:14px;font-weight:600;color:#232323;margin-bottom:6px;}
.nl-forms .entry{background:#252e72;color:#fff;width:100%;height:40px;border:0;padding:10px 12px;outline:none;box-sizing:border-box;font-size:15px;}
.nl-forms .entry::placeholder{color:#fff;}
.nl-forms textarea.entry{height:120px;resize:vertical;}
.nl-forms .entry:focus{box-shadow:0 0 0 2px rgba(37,46,114,.3);}
.nl-submit{margin:0 auto;width:100%;height:44px;background-color:#252e72;color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.nl-submit:hover{background:#1d2559;}

/* ---------- 页脚 ---------- */
.nl-footer{background-color:#252e72;overflow:hidden;position:relative;z-index:2;}
.nl-friend{padding:34px 16px;text-align:center;}
.nl-friend .ft-title{color:rgba(255,255,255,.75);font-size:15px;font-weight:700;letter-spacing:2px;margin-bottom:14px;}
.nl-friend a{color:#fafafa;font-size:13px;margin:8px;display:inline-block;}
.nl-friend a:hover{text-decoration:underline;}
.nl-footer-row{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;background-color:#000;text-align:center;}
.nl-footer-row a,.nl-footer-row span{font-size:14px;color:#fafafa;}
.nl-footer-row a:hover{text-decoration:underline;}

/* ---------- 响应式 ---------- */
@media (max-width:1300px){.nl-logo{letter-spacing:-1px;font-size:18px;}}
@media (max-width:1200px){
  .nl-container,.nl-body .nl-container{width:auto;margin-left:15px;margin-right:15px;}
  .nl-logo{max-width:200px;white-space:initial;line-height:30px;text-align:center;padding:0 14px;}
  .nl-col{width:50%;}
}
@media (max-width:970px){
  .nl-head{height:70px;}
  .nl-logo{height:88px;max-width:initial;white-space:nowrap;}
  .nl-nav{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;transform:translateY(100vh);overflow:auto;z-index:20;transition:.3s;background:#fff;padding:70px 30px 0 30px;box-sizing:border-box;}
  .nl-nav.open{transform:translateY(0);}
  .nl-nav a{display:flex;align-items:center;margin-bottom:14px;text-align:left;color:#252e72;}
  .nl-nav a .tit{font-size:18px;font-weight:600;}
  .nl-nav a .desc{font-size:15px;margin-bottom:0;margin-left:10px;}
  .nl-nav a::after{display:none;}
  .nl-menu-btn{display:flex;}
  .nl-body{padding-top:100px;}
}
@media (max-width:768px){
  .nl-logo{height:40px;font-size:16px;}
  .nl-body{padding-top:120px;}
}
@media (max-width:640px){
  .nl-body{padding-top:90px;}
  .nl-section-title .title-main{font-size:16px;}
  .nl-section-title .title-main .tag{padding:3px 8px;font-size:12px;}
  .nl-article .article-image{max-width:100%;}
  .nl-col{width:100%;}
  .nl-forms .item{width:100%;}
  .nl-about{flex-direction:column;}
  .nl-about .img,.nl-about .panel{width:100%;}
  .nl-footer-row{flex-direction:column;}
  .nl-footer-row .left{margin-bottom:8px;}
}