@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html{font-size:16px;}
body{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333;background:#fff;line-height:1.6;font-size:14px;overflow-x:hidden;}
a{color:inherit;text-decoration:none;transition:all .3s ease;}
a:hover{color:#3fb150;}
ul,ol{list-style:none;}
img{max-width:100%;display:block;border:0;}
.wrap{width:92%;max-width:1200px;margin:0 auto;}
.fl{float:left;}.fr{float:right;}
.clearfix::after{content:"";display:block;clear:both;}
.ico{width:1em;height:1em;display:inline-block;vertical-align:middle;}
img{background:#f5f5f5;}
.img-fallback{background:linear-gradient(135deg,#3fb150,#1a7140)!important;}

.topbox{position:sticky;top:0;z-index:100;background:#1d1e22;box-shadow:0 2px 10px rgba(0,0,0,.15);}
.lotbox{background:#171819;color:#999;font-size:12px;border-bottom:1px solid #25262b;}
.lotbox .wrap{display:flex;justify-content:space-between;align-items:center;height:34px;}
.lot-wel{}
.lot-r{display:flex;gap:22px;align-items:center;}
.lot-r .lk{display:inline-flex;align-items:center;gap:5px;}
.lot-r .lk svg{width:14px;height:14px;color:#3fb150;}
.menubox{background:#1d1e22;}
.menubox .wrap{display:flex;align-items:center;height:78px;}
.logo{display:flex;align-items:center;gap:12px;}
.logo .logo-ico{width:54px;height:32px;flex-shrink:0;}
.logo .logo-txt{display:flex;flex-direction:column;line-height:1.1;}
.logo .logo-name{font-size:22px;font-weight:bold;color:#fff;letter-spacing:1px;}
.logo .logo-en{font-size:11px;color:#63b670;letter-spacing:3px;text-transform:uppercase;margin-top:3px;}
.nav{margin-left:auto;}
.nav > ul{display:flex;align-items:center;gap:6px;}
.nav > ul > li{position:relative;}
.nav > ul > li > a{display:block;height:34px;line-height:34px;padding:0 16px;color:#eee;font-size:15px;border:1px solid transparent;border-radius:20px;}
.nav > ul > li > a:hover,.nav > ul > li.on > a{color:#3fb150;border-color:#3fb150;}
.nav .subnav{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:#fff;border-top:2px solid #63b670;box-shadow:0 12px 30px rgba(0,0,0,.12);min-width:150px;padding:8px 0;opacity:0;visibility:hidden;transition:all .3s;z-index:200;}
.nav li:hover .subnav{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav .subnav a{display:block;padding:9px 22px;color:#666;font-size:13px;white-space:nowrap;}
.nav .subnav a:hover{color:#fff;background:#3fb150;}
.m-btn{display:none;width:36px;height:36px;color:#fff;font-size:24px;background:none;border:0;cursor:pointer;}

.banner{position:relative;overflow:hidden;background:#1d1e22;}
.banner-stage{position:relative;height:560px;}
.banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;background-size:cover;background-position:center;}
.banner-slide.on{opacity:1;}
.banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,40,30,.55),rgba(0,0,0,.25));}
.banner-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 20px;}
.banner-txt h2{font-size:46px;font-weight:bold;letter-spacing:2px;text-shadow:0 2px 14px rgba(0,0,0,.4);}
.banner-txt p{font-size:18px;margin-top:16px;letter-spacing:1px;}
.banner-dots{position:absolute;left:0;right:0;bottom:26px;text-align:center;z-index:5;}
.banner-dots span{display:inline-block;width:44px;height:4px;margin:0 4px;background:#fff;opacity:.55;cursor:pointer;border-radius:2px;}
.banner-dots span.cur{background:#3fb150;opacity:1;}
.banner-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.5);color:#fff;font-size:22px;line-height:36px;text-align:center;cursor:pointer;transition:.3s;border:0;}
.banner-btn:hover{background:#3fb150;}
.banner-btn.prev{left:4%;}.banner-btn.next{right:4%;}

.sec-hd{text-align:center;padding-bottom:42px;}
.sec-hd h3{font-size:30px;font-weight:normal;color:#333;display:inline-block;}
.sec-hd p{color:#999;font-size:18px;text-transform:uppercase;letter-spacing:3px;font-family:Arial,sans-serif;padding-top:12px;}
.sec-hd .deco{width:64px;height:3px;background:#3fb150;margin:16px auto 0;border-radius:2px;}
.sec-hd.light h3,.sec-hd.light p{color:#fff;}
.sec-hd.light .deco{background:#fff;}

.floor1{padding:74px 0;}
.imenu{text-align:center;margin-bottom:34px;}
.imenu a{display:inline-block;padding:0 22px;font-size:15px;color:#555;border-left:1px solid #3fb150;height:18px;line-height:18px;}
.imenu a:first-child{border-left:0;}
.imenu a:hover,.imenu a.on{color:#3fb150;font-weight:bold;}
.pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.pro-item{position:relative;display:block;overflow:hidden;border-radius:4px;background:#1d1e22;}
.pro-item .pic{width:100%;height:248px;overflow:hidden;}
.pro-item .pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.pro-item:hover .pic img{transform:scale(1.07);}
.pro-item h3{position:absolute;left:0;bottom:0;width:100%;height:56px;line-height:56px;padding:0 18px;color:#fff;font-size:16px;font-weight:normal;background:linear-gradient(transparent,rgba(0,0,0,.75));}
.pro-item .tag{position:absolute;top:12px;left:12px;background:#3fb150;color:#fff;font-size:12px;padding:3px 10px;border-radius:12px;}
.more-btn{display:block;width:180px;height:38px;line-height:38px;text-align:center;color:#fff;background:#444;margin:42px auto 0;transition:.25s;border-radius:2px;}
.more-btn:hover{background:#3fb150;}

.floor2{position:relative;padding:80px 0;background:linear-gradient(135deg,#0f3d24,#1a7140 55%,#154026);}
.floor2 .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;}
.floor2 .wrap{position:relative;z-index:2;}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 30px;margin-top:10px;}
.adv-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:28px 22px;display:flex;align-items:center;gap:18px;transition:.3s;}
.adv-item:hover{background:rgba(63,177,80,.22);transform:translateY(-6px);}
.adv-ico{width:60px;height:60px;flex-shrink:0;border-radius:50%;background:rgba(63,177,80,.25);color:#fff;display:flex;align-items:center;justify-content:center;}
.adv-ico svg{width:30px;height:30px;}
.adv-txt h4{color:#fff;font-size:20px;font-weight:bold;}
.adv-txt p{color:#cfe;letter-spacing:1px;font-size:12px;text-transform:uppercase;margin-top:4px;font-family:Arial;}

.xunpan{background:linear-gradient(90deg,#1a7140,#3fb150);color:#fff;padding:40px 0;}
.xunpan .wrap{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;text-align:center;}
.xunpan .bigtxt{font-size:34px;font-weight:bold;letter-spacing:2px;}
.xunpan .sub{font-size:16px;opacity:.9;margin-top:6px;}
.xunpan .tel{border:1px solid rgba(255,255,255,.6);height:46px;line-height:46px;padding:0 26px;border-radius:24px;font-size:24px;font-family:Arial;}
.xunpan .zixun{display:inline-block;height:46px;line-height:46px;padding:0 34px;border-radius:24px;background:#fff;color:#3fb150;font-size:18px;font-weight:bold;}
.xunpan .zixun:hover{background:#0f3d24;color:#fff;}

.floor3{padding:74px 0;background:#f8f8f8;}
.step-flow{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap;}
.step-li{display:flex;align-items:center;}
.step-piece{width:150px;height:168px;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:.3s;box-shadow:0 0 0 #fff;}
.step-piece .step-ico{width:54px;height:54px;border-radius:50%;background:#eef7ef;color:#3fb150;display:flex;align-items:center;justify-content:center;}
.step-piece .step-ico svg{width:28px;height:28px;}
.step-piece h4{font-size:18px;color:#333;}
.step-piece p{font-size:11px;color:#999;letter-spacing:1px;font-family:Arial;text-transform:uppercase;}
.step-arrow{width:28px;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:22px;}
.step-li:last-child .step-arrow{display:none;}
.step-li:hover .step-piece{box-shadow:0 12px 26px rgba(0,0,0,.1);transform:translateY(-4px);border-color:#3fb150;}
.step-li:hover .step-ico{background:#3fb150;color:#fff;}

.floor4{padding:74px 0;}
.case-carousel{position:relative;padding:0 50px;}
.case-viewport{overflow:hidden;}
.case-track{display:flex;gap:24px;transition:transform .5s ease;}
.case-item{flex:0 0 calc((100% - 48px) / 3);background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:4px;overflow:hidden;transition:.25s;}
.case-item:hover{box-shadow:0 16px 30px rgba(0,0,0,.12);transform:translateY(-4px);}
.case-item .pic{width:100%;height:230px;overflow:hidden;}
.case-item .pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.case-item:hover .pic img{transform:scale(1.08);}
.case-item .txt{padding:24px 26px;}
.case-item h3{font-size:18px;color:#333;margin-bottom:8px;}
.case-item:hover h3{color:#3fb150;}
.case-item .desc{font-size:13px;color:#666;line-height:22px;height:66px;overflow:hidden;}
.case-item .more{display:inline-block;margin-top:12px;color:#3fb150;font-size:13px;font-weight:bold;}
.case-btn{position:absolute;top:42%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#eee;color:#666;font-size:20px;line-height:38px;text-align:center;cursor:pointer;border:0;z-index:6;transition:.25s;}
.case-btn:hover{background:#3fb150;color:#fff;}
.case-btn.prev{left:0;}.case-btn.next{right:0;}

.floor5{position:relative;padding:80px 0;background:linear-gradient(135deg,#102a1c,#0f3d24 60%,#0a2417);}
.floor5 .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.16;}
.floor5 .wrap{position:relative;z-index:2;}
.pat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.pat-item{display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:28px 30px;transition:.3s;}
.pat-item:hover{background:rgba(63,177,80,.2);}
.pat-ico{width:66px;height:66px;flex-shrink:0;border-radius:50%;background:rgba(63,177,80,.3);color:#fff;display:flex;align-items:center;justify-content:center;}
.pat-ico svg{width:34px;height:34px;}
.pat-txt h3{color:#fff;font-size:20px;font-weight:bold;margin-bottom:8px;}
.pat-txt p{color:#cde;}
.indnews{padding:74px 0;background:#fff;}
.indnews-hd{display:flex;align-items:center;gap:18px;margin-bottom:34px;}
.indnews-tit{display:flex;align-items:baseline;gap:12px;flex-shrink:0;}
.indnews-tit h3{font-size:26px;color:#333;font-weight:bold;}
.indnews-tit span{font-size:14px;color:#bbb;letter-spacing:2px;text-transform:uppercase;font-family:Arial;}
.indnews-line{flex:1;height:1px;background:#e5e5e5;}
.indnews-more{flex-shrink:0;color:#999;font-size:14px;}
.indnews-more:hover{color:#3fb150;}
.news-row{display:flex;gap:30px;align-items:flex-start;}
.news-box{flex:0 0 40%;}
.news-stage{position:relative;border:1px solid #ddd;border-radius:4px;overflow:hidden;}
.nb-viewport{overflow:hidden;}
.nb-track{display:flex;transition:transform .5s ease;}
.nb-slide{flex:0 0 100%;}
.nb-slide .pic{width:100%;height:320px;overflow:hidden;}
.nb-slide .pic img{width:100%;height:100%;object-fit:cover;}
.nb-slide .nb-txt{padding:16px 20px;height:130px;}
.nb-slide h3{font-size:17px;color:#333;}
.nb-slide p{font-size:13px;color:#666;line-height:22px;height:44px;overflow:hidden;margin-top:6px;}
.nb-slide .nb-time{font-size:13px;color:#999;margin-top:8px;}
.nb-dots{text-align:center;padding:14px 0 0;}
.nb-dots span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#bbb;margin:0 4px;cursor:pointer;}
.nb-dots span.on{background:#3fb150;}
.txt-list{flex:1;}
.tl-item{display:flex;align-items:center;border:1px solid #ddd;margin-bottom:14px;padding:22px 26px;transition:.2s;border-radius:3px;}
.tl-item:hover{border-color:#3fb150;box-shadow:0 8px 18px rgba(0,0,0,.08);transform:translateY(-2px);}
.tl-time{flex-shrink:0;width:78px;text-align:center;border-right:1px solid #ddd;padding-right:24px;margin-right:24px;color:#666;}
.tl-time b{display:block;font-size:42px;line-height:42px;color:#444;font-family:Arial;}
.tl-time span{font-size:13px;}
.tl-body h3{font-size:17px;color:#333;}
.tl-body h3:hover{color:#3fb150;}
.tl-body p{font-size:13px;color:#666;line-height:20px;height:40px;overflow:hidden;margin-top:6px;}
.tl-body .tl-cat{display:inline-block;background:#eef7ef;color:#3fb150;font-size:12px;padding:2px 8px;border-radius:10px;margin-right:8px;}

.footer{background:#191919;color:#fff;}
.flinks{border-bottom:1px solid #353535;padding:24px 0;font-size:15px;}
.flinks .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.flinks .fl-label{color:#fff;font-weight:bold;flex-shrink:0;}
.flinks a{color:#999;font-size:13px;padding:0 8px;}
.flinks a:hover{color:#3fb150;}
.foot-main{padding:44px 0;}
.foot-main .wrap{display:grid;grid-template-columns:1.1fr 0.8fr 0.8fr 1.3fr;gap:36px;}
.foot-col h4{font-size:16px;color:#fff;margin-bottom:18px;padding-left:12px;border-left:3px solid #3fb150;}
.foot-about .flogo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.foot-about .flogo .logo-ico{width:48px;height:28px;}
.foot-about .flogo b{color:#fff;font-size:18px;}
.foot-about p{color:#999;font-size:13px;line-height:24px;}
.foot-nav a,.foot-pro a{display:block;color:#999;font-size:13px;line-height:30px;}
.foot-nav a:hover,.foot-pro a:hover{color:#3fb150;}
.foot-contact .fc-line{display:flex;align-items:flex-start;gap:10px;color:#999;font-size:13px;margin-bottom:12px;line-height:22px;}
.foot-contact .fc-line svg{width:18px;height:18px;color:#3fb150;flex-shrink:0;margin-top:2px;}
.foot-contact .fc-tel{color:#3fb150;font-size:30px;font-family:Arial;font-weight:bold;line-height:1;margin-bottom:14px;}
.foot-contact .fc-qr{display:flex;align-items:center;gap:12px;margin-top:10px;}
.foot-contact .fc-qr img{width:96px;height:96px;border:4px solid #666;background:#fff;}
.foot-contact .fc-qr p{color:#999;font-size:12px;line-height:18px;}
.copymain{border-top:1px solid #353535;line-height:56px;color:#999;font-size:12px;text-align:center;}
.copymain a{color:#999;}.copymain a:hover{color:#3fb150;}
.beian-link{display:inline-block;}

.toolbar{position:fixed;right:12px;top:54%;z-index:90;display:flex;flex-direction:column;gap:6px;}
.tb-item{width:52px;height:52px;background:#3fb150;color:#fff;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.25s;font-size:11px;line-height:1.2;text-align:center;}
.tb-item:hover{background:#1a7140;}
.tb-item svg{width:22px;height:22px;margin-bottom:2px;}
.tb-top{background:#444;}

.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;}
.fade-in.in{opacity:1;transform:none;}

.n-banner{position:relative;height:300px;background-size:cover;background-position:center;}
.n-banner .mask{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,61,36,.82),rgba(26,113,64,.7));}
.n-banner .n-txt{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;}
.n-banner .n-txt h1{font-size:40px;font-weight:bold;letter-spacing:2px;}
.n-banner .n-txt p{font-size:16px;letter-spacing:4px;text-transform:uppercase;margin-top:10px;color:#cfe;}
.ntit{background:#f5f5f5;border-bottom:1px solid #eee;}
.ntit .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;}
.ntit .ntt-left h2{font-size:22px;color:#333;padding-left:12px;border-left:4px solid #3fb150;}
.ntit .ntt-left i{display:block;font-size:12px;color:#999;letter-spacing:2px;font-style:normal;text-transform:uppercase;padding-left:12px;margin-top:2px;}
.ntit .weiz{font-size:13px;color:#888;}
.ntit .weiz a:hover{color:#3fb150;}
.ntit .weiz .cur{color:#3fb150;}

.page-wrap{padding:36px 0 60px;background:#fff;}
.page-wrap .wrap{display:flex;gap:30px;align-items:flex-start;}
.lr-side{flex:0 0 230px;}
.side-box{background:#fff;border:1px solid #eee;border-radius:4px;margin-bottom:20px;overflow:hidden;}
.side-h3{background:#3fb150;color:#fff;font-size:17px;padding:14px 20px;}
.side-cats a{display:block;padding:12px 20px;color:#666;font-size:14px;border-bottom:1px solid #f2f2f2;}
.side-cats a:last-child{border-bottom:0;}
.side-cats a:hover,.side-cats a.on{color:#fff;background:#1a7140;padding-left:26px;}
.side-cats a span{float:right;color:#bbb;}
.side-contact{padding:18px 20px;background:#fff;}
.side-contact .sc-tel{color:#3fb150;font-size:24px;font-family:Arial;font-weight:bold;}
.side-contact p{color:#888;font-size:13px;line-height:22px;margin-top:8px;}
.side-contact p svg{width:15px;height:15px;color:#3fb150;vertical-align:middle;margin-right:5px;}
.lr-main{flex:1;min-width:0;}

.cat-bar{margin-bottom:24px;text-align:center;}
.cat-bar a{display:inline-block;padding:7px 20px;margin:0 4px 8px;border:1px solid #ddd;border-radius:20px;font-size:14px;color:#666;}
.cat-bar a:hover,.cat-bar a.on{background:#3fb150;color:#fff;border-color:#3fb150;}

.pager{text-align:center;padding:30px 0 4px;}
.pager a,.pager span{display:inline-block;min-width:36px;height:36px;line-height:34px;padding:0 12px;margin:0 3px;border:1px solid #edebeb;color:#666;font-size:14px;}
.pager a:hover,.pager .hover,.pager .on{background:#3fb150;color:#fff;border-color:#3fb150;}

.pl-main .pro-item{margin-bottom:0;}

.pd-top{display:flex;gap:36px;align-items:flex-start;margin-bottom:36px;}
.pd-gallery{flex:0 0 44%;}
.pd-gallery img{width:100%;height:360px;object-fit:cover;border-radius:4px;}
.pd-info{flex:1;min-width:0;}
.pd-cat{display:inline-block;background:#eef7ef;color:#3fb150;font-size:13px;padding:3px 12px;border-radius:12px;margin-bottom:12px;}
.pd-info h1{font-size:26px;color:#333;margin-bottom:14px;}
.pd-brief{color:#666;line-height:26px;margin-bottom:18px;}
.pd-params{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px;}
.pd-params td{border:1px solid #eee;padding:9px 14px;}
.pd-params td:nth-child(odd){background:#f8f8f8;color:#666;width:96px;}
.pd-quote{display:inline-block;background:#3fb150;color:#fff;padding:11px 30px;border-radius:4px;font-size:15px;}
.pd-quote:hover{background:#1a7140;}
.pd-block{margin-bottom:34px;}
.pd-block h3{font-size:18px;color:#333;padding-left:14px;border-left:4px solid #3fb150;margin-bottom:16px;}
.pd-block .pd-p{color:#555;line-height:28px;margin-bottom:12px;text-indent:2em;}
.pd-feat{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 30px;list-style:none;}
.pd-feat li{display:flex;align-items:flex-start;gap:10px;color:#555;}
.pd-feat svg{width:20px;height:20px;color:#3fb150;flex-shrink:0;margin-top:3px;}
.pd-feat b{color:#333;margin-right:6px;}
.relate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.relate-grid .pro-item .pic{height:150px;}
.relate-grid .pro-item h3{font-size:14px;height:42px;line-height:42px;padding:0 12px;}
.pagef{display:flex;justify-content:space-between;border-top:1px solid #eee;padding-top:18px;margin-top:30px;gap:14px;}
.pagef a{color:#666;font-size:14px;}
.pagef a:hover{color:#3fb150;}

.nl-list .nl-item{display:flex;gap:22px;border:1px solid #eee;padding:22px;margin-bottom:18px;transition:.2s;border-radius:4px;}
.nl-list .nl-item:hover{border-color:#3fb150;box-shadow:0 8px 20px rgba(0,0,0,.07);}
.nl-list .nl-pic{flex:0 0 250px;height:165px;overflow:hidden;border-radius:3px;}
.nl-list .nl-pic img{width:100%;height:100%;object-fit:cover;}
.nl-body{flex:1;min-width:0;}
.nl-meta{font-size:13px;color:#999;margin-bottom:8px;}
.nl-meta .nl-cat{display:inline-block;background:#eef7ef;color:#3fb150;font-size:12px;padding:2px 9px;border-radius:10px;margin-right:10px;}
.nl-body h3{font-size:18px;color:#333;}
.nl-body h3:hover{color:#3fb150;}
.nl-body p{color:#666;line-height:24px;margin-top:8px;height:72px;overflow:hidden;}
.nl-more{display:inline-block;margin-top:10px;color:#3fb150;font-size:13px;}

.article{padding:6px 0 20px;}
.article h1{text-align:center;font-size:26px;color:#333;margin-bottom:14px;}
.article .a-meta{text-align:center;color:#999;font-size:13px;padding-bottom:18px;border-bottom:1px solid #eee;margin-bottom:24px;}
.article .a-meta span{margin:0 12px;}
.article .a-meta .a-cat{color:#3fb150;}
.article .a-p{color:#444;line-height:30px;margin-bottom:18px;text-indent:2em;font-size:15px;}
.article .a-fig{margin:22px 0;text-align:center;}
.article .a-fig img{width:100%;max-height:440px;object-fit:cover;border-radius:4px;margin:0 auto;}
.article .a-fig p{color:#999;font-size:13px;margin-top:8px;text-indent:0;}

.about-intro{display:flex;gap:40px;align-items:center;margin-bottom:50px;}
.about-intro .ai-pic{flex:0 0 46%;}
.about-intro .ai-pic img{width:100%;height:330px;object-fit:cover;border-radius:4px;}
.about-intro .ai-txt h3{font-size:24px;color:#333;padding-left:14px;border-left:4px solid #3fb150;margin-bottom:16px;}
.about-intro .ai-txt p{color:#666;line-height:28px;margin-bottom:14px;text-indent:2em;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:#1a7140;color:#fff;border-radius:6px;padding:34px 20px;margin-bottom:50px;}
.about-stats .as-item{text-align:center;}
.about-stats .as-num{font-size:42px;font-family:Arial;font-weight:bold;color:#fff;}
.about-stats .as-num small{font-size:20px;}
.about-stats .as-label{font-size:14px;color:#cfe;margin-top:6px;}
.timeline{position:relative;margin-bottom:50px;padding-left:24px;}
.timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#3fb150;}
.tl-node{position:relative;padding:0 0 26px 26px;}
.tl-node::before{content:"";position:absolute;left:-23px;top:4px;width:14px;height:14px;border-radius:50%;background:#3fb150;border:3px solid #fff;box-shadow:0 0 0 2px #3fb150;}
.tl-node .tl-year{font-size:20px;font-weight:bold;color:#3fb150;font-family:Arial;}
.tl-node .tl-text{color:#666;line-height:26px;margin-top:4px;}
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:50px;}
.culture-item{background:#f8f8f8;border-top:3px solid #3fb150;border-radius:4px;padding:32px 26px;text-align:center;}
.culture-item .c-ico{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:#eef7ef;color:#3fb150;display:flex;align-items:center;justify-content:center;}
.culture-item .c-ico svg{width:30px;height:30px;}
.culture-item h4{font-size:20px;color:#333;}
.culture-item .c-en{font-size:12px;color:#999;letter-spacing:2px;text-transform:uppercase;margin:4px 0 12px;}
.culture-item p{color:#666;line-height:26px;}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px;}
.team-item{text-align:center;}
.team-item .t-pic{width:100%;height:230px;overflow:hidden;border-radius:4px;margin-bottom:14px;}
.team-item .t-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.team-item:hover .t-pic img{transform:scale(1.05);}
.team-item h4{font-size:18px;color:#333;}
.team-item p{color:#999;font-size:13px;margin-top:4px;}

.cinfo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:40px;}
.cinfo-item{background:#f8f8f8;padding:30px 22px;border-radius:4px;text-align:center;transition:.3s;border-top:3px solid transparent;}
.cinfo-item:hover{background:#3fb150;color:#fff;border-top-color:#1a7140;transform:translateY(-4px);}
.cinfo-item:hover h4,.cinfo-item:hover p{color:#fff;}
.cinfo-item .ci-ico{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#fff;color:#3fb150;display:flex;align-items:center;justify-content:center;}
.cinfo-item .ci-ico svg{width:28px;height:28px;}
.cinfo-item h4{font-size:17px;color:#333;}
.cinfo-item p{color:#666;font-size:14px;line-height:24px;margin-top:8px;word-break:break-all;}
.cform{background:#f8f8f8;padding:34px;border-radius:4px;}
.cform h3{font-size:20px;color:#333;padding-left:12px;border-left:4px solid #3fb150;margin-bottom:20px;}
.cform .mf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cform label{display:block;font-size:13px;color:#666;margin-bottom:6px;}
.cform .mf-input{width:100%;height:42px;border:1px solid #ddd;border-radius:3px;padding:0 14px;font-size:14px;background:#fff;}
.cform .mf-full{grid-column:1 / -1;}
.cform .mf-textarea{width:100%;height:120px;border:1px solid #ddd;border-radius:3px;padding:12px 14px;font-size:14px;background:#fff;resize:vertical;}
.cform .mf-submit{margin-top:8px;background:#3fb150;color:#fff;border:0;padding:12px 40px;border-radius:3px;font-size:15px;cursor:pointer;}
.cform .mf-submit:hover{background:#1a7140;}

.logo-txt{}.lot-wel{}.lot-r{}.step-piece{}.case-track{}.nb-track{}.news-box{}.txt-list{}.tl-body{}.side-cats{}.foot-col{}.foot-about{}.foot-nav{}.foot-pro{}.foot-contact{}.lr-side{}.lr-main{}.pl-main{}.pd-info{}.relate-grid{}.nl-body{}.about-intro{}.timeline{}.culture-grid{}.team-grid{}.cinfo-grid{}.pat-grid{}.adv-grid{}.step-ico{}.adv-ico{}.pat-txt{}.step-flow{}.case-viewport{}.nb-viewport{}
.h-viewport{}.h-track{}.h-prev{}.h-next{}.h-dots{}

@media(max-width:1200px){
  .step-flow{flex-wrap:wrap;justify-content:center;gap:16px;}
  .step-arrow{display:none;}
  .step-li{flex:0 0 calc(33.333% - 12px);max-width:240px;}
  .step-piece{width:100%;}
}
@media(max-width:1024px){
  .pro-grid{grid-template-columns:repeat(2,1fr);}
  .case-item{flex:0 0 calc((100% - 24px) / 2);}
  .foot-main .wrap{grid-template-columns:1fr 1fr;}
  .news-row{flex-direction:column;}
  .news-box{flex:0 0 100%;width:100%;}
  .nb-slide,.nb-slide .pic{width:100%;}
  .relate-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  body{font-size:13px;}
  .wrap{width:94%;}
  .lotbox{display:none;}
  .menubox .wrap{height:64px;}
  .logo .logo-name{font-size:17px;}
  .logo .logo-en{font-size:9px;}
  .logo .logo-ico{width:42px;height:26px;}
  .nav{position:fixed;top:0;right:-100%;width:78%;max-width:320px;height:100vh;background:#1d1e22;padding:70px 0 30px;transition:right .3s;z-index:300;overflow-y:auto;margin-left:0;}
  .nav.open{right:0;}
  .nav > ul{flex-direction:column;align-items:stretch;gap:0;}
  .nav > ul > li > a{border:0;border-bottom:1px solid #2a2b30;border-radius:0;height:48px;line-height:48px;color:#eee;text-align:left;padding:0 24px;}
  .nav .subnav{position:static;transform:none;background:#171819;box-shadow:none;border-top:0;opacity:1;visibility:visible;min-width:0;padding:0;display:none;}
  .nav li.open .subnav{display:block;}
  .nav .subnav a{padding:12px 40px;color:#999;}
  .m-btn{display:block;margin-left:auto;}
  .banner-stage{height:300px;}
  .banner-txt h2{font-size:26px;}
  .banner-txt p{font-size:14px;}
  .banner-btn{display:none;}
  .sec-hd h3{font-size:23px;}
  .sec-hd p{font-size:13px;}
  .pro-grid{grid-template-columns:1fr;}
  .pro-item .pic{height:200px;}
  .adv-grid{grid-template-columns:1fr;}
  .xunpan .bigtxt{font-size:22px;}
  .xunpan .tel{font-size:18px;}
  .step-flow{flex-direction:column;align-items:center;gap:14px;}
  .step-li{flex:0 0 auto;width:100%;max-width:260px;}
  .step-piece{width:100%;}
  .case-item{flex:0 0 100%;}
  .case-carousel{padding:0;}
  .pat-grid{grid-template-columns:1fr;}
  .news-row{flex-direction:column;}
  .txt-list{width:100%;}
  .tl-item{flex-direction:column;align-items:flex-start;}
  .tl-time{border-right:0;border-bottom:1px solid #ddd;padding:0 0 8px;margin:0 0 8px;display:flex;align-items:baseline;gap:8px;width:100%;}
  .tl-time b{font-size:28px;}
  .foot-main .wrap{grid-template-columns:1fr;}
  .toolbar{display:none;}
  .n-banner{height:200px;}
  .n-banner .n-txt h1{font-size:26px;}
  .page-wrap .wrap{flex-direction:column;}
  .lr-side{flex:0 0 auto;width:100%;}
  .pd-top{flex-direction:column;}
  .pd-gallery{flex:0 0 auto;}
  .pd-gallery img{height:260px;}
  .pd-feat,.relate-grid{grid-template-columns:1fr 1fr;}
  .nl-list .nl-item{flex-direction:column;}
  .nl-list .nl-pic{flex:0 0 auto;width:100%;height:200px;}
  .about-intro{flex-direction:column;}
  .about-intro .ai-pic{flex:0 0 auto;width:100%;}
  .about-stats{grid-template-columns:1fr 1fr;}
  .culture-grid,.team-grid{grid-template-columns:1fr;}
  .cinfo-grid{grid-template-columns:1fr 1fr;}
  .cform .mf-grid{grid-template-columns:1fr;}
  .imenu a{padding:0 12px;font-size:13px;}
  .xunpan .wrap{gap:16px;}
}