@charset "utf-8";
/* ============================================================
   重庆平宏聂建筑工程有限公司 - 全站样式
   主色 #35b0fe（参考站 demoall2.5fa.cn/8244）
   ============================================================ */
body{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size:14px;line-height:24px;color:#686868;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,a,input,img,textarea,form,table,th,td,figure,figcaption,button{margin:0;padding:0;box-sizing:border-box;}
li,ol{list-style:none;}
a,input,img,textarea,button{border:none;outline:none;}
i,em{font-style:normal;}
a{text-decoration:none;color:#333;transition:all .3s ease-out;}
img{max-width:100%;display:block;border:0;}
input,textarea,button{font-family:inherit;}
.fl{float:left;}.fr{float:right;}
.cl:after,.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.container{width:1200px;max-width:100%;padding:0 15px;margin:0 auto;}
.slick-slide{outline:none!important;height:auto;}
.img-fallback{background:linear-gradient(135deg,#35b0fe,#1d8fd6);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;font-size:14px;border-radius:8px;text-align:center;padding:10px;}

/* ===== 通用动画 (渐进增强：无 JS 时默认可见，避免脚本失败致整段隐藏) ===== */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.fade-up{opacity:1;}
html.js .fade-up{opacity:0;}
html.js .fade-up.in{animation:fadeUp .8s ease forwards;}
@keyframes fadeRight{from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:translateX(0);}}
.fade-right{opacity:1;}
html.js .fade-right{opacity:0;}
html.js .fade-right.in{animation:fadeRight .8s ease forwards;}

/* ===== 顶部信息栏 + 导航 (topbox 内含 lotbar + menubox) ===== */
.topbox{position:relative;z-index:90;background:#fff;}
.lotbar{height:100px;border-bottom:1px solid #f0f0f0;}
.lotbar-inner{display:flex;align-items:center;justify-content:space-between;height:100px;}
.site-logo{display:flex;align-items:center;gap:14px;}
.logo-icon{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.logo-icon svg{width:100%;height:100%;}
.logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo-brand{font-size:24px;font-weight:bold;color:#2d261b;letter-spacing:1px;}
.logo-slogan{font-size:13px;color:#35b0fe;letter-spacing:3px;margin-top:6px;}
.top-phone{display:flex;align-items:center;gap:12px;}
.top-phone .ph-ico{width:44px;height:44px;border-radius:50%;background:#35b0fe;display:flex;align-items:center;justify-content:center;}
.top-phone .ph-ico svg{width:22px;height:22px;fill:#fff;}
.top-phone .ph-txt{display:flex;flex-direction:column;line-height:1.2;}
.top-phone .ph-label{font-size:13px;color:#999;}
.top-phone .ph-num{font-size:24px;font-weight:bold;color:#35b0fe;font-family:Arial;}
.menubox{background:#fff;height:60px;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;}
.menu-list{display:flex;height:60px;}
.menu-item{position:relative;flex:1;text-align:center;}
.menu-item > a{display:block;height:60px;line-height:60px;font-size:17px;color:#686868;padding:0 6px;position:relative;}
.menu-item > a span{display:inline-block;position:relative;}
.menu-item > a span:before{content:"";display:block;width:0;height:2px;background:#35b0fe;position:absolute;left:0;bottom:14px;transition:all .3s ease;}
.menu-item:hover > a span:before,.menu-item.active > a span:before{width:100%;}
.menu-item:hover > a,.menu-item.active > a{color:#35b0fe;}
.submenu{display:none;position:absolute;left:0;top:60px;width:100%;z-index:50;background:rgba(255,255,255,.95);}
.submenu a{display:block;height:48px;line-height:48px;font-size:15px;color:#686868;border-bottom:1px solid #f5f5f5;}
.submenu a:hover{background:rgba(53,176,254,.9);color:#fff;}

/* 移动端头部按钮 */
.mobile-bar{display:none;}
.mobile-nav-btn{width:34px;height:34px;flex-direction:column;justify-content:center;gap:5px;background:none;cursor:pointer;}
.mobile-nav-btn span{display:block;width:26px;height:3px;background:#35b0fe;margin:0 auto;}
/* 移动端侧滑菜单 */
.mobile-menu{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;z-index:1001;overflow-y:auto;transition:left .3s ease;}
.mobile-menu.open{left:0;}
.mobile-menu .mm-top{background:#35b0fe;color:#fff;padding:16px;font-size:18px;font-weight:bold;text-align:center;}
.mobile-menu .mm-nav li a{display:block;padding:14px 18px;border-bottom:1px solid #f0f0f0;color:#555;font-size:15px;}
.mobile-menu .mm-nav li a:hover{color:#35b0fe;}
.mask-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1000;}
.mask-layer.show{display:block;}
/* 移动端底部固定栏 */
.mobile-footbar{display:none;position:fixed;bottom:0;left:0;width:100%;background:#35b0fe;z-index:999;}
.mobile-footbar ul{display:flex;}
.mobile-footbar li{flex:1;text-align:center;padding:8px 0;}
.mobile-footbar li a{color:#fff;display:block;}
.mobile-footbar li .mf-ico{font-size:20px;line-height:1;}
.mobile-footbar li .mf-tt{font-size:12px;margin-top:2px;}
.mobile-footbar li a.mf-menu{cursor:pointer;}

/* ===== Banner 轮播 ===== */
.banner{position:relative;overflow:hidden;background:#eaf6fe;}
.banner-slides{position:relative;}
.banner-slide{display:none;position:relative;}
.banner-slide.active{display:block;animation:fade .8s linear;}
@keyframes fade{from{opacity:0;}to{opacity:1;}}
.banner-slide img{width:100%;height:600px;object-fit:cover;}
.banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,40,80,.55) 0%,rgba(0,40,80,.15) 60%,rgba(0,0,0,0) 100%);}
.banner-text{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;}
.banner-text .bt-wrap{max-width:1200px;margin:0 auto;padding:0 15px;width:100%;}
.banner-text .bt-en{font-size:18px;color:rgba(255,255,255,.8);letter-spacing:4px;text-transform:uppercase;}
.banner-text .bt-cn{font-size:46px;font-weight:bold;color:#fff;margin:14px 0 18px;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.3);}
.banner-text .bt-desc{font-size:18px;color:rgba(255,255,255,.92);max-width:620px;line-height:1.8;}
.banner-text .bt-btn{display:inline-block;margin-top:30px;padding:12px 36px;background:#35b0fe;color:#fff;border-radius:24px;font-size:16px;border:2px solid #35b0fe;}
.banner-text .bt-btn:hover{background:transparent;color:#fff;}
.banner-dots{position:absolute;bottom:28px;left:0;width:100%;text-align:center;z-index:5;}
.banner-dots span{display:inline-block;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.6);margin:0 6px;cursor:pointer;position:relative;}
.banner-dots span.active{background:#fff;}
.banner-dots span.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:1px solid #cfc7c0;border-radius:50%;}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:84px;background:rgba(0,0,0,.2);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;border:none;}
.banner-arrow:hover{background:rgba(0,0,0,.4);}
.banner-arrow.prev{left:40px;}
.banner-arrow.next{right:40px;}

/* ===== 区块标题 sec-title (英文+斜竖线+中文) ===== */
.sec-title{text-align:center;margin-bottom:10px;}
.sec-title .en{font-size:36px;color:#818181;text-transform:capitalize;font-family:Arial;}
.sec-title .bar{height:25px;width:2px;background:#35b0fe;margin:15px auto 6px;transform:rotate(60deg);}
.sec-title .cn{font-size:24px;color:#1c1c1c;font-weight:bold;}
.sec-title a{display:inline-block;}

/* ===== 核心业务/服务 4 icon 卡 ===== */
.services{padding:75px 0 40px;background:#fff;}
.service-list{display:flex;flex-wrap:wrap;margin-top:50px;}
.service-card{flex:1;min-width:23%;text-align:center;padding:40px 20px;border:1px solid #f0f0f0;margin:0 8px 16px;transition:all .4s ease;background:#fff;}
.service-card:hover{background:#35b0fe;transform:translateY(-8px);box-shadow:0 10px 30px rgba(53,176,254,.3);}
.service-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:#eaf6fe;display:flex;align-items:center;justify-content:center;transition:all .4s ease;}
.service-card:hover .service-icon{background:rgba(255,255,255,.2);}
.service-icon svg{width:36px;height:36px;}
.service-name{font-size:20px;color:#2d261b;font-weight:bold;margin-bottom:12px;transition:color .4s;}
.service-card:hover .service-name{color:#fff;}
.service-desc{font-size:14px;color:#999;line-height:1.8;transition:color .4s;}
.service-card:hover .service-desc{color:#fff;}

/* ===== 产品/服务项目 (pro 区, 5 卡 hover 上滑) ===== */
.projects{padding:60px 0 110px;background:#fff;}
.pro-tabs{text-align:center;margin-top:35px;}
.pro-tabs a{display:inline-block;padding:6px 26px;color:#818181;font-size:16px;border-radius:16px;margin:0 8px;position:relative;transition:all .3s;}
.pro-tabs a:hover{background:#35b0fe;color:#fff;}
.pro-tabs a.active{background:#35b0fe;color:#fff;}
.pro-tabs a.active:after{content:"";display:block;width:0;height:0;border:5px solid transparent;border-top-color:#35b0fe;position:absolute;bottom:-10px;left:50%;margin-left:-5px;}
.pro-list{display:flex;flex-wrap:wrap;margin:55px -6px 0;}
.pro-card{width:20%;padding:0 6px;float:left;overflow:hidden;position:relative;}
.pro-card > a{display:block;}
.pro-card .image{overflow:hidden;}
.pro-card .image img{width:100%;height:240px;object-fit:cover;transition:transform .4s ease;}
.pro-card:hover .image img{transform:scale(1.08);}
.pro-card .text{position:relative;text-align:center;padding:20px 18px 30px;font-size:16px;margin-top:0;height:180px;transition:all linear .4s;}
.pro-card .num{font-size:30px;color:#e0e0e0;font-family:Arial;}
.pro-card .divider{width:25px;height:2px;background:#fff;margin:14px auto 6px;display:none;}
.pro-card .name{color:#2d261b;font-size:20px;font-weight:bold;margin-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pro-card .desc{margin:16px 0 14px;color:#999;line-height:24px;height:72px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px;}
.pro-card .more{width:120px;height:34px;line-height:34px;color:#35b0fe;margin:8px auto 0;background:#fff;border-radius:16px;display:none;}
.pro-card:hover .text{background:#35b0fe;margin-top:-110px;height:290px;padding:28px 18px 30px;z-index:10;}
.pro-card:hover .text .num,.pro-card:hover .text .name,.pro-card:hover .text .desc{color:#fff;}
.pro-card:hover .text .num{opacity:.4;}
.pro-card:hover .text .divider,.pro-card:hover .text .more{display:block;}

/* ===== 关于我们 (背景图 + 白色卡片) ===== */
.about{padding:100px 0;background-size:cover;background-position:center;background-attachment:fixed;position:relative;}
.about:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.85);}
.about .container{position:relative;}
.about-card{max-width:900px;margin:0 auto;padding:60px 65px 60px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.08);}
.about-text{color:#676767;font-size:15px;line-height:2;text-indent:2em;margin:28px 0 30px;}
.about-more{text-align:center;}
.about-more a{display:inline-block;height:42px;line-height:42px;width:170px;background:#35b0fe;color:#fff;border-radius:21px;font-size:16px;}
.about-more a:hover{background:#1d8fd6;}
.about-stats{display:flex;justify-content:space-between;margin-top:45px;border-top:1px solid #f0f0f0;padding-top:35px;}
.about-stat{text-align:center;flex:1;}
.about-stat .num{font-size:42px;color:#35b0fe;font-weight:bold;font-family:Arial;}
.about-stat .num small{font-size:20px;}
.about-stat .label{font-size:15px;color:#818181;margin-top:8px;}

/* ===== 新闻 (2×2 hover 覆盖) ===== */
.news{padding:70px 0 50px;background:#f1f1f1;}
.news-list{display:flex;flex-wrap:wrap;margin-top:45px;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.news-card{width:50%;background:#fff;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.news-card > a{display:block;position:relative;overflow:hidden;}
.news-card .nc-img{width:50%;float:left;}
.news-card .nc-img img{width:100%;height:240px;object-fit:cover;opacity:1;transition:opacity .5s;}
.news-card .nc-text{width:50%;float:left;text-align:center;padding:0 25px;font-size:16px;position:relative;background:#fff;}
.news-card .nc-text:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left-color:#fff;position:absolute;right:-20px;top:50%;margin-top:-10px;}
.news-card:nth-child(odd) .nc-img{float:right;}
.news-card:nth-child(odd) .nc-text:before{right:0;left:-20px;border-right-color:#fff;border-left-color:transparent;}
.news-card .nc-title{color:#1c1c1c;font-size:18px;margin-top:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:bold;}
.news-card .nc-bar{width:33px;height:3px;background:#35b0fe;margin:30px auto 22px;}
.news-card .nc-desc{color:#858585;line-height:24px;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;padding:0 6px;}
.news-card .nc-more{width:104px;height:30px;line-height:30px;color:#fff;background:#35b0fe;margin:20px auto 0;font-size:13px;}
.news-card:hover .nc-img img{opacity:0;}
.news-card:hover .nc-text{position:absolute;width:100%;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 30px;}
.news-card:hover .nc-text:before{display:none;}
.news-card:hover .nc-title{margin-top:0;}
.news-card:hover .nc-bar{width:20px;margin:16px auto 12px;}

/* ===== 合作伙伴 ===== */
.partners{padding:70px 0;background:#fff;}
.partner-list{display:flex;flex-wrap:wrap;margin-top:45px;border:1px solid #eee;}
.partner-item{width:16.66%;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.partner-item a{display:flex;align-items:center;justify-content:center;height:110px;color:#999;font-size:17px;font-weight:bold;background:#fff;transition:all .3s;}
.partner-item:hover a{color:#35b0fe;background:#f9fdff;}

/* ===== 页脚 ===== */
.footer{background:#2a2d34;color:#b6b6b6;}
.footer-main{padding:55px 0 35px;display:flex;flex-wrap:wrap;}
.footer-col{padding:0 20px;}
.footer-col.f-about{flex:2.2;}
.footer-col.f-nav{flex:1;}
.footer-col.f-pro{flex:1.2;}
.footer-col.f-contact{flex:1.6;}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.footer-brand .logo-icon{width:46px;height:46px;}
.footer-brand .logo-brand{font-size:18px;color:#fff;font-weight:bold;}
.footer-desc{font-size:13px;line-height:1.9;color:#999;margin-bottom:18px;}
.footer-qr{display:flex;align-items:center;gap:14px;}
.footer-qr img{width:96px;height:96px;border:4px solid #fff;background:#fff;}
.footer-qr p{font-size:12px;color:#999;line-height:1.6;}
.footer-col h4{color:#fff;font-size:17px;margin-bottom:22px;position:relative;padding-bottom:12px;}
.footer-col h4:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:#35b0fe;}
.footer-links li,.footer-col li{margin-bottom:12px;}
.footer-links a,.footer-col li a{color:#b6b6b6;font-size:14px;}
.footer-links a:hover,.footer-col li a:hover{color:#35b0fe;padding-left:5px;}
.f-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;font-size:13px;line-height:1.7;color:#b6b6b6;}
.f-contact-item svg{width:18px;height:18px;fill:#35b0fe;flex-shrink:0;margin-top:2px;}
.friend-link{border-top:1px solid #3a3d44;padding:18px 0;}
.friend-link ul{display:flex;flex-wrap:wrap;}
.friend-link li{color:#999;font-size:14px;margin-right:20px;line-height:28px;}
.friend-link li a{color:#999;}
.friend-link li a:hover{color:#35b0fe;text-decoration:underline;}
.copyright{border-top:1px solid #3a3d44;padding:22px 0;text-align:center;color:#999;font-size:13px;}
.copyright a{color:#999;}
.copyright a:hover{color:#35b0fe;}
.footer-menu{display:none;}

/* ===== 返回顶部 ===== */
.back-top{position:fixed;right:24px;bottom:30px;width:48px;height:48px;background:#35b0fe;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:99;font-size:24px;box-shadow:0 4px 14px rgba(0,0,0,.2);}
.back-top.show{display:flex;}
.back-top:hover{background:#1d8fd6;}

/* ===== 内页 Banner + 面包屑 ===== */
.n-banner{position:relative;height:340px;background-size:cover;background-position:center;}
.n-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,40,80,.6),rgba(0,40,80,.25));}
.n-banner .nb-text{position:relative;height:340px;display:flex;flex-direction:column;justify-content:center;}
.n-banner .nb-en{font-size:16px;color:rgba(255,255,255,.75);letter-spacing:4px;text-transform:uppercase;}
.n-banner .nb-cn{font-size:38px;color:#fff;font-weight:bold;margin-top:10px;text-shadow:0 2px 8px rgba(0,0,0,.3);}
.ntit{background:#fff;border-bottom:1px solid #eee;}
.ntt{display:flex;align-items:center;justify-content:space-between;height:64px;}
.ntt h1{font-size:20px;color:#2d261b;font-weight:bold;}
.ntt h1 i{display:block;font-size:13px;color:#bbb;font-weight:normal;font-family:Arial;margin-top:2px;}
.weiz{font-size:13px;color:#999;}
.weiz a{color:#999;}
.weiz a:hover{color:#35b0fe;}
.weiz span{color:#35b0fe;}

/* ===== 通用内容页 ===== */
.page-wrap{padding:55px 0;}
.bread-page{background:#fafafa;}

/* 关于我们页 */
.about-page .ap-section{margin-bottom:50px;}
.about-page .ap-title{font-size:24px;color:#2d261b;font-weight:bold;margin-bottom:25px;padding-left:14px;border-left:4px solid #35b0fe;}
.about-page .ap-text{font-size:15px;line-height:2;color:#666;text-indent:2em;margin-bottom:18px;}
.timeline{position:relative;padding:20px 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 36px;}
.tl-item:nth-child(odd){left:0;}
.tl-item:nth-child(even){left:50%;}
.tl-item:after{content:"";position:absolute;top:6px;width:14px;height:14px;border-radius:50%;background:#35b0fe;border:3px solid #fff;box-shadow:0 0 0 2px #35b0fe;}
.tl-item:nth-child(odd):after{right:-7px;}
.tl-item:nth-child(even):after{left:-7px;}
.tl-card{background:#fff;padding:20px 24px;border:1px solid #eee;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.tl-year{font-size:22px;color:#35b0fe;font-weight:bold;font-family:Arial;}
.tl-title{font-size:16px;color:#2d261b;font-weight:bold;margin:6px 0;}
.tl-desc{font-size:13px;color:#888;line-height:1.8;}
.culture-cards{display:flex;flex-wrap:wrap;margin:0 -10px;}
.culture-card{flex:1;min-width:30%;margin:0 10px 20px;padding:36px 26px;background:#fff;border:1px solid #eee;border-top:3px solid #35b0fe;text-align:center;}
.culture-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#eaf6fe;display:flex;align-items:center;justify-content:center;}
.culture-icon svg{width:32px;height:32px;}
.culture-card h3{font-size:20px;color:#2d261b;margin-bottom:14px;}
.culture-card p{font-size:14px;color:#888;line-height:1.9;}
.team-list{display:flex;flex-wrap:wrap;margin:0 -12px;}
.team-card{width:25%;padding:0 12px;margin-bottom:24px;text-align:center;}
.team-card .tm-img{width:100%;height:240px;overflow:hidden;border-radius:6px;margin-bottom:16px;}
.team-card .tm-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.team-card:hover .tm-img img{transform:scale(1.06);}
.team-card .tm-name{font-size:19px;color:#2d261b;font-weight:bold;}
.team-card .tm-job{font-size:14px;color:#35b0fe;margin-top:6px;}

/* ===== 产品列表页 ===== */
.plist-grid{display:flex;flex-wrap:wrap;margin:0 -10px;}
.plist-card{width:33.333%;padding:0 10px;margin-bottom:28px;}
.plist-card > a{display:block;background:#fff;border:1px solid #eee;overflow:hidden;transition:all .3s;}
.plist-card > a:hover{box-shadow:0 8px 24px rgba(53,176,254,.18);border-color:#35b0fe;}
.plist-card .pc-img{height:220px;overflow:hidden;}
.plist-card .pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.plist-card:hover .pc-img img{transform:scale(1.08);}
.plist-card .pc-info{padding:18px 20px;text-align:center;}
.plist-card .pc-name{font-size:17px;color:#2d261b;font-weight:bold;margin-bottom:8px;}
.plist-card .pc-desc{font-size:13px;color:#999;line-height:1.7;height:44px;overflow:hidden;}

/* ===== 产品详情页 ===== */
.detail-wrap{padding:50px 0;}
.detail-top{display:flex;flex-wrap:wrap;background:#fff;padding:30px;margin-bottom:30px;border:1px solid #eee;}
.detail-pic{width:45%;padding:0 20px;}
.detail-pic img{width:100%;border-radius:4px;}
.detail-info{width:55%;padding:0 20px;}
.detail-info h1{font-size:26px;color:#2d261b;margin-bottom:16px;}
.detail-info .di-line{font-size:14px;color:#999;line-height:1.9;margin-bottom:20px;padding-bottom:18px;border-bottom:1px dashed #eee;}
.detail-params{width:100%;border-collapse:collapse;margin:8px 0 22px;}
.detail-params th,.detail-params td{border:1px solid #eee;padding:10px 14px;font-size:14px;text-align:left;}
.detail-params th{background:#f6f6f6;color:#555;width:32%;font-weight:bold;}
.detail-params td{color:#777;}
.detail-btn{display:inline-block;padding:11px 34px;background:#35b0fe;color:#fff;border-radius:22px;font-size:15px;}
.detail-btn:hover{background:#1d8fd6;}
.detail-body{background:#fff;padding:30px 35px;border:1px solid #eee;margin-bottom:30px;}
.detail-body h2{font-size:22px;color:#2d261b;font-weight:bold;margin:24px 0 16px;padding-left:12px;border-left:4px solid #35b0fe;}
.detail-body h2:first-child{margin-top:0;}
.detail-body p{font-size:15px;line-height:2;color:#666;text-indent:2em;margin-bottom:14px;}
.detail-body img{width:100%;max-width:760px;margin:18px auto;border-radius:4px;}
.detail-features{display:flex;flex-wrap:wrap;margin:20px -10px;}
.detail-feature{flex:1;min-width:45%;margin:0 10px 16px;padding:18px 20px;background:#f9fdff;border:1px solid #e3f2fd;border-radius:6px;display:flex;align-items:flex-start;gap:12px;}
.detail-feature .df-ico{width:40px;height:40px;flex-shrink:0;background:#35b0fe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:bold;}
.detail-feature h4{font-size:16px;color:#2d261b;margin-bottom:5px;}
.detail-feature p{font-size:13px;color:#888;line-height:1.7;text-indent:0;margin:0;}
.detail-pn{display:flex;justify-content:space-between;background:#fff;border:1px solid #eee;padding:16px 24px;margin-bottom:30px;}
.detail-pn a{color:#666;font-size:14px;}
.detail-pn a:hover{color:#35b0fe;}
.related-title{font-size:22px;color:#2d261b;font-weight:bold;margin-bottom:22px;padding-left:12px;border-left:4px solid #35b0fe;}
.related-list{display:flex;flex-wrap:wrap;margin:0 -10px;}
.related-card{width:25%;padding:0 10px;}
.related-card a{display:block;background:#fff;border:1px solid #eee;}
.related-card .rc-img{height:160px;overflow:hidden;}
.related-card .rc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.related-card:hover .rc-img img{transform:scale(1.08);}
.related-card .rc-name{padding:12px;text-align:center;font-size:14px;color:#2d261b;}

/* ===== 新闻列表页 ===== */
.nlist-item{display:flex;background:#fff;border:1px solid #eee;margin-bottom:20px;transition:all .3s;}
.nlist-item:hover{box-shadow:0 6px 20px rgba(53,176,254,.15);border-color:#d6efff;}
.nlist-item .nl-img{width:280px;flex-shrink:0;overflow:hidden;}
.nlist-item .nl-img img{width:100%;height:100%;object-fit:cover;min-height:180px;}
.nlist-item .nl-info{flex:1;padding:24px 28px;}
.nlist-item .nl-title{font-size:19px;color:#2d261b;font-weight:bold;margin-bottom:10px;}
.nlist-item:hover .nl-title{color:#35b0fe;}
.nlist-item .nl-meta{font-size:13px;color:#aaa;margin-bottom:12px;}
.nlist-item .nl-meta span{margin-right:18px;}
.nlist-item .nl-desc{font-size:14px;color:#888;line-height:1.8;}
.nlist-item .nl-more{display:inline-block;margin-top:14px;color:#35b0fe;font-size:14px;}

/* 新闻详情 */
.news-detail{background:#fff;border:1px solid #eee;padding:40px 50px;}
.news-detail .nd-title{font-size:26px;color:#2d261b;text-align:center;font-weight:bold;line-height:1.5;}
.news-detail .nd-meta{text-align:center;color:#999;font-size:14px;padding:16px 0;border-bottom:1px solid #eee;margin-bottom:26px;}
.news-detail .nd-meta span{margin:0 12px;}
.news-detail .nd-body p{font-size:15px;line-height:2;color:#555;text-indent:2em;margin-bottom:16px;}
.news-detail .nd-body h2{font-size:20px;color:#2d261b;margin:26px 0 14px;font-weight:bold;}
.news-detail .nd-body img{width:100%;max-width:760px;margin:18px auto;border-radius:4px;}

/* ===== 联系我们页 ===== */
.contact-info{display:flex;flex-wrap:wrap;margin:0 -12px 40px;}
.contact-card{flex:1;min-width:22%;margin:0 12px 20px;padding:34px 20px;background:#fff;border:1px solid #eee;text-align:center;border-top:3px solid #35b0fe;}
.contact-card .cc-ico{width:60px;height:60px;margin:0 auto 16px;border-radius:50%;background:#eaf6fe;display:flex;align-items:center;justify-content:center;}
.contact-card .cc-ico svg{width:30px;height:30px;}
.contact-card h4{font-size:17px;color:#2d261b;margin-bottom:10px;}
.contact-card p{font-size:14px;color:#888;line-height:1.7;}
.contact-row{display:flex;flex-wrap:wrap;gap:30px;}
.contact-map{flex:1;min-width:300px;position:relative;height:500px;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;background:#eaf3f8;background-image:linear-gradient(#dbe9f2 1px,transparent 1px),linear-gradient(90deg,#dbe9f2 1px,transparent 1px);background-size:44px 44px;}
.contact-map .map-block{position:absolute;background:#f3f8fb;border:1px solid #dce8f0;border-radius:3px;}
.contact-map .map-road{position:absolute;background:#fff;}
.contact-map .map-road.h{left:0;right:0;top:56%;height:18px;}
.contact-map .map-road.v{top:0;bottom:0;left:44%;width:18px;}
.contact-map .map-road.h:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-1px);background:repeating-linear-gradient(90deg,#c9dbe8 0 16px,transparent 16px 28px);}
.contact-map .map-road.v:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-1px);background:repeating-linear-gradient(0deg,#c9dbe8 0 16px,transparent 16px 28px);}
.contact-map .map-pin{position:absolute;left:44%;top:56%;transform:translate(-50%,-50%);z-index:5;width:22px;height:22px;}
.contact-map .pin-dot{position:absolute;inset:0;background:#35b0fe;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(29,143,214,.5);z-index:2;}
.contact-map .pin-pulse{position:absolute;inset:0;border-radius:50%;background:rgba(53,176,254,.5);animation:mapPulse 1.8s ease-out infinite;z-index:1;}
.contact-map .map-bubble{position:absolute;left:44%;top:56%;transform:translate(-50%,-280%);background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:12px 18px;box-shadow:0 8px 22px rgba(0,0,0,.13);max-width:260px;z-index:6;text-align:center;}
.contact-map .map-bubble strong{display:block;color:#1c1c1c;font-size:15px;margin-bottom:3px;}
.contact-map .map-bubble span{display:block;color:#858585;font-size:12px;line-height:1.5;}
.contact-map .map-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:0;height:0;border:8px solid transparent;border-top-color:#fff;border-bottom:0;}
@keyframes mapPulse{0%{transform:scale(.6);opacity:.75;}100%{transform:scale(3.2);opacity:0;}}
.contact-form{flex:1;min-width:300px;background:#fff;border:1px solid #eee;padding:30px;}
.contact-form h3{font-size:20px;color:#2d261b;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #35b0fe;display:inline-block;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:14px;color:#555;margin-bottom:6px;}
.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#555;}
.form-group input:focus,.form-group textarea:focus{border-color:#35b0fe;}
.form-group textarea{height:110px;resize:vertical;}
.form-btn{display:inline-block;padding:12px 40px;background:#35b0fe;color:#fff;border:none;border-radius:22px;font-size:15px;cursor:pointer;}
.form-btn:hover{background:#1d8fd6;}

/* ===== 响应式 ===== */
@media(max-width:1200px){
  .container{width:100%;}
  .banner-slide img{height:480px;}
  .banner-text .bt-cn{font-size:36px;}
}
@media(max-width:992px){
  .lotbar{height:auto;padding:14px 0;}
  .lotbar-inner{height:auto;flex-wrap:wrap;gap:12px;}
  .pro-card{width:33.33%;}
  .pro-card:nth-child(n+7){display:none;}
  .plist-card{width:50%;}
  .related-card{width:33.33%;}
  .team-card{width:50%;}
  .detail-pic{width:100%;margin-bottom:20px;}
  .detail-info{width:100%;}
  .n-banner{height:260px;}
  .n-banner .nb-text{height:260px;}
  .news-card{width:100%;}
}
@media(max-width:767px){
  /* PC 导航隐藏，启用移动端 */
  .menubox{display:none;}
  .lotbar .top-phone{display:none;}
  .mobile-bar{display:flex;align-items:center;}
  .lotbar-inner{justify-content:space-between;}
  .logo-brand{font-size:18px;}
  .logo-slogan{font-size:11px;letter-spacing:2px;}
  .logo-icon{width:42px;height:42px;}
  .mobile-footbar{display:block;}
  body{padding-bottom:56px;}
  .banner-slide img{height:300px;}
  .banner-text .bt-cn{font-size:26px;}
  .banner-text .bt-en{font-size:13px;}
  .banner-text .bt-desc{font-size:14px;}
  .banner-text .bt-btn{padding:9px 24px;font-size:14px;}
  .banner-arrow{display:none;}
  .sec-title .en{font-size:22px;}
  .sec-title .bar{height:20px;margin:10px auto 5px;}
  .sec-title .cn{font-size:18px;}
  .services,.projects,.about,.news,.partners{padding:45px 0;}
  .service-card{min-width:46%;}
  .service-card .service-name{font-size:17px;}
  .pro-tabs a{padding:4px 14px;font-size:13px;margin:0 4px;}
  .pro-card{width:50%;}
  .pro-card:nth-child(n+5){display:none;}
  .pro-card:hover .text{margin-top:0;height:auto;background:#35b0fe;}
  .pro-card:hover .text .divider,.pro-card:hover .text .more{display:block;}
  .pro-card .text{height:auto;}
  .pro-card .more{display:block;color:#fff;background:#35b0fe;}
  .about-card{padding:30px 18px;}
  .about-stats{flex-wrap:wrap;gap:20px;}
  .about-stat{flex:1 1 40%;min-width:40%;}
  .about-stat .num{font-size:32px;}
  .news-card .nc-img img{height:160px;}
  .news-card .nc-title{font-size:15px;margin-top:24px;}
  .partner-item{width:33.33%;}
  .footer-col{flex:1 1 100%!important;padding:0;margin-bottom:24px;}
  .footer-main{padding:35px 0 20px;}
  .mobile-footbar{display:block;}
  .plist-card{width:100%;}
  .related-card{width:50%;}
  .team-card{width:50%;}
  .tl-item{width:100%;left:0!important;padding:0 0 28px 28px;}
  .timeline:before{left:6px;}
  .tl-item:after{left:-1px!important;right:auto!important;}
  .culture-card{min-width:100%;}
  .nlist-item{flex-direction:column;}
  .nlist-item .nl-img{width:100%;}
  .nlist-item .nl-img img{min-height:200px;height:200px;}
  .news-detail{padding:24px 18px;}
  .contact-card{min-width:46%;}
  .contact-map{height:360px;min-width:100%;}
}
@media(max-width:480px){
  .pro-card{width:100%;}
  .service-card{min-width:100%;}
  .partner-item{width:50%;}
  .banner-text .bt-cn{font-size:22px;}
}