/* =========================================================
   青绿现代企业模板  (09259 风格 / layuinetcompany)
   主样式文件 css/style.css
   ---------------------------------------------------------
   配色：青绿 #2db5a3  深灰 #484848/#5e6664  灰 #939393/#ababab
   布局：1200px 容器 / 固定导航 / 通栏轮播 / 卡片 / 服务块
   ========================================================= */

:root{
  --teal:#2db5a3;
  --teal2:#2cb6a1;
  --teal-light:#7fd3c6;
  --teal-soft:#a0d2cc;
  --dark:#484848;
  --deep:#5e6664;
  --muted:#939393;
  --light:#ababab;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{font-family:-apple-system,blinkmacsystemfont,"microsoft yahei","pingfang sc",arial,sans-serif;color:#484848;background:#fff;line-height:1.6;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
.clear{clear:both;}

.t-wrap{max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box;}

/* ---------- 导航 ---------- */
.t-nav{position:fixed;top:0;left:0;right:0;z-index:999;height:80px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.06);}
.t-nav-inner{display:flex;align-items:center;justify-content:space-between;height:80px;}
.t-logo{font-size:24px;font-weight:800;letter-spacing:1px;color:#2b2b2b;display:flex;align-items:center;gap:10px;}
.t-logo .dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#2db5a3,#7fd3c6);box-shadow:0 0 0 4px rgba(45,181,163,.14);}
.t-logo b{color:var(--teal2);}
.t-menu{display:flex;gap:30px;}
.t-menu a{font-size:16px;color:#333;padding:6px 2px;position:relative;transition:color .2s;}
.t-menu a:hover,.t-menu a.on{color:var(--teal2);}
.t-menu a.on::after,.t-menu a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--teal2);border-radius:2px;}
.t-burger{display:none;width:34px;height:34px;border:none;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;}
.t-burger span{display:block;height:2px;background:#2db5a3;border-radius:2px;}
.t-menu-close{display:none;}

/* ---------- 首页轮播 banner ---------- */
.t-banner{position:relative;height:600px;overflow:hidden;}
.t-banner .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;z-index:1;}
.t-banner .slide.on{opacity:1;}
.t-banner .slide img{width:100%;height:100%;object-fit:cover;}
.t-banner .panel{position:absolute;top:26%;left:50%;transform:translatex(-50%);z-index:3;text-align:center;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.35);}
.t-banner .panel .kicker{font-size:18px;letter-spacing:8px;opacity:.92;margin-bottom:14px;}
.t-banner .panel h1{font-size:50px;letter-spacing:8px;font-weight:800;line-height:1.35;}
.t-banner .panel p{font-size:24px;letter-spacing:6px;margin-top:12px;opacity:.94;}
.t-banner .panels{display:flex;gap:10px;justify-content:center;position:absolute;bottom:26px;left:0;right:0;z-index:4;}
.t-banner .panels i{width:30px;height:4px;border-radius:2px;background:rgba(255,255,255,.5);cursor:pointer;transition:.3s;}
.t-banner .panels i.on{background:#fff;}

/* ---------- 内页 banner ---------- */
.t-page{position:relative;height:320px;padding-top:80px;background: no-repeat center top;background-size:cover;}
.t-page-inner{padding-top:120px;text-align:center;}
.t-page-inner h1{color:#4a4a4a;font-size:40px;letter-spacing:6px;font-weight:800;}
.t-page-inner .crumb{color:#606060;font-size:18px;margin-top:8px;letter-spacing:2px;}
.t-page-inner .crumb a{color:#2db5a3;}

/* ---------- 分区 ---------- */
.t-sec{padding:70px 0;}
.t-sec.soft{background:#f8f8f8;}
.t-sec-title{text-align:center;font-size:28px;color:#484848;line-height:1.5;letter-spacing:1px;}
.t-sec-title b{color:var(--teal2);}
.t-sec-sub{text-align:center;color:#ababab;font-size:16px;margin-top:12px;}

/* ---------- 栅格 ---------- */
.t-row{display:flex;flex-wrap:wrap;margin:-12px;}
.t-col{box-sizing:border-box;padding:12px;}
.t-col-4{width:25%;}
.t-col-3{width:33.33%;}
.t-col-2{width:50%;}

/* ---------- 产品卡片 ---------- */
.t-prod{border:1px solid #dedede;padding:34px 22px 10px 22px;text-align:center;background:#fff;height:100%;transition:box-shadow .3s,transform .3s;}
.t-prod:hover{box-shadow:0 8px 26px rgba(0,0,0,.08);transform:translatey(-3px);}
.t-prod .icon{width:74px;height:74px;border-radius:18px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2db5a3,#7fd3c6);color:#fff;font-size:32px;font-weight:800;box-shadow:0 8px 20px rgba(45,181,163,.28);}
.t-prod .label{font-size:19px;color:#939393;line-height:40px;font-weight:700;}
.t-prod p{font-size:15px;color:#ababab;line-height:28px;min-height:56px;}
.t-prod .more{display:inline-block;margin-top:14px;font-size:17px;color:#7fd3c6;font-weight:700;transition:color .2s;}
.t-prod:hover .more{color:var(--teal2);}

/* ---------- 服务块 ---------- */
.t-serv{position:relative;min-height:220px;background:#fff;margin:0;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.05);}
.t-serv .serv-img{width:50%;height:100%;min-height:220px;background:linear-gradient(135deg,#2db5a3,var(--teal-soft));display:flex;align-items:center;justify-content:center;color:#fff;font-size:60px;font-weight:800;}
.t-serv .serv-body{position:absolute;top:0;right:0;width:50%;height:100%;background:#fff;padding:40px 30px 0 36px;box-sizing:border-box;overflow:hidden;transition:box-shadow .3s;}
.t-serv:hover .serv-body{box-shadow:2px 2px 4px #eee;}
.t-serv .serv-body .label{font-size:18px;color:#4a4a4a;font-weight:700;}
.t-serv .serv-body .line{display:block;width:50px;height:2px;background:#2cb6a1;margin:10px 0 18px;}
.t-serv .serv-body p{color:#adadad;font-size:15px;line-height:32px;}
.t-serv .serv-body a{color:var(--teal2);font-weight:700;}

/* ---------- 按钮 ---------- */
.t-btn{display:inline-block;padding:12px 40px;font-size:20px;color:#fff;background:#7fd3c6;border-radius:4px;transition:background .2s;}
.t-btn:hover{background:var(--teal2);}
.t-btn-primary{background:var(--teal2);}
.t-btn-primary:hover{background:#238c7e;}
.t-more-wrap{padding-top:60px;text-align:center;}

/* ---------- 列表（资讯/招聘） ---------- */
.t-list{padding:10px 0;}
.t-list .item{padding:26px 0;border-bottom:1px dashed #eaeaea;overflow:hidden;}
.t-list .item:hover .t-title a{color:var(--teal2);}
.t-list .item .pic{float:left;width:26%;}
.t-list .item .pic img{max-width:90%;border-radius:4px;}
.t-list .item .panel{float:right;width:72%;padding-left:4px;}
.t-list .item .t-title{margin-bottom:10px;}
.t-list .item .t-title a{color:#555;font-size:20px;line-height:30px;font-weight:700;}
.t-list .item .date{color:#aaa;font-size:14px;margin-left:12px;font-weight:400;}
.t-list .item p.detail{color:#777;font-size:16px;line-height:26px;margin-top:8px;}

/* ---------- 内容页 ---------- */
.t-article{max-width:900px;margin:0 auto;padding:20px 0 60px;}
.t-article h1{font-size:30px;color:#333;text-align:center;line-height:1.4;padding-top:20px;}
.t-article .meta{text-align:center;color:#888;font-size:16px;padding:16px 0 22px;border-bottom:1px solid #eee;}
.t-article .meta span{margin:0 12px;}
.t-article .body{font-size:18px;line-height:40px;color:#555;padding-top:26px;text-align:justify;}
.t-article .body p{margin:12px 0;}
.t-article .body img{margin:14px auto;}
.t-article .nav-news{margin-top:30px;padding-top:18px;border-top:1px dashed #eaeaea;color:#888;font-size:16px;}
.t-article .nav-news a{color:var(--teal2);font-weight:700;}
.t-article .related{margin-top:34px;}
.t-article .related h4{font-size:20px;color:#484848;margin-bottom:12px;border-left:4px solid var(--teal2);padding-left:12px;}
.t-article .related ul li{padding:12px 0;border-bottom:1px dashed #eaeaea;}
.t-article .related ul li a{color:#666;font-size:16px;}
.t-article .related ul li a:hover{color:var(--teal2);}
.t-article .related ul li a::before{content:"·";color:var(--teal2);margin-right:8px;}

/* ---------- 产品/案例 网格 ---------- */
.t-grid{padding:20px 0;}
.t-card{border:1px solid #e2e2e2;overflow:hidden;background:#fff;transition:box-shadow .3s;height:100%;}
.t-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);}
.t-card .card-img{overflow:hidden;}
.t-card .card-img img{width:100%;transition:transform .6s;}
.t-card:hover .card-img img{transform:scale(1.06);}
.t-card .card-body{padding:16px;}
.t-card .card-body h3{font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.t-card .card-body h3 a{color:#333;}
.t-card .card-body h3 a:hover{color:var(--teal2);}
.t-card .card-body p{color:#888;font-size:14px;margin-top:8px;line-height:24px;}

/* ---------- 分页 ---------- */
.t-pagebar{text-align:center;padding:30px 0 10px;}
.t-pagebar a,.t-pagebar span{display:inline-block;min-width:42px;padding:8px 14px;margin:0 6px;font-size:18px;line-height:26px;border:1px solid #e3e3e3;border-radius:4px;color:#777;background:#fff;}
.t-pagebar a:hover,.t-pagebar .cur,.t-pagebar .on{background:var(--teal2);color:#fff;border-color:var(--teal2);}

/* ---------- 关于页 tabs ---------- */
.t-about-tabs{text-align:center;padding:70px 0 30px;}
.t-about-tabs li{display:inline-block;margin-left:16px;padding:0 26px;font-size:20px;line-height:46px;color:#b5b5b5;border:1px solid #e2e2e2;border-radius:4px;cursor:pointer;}
.t-about-tabs li:first-child{margin-left:0;}
.t-about-tabs li.on,.t-about-tabs li:hover{color:#2ab5a3;border-color:#afddd7;}
.t-about-pane{display:none;}
.t-about-pane.on{display:block;}
.t-about-intro .content{display:flex;align-items:center;gap:30px;padding:30px 0;}
.t-about-intro .content .img{width:48%;}
.t-about-intro .content .img img{width:100%;border-radius:4px;}
.t-about-intro .content .panel{width:48%;}
.t-about-intro .content p{font-size:16px;line-height:30px;text-align:justify;color:#555;}
.t-about-intro .content p.title{font-size:22px;color:#333;font-weight:700;margin-bottom:12px;}

/* ---------- 联系页 ---------- */
.t-contact{max-width:760px;margin:0 auto;padding:30px 0 70px;}
.t-contact .info{text-align:center;padding:20px 0 30px;}
.t-contact .info p{font-size:18px;line-height:34px;color:#555;}
.t-contact .info p b{color:var(--teal2);}
.t-contact form .row{margin:14px 0;}
.t-contact form label{display:block;font-size:16px;color:#555;margin-bottom:6px;}
.t-contact form input,.t-contact form textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:4px;font-size:16px;outline:none;}
.t-contact form input:focus,.t-contact form textarea:focus{border-color:var(--teal2);box-shadow:0 0 0 3px rgba(45,181,163,.12);}
.t-contact form textarea{min-height:140px;resize:vertical;}

/* ---------- 页脚 ---------- */
.t-footer{background:#5e6664;color:#fff;padding-bottom:40px;}
.t-footer-inner{padding-top:46px;}
.t-footer-web{padding:10px 0 30px;border-bottom:1px solid rgba(255,255,255,.12);}
.t-footer-web a{color:#a5aaa9;margin-right:22px;line-height:26px;font-size:15px;}
.t-footer-web a:hover{color:#dce1e0;}
.t-footer-contact{display:flex;align-items:center;gap:24px;padding-top:26px;}
.t-footer-contact .qr img{width:96px;height:96px;border-radius:6px;background:#fff;}
.t-footer-contact .ft-info{flex:1;}
.t-footer-contact p{line-height:32px;color:#fff;font-size:16px;}
.t-footer-contact .top{color:#fff;}
.t-footer-contact .bottom{color:#a5aaa9;}
.t-footer-contact a{color:#a5aaa9;}
.t-footer-contact a:hover{color:#fff;}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .t-col-4{width:50%;}
  .t-col-3{width:50%;}
  .t-menu{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;flex-direction:column;gap:0;box-shadow:0 12px 22px rgba(0,0,0,.08);}
  .t-menu.open{display:flex;}
  .t-menu a{padding:16px 24px;border-bottom:1px solid #f0f0f0;}
  .t-burger{display:flex;}
  .t-banner{height:460px;}
  .t-banner .panel h1{font-size:34px;letter-spacing:4px;}
  .t-banner .panel p{font-size:18px;letter-spacing:3px;}
  .t-serv .serv-body{padding:22px 18px 0 20px;}
  .t-footer-contact{flex-wrap:wrap;}
}
@media (max-width:640px){
  .t-col-4,.t-col-3,.t-col-2{width:100%;}
  .t-banner{height:360px;}
  .t-banner .panel h1{font-size:26px;}
  .t-banner .panel .kicker{letter-spacing:4px;font-size:14px;}
  .t-banner .panel p{font-size:15px;}
  .t-list .item .pic{width:100%;float:none;margin-bottom:12px;}
  .t-list .item .panel{width:100%;float:none;}
  .t-about-intro .content{flex-direction:column;}
  .t-about-intro .content .img,.t-about-intro .content .panel{width:100%;}
  .t-about-tabs li{padding:0 16px;font-size:16px;}
  .t-page-inner{padding-top:70px;}
  .t-page-inner h1{font-size:28px;}
}