@charset "utf-8";
/* ============================================================
   重庆恰璃沽劳务有限公司 - 全站样式
   还原参考站 demoall2.5fa.cn/609 绿色主题（#01673a / #f8c700）
   ============================================================ */

/* ---------- Reset ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,h1,h2,h3,h4,font,span{margin:0;padding:0;border:0;}
ul,li,dl,dt,dd,ol{display:block;list-style:none;}
img{border:0;max-width:100%;display:block;}
a{text-decoration:none;outline:0;color:#606060;}
input,button,textarea,select{font-family:inherit;font-size:100%;}
.fl{float:left}.fr{float:right}.clear{clear:both;height:0;overflow:hidden;}
html{overflow-x:hidden;}
body{color:#696868;font-size:13px;overflow-x:hidden;background:#f4f4f4;font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,sans-serif;line-height:1.6;}

/* ---------- Layout container ---------- */
.main{width:1200px;margin:0 auto;clear:both;position:relative;}
.wide{width:100%;}

/* ============================================================
   顶部信息栏 topbox（lotbox + header + menubox 都在 topbox 内）
   ============================================================ */
.topbox{width:100%;position:relative;z-index:50;background:#fff;}
/* 顶部黑色细信息条 */
.lotbox{background:#171717;line-height:36px;height:36px;color:#bdbdbd;}
.lotbox .main{display:flex;justify-content:space-between;align-items:center;}
.lotshare{float:left;}
.lotshare a{float:left;margin-right:16px;color:#bdbdbd;font-size:12px;transition:color .25s;}
.lotshare a:hover{color:#f8c700;}
.lotslogan{float:left;font-size:12px;letter-spacing:1px;}
.lotphone{float:right;color:#fff;font-size:13px;}
.lotphone em{color:#f8c700;font-style:normal;font-weight:bold;margin:0 4px;font-family:Georgia,Arial;font-size:18px;}

/* 绿色 logo 栏 */
.header{width:100%;background:#01673a;min-height:100px;}
.header .main{display:flex;align-items:center;justify-content:space-between;height:100px;}
.logo{display:flex;align-items:center;gap:14px;}
.logo-ico{flex-shrink:0;}
.logo-txt{display:flex;flex-direction:column;line-height:1.1;}
.logo-txt b{color:#fff;font-size:26px;font-weight:bold;letter-spacing:1px;}
.logo-txt i{color:#f8c700;font-size:12px;font-style:normal;letter-spacing:5px;margin-top:6px;text-transform:uppercase;}
.headcontact{display:flex;align-items:center;gap:12px;}
.headcontact-ico{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;}
.headcontact-txt{color:#fff;}
.headcontact-txt span{display:block;font-size:12px;color:#bcdcc9;letter-spacing:1px;}
.headcontact-txt b{font-size:24px;font-family:Georgia,Arial;font-weight:bold;color:#fff;}
/* 顶部搜索 */
.search{display:flex;align-items:center;background:#fff;border-radius:20px;overflow:hidden;height:34px;margin-left:18px;}
.search input.text{width:170px;height:34px;border:0;padding:0 14px;color:#666;font-size:13px;outline:none;}
.search input.button{width:40px;height:34px;border:0;background:#f8c700 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301673a' stroke-width='2.5'><circle cx='11' cy='11' r='7'/><line x1='16.5' y1='16.5' x2='21' y2='21' stroke-linecap='round'/></svg>") center/16px no-repeat;cursor:pointer;}

/* ============================================================
   主导航 menubox
   ============================================================ */
.menubox{width:100%;height:54px;background:#015d34;position:relative;z-index:40;box-shadow:0 2px 6px rgba(0,0,0,.12);}
.menubox .main{display:flex;align-items:center;height:54px;}
.menu{flex:1;}
.menu>li{position:relative;float:left;text-align:center;}
.menu>li>a{display:block;padding:0 22px;line-height:54px;color:#fff;font-size:15px;font-weight:bold;letter-spacing:1px;transition:all .25s;position:relative;}
.menu>li>a:hover,.menu>li>a.active{color:#f8c700;background:#014629;}
.menu>li>a.active::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:24px;height:3px;background:#f8c700;border-radius:2px;}
/* 下拉子菜单 */
.submenu{position:absolute;left:0;top:54px;width:180px;background:#025832;display:none;z-index:99;text-align:left;box-shadow:0 4px 10px rgba(0,0,0,.2);}
.menu>li:hover .submenu{display:block;animation:fadeDown .3s ease;}
.submenu a{display:block;padding:0 20px;line-height:42px;color:#fff;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08);transition:all .25s;}
.submenu a:hover{background:#01673a;color:#f8c700;padding-left:26px;}
@keyframes fadeDown{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}

/* 移动端汉堡按钮 */
.menubtn{display:none;width:44px;height:44px;background:transparent;border:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;}
.menubtn span{display:block;width:26px;height:3px;background:#fff;border-radius:2px;transition:.3s;}

/* ============================================================
   首页 Banner 轮播
   ============================================================ */
.slider{position:relative;width:100%;height:520px;overflow:hidden;background:#015d34;}
.slides{width:100%;height:100%;position:relative;}
.slides li{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;}
.slides li.active{opacity:1;}
.slides li a{display:block;width:100%;height:100%;}
.slide-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,103,58,.72) 0%,rgba(1,93,52,.45) 45%,rgba(0,0,0,.1) 100%);}
.slide-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;}
.slide-txt{max-width:680px;color:#fff;}
.slide-txt i{display:block;font-size:14px;letter-spacing:6px;color:#f8c700;font-style:normal;margin-bottom:18px;text-transform:uppercase;}
.slide-txt h2{font-size:46px;font-weight:bold;line-height:1.3;margin-bottom:20px;text-shadow:0 2px 8px rgba(0,0,0,.3);}
.slide-txt p{font-size:18px;color:#eaf3ee;line-height:1.7;margin-bottom:30px;}
.slide-txt .slide-btn{display:inline-block;padding:13px 38px;background:#f8c700;color:#01673a;font-size:15px;font-weight:bold;border-radius:30px;transition:.3s;}
.slide-txt .slide-btn:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 18px rgba(248,199,0,.4);}
.pagination{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:10px;z-index:9;}
.pagination li{width:36px;height:5px;background:rgba(255,255,255,.4);border-radius:3px;cursor:pointer;transition:.3s;}
.pagination li.current{background:#f8c700;width:52px;}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.25);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9;transition:.3s;border:0;}
.slider-arrow:hover{background:#01673a;}
.slider-arrow.prev{left:30px;}
.slider-arrow.next{right:30px;}

/* ============================================================
   通用区块标题 title
   ============================================================ */
.title{float:left;width:100%;padding:60px 0 30px;text-align:center;background:#fff;}
.title p{font-size:30px;color:#1b1b1b;font-weight:bold;letter-spacing:2px;position:relative;display:inline-block;}
.title p::after{content:"";display:block;width:50px;height:3px;background:#01673a;margin:14px auto 0;}
.title font{display:block;font-family:Tahoma,Arial;font-size:14px;color:#a5a5a5;letter-spacing:4px;margin-top:6px;text-transform:uppercase;}

/* "点击查看更多" 灰条 */
.more{float:left;width:100%;border-top:8px solid #ebebeb;background:#dcdcdc;line-height:46px;height:46px;text-align:center;}
.more a{color:#545252;font-size:14px;letter-spacing:1px;transition:.25s;}
.more a:hover{color:#01673a;}
.more a::after{content:" ›";color:#01673a;font-weight:bold;}

/* ============================================================
   施工流程 / 服务流程 process
   ============================================================ */
.process{width:100%;line-height:23px;text-align:center;background:#f5f5f3;}
.process .newsmain{float:left;width:100%;padding:50px 0 60px;background:#f5f5f3;position:relative;border-top:1px solid #eeeeec;}
.process-steps{display:flex;justify-content:center;gap:0;flex-wrap:wrap;}
.pstep{flex:1;min-width:160px;max-width:210px;padding:20px 14px;position:relative;}
.pstep .pstep-ico{width:78px;height:78px;margin:0 auto 16px;border-radius:50%;background:#01673a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;border:4px solid #fff;box-shadow:0 0 0 1px #01673a;transition:.3s;}
.pstep:hover .pstep-ico{background:#f8c700;color:#01673a;box-shadow:0 0 0 1px #f8c700;transform:translateY(-6px);}
.pstep h4{font-size:17px;color:#1b1b1b;margin-bottom:8px;font-weight:bold;}
.pstep p{font-size:13px;color:#888;line-height:1.7;padding:0 4px;}
.pstep::after{content:"›";position:absolute;right:-12px;top:36px;color:#01673a;font-size:30px;font-weight:bold;}
.pstep:last-child::after{display:none;}
.processmore{display:inline-block;background:#015d34;width:220px;height:48px;line-height:48px;text-align:center;color:#fff;border-radius:6px;font-size:15px;margin-top:10px;transition:.3s;}
.processmore:hover{background:#f8c700;color:#01673a;}

/* ============================================================
   产品 / 案例通用区块 product
   ============================================================ */
.product{width:100%;margin-top:0;background:#fff;}
.productmain{float:left;padding:0 0 40px;width:100%;background:#f5f5f3;padding-top:20px;}
#case{margin:0 auto;width:1200px;display:flex;flex-wrap:wrap;gap:20px;}
#case li{position:relative;width:calc((100% - 60px)/4);height:230px;overflow:hidden;border:1px solid #e1e1e1;background:#fff;}
#case li img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .5s;}
#case li:hover img{transform:scale(1.08);}
.casetitle{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:120px;text-align:center;color:#fff;background:rgba(1,93,52,0);transition:background .35s;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#case li:hover .casetitle{background:rgba(1,93,52,.78);}
.casebtns{display:flex;gap:14px;opacity:0;transform:translateY(10px);transition:.35s;}
#case li:hover .casebtns{opacity:1;transform:translateY(0);}
.viewbut,.zoombut{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'><path d='M5 12h14M13 6l6 6-6 6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/18px no-repeat;display:block;}
.zoombut{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'><circle cx='11' cy='11' r='7'/><line x1='16.5' y1='16.5' x2='21' y2='21' stroke-linecap='round'/></svg>");}
.case_t{width:100%;text-align:center;color:#fff;font-size:16px;font-weight:bold;padding:14px 10px 0;opacity:0;transition:.35s;}
#case li:hover .case_t{opacity:1;}
/* 不hover时也显示名称（底部条） */
#case li .casename-static{position:absolute;left:0;bottom:0;width:100%;line-height:36px;text-align:center;background:rgba(1,93,52,.92);color:#fff;font-size:14px;font-weight:bold;transition:.35s;}
#case li:hover .casename-static{opacity:0;}

/* 成功案例网格 pro */
.pro{width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;}
.pro li{width:calc((100% - 60px)/4);}
.proimg{display:block;float:left;width:100%;}
.proimg img{width:100%;height:210px;object-fit:cover;border:1px solid #e1e1e1;transition:.4s;}
.pro li:hover .proimg img{filter:brightness(.9);}
.proname{float:left;width:100%;text-align:center;line-height:40px;background:#015d34;color:#fff;border:1px solid #e1e1e1;border-top:0;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.3s;}
.pro li:hover .proname{background:#f8c700;color:#01673a;}

/* ============================================================
   新闻动态 news
   ============================================================ */
.news{width:100%;background:#fff;}
.newsmain{float:left;width:100%;background:#f5f5f3;border-top:1px solid #eeeeec;padding:30px 0 50px;}
.newsmain ul{width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;}
.newsmain ul li{float:left;width:580px;margin:0 20px 22px 0;background:#fff;border:1px solid #ececec;display:flex;align-items:stretch;transition:.3s;}
.newsmain ul li:hover{box-shadow:0 6px 18px rgba(1,103,58,.12);transform:translateY(-3px);}
.time{float:left;width:96px;padding:22px 0;height:auto;background:#015d34;color:#fff;text-align:center;flex-shrink:0;}
.time font{display:block;font-size:30px;line-height:1;margin-bottom:8px;font-family:Georgia,Arial;font-weight:bold;}
.time span{display:block;font-size:14px;border-top:1px solid rgba(255,255,255,.3);padding-top:8px;margin:0 14px;}
.newsli_r{float:left;flex:1;padding:18px 22px;display:flex;flex-direction:column;justify-content:center;}
.newsli_r a{font-size:16px;color:#1b1b1b;font-weight:bold;line-height:1.5;margin-bottom:8px;transition:.25s;display:block;}
.newsli_r a:hover{color:#01673a;}
.newsli_r p{font-size:13px;color:#888;line-height:1.7;}

/* ============================================================
   关于我们亮点 about-box
   ============================================================ */
.about-box{width:100%;background:#fff;padding:0 0 60px;}
.about-box .newsmain{background:#fff;border:0;padding:0;}
.about-main{width:1200px;margin:0 auto;display:flex;align-items:center;gap:50px;}
.about-pic{flex:0 0 480px;}
.about-pic img{width:100%;height:340px;object-fit:cover;border:6px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.12);}
.about-info{flex:1;}
.about-info h3{font-size:26px;color:#1b1b1b;margin-bottom:8px;font-weight:bold;}
.about-info .en{color:#01673a;font-size:14px;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;}
.about-info p{font-size:14px;color:#777;line-height:1.9;margin-bottom:14px;text-align:justify;}
.about-stats{display:flex;gap:20px;margin-top:24px;}
.astat{flex:1;background:#f5f5f3;border-left:3px solid #015d34;padding:18px 14px;text-align:center;}
.astat b{display:block;font-size:32px;color:#01673a;font-family:Georgia,Arial;font-weight:bold;}
.astat span{font-size:13px;color:#666;}

/* ============================================================
   合作伙伴 partner
   ============================================================ */
.partner{width:100%;background:#f5f5f3;padding:10px 0 60px;}
.partner-list{width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px;}
.partner-list li{flex:1 1 220px;height:90px;background:#fff;border:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center;font-size:16px;color:#888;font-weight:bold;letter-spacing:1px;transition:.3s;}
.partner-list li:hover{border-color:#01673a;color:#01673a;background:#fff;}

/* ============================================================
   页脚 foot
   ============================================================ */
.foot{width:100%;background:#171717;color:#bdbdbd;position:relative;}
.aboutarea{width:100%;background:#1d1d1d;padding:50px 0 40px;border-bottom:1px solid #2a2a2a;}
.aboutarea .main{display:flex;justify-content:space-between;gap:30px;}
.foot-col{flex:1;}
.foot-col.about{max-width:430px;}
.foot_t{font-size:18px;color:#fff;font-weight:bold;width:100%;float:left;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #333;position:relative;}
.foot_t::after{content:"";position:absolute;left:0;bottom:-1px;width:50px;height:2px;background:#01673a;}
.about p{font-size:13px;color:#999;line-height:1.9;}
.foot-col h5{display:none;}
.flink-col a{display:block;color:#999;font-size:13px;line-height:2.1;padding-left:14px;position:relative;transition:.25s;}
.flink-col a::before{content:"›";position:absolute;left:0;color:#01673a;}
.flink-col a:hover{color:#f8c700;padding-left:20px;}
/* 联系方式 */
.contact-list li{font-size:13px;color:#999;line-height:2.2;padding-left:26px;position:relative;}
.contact-list li b{color:#ccc;font-weight:normal;}
.contact-list .ico-phone::before,.contact-list .ico-mail::before,.contact-list .ico-addr::before{position:absolute;left:0;top:4px;color:#01673a;font-size:15px;}
.contact-list .ico-phone::before{content:"☎";}
.contact-list .ico-mail::before{content:"✉";}
.contact-list .ico-addr::before{content:"地标";font-size:11px;top:6px;}
/* 二维码 */
.foot-qr{text-align:center;}
.foot-qr img{width:110px;height:110px;border:4px solid #fff;margin-bottom:8px;}
.foot-qr p{color:#999;font-size:12px;}
/* 底部版权 */
.foot-bottom{background:#0f0f0f;}
.foot-bottom .main{display:flex;justify-content:space-between;align-items:center;height:60px;flex-wrap:wrap;}
.flink{color:#777;font-size:12px;}
.flink b{color:#999;}
.flink a{color:#777;margin-right:18px;transition:.25s;}
.flink a:hover{color:#f8c700;}
.bq{color:#777;font-size:12px;}
.bq span{margin-right:20px;}
.bq a{color:#777;}
.bq a:hover{color:#f8c700;}
.topbut a{display:inline-block;background:#01673a;color:#fff;font-size:13px;padding:6px 16px;border-radius:3px;transition:.3s;}
.topbut a:hover{background:#f8c700;color:#01673a;}

/* ============================================================
   内页：Banner + 面包屑
   ============================================================ */
.n-banner{width:100%;height:280px;background-size:cover;background-position:center;position:relative;}
.n-banner .n-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,93,52,.82),rgba(1,103,58,.5));}
.n-banner .n-banner-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;}
.n-banner .n-banner-inner h2{font-size:38px;color:#fff;font-weight:bold;letter-spacing:2px;margin-bottom:10px;}
.n-banner .n-banner-inner i{color:#f8c700;font-size:14px;letter-spacing:4px;font-style:normal;text-transform:uppercase;}

.ntit{width:100%;background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 6px rgba(0,0,0,.04);}
.ntit .main{display:flex;justify-content:space-between;align-items:center;height:74px;}
.ntt{display:flex;flex-direction:column;}
.ntt h1{font-size:24px;color:#1b1b1b;font-weight:bold;line-height:1.2;}
.ntt i{color:#01673a;font-size:13px;letter-spacing:3px;font-style:normal;margin-top:4px;text-transform:uppercase;}
.weiz{color:#999;font-size:13px;}
.weiz a{color:#777;transition:.25s;}
.weiz a:hover{color:#01673a;}
.weiz .sep{margin:0 6px;color:#ccc;}

/* 内页主体 fyMain */
.fyMain{width:1200px;margin:30px auto 60px;display:flex;gap:30px;}
/* 左侧栏 */
.fyLeft{float:left;width:260px;flex-shrink:0;}
.l-pro{margin-bottom:20px;}
.l-pro-h{background:#01673a;color:#fff;font-size:18px;font-weight:bold;padding:16px 20px;border-radius:4px 4px 0 0;}
.proOne{width:100%;}
.proOne a{display:block;width:100%;padding:0 18px;color:#444;line-height:46px;font-size:14px;border:1px solid #e0e0e0;border-top:0;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301673a' stroke-width='2.5'><path d='M9 6l6 6-6 6' stroke-linecap='round' stroke-linejoin='round'/></svg>") right 18px center/12px no-repeat;transition:.25s;}
.proOne a:hover,.proOne a.cur{color:#fff;background:#015d34 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5'><path d='M9 6l6 6-6 6' stroke-linecap='round' stroke-linejoin='round'/></svg>") right 18px center/12px no-repeat;}
.l-contact{background:#f5f5f3;padding:20px;border-top:3px solid #01673a;}
.l-contact-h{font-size:18px;color:#1b1b1b;font-weight:bold;margin-bottom:16px;}
.l-contact li{font-size:13px;color:#666;line-height:1.9;padding-left:24px;position:relative;margin-bottom:12px;}
.l-contact li::before{position:absolute;left:0;top:2px;color:#01673a;font-size:15px;}
.l-contact .c-phone::before{content:"☎";}
.l-contact .c-mail::before{content:"✉";}
.l-contact .c-addr::before{content:"⌂";font-size:18px;}

/* 右侧主体 */
.fyRight{float:left;flex:1;background:#fff;border:1px solid #eee;min-height:600px;}
.titlev{float:left;width:100%;border-bottom:2px solid #01673a;margin-bottom:0;line-height:54px;height:54px;font-size:18px;color:#01673a;background:#f5f5f3;padding:0 24px;display:flex;justify-content:space-between;align-items:center;}
.titlev .fl{font-weight:bold;}
.titlev em{font-style:normal;font-size:13px;color:#999;font-family:Tahoma;letter-spacing:2px;}
.mainRightMain{color:#555;float:left;width:100%;padding:30px 30px 40px;line-height:1.9;font-size:14px;}
.mainRightMain p{margin-bottom:14px;color:#666;text-align:justify;}
.mainRightMain h3{font-size:18px;color:#01673a;margin:24px 0 12px;font-weight:bold;}
.mainRightMain img{max-width:100%;margin:16px auto;border:1px solid #eee;}

/* 产品列表 pro_list */
.pro_list{width:100%;display:flex;flex-wrap:wrap;}
.pro_list li{float:left;width:220px;margin:0 14px 26px;border:1px solid #e6e6e6;background:#fff;padding:6px;transition:.3s;}
.pro_list li:hover{box-shadow:0 8px 20px rgba(0,0,0,.1);transform:translateY(-4px);}
.pro_list li a{display:block;width:100%;}
.pro_list li img{width:100%;height:170px;object-fit:cover;}
.pro_list li .proname{height:42px;margin:6px 0 0;width:100%;float:none;border:0;line-height:42px;text-align:center;color:#545252;background:#f7f7f7;font-size:14px;}

/* 新闻列表 news_list */
.news_list{float:left;width:100%;}
.news_list li{float:left;width:100%;line-height:48px;border-bottom:1px dashed #e5e5e5;}
.news_list li a{float:left;width:100%;height:48px;line-height:48px;color:#575757;font-size:14px;padding:0 6px;transition:.25s;display:flex;justify-content:space-between;align-items:center;}
.news_list li a:hover{color:#01673a;}
.news_list li .nl-title{flex:1;padding-left:16px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list li .nl-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#01673a;border-radius:50%;}
.news_list li .nl-date{color:#01673a;font-size:13px;font-family:Tahoma;flex-shrink:0;margin-left:14px;}

/* 产品详情 */
.prodetail{float:left;width:100%;}
.prodetail-top{display:flex;gap:30px;margin-bottom:30px;}
.prodetail-img{flex:0 0 360px;}
.prodetail-img img{width:100%;height:320px;object-fit:cover;border:1px solid #eee;}
.prodetail-info{flex:1;}
.prodetail-info h2{font-size:22px;color:#1b1b1b;font-weight:bold;margin-bottom:6px;padding-bottom:14px;border-bottom:1px solid #eee;}
.prodetail-info .pd-sub{color:#01673a;font-size:14px;margin-bottom:18px;}
.prodetail-info p{font-size:14px;color:#666;line-height:1.9;margin-bottom:14px;}
.param-table{width:100%;border-collapse:collapse;margin-top:6px;}
.param-table th,.param-table td{border:1px solid #e5e5e5;padding:10px 14px;font-size:13px;text-align:left;}
.param-table th{background:#f5f5f3;color:#1b1b1b;font-weight:bold;width:120px;}
.param-table td{color:#666;}
.pd-features{margin-top:24px;}
.pd-features li{padding:14px 16px 14px 50px;background:#f8f9f7;margin-bottom:10px;position:relative;font-size:14px;color:#555;border-left:3px solid #01673a;}
.pd-features li::before{content:"✓";position:absolute;left:18px;top:14px;width:22px;height:22px;background:#01673a;color:#fff;border-radius:50%;text-align:center;line-height:22px;font-size:13px;font-weight:bold;}
.pd-rel{margin-top:30px;}
.pd-rel h4{font-size:17px;color:#1b1b1b;margin-bottom:16px;padding-left:12px;border-left:4px solid #01673a;}
.pd-rel .pro_list li{width:180px;margin:0 12px 0 0;}
.pd-rel .pro_list li img{height:140px;}

/* 新闻详情 newsview */
.newsview-title{text-align:center;padding:10px 0 20px;border-bottom:1px solid #eee;margin-bottom:24px;}
.newsview-title h2{font-size:22px;color:#1b1b1b;font-weight:bold;line-height:1.5;margin-bottom:12px;}
.newsview-title .nv-meta{color:#999;font-size:13px;}
.newsview-title .nv-meta span{margin:0 12px;}
.newsview{min-height:300px;width:100%;font-size:14px;line-height:2;color:#555;}
.newsview p{margin-bottom:16px;text-indent:2em;}
.newsview img{margin:18px auto;max-width:80%;border:1px solid #eee;}
.main_r_nav{float:left;width:100%;margin-top:30px;padding-top:20px;border-top:1px dashed #ddd;font-size:13px;line-height:2;}
.main_r_nav a{color:#01673a;}
.main_r_nav a:hover{text-decoration:underline;}

/* ============================================================
   联系我们 / 留言表单
   ============================================================ */
.contact-info{display:flex;gap:18px;margin-bottom:30px;flex-wrap:wrap;}
.cinfo-card{flex:1;min-width:160px;background:#f8f9f7;border-top:3px solid #01673a;padding:24px 18px;text-align:center;}
.cinfo-card .ci-ico{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:#01673a;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;}
.cinfo-card h4{font-size:15px;color:#1b1b1b;margin-bottom:8px;}
.cinfo-card p{font-size:13px;color:#777;line-height:1.6;word-break:break-all;}
.message-form{background:#f8f9f7;padding:30px;border:1px solid #eee;}
.message-form h3{font-size:18px;color:#1b1b1b;margin-bottom:20px;padding-left:12px;border-left:4px solid #01673a;}
.mf-row{display:flex;gap:20px;margin-bottom:16px;}
.mf-field{flex:1;}
.mf-field label{display:block;font-size:13px;color:#666;margin-bottom:6px;}
.mf-field label i{color:#e33;font-style:normal;margin-left:3px;}
.mf-field input,.mf-field textarea{width:100%;padding:10px 14px;border:1px solid #ddd;font-size:13px;color:#555;background:#fff;outline:none;transition:.25s;font-family:inherit;}
.mf-field input:focus,.mf-field textarea:focus{border-color:#01673a;}
.mf-field textarea{height:120px;resize:vertical;}
.mf-submit{background:#015d34;color:#fff;border:0;padding:12px 40px;font-size:15px;font-weight:bold;cursor:pointer;border-radius:3px;transition:.3s;font-family:inherit;}
.mf-submit:hover{background:#f8c700;color:#01673a;}

/* ============================================================
   关于我们页：发展历程 + 企业文化 + 团队
   ============================================================ */
.timeline{position:relative;padding:20px 0 10px;margin:30px 0;}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:#01673a;transform:translateX(-50%);}
.tl-item{position:relative;width:50%;padding:0 40px 30px;}
.tl-item:nth-child(odd){left:0;text-align:right;}
.tl-item:nth-child(even){left:50%;}
.tl-item::before{content:"";position:absolute;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid #01673a;z-index:2;}
.tl-item:nth-child(odd)::before{right:-8px;}
.tl-item:nth-child(even)::before{left:-8px;}
.tl-year{font-size:24px;color:#01673a;font-weight:bold;font-family:Georgia,Arial;margin-bottom:6px;}
.tl-item h4{font-size:16px;color:#1b1b1b;margin-bottom:6px;}
.tl-item p{font-size:13px;color:#888;line-height:1.7;}
/* 企业文化卡 */
.culture-list{display:flex;gap:20px;margin:30px 0;flex-wrap:wrap;}
.culture-card{flex:1;min-width:240px;background:#fff;border:1px solid #eee;padding:30px 24px;text-align:center;transition:.3s;border-top:4px solid #01673a;}
.culture-card:hover{box-shadow:0 10px 26px rgba(1,103,58,.12);transform:translateY(-5px);}
.culture-card .cc-ico{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#f5f5f3;color:#01673a;font-size:28px;display:flex;align-items:center;justify-content:center;font-weight:bold;}
.culture-card h4{font-size:18px;color:#1b1b1b;margin-bottom:10px;}
.culture-card p{font-size:13px;color:#888;line-height:1.8;}
/* 团队 */
.team-list{display:flex;flex-wrap:wrap;gap:22px;margin:30px 0;}
.team-card{flex:1 1 200px;background:#fff;border:1px solid #eee;text-align:center;transition:.3s;}
.team-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.1);transform:translateY(-5px);}
.team-card img{width:100%;height:220px;object-fit:cover;}
.team-card .tc-name{font-size:17px;color:#1b1b1b;font-weight:bold;padding:16px 0 4px;}
.team-card .tc-job{font-size:13px;color:#01673a;padding-bottom:18px;}

/* ============================================================
   动画 / 工具类
   ============================================================ */
.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}
.img-fallback{background:linear-gradient(135deg,#01673a,#f8c700);}
.float-consult{position:fixed;right:16px;bottom:80px;z-index:60;display:flex;flex-direction:column;gap:8px;}
.float-consult a{width:50px;height:50px;border-radius:50%;background:#015d34;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:.3s;}
.float-consult a:hover{background:#f8c700;color:#01673a;transform:scale(1.1);}
.gotop{position:fixed;right:16px;bottom:24px;width:50px;height:50px;border-radius:50%;background:#01673a;color:#fff;display:none;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:60;border:0;transition:.3s;box-shadow:0 4px 12px rgba(0,0,0,.2);}
.gotop:hover{background:#f8c700;color:#01673a;}
.gotop.show{display:flex;}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1200px){
  .main{width:96%;}
  #case,.pro,.newsmain ul,.about-main,.partner-list,.pro_list,.timeline,.culture-list,.team-list{width:96%;}
  .fyMain{width:96%;}
}
@media (max-width:1024px){
  .fyLeft{display:none;}
  .fyMain{flex-direction:column;}
  .fyRight{width:100%;}
}
@media (max-width:768px){
  .main{width:94%;}
  .lotbox{display:none;}
  .header .main{height:auto;padding:14px 0;flex-wrap:wrap;}
  .logo-txt b{font-size:20px;}
  .headcontact{margin-top:8px;width:100%;justify-content:space-between;}
  .search{margin-left:0;width:100%;margin-top:10px;}
  .search input.text{flex:1;width:auto;}
  /* 移动端菜单 */
  .menubtn{display:flex;}
  .menu{position:absolute;left:0;top:54px;width:100%;background:#015d34;flex-direction:column;display:none;max-height:70vh;overflow-y:auto;}
  .menubox.open .menu{display:flex;}
  .menu>li{width:100%;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);}
  .menu>li>a{padding:0 20px;line-height:48px;font-size:15px;}
  .menu>li>a.active::after{display:none;}
  .submenu{position:static;width:100%;display:none;background:#014629;padding-left:20px;}
  .menu>li.open .submenu{display:block;}
  .menu>li:hover .submenu{display:none;}
  .slider{height:300px;}
  .slide-txt h2{font-size:26px;}
  .slide-txt p{font-size:14px;}
  .slide-txt i{letter-spacing:3px;font-size:12px;}
  .slider-arrow{display:none;}
  .title{padding:36px 0 20px;}
  .title p{font-size:24px;}
  #case,.pro{width:94%;}
  #case li,.pro li{width:calc((100% - 20px)/2);}
  .newsmain ul{width:94%;flex-direction:column;}
  .newsmain ul li{width:100%;margin:0 0 16px;}
  .about-main{flex-direction:column;width:94%;}
  .about-pic{flex:none;width:100%;}
  .about-stats{flex-wrap:wrap;}
  .astat{flex:1 1 45%;}
  .process-steps{flex-direction:column;align-items:center;}
  .pstep::after{display:none;}
  .aboutarea .main{flex-direction:column;}
  .foot-col{width:100%;margin-bottom:24px;}
  .n-banner{height:180px;}
  .n-banner .n-banner-inner h2{font-size:26px;}
  .ntit .main{height:auto;padding:14px 0;flex-direction:column;align-items:flex-start;gap:6px;}
  .prodetail-top{flex-direction:column;}
  .prodetail-img{flex:none;width:100%;}
  .pro_list li{width:calc(50% - 20px);}
  .pd-rel .pro_list li{width:calc(50% - 20px);}
  .mf-row{flex-direction:column;}
  .contact-info{flex-direction:column;}
  .timeline::before{left:8px;}
  .tl-item{width:100%;left:0!important;text-align:left!important;padding:0 0 26px 30px;}
  .tl-item::before{left:0!important;right:auto!important;}
}
