/* ===== 金景园林 CMS 响应式样式（原版风格还原） ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"microsoft yahei",'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.8;color:#333;background:#fff;overflow-x:hidden}
ul,ol,li{list-style:none}
img{border:0;max-width:100%;height:auto;display:block}
a{color:#333;text-decoration:none;transition:color .2s}
a:hover{color:#009845}
h1,h2,h3,h4{font-weight:normal}
em,i{font-style:normal}
.fl{float:left}.fr{float:right}
.wrap{max-width:1200px;margin:0 auto;padding:0 15px}
.clearfix::after{content:"";display:block;clear:both}
.green{color:#009845}

/* ===== 顶部灰色栏（header_main） ===== */
.header_main{width:100%;position:relative;z-index:999;background:#595959;height:30px;line-height:30px;font-size:12px;color:#b8b8b8}
.header_main .header{position:relative;height:30px;overflow:hidden}
.header_main .welcome{color:#b8b8b8}
.header_main .ksdh{color:#b8b8b8}
.header_main .ksdh li{display:inline-block;color:#b8b8b8;line-height:30px;position:relative;vertical-align:top}
.header_main .ksdh li a{display:inline-block;color:#b8b8b8}
.header_main .ksdh li a:hover{color:#009b4c}
/* 原版通用 .icon 类 —— 所有小图标共享 */
.icon{vertical-align:middle;background:url(../img/icon.png) no-repeat;display:inline-block}
/* 原版头部导航联系我们图标：小手机 icon.png -60px 0 */
.header_main .ksdh .lxwm s.icon{background-position:-60px 0;width:18px;height:18px;margin-right:5px}
/* 原版头部导航微信图标：icon.png 0 0 */
.header_main .ksdh .mobile s.icon{background-position:0 0;width:18px;height:18px;margin-right:5px}
.header_main li .imgbox{opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0);position:absolute;background:#fff;border-radius:5px;padding:10px;top:30px;left:-15px;box-shadow:0 2px 20px rgba(0,0,0,.1);width:160px;z-index:1000}
.header_main li:hover .imgbox{opacity:1;visibility:visible;transform:translate3d(0,0,0)}
.header_main .imgbox img{width:140px;height:140px;display:block;margin:0 auto}
.header_main .imgbox p{font-size:14px;line-height:20px;color:#666;text-align:center}
.header_main .imgbox p b{display:block;font-size:13px;font-weight:normal;line-height:20px}

/* ===== 头部区域（top_main）—— 严格对齐原版，不要重复 slogan/tel-label ===== */
.top_main{width:100%;background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.1);position:relative;z-index:10}
.top_main .top{padding-top:10px;padding-bottom:10px}
/* 原版只有左logo + 右webtel，没有logo-group/site-slogan（重复了logo图片上已有的字） */
.top_main .logo-group{display:none}
.top_main .site-slogan{display:none}
.top_main .logo{display:block}
.top_main .logo a{display:block}
.top_main .logo img{display:block;max-width:100%;width:auto;height:auto}
/* 原版 webtel：padding-top 20px；span.icon 32x32（bg 0 -30）+ mr 8px；b 40px 绿 #009b4c；没有tel-label/全国咨询热线那一行字 */
.top_main .webtel{padding-top:20px;text-align:right;float:right}
.top_main .webtel .tel-txt{display:none}
.top_main .webtel .icon{width:32px;height:32px;display:inline-block;margin-right:8px;background:url(../img/icon.png) no-repeat;background-position:0 -30px;vertical-align:middle}
.top_main .webtel b{font-size:40px;color:#009b4c;display:inline-block;font-family:"AvantGardeITVbyBT Book", arial;line-height:40px;vertical-align:middle;font-weight:bold;margin:0;padding:0}

/* ===== 主导航 —— 原版单排绿色横条 + line2.png竖分割线 + 选中/hover黄色胶囊（不要错落！） ===== */
.pcnav{width:100%;background:#009845;height:52px}
.nav-toggle{display:none;position:absolute;right:15px;top:25px;font-size:28px;background:none;border:0;color:#009845;cursor:pointer;z-index:100}
.top_main .nav{height:52px;line-height:52px;position:relative}
.top_main .nav .navlist{display:block;position:relative;margin:0;padding:0;height:52px}
.top_main .nav .navlist::after{content:"";clear:both;display:block}
/* 9个栏目宽度 = 1200 / 9 ≈ 133px，使用table化等分实现原版均匀分布，避免float换行；padding配合line2.png竖分割线 */
.top_main .nav li{float:left;width:11.11%;height:52px;line-height:52px;list-style:none;font-size:16px;text-align:center;position:relative;margin:0;padding:0;background:url(../img/line2.png) right center no-repeat}
.top_main .nav li:last-child{background:none}
.top_main .nav li a{display:block;width:auto;height:52px;line-height:52px;color:#fff;text-align:center;margin:0;padding:0;border:0;background:none;text-decoration:none;position:relative;transition:none}
/* 选中/hover 黄色胶囊（仅a内圆角，不改变高度/不做错落）*/
.top_main .nav li.hover a, .top_main .nav li.cur a, .top_main .nav li a:hover{background:#e1b20a;color:#fff;font-weight:normal;border-radius:30px;height:34px;line-height:34px;margin:9px 8px 0 8px}

/* 二级下拉菜单 - 带动画阴影 */
.top_main .nav li .subnav{background:#fff;border-top:2px solid #63b670;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);height:auto;left:0;overflow:hidden;position:absolute;top:100%;width:100%;z-index:199;opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0)}
.top_main .nav li:hover .subnav, .top_main .nav li.has-sub.open .subnav{opacity:1;visibility:visible;transform:translate3d(0,0,0)}
.top_main .nav li .subnav a{border-radius:0;color:#666;display:block;font-size:14px;font-weight:500;line-height:42px;height:42px;transition:all .2s;width:100%;border-bottom:1px solid #eee;background:#fff;text-align:left;padding:0 15px;white-space:nowrap}
.top_main .nav li .subnav a:hover{color:#63b670;background:#f9f9f9;text-indent:10px}

/* ===== Banner ===== */
.banner{position:relative;overflow:hidden;background:#eee}
.banner-list{display:flex;transition:transform .5s}
.banner-item{flex:0 0 100%;position:relative}
.banner-item img{width:100%;max-height:520px;object-fit:cover}
.banner-dots{position:absolute;bottom:15px;left:0;right:0;text-align:center;z-index:5}
.banner-dots span{display:inline-block;width:12px;height:12px;margin:0 5px;background:rgba(255,255,255,.6);border-radius:50%;cursor:pointer}
.banner-dots span.active{background:#009845}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:60px;background:rgba(0,0,0,.3);color:#fff;font-size:36px;line-height:60px;text-align:center;z-index:5;cursor:pointer}
.banner-arrow.prev{left:10px}.banner-arrow.next{right:10px}
.banner-arrow:hover{background:rgba(0,152,69,.7)}

/* ===== 通用板块 ===== */
.sec{padding:50px 0}
.sec-hd{text-align:center;margin-bottom:35px}
.sec-hd h2{font-size:30px;color:#333;font-weight:bold;position:relative;display:inline-block;padding:0 30px}
.sec-hd h2::before,.sec-hd h2::after{content:"";position:absolute;top:50%;width:20px;height:2px;background:#009845}
.sec-hd h2::before{left:0}.sec-hd h2::after{right:0}
.sec-hd p{color:#999;font-size:14px;margin-top:8px}
.sec-more{text-align:center;margin-top:25px}
.sec-more a{display:inline-block;padding:8px 30px;border:1px solid #009845;color:#009845;border-radius:20px;font-size:13px}
.sec-more a:hover{background:#009845;color:#fff}
.sec-more.al{text-align:left}

/* 服务网格 */
.svc-grid{display:flex;flex-wrap:wrap;gap:15px}
.svc-item{flex:1;min-width:150px;background:#fff;border:1px solid #eee;overflow:hidden;text-align:center}
.svc-item:hover{border-color:#009845;box-shadow:0 4px 15px rgba(0,152,69,.15)}
.svc-img{height:160px;overflow:hidden}
.svc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.svc-item:hover .svc-img img{transform:scale(1.08)}
.svc-item h3{font-size:16px;padding:12px 0}

/* ===== 咨询条 —— 完全同步原版 ===== */
.xunpan{width:100%;background:url(../img/xunpan.jpg) no-repeat center top;height:200px;color:#fff}
.xunpan .wrap{max-width:1200px;margin:0 auto;height:200px;position:relative;padding:0 15px}
.xunpan .xp-img,.xunpan .img{width:355px;height:250px;display:block;position:absolute;left:0;bottom:0;overflow:hidden}
.xunpan .xp-img img,.xunpan .img img{width:100%;height:100%;display:block}
.xunpan .zixun{width:668px;margin-top:30px;text-align:center;height:132px;background:url(../img/kuang.png) no-repeat;float:right}
.xunpan .zixun .tit{font-size:36px;line-height:36px;padding-top:14px;padding-bottom:18px;color:#fff;font-weight:bold;font-family:"microsoft yahei"}
.xunpan .zixun .tit .en{font-size:13px;text-transform:uppercase;letter-spacing:1px;line-height:21px;display:block;margin-top:6px;font-weight:normal}
.xunpan .zixun .tel,.xunpan .tel{font-size:36px;color:#fff;font-family:"AvantGardeITVbyBT Book",Arial;font-weight:bold}
.xunpan .zixun .tel em,.xunpan .tel em{display:inline-block;width:34px;height:34px;background:url(../img/icon.png) no-repeat 0 -70px;margin-right:10px;vertical-align:middle}
.xunpan .zixun .tel a,.xunpan .tel a{display:inline-block;width:112px;height:27px;line-height:27px;text-align:center;background:url(../img/icon.png) no-repeat -165px 0;font-size:14px;font-weight:bold;color:#fff;margin-left:12px;vertical-align:middle}
.xunpan .zixun .tel a:hover,.xunpan .tel a:hover{background-position:-165px -34px;color:#fff}

/* ===== 服务优势 —— 原版交错排版（完全对齐 127.0.0.1:8881） ===== */
.sec-adv{background:#fff;padding:50px 0 0}
.youshi .item{padding-bottom:60px;position:relative;padding-top:33px}
.youshi .item .tit{width:194px;position:relative}
.youshi .item .tit img{width:170px;height:330px;display:block}
.youshi .item .txt{padding-top:78px;width:502px;transition:all ease 300ms}
.youshi .item .txt h2{font-size:30px;font-weight:bold;color:#009b4c;line-height:32px}
.youshi .item .txt h4{display:block;line-height:20px;margin-top:10px;color:#333;font-size:15px}
.youshi .item .txt .desc{padding-top:20px;color:#666;font-size:14px;line-height:1.8}
.youshi .item .img{position:absolute;right:-80px;top:0}
.youshi .item .img img{max-width:530px;display:block}
/* it2 交错：整体左移 490px，图片贴左侧 */
.youshi .item.it2{padding-left:490px}
.youshi .item.it2 .img{right:auto;left:0}
/* hover 文字上移动画 */
.youshi .item:hover .txt{transform:translate3d(0,-6px,0)}

/* ===== 服务流程 —— 对齐原版绿色横条样式（Flex精确分配宽度防换行） ===== */
.sec-flow{width:100%;background:url(../img/liuc_bg.jpg) repeat center top;height:150px;color:#fff;position:relative;z-index:1}
/* 加 body .sec-flow 提升权重，确保 display:flex 不被覆盖 */
body .sec-flow .floor-3{width:1200px;max-width:100%;margin:0 auto;height:150px;padding:0 !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}
/* 左侧标题区 —— 固定280px，右边框竖线 */
body .sec-flow .title2{-webkit-flex:0 0 280px;flex:0 0 280px;width:280px;height:78px;border-right:1px solid #33a169;margin-top:38px;color:#fff;float:none}
body .sec-flow .title2 h3{font-size:26px;color:#fff;font-weight:bold;margin:0;line-height:1}
body .sec-flow .title2 h3 i{font-size:18px;display:inline-block;font-style:normal;font-weight:normal;margin-left:6px;opacity:.9}
/* 黄经理号码 —— 从原版30px缩小为22px，防换行 + span包裹避免被toolbar .slide-tel overflow:hidden截断 */
body .sec-flow .title2 p.flow-tel{font-size:22px;font-family:"AvantGardeITVbyBT Book",arial;padding-top:16px;line-height:1;color:#fff;font-weight:bold;margin:0;white-space:nowrap;overflow:visible !important}
body .sec-flow .title2 p.flow-tel em.flow-tel-icon{width:26px;height:28px;display:inline-block;background:url(../img/icon.png) no-repeat;background-position:0 -110px;margin-right:12px;vertical-align:middle}
body .sec-flow .title2 p.flow-tel span{display:inline;line-height:1;overflow:visible}
/* 右侧流程列表 —— flex:1 填满剩余宽度（1200-280-1 border=919px可用），7 li 固定宽度126px保证单行 */
body .sec-flow .liuc{-webkit-flex:1;flex:1;overflow:visible;padding:38px 0 0 24px;color:#fff;min-width:0;float:none;box-sizing:border-box}
body .sec-flow .liuc .list{width:100%;margin:0;padding:0;list-style:none;display:-webkit-flex !important;display:flex !important;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}
body .sec-flow .liuc li{-webkit-flex:0 0 126px;flex:0 0 126px;width:126px;list-style:none;margin:0;padding:0;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;float:none;-webkit-flex-shrink:0;flex-shrink:0}
body .sec-flow .liuc li p{-webkit-flex:0 0 auto;flex:0 0 auto;width:80px;text-align:center;font-size:16px;color:#fff;line-height:1.3;-webkit-transition:all ease 300ms;transition:all ease 300ms;margin:0;padding:0;display:block;box-sizing:border-box}
body .sec-flow .liuc li p img{max-width:100%;display:block;margin:0 auto 12px;height:44px}
body .sec-flow .liuc li .jt{-webkit-flex:0 0 34px;flex:0 0 34px;width:34px;height:44px;background:url(../img/jtou1.png) no-repeat center;background-size:100% auto;margin-top:10px;-webkit-flex-shrink:0;flex-shrink:0}
/* 第7项无jt：HTML条件已控制无此元素，加CSS保险 */
body .sec-flow .liuc li:last-child .jt{display:none}
body .sec-flow .liuc li:hover p{animation:flipInY 1.2s ease-out forwards;-webkit-animation:flipInY 1.2s ease-out forwards}

/* 案例滚动 */
.case-wrap{position:relative}
.case-scroll{display:flex;gap:15px;overflow-x:auto;padding:6px 60px 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.case-scroll::-webkit-scrollbar{display:none}
.case-scroll{scrollbar-width:none}
.case-item{flex:0 0 220px}
.case-item img{width:220px;height:160px;object-fit:cover}
.case-item p{text-align:center;padding:8px 0;font-size:14px}
.case-item:hover p{color:#009845}
/* 滚动左右箭头 */
.scroll-btn{position:absolute;top:45%;transform:translateY(-50%);width:36px;height:36px;line-height:34px;text-align:center;background:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;font-size:18px;color:#333;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:2;user-select:none}
.scroll-btn:hover{background:#009845;color:#fff;border-color:#009845}
.scroll-btn.prev{left:6px}
.scroll-btn.next{right:6px}
.scroll-btn.disabled{opacity:.35;cursor:default}
.scroll-btn.disabled:hover{background:#fff;color:#333;border-color:#ddd}

/* 产品网格 */
.prod-grid{display:flex;flex-wrap:wrap;gap:20px}
.prod-item{flex:1;min-width:240px;max-width:300px}
.prod-img{height:240px;overflow:hidden;border:1px solid #eee}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.prod-item:hover .prod-img img{transform:scale(1.08)}
.prod-item h3{text-align:center;padding:12px 0;font-size:16px}
.prod-item:hover h3{color:#009845}

/* 关于我们 */
.sec-about{background:#f7f7f7}
.about-l{float:left;width:48%}
.about-l .about-txt{color:#666;line-height:2;font-size:14px;margin:20px 0}
.about-r{float:right;width:48%;position:relative}
.honor-scroll{display:flex;gap:10px;overflow-x:auto;padding:6px 50px 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.honor-scroll::-webkit-scrollbar{display:none}
.honor-scroll{scrollbar-width:none}
.honor-item{flex:0 0 160px}
.honor-item img{width:160px;height:210px;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.honor-item:hover img{border-color:#009845}

/* 新闻 */
.sec-news{background:#fff}
.news-grid{display:flex;flex-wrap:wrap;gap:20px}
.news-item{flex:1;min-width:280px;padding:20px;background:#f9f9f9;border-left:3px solid #009845}
.news-item h3{font-size:16px;margin-bottom:8px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-item p{color:#999;font-size:13px;line-height:1.6;margin-bottom:8px}
.news-date{color:#bbb;font-size:12px}

/* 内页 banner —— 同步原版高度250px + 右侧半透明标题横条 + 下方30px间距 */
.page-banner{position:relative;width:100%;height:250px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}
.page-banner .wrap{position:relative;height:100%}
.page-banner .banner-box{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);min-width:300px;padding:18px 50px 22px;background:rgba(20,20,20,.45);text-align:center;color:#fff;z-index:2}
.page-banner .banner-box h2{font-size:38px;font-weight:bold;margin:0;letter-spacing:3px;color:#fff;text-shadow:none;line-height:1.3}
.page-banner .banner-box .line{display:block;width:60%;height:2px;background:#fff;margin:10px auto}
.page-banner .banner-box .en{font-size:18px;letter-spacing:4px;text-transform:uppercase;opacity:.95;line-height:1.2}
/* banner 下方间距 —— 对应原版 .wrapper { padding:30px 0 } */
.page-banner + .wrap{padding-top:30px}
.page-banner + div.wrap > .crumbs{margin-bottom:20px}

/* 面包屑 */
.crumbs{padding:15px 0;color:#999;font-size:13px;border-bottom:1px solid #eee;margin-bottom:20px}
.crumbs a{color:#999}.crumbs a:hover{color:#009845}

/* 侧栏 */
.sidebar{float:left;width:240px;margin-right:30px}
.side-hd{background:#009845;color:#fff;font-size:18px;padding:15px;text-align:center}
.side-nav{border:1px solid #eee;border-top:0}
.side-nav li a{display:block;padding:13px 20px;border-bottom:1px solid #eee;color:#666}
.side-nav li a:hover,.side-nav li a.cur{color:#009845;background:#f5fcf5;padding-left:25px}
.side-contact{text-align:center;background:#f7f7f7;padding:20px;margin-top:20px}
.side-contact p{color:#999;font-size:13px}
.side-contact b{font-size:22px;color:#009845}
.content{overflow:hidden;min-height:400px}

/* 列表网格 */
.list-grid{display:flex;flex-wrap:wrap;gap:20px}
.lg-item{flex:1;min-width:240px;max-width:280px}
.lg-img{height:200px;overflow:hidden;border:1px solid #eee}
.lg-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.lg-item:hover .lg-img img{transform:scale(1.08)}
.lg-item h3{text-align:center;padding:10px 0;font-size:15px}
.lg-item:hover h3{color:#009845}
.list-news li{padding:20px 0;border-bottom:1px dashed #eee;display:flex;gap:20px}
.ln-img{flex:0 0 180px;width:180px;height:130px;overflow:hidden}
.ln-img img{width:100%;height:100%;object-fit:cover}
.ln-txt{flex:1}
.ln-txt h3{font-size:16px;color:#333;margin-bottom:8px}
.ln-txt p{color:#999;font-size:13px;line-height:1.6}
.ln-meta{color:#bbb;font-size:12px;display:block;margin-top:8px}

/* 分页 */
.pagination{text-align:center;padding:30px 0}
.pagination a,.pagination span{display:inline-block;padding:8px 14px;margin:0 3px;border:1px solid #ddd;color:#666;font-size:14px}
.pagination a:hover,.pagination span.cur{background:#009845;color:#fff;border-color:#009845}

/* 详情页 */
.show-wrap{padding-bottom:40px}
.show-title{text-align:center;font-size:26px;color:#333;padding:20px 0 10px}
.show-meta{text-align:center;color:#999;font-size:13px;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:25px}
.show-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;justify-content:center}
.gal-item{flex:0 0 auto}
.gal-item img{max-height:400px;border:1px solid #eee}
.show-content{line-height:2;color:#444;font-size:15px}
.show-content p{margin-bottom:15px}
.show-content img{max-width:100%;height:auto;margin:10px auto;display:block}
.show-nav{border-top:1px solid #eee;padding-top:20px;margin-top:30px}
.show-nav a{display:inline-block;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}

/* 单页 */
.single-content{line-height:2;color:#444;font-size:15px;min-height:300px}
.single-content p{margin-bottom:15px}
.single-content img{max-width:100%;margin:15px auto}

/* 联系页 */
.contact-box{padding:20px 0}
.contact-info{float:left;width:45%}
.contact-info h2{font-size:24px;color:#009845;margin-bottom:20px}
.contact-info p{font-size:15px;color:#666;margin-bottom:12px}
.contact-map{float:right;width:50%}

/* 留言 */
.msg-wrap{max-width:600px;margin:0 auto;padding:20px 0 50px}
.msg-tip{text-align:center;color:#999;margin-bottom:25px;font-size:15px}
.msg-ok{background:#e8f7e8;border:1px solid #009845;color:#009845;padding:12px;text-align:center;margin-bottom:20px;border-radius:4px}
.mf-row{margin-bottom:18px}
.mf-row label{display:block;margin-bottom:6px;color:#666;font-size:14px}
.mf-row input,.mf-row textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}
.mf-row input:focus,.mf-row textarea:focus{border-color:#009845;outline:none}
.btn-submit{background:#009845;color:#fff;border:0;padding:12px 40px;border-radius:4px;font-size:15px;cursor:pointer;width:100%}
.btn-submit:hover{background:#00803a}

/* 页脚 */
.footer{background:#2d2d2d;color:#999;padding:40px 0 20px}
.footer a{color:#999}
.ft-left{float:left;width:60%}
.ft-left h3{color:#fff;font-size:18px;margin-bottom:15px}
.ft-left p{line-height:2;font-size:13px}
.ft-left .copy{margin-top:15px;color:#666;font-size:12px}
.ft-right{float:right;text-align:center}
.qr img{width:130px;height:130px;margin:0 auto;border:5px solid #fff}
.qr p{font-size:12px;margin-top:8px}

/* 浮动工具条 - 原版圆形风格（逐行对齐127.0.0.1:8881原版style.css:2558-2691） */
.toolbar{width:52px;position:fixed;right:1%;top:44%;z-index:999}
.toolbar dd{width:51px;height:51px;position:relative;-webkit-border-radius:100%;border-radius:100%;margin-top:4px!important;margin-bottom:1px!important;margin-left:0!important;margin-right:0!important;border:#ebebeb solid 1px;background-color:#fff;padding:0}
.toolbar dd i{width:51px;height:51px;display:block;position:absolute;left:0;top:0;cursor:pointer;text-align:center;-webkit-border-radius:100%;border-radius:100%}
.toolbar dd i span{width:35px;height:35px;display:block;margin:8px 0 0 8px;background:url(../img/rightfixicon.png) no-repeat 0 0}
.toolbar dd.gottop{display:none}
.toolbar .slide-tel{display:block;box-sizing:content-box;width:0!important;min-width:0;max-width:none;height:53px;line-height:53px;font-size:24px;font-weight:bold;font-family:arial;color:#FFF;position:absolute;padding:0 0 0 53px;top:-1px;right:-2px;left:auto;-webkit-border-radius:50px;border-radius:50px;overflow:hidden;transition:width .25s}
.toolbar dd:hover .slide-tel{width:300px!important;background:#009b4c}
.toolbar .pop{position:absolute;right:90px;top:-65px;background:#009b4c;display:none;margin:0;padding:0;list-style:none;width:auto}
.toolbar .pop-code{width:160px}
.toolbar .pop-code img{width:120px;height:120px;display:block;padding:20px 20px 0}
.toolbar .pop-code h3{height:52px;line-height:26px;text-align:center;color:#fff;font-size:16px;font-weight:400;white-space:nowrap;margin:0}
.toolbar .pop-code h3 b{display:block;font-size:14px;font-weight:normal}
.toolbar dd i.tel span{background-position:-35px 0px!important}
.toolbar .qq a{width:52px;height:52px;cursor:pointer;display:block;border-radius:100%}
.toolbar dd.qq:hover, .toolbar dd:nth-child(2):hover{background-color:#009b4c;border-radius:100%}
.toolbar dd i.qq span{background-position:-35px -47px!important}
.toolbar dd.qq:hover i.qq span, .toolbar dd:nth-child(2):hover i span{background-position:0 -47px!important}
.toolbar dd:nth-child(1):hover{background:#009b4c;border-radius:100%}
.toolbar dd:nth-child(1):hover i.tel span{background-position:0 0!important}
.toolbar dd i.code span{background-position:-35px -95px!important}
.toolbar dd.code:hover, .toolbar dd:nth-child(3):hover{background-color:#009b4c;border-radius:100%}
.toolbar dd.code:hover i.code span, .toolbar dd:nth-child(3):hover i span{background-position:0 -95px!important}
.toolbar dd i.top span{background-position:-35px -142px!important}
.toolbar dd.top:hover, .toolbar dd:nth-child(4):hover{background-color:#009b4c;border-radius:100%}
.toolbar dd.top:hover i.top span, .toolbar dd:nth-child(4):hover i span{background-position:0 -142px!important}
.toolbar dd.top a, .toolbar dd.qq a{display:block;width:51px;height:51px;border-radius:100%}
.toolbar dd.code:hover .pop, .toolbar dd:nth-child(3):hover .pop{display:block!important}
#gotop{display:none}

/* 图标用雪碧图替代emoji（头部/页脚小图标） */
.ico-tel{display:inline-block;width:14px;height:14px;background:url(../img/icon.png) no-repeat 0 0;vertical-align:middle;margin-right:4px}
.ico-phone-big{background:url(../img/icon.png) no-repeat 0 -30px}/* 头部大电话已单独定义 */
.ico-addr{display:inline-block;width:14px;height:14px;background:url(../img/icon.png) no-repeat;background-position:-28px -30px;vertical-align:middle;margin-right:4px}
.ico-tel2{display:inline-block;width:14px;height:14px;background:url(../img/icon.png) no-repeat;background-position:0 0;vertical-align:middle;margin-right:4px}
.ico-mail{display:inline-block;width:14px;height:14px;background:url(../img/icon.png) no-repeat;background-position:-14px 0;vertical-align:middle;margin-right:4px}
.ico-time{display:inline-block;width:14px;height:14px;background:url(../img/icon.png) no-repeat;background-position:-28px 0;vertical-align:middle;margin-right:4px}

/* ===== 响应式 ===== */
@media (max-width:1200px){
  .top_main .logo img{max-width:100%;height:auto}
  .top_main .webtel b{font-size:30px;line-height:32px}
  .top_main .nav li{font-size:15px}
}
@media (max-width:1024px){
  .wrap{padding:0 12px}
  .top_main .top{padding:15px 0}
  .top_main .webtel{padding-top:12px}
  .top_main .webtel b{font-size:26px;line-height:28px}
  .top_main .nav li{font-size:14px}
  .xunpan .zixun{width:520px;margin-top:35px}
  .xunpan .zixun .tit{font-size:24px}
  .xunpan .zixun .tel{font-size:24px}
  .xunpan .xp-img, .xunpan .img{width:280px;height:200px}
  .sec-hd h2{font-size:24px}
  .about-l,.about-r{float:none;width:100%}
  .about-r{margin-top:30px}
  .contact-info,.contact-map{float:none;width:100%;margin-bottom:20px}
}
@media (max-width:768px){
  .header_main{display:none}
  .top_main{padding:12px 0}
  .top_main .logo img{max-height:50px}
  .top_main .webtel{display:none}
  .nav-toggle{display:block;line-height:50px;top:20px;color:#fff;background:#009845;border-radius:6px;width:42px;height:42px;line-height:42px;text-align:center}
  .pcnav{display:none;position:absolute;left:0;right:0;top:auto;height:auto;max-height:70vh;overflow-y:auto;line-height:40px;z-index:999}
  .pcnav.open{display:block}
  .top_main .nav{height:auto;line-height:40px}
  .top_main .nav .navlist{height:auto}
  .top_main .nav li{float:none;width:100%;height:auto;padding:0;background:none;margin-top:0 !important}
  .top_main .nav li a{width:auto;text-align:left;padding:0 20px;height:44px;line-height:44px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.15)}
  .top_main .nav li a:hover,.top_main .nav li.hover a,.top_main .nav li.cur a{background:rgba(0,0,0,.15);border-radius:0;height:44px;line-height:44px;margin:0}
  .top_main .nav li .subnav{position:static;display:none;background:rgba(0,0,0,.15);border:none;box-shadow:none;opacity:1;visibility:visible;transform:none}
  .top_main .nav li.has-sub.open .subnav{display:block}
  .top_main .nav li .subnav a{white-space:normal;line-height:40px;height:40px}
  .top_main .nav li.has-sub>a::after{content:" ▾";float:right}
  .banner-item img{max-height:260px}
  .banner-arrow{width:30px;height:40px;font-size:24px;line-height:40px}
  .sec{padding:30px 0}
  .sec-hd{margin-bottom:20px}
  .sec-hd h2{font-size:20px;padding:0 20px}
  .svc-grid{gap:10px}
  .svc-item{min-width:140px}
  .svc-img{height:110px}
  .svc-item h3{font-size:14px;padding:8px 0}
  /* 服务优势移动端：改为垂直堆叠 */
  .sec-adv{padding:30px 0}
  .youshi .item{padding:20px 0 40px;position:static}
  .youshi .item .tit{width:100%;float:none;text-align:center;margin-bottom:10px}
  .youshi .item .tit img{width:100px;height:auto;margin:0 auto}
  .youshi .item .txt{width:100%;padding-top:15px;float:none;text-align:center}
  .youshi .item .txt h2{font-size:22px;line-height:24px}
  .youshi .item .txt h4{font-size:13px;margin-top:6px}
  .youshi .item .txt .desc{padding-top:12px;font-size:13px;line-height:1.7}
  .youshi .item .img{position:static;float:none;margin:15px auto 0;text-align:center}
  .youshi .item .img img{max-width:90%;margin:0 auto}
  .youshi .item.it2{padding-left:0}
  .youshi .item.it2 .img{position:static;left:auto}
  .youshi .item:hover .txt{transform:none}
  /* 服务流程移动端：改为自动高度，垂直排布 */
  .sec-flow{height:auto;padding:20px 0;background-size:cover}
  .sec-flow .floor-3{height:auto}
  .sec-flow .title2{float:none;width:100%;height:auto;border-right:none;margin-top:0;border-bottom:1px solid #33a169;padding-bottom:15px;margin-bottom:15px}
  .sec-flow .title2 h3{font-size:22px;text-align:center}
  .sec-flow .title2 h3 i{font-size:15px}
  .sec-flow .title2 p{font-size:20px;padding-top:12px;text-align:center}
  .sec-flow .title2 p em.flow-tel-icon{margin-right:10px}
  .sec-flow .liuc{float:none;width:100%;padding:0;overflow-x:auto;overflow-y:hidden;padding-bottom:5px}
  .sec-flow .liuc .list{width:max-content;display:flex;flex-wrap:nowrap}
  .sec-flow .liuc li{float:none;flex:0 0 auto;width:auto;display:flex;align-items:center}
  .sec-flow .liuc li p{font-size:14px;width:auto;margin:0 8px}
  .sec-flow .liuc li p img{height:36px;margin:0 auto 6px}
  .sec-flow .liuc li .jt{width:24px;height:32px;background-size:contain}
  .case-item{flex:0 0 160px}
  .case-item img{width:160px;height:110px}
  .prod-grid{gap:12px}
  .prod-item{min-width:45%;max-width:48%}
  .prod-img{height:150px}
  .xunpan{height:140px;background-size:cover;margin:20px 0}
  .xunpan .wrap{height:140px}
  .xunpan .xp-img, .xunpan .img{display:none}
  .xunpan .zixun{width:100%;float:none;height:auto;background:none !important;padding:15px 20px;margin-top:0}
  .xunpan .zixun .tit{font-size:18px;padding:5px 0 8px}
  .xunpan .zixun .tit .en{display:none}
  .xunpan .zixun .tel,.xunpan .tel{font-size:18px}
  .xunpan .zixun .tel a,.xunpan .tel a{width:80px;height:26px;line-height:26px;font-size:12px}
  .sidebar{float:none;width:100%;margin:0 0 20px}
  .side-nav{display:flex;flex-wrap:wrap}
  .side-nav li{flex:1;min-width:80px}
  .side-nav li a{padding:10px;text-align:center;border-bottom:1px solid #eee}
  .content{width:100%}
  .page-banner{height:140px}
  .page-banner .banner-box{min-width:160px;padding:10px 22px 14px;right:0}
  .page-banner .banner-box h2{font-size:20px;letter-spacing:1px}
  .page-banner .banner-box .en{font-size:11px;letter-spacing:1px}
  .page-banner .banner-box .line{height:1px;margin:5px auto}
  .page-banner + .wrap{padding-top:18px}
  .ln-img{flex:0 0 110px;width:110px;height:80px}
  .ln-txt h3{font-size:14px}
  .ln-txt p{font-size:12px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .show-title{font-size:18px}
  .show-content,.single-content{font-size:14px}
  .toolbar{width:44px;right:8px}
  .toolbar dd{width:43px;height:43px;margin-top:3px!important}
  .toolbar dd i{width:43px;height:43px}
  .toolbar dd i span{width:28px;height:28px;margin:7px 0 0 7px;background-size:56px auto}
  .toolbar dd:hover .slide-tel{width:240px!important;font-size:18px;line-height:45px;height:45px!important}
  .toolbar .pop-code{right:60px!important;top:-55px!important;width:140px!important}
  .toolbar .pop-code img{width:90px;height:90px;padding:12px 12px 0}
  .ft-left{float:none;width:100%}
  .ft-right{float:none;text-align:left;margin-top:20px}
  .qr img{width:100px;height:100px}
}
@media (max-width:480px){
  .prod-item{min-width:100%;max-width:100%}
  .flow-item{flex:0 0 50%;min-width:50%}
  .toolbar{width:40px;right:4px}
  .toolbar dd{width:38px;height:38px;margin-top:3px!important}
  .toolbar dd i{width:38px;height:38px}
  .toolbar dd i span{width:24px;height:24px;margin:7px 0 0 7px;background-size:48px auto}
  .toolbar dd:hover .slide-tel{width:200px!important;font-size:15px;line-height:40px;height:40px!important;padding-left:40px!important}
}

/* 额外图标样式补充 */
.ico-wechat{display:inline-block;width:14px;height:14px;background:url(../img/icon.png) no-repeat -14px -30px;vertical-align:middle;margin-right:4px}