/* ================================================
   杭州泓沛科技有限公司 - 全站样式
   参考站 /28648/: 主绿#009b4c 辅橙#ed8e06 深绿页脚#1d773a
   ================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 14px/28px "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; overflow-x: hidden; background: #fff; }
ul, ol, li { list-style: none; }
a { color: #333; text-decoration: none; transition: all .3s ease; }
a:hover { color: #009b4c; }
img { border: 0; max-width: 100%; }
em, i, s, b { font-style: normal; font-weight: normal; }
.fl { float: left; } .fr { float: right; }
.clearfix::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.w1200 { width: 1200px; margin: 0 auto; max-width: 96%; }
.icon { display: inline-block; vertical-align: middle; }
.por { position: relative; }
html.js-on .reveal { opacity: 0; transform: translate3d(0, 30px, 0); }
html.js-on .reveal.rl { transform: translate3d(-30px, 0, 0); }
html.js-on .reveal.rr { transform: translate3d(30px, 0, 0); }
.reveal { transition: opacity .7s ease, transform .7s ease; }
html.js-on .reveal.in, html.js-on .reveal.instant, .reveal.in, .reveal.instant { opacity: 1; transform: translate3d(0, 0, 0); }
.img-fallback { color: #fff; font-size: 14px; text-align: center; }
/* 容器/标记类 (布局钩子) */
.topbox { display: block; }
.iproduct { display: block; }
.floor_1_main { position: relative; z-index: 4; }
.floor_2_main { width: 100%; }
.floor_5_main { width: 100%; }
.floor_6_main { width: 100%; }
.single img { max-width: 100%; display: inline; }
.picList { display: flex; }

/* ---------- 顶部条 header_main ---------- */
.header_main { background: #595959; height: 32px; line-height: 32px; font-size: 12px; color: #b8b8b8; position: relative; z-index: 999; }
.header_main .ksdh { color: #b8b8b8; }
.header_main .ksdh li { display: inline-block; position: relative; padding: 0 12px; }
.header_main .ksdh li a { color: #b8b8b8; }
.header_main .ksdh li a:hover { color: #009b4c; }
.header_main .ksdh .sep { color: #777; }
.header_main .wxli { cursor: pointer; }
.header_main .wxli .wxico { width: 16px; height: 16px; margin-right: 5px; }
.header_main .imgbox { position: absolute; right: 0; top: 32px; width: 160px; background: #fff; border-radius: 0 0 5px 5px; padding: 10px; text-align: center; color: #009b4c; box-shadow: 0 2px 20px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translate3d(0,10px,0); transition: all .6s ease; z-index: 9999; }
.header_main .wxli:hover .imgbox { opacity: 1; visibility: visible; transform: translate3d(0,0,0); }
.header_main .imgbox img { width: 140px; height: 140px; display: block; margin: 0 auto; background: #f5f5f5; }
.header_main .imgbox p { font-size: 13px; line-height: 20px; color: #666; padding-top: 6px; }

/* ---------- 头部 top_main ---------- */
.top_main { background: #fff; box-shadow: 0 2px 20px rgba(0,0,0,.08); position: relative; z-index: 99; }
.top_main .top { padding: 20px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.logo { display: flex; align-items: center; gap: 12px; }
.logo .lg-ico { width: 58px; height: 58px; flex: 0 0 58px; }
.logo .lg-txt h1 { font-size: 26px; font-weight: bold; color: #1a1a1a; line-height: 30px; letter-spacing: 1px; }
.logo .lg-txt h1 span { color: #009b4c; }
.logo .lg-txt p { font-size: 12px; color: #999; letter-spacing: 2px; line-height: 20px; padding-top: 2px; }
.webtel { display: flex; align-items: center; gap: 10px; }
.webtel .telico { width: 36px; height: 36px; flex: 0 0 36px; }
.webtel .telico path { fill: #009b4c; }
.webtel .wt-txt small { display: block; font-size: 12px; color: #999; line-height: 16px; }
.webtel .wt-txt b { font-size: 30px; color: #009b4c; font-family: Arial, sans-serif; line-height: 34px; letter-spacing: 1px; }
.top_main .nav { border-top: 1px solid #f0f0f0; }
.top_main .nav ul { display: flex; justify-content: center; flex-wrap: wrap; }
.top_main .nav li { position: relative; }
.top_main .nav li > a { display: block; min-width: 117px; padding: 0 10px; height: 52px; line-height: 52px; font-size: 16px; text-align: center; color: #222; border-radius: 26px; margin: 5px 0; }
.top_main .nav li > a:hover, .top_main .nav li.hover > a, .top_main .nav li.cur > a { color: #fff; background: #009b4c; }
.top_main .nav li .subnav { position: absolute; left: 0; top: 100%; width: 100%; min-width: 130px; background: #fff; border-top: 2px solid #63b670; box-shadow: 0 13px 42px 11px rgba(0,0,0,.06); opacity: 0; visibility: hidden; transform: translate3d(0,10px,0); transition: all .6s ease; z-index: 199; }
.top_main .nav li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0,0,0); }
.top_main .nav li .subnav a { display: block; height: 40px; line-height: 40px; font-size: 13px; color: #666; border-bottom: 1px solid #eee; text-align: center; border-radius: 0; }
.top_main .nav li .subnav a:hover { color: #63b670; background: #f9f9f9; }
.menubtn { display: none; width: 44px; height: 40px; background: none; border: 1px solid #e5e5e5; border-radius: 5px; cursor: pointer; margin: 10px 0; }
.menubtn i, .menubtn i::before, .menubtn i::after { display: block; width: 22px; height: 2px; background: #009b4c; margin: 4px auto; transition: all .3s; }
.menubtn.open i { background: none; }
.menubtn.open i::before { transform: translateY(6px) rotate(45deg); }
.menubtn.open i::after { transform: translateY(-6px) rotate(-45deg); }

/* ---------- banner ---------- */
.banner_main { position: relative; z-index: 3; }
.banner { position: relative; height: 550px; overflow: hidden; background: #0f3d22; }
.banner .list { height: 100%; }
.banner li { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease; z-index: 1; }
.banner li.on { opacity: 1; z-index: 2; }
.banner li img { width: 1920px; max-width: none; height: 100%; object-fit: cover; position: relative; left: 50%; margin-left: -960px; display: block; }
.banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,38,20,.32), rgba(8,38,20,.18) 55%, rgba(8,38,20,.38)); z-index: 4; }
.banner .binfo { position: absolute; z-index: 5; left: 50%; top: 46%; transform: translate(-50%, -50%); text-align: center; width: 90%; pointer-events: none; }
.banner .binfo h2 { font-size: 46px; color: #fff; letter-spacing: 4px; text-shadow: 0 2px 14px rgba(0,0,0,.45); line-height: 60px; }
.banner .binfo p { font-size: 20px; color: rgba(255,255,255,.92); letter-spacing: 6px; text-shadow: 0 2px 10px rgba(0,0,0,.45); padding-top: 10px; }
.banner .tip { position: absolute; left: 0; bottom: 4%; width: 100%; text-align: center; z-index: 10; }
.banner .tip span { display: inline-block; width: 14px; height: 14px; margin: 0 5px; border-radius: 50%; border: 3px solid #fff; cursor: pointer; text-indent: -1000px; overflow: hidden; background: transparent; }
.banner .tip span.cur { background: #009b4c; }
.banner .prev, .banner .next { position: absolute; z-index: 12; top: 50%; margin-top: -22px; width: 30px; height: 44px; cursor: pointer; color: #fff; font-size: 26px; line-height: 44px; text-align: center; opacity: .6; }
.banner .prev { left: 3%; } .banner .next { right: 3%; }
.banner .prev:hover, .banner .next:hover { opacity: 1; }

/* ---------- 搜索条 announ_main ---------- */
.announ_main { height: 76px; line-height: 76px; border-bottom: 1px solid #eee; }
.announ_main .announ { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.announ_left span.hot { color: #333; font-weight: bold; }
.announ_left .re_key { display: inline; }
.announ_left .re_key span a { display: inline-block; padding: 0 12px 0 0; color: #666; position: relative; }
.announ_left .re_key span+span a { padding-left: 12px; }
.announ_left .re_key span+span a::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 1px; height: 16px; background: #e9e9e9; }
.announ_left .re_key a:hover { color: #009b4c; }
.announ_right .search { position: relative; width: 282px; height: 36px; border-radius: 30px; background: #f6f6f6; display: flex; align-items: center; overflow: hidden; }
.announ_right .search .txt { flex: 1; min-width: 0; height: 36px; line-height: normal; border: 0; background: none; padding-left: 15px; color: #999; font-size: 13px; outline: none; }
.announ_right .search .btn { flex: 0 0 50px; width: 50px; height: 36px; border: 0; background: #009b4c; color: #fff; border-radius: 0 30px 30px 0; cursor: pointer; font-size: 14px; }
.announ_right .search .btn:hover { background: #ed8e06; }

/* ---------- 区块标题 ---------- */
.index { overflow: hidden; }
.index .title { text-align: center; margin-bottom: 40px; position: relative; }
.index .title h3 { font-size: 40px; font-weight: bold; line-height: 46px; letter-spacing: 2px; }
.index .title h3 b { color: #009b4c; }
.index .title h4 { font-size: 20px; font-weight: normal; letter-spacing: 8px; padding-top: 14px; color: #666; }
.index .title .sline { position: absolute; top: 16px; width: 180px; height: 3px; }
.index .title .sline::before, .index .title .sline::after { content: ""; position: absolute; top: 0; height: 3px; background: #009b4c; }
.index .title .sline::before { width: 120px; }
.index .title .sline::after { width: 24px; height: 24px; top: -10px; border: 3px solid #009b4c; border-radius: 50%; background: #fff; }
.index .title .line_lef { left: 50%; margin-left: -520px; }
.index .title .line_lef::before { right: 0; } .index .title .line_lef::after { right: -32px; }
.index .title .line_rig { right: 50%; margin-right: -520px; }
.index .title .line_rig::before { left: 0; } .index .title .line_rig::after { left: -32px; }

/* ---------- floor_1 产品中心 ---------- */
.floor_1 { padding: 90px 0 80px; }
.index .menu { text-align: center; padding-bottom: 26px; }
.index .menu li { display: inline-block; width: 180px; height: 42px; line-height: 40px; margin: 0 5px 10px; }
.index .menu li a { display: block; border: 1px solid #dcdcdc; border-radius: 5px; text-align: center; }
.index .menu li a:hover, .index .menu li.current a { border: 1px solid #009b4c; color: #fff; background: #009b4c; }
.index .ipro { overflow: hidden; padding-bottom: 50px; }
.index .ipro .cont { display: none; }
.index .ipro .cont:first-child { display: flex; gap: 30px; }
.index .ipro .bigimg { flex: 0 0 585px; width: 585px; height: 450px; overflow: hidden; position: relative; border-radius: 4px; }
.index .ipro .bigimg ul { height: 100%; }
.index .ipro .bigimg ul li { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; }
.index .ipro .bigimg ul li.on { opacity: 1; }
.index .ipro .bigimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.index .ipro .smalimg { flex: 1; min-width: 0; width: 585px; height: 450px; overflow: hidden; }
.index .ipro .smalimg .plist { width: 108%; }
.index .ipro .smalimg .item { float: left; width: 280px; height: 215px; overflow: hidden; position: relative; margin: 0 20px 20px 0; }
.index .ipro .smalimg .item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all ease .3s; }
.index .ipro .smalimg .item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; text-align: center; color: #fff; background: rgba(0,155,76,.85); opacity: 0; transition: all .3s; }
.index .ipro .smalimg .item .bg h3 { font-size: 17px; padding-top: 26%; }
.index .ipro .smalimg .item .bg span { display: block; width: 100px; height: 30px; line-height: 28px; margin: 6px auto 0; border: 1px solid #85c0a2; border-radius: 20px; font-size: 13px; }
.index .ipro .smalimg .item:hover .bg { opacity: 1; }
.index .ipro .smalimg .item:hover img { transform: scale(1.06); }
.index .more { width: 510px; margin: 0 auto; display: flex; }
.index .more a { display: block; width: 255px; height: 50px; line-height: 46px; text-align: center; font-size: 17px; }
.index .more .gd { color: #fff; background: #009b4c; border: 2px solid #009b4c; border-radius: 5px 0 0 5px; }
.index .more .gd:hover { background: #ed8e06; border-color: #ed8e06; }
.index .more .zx { border: 2px solid #e5e5e5; border-left: 0; border-radius: 0 5px 5px 0; color: #333; }
.index .more .zx:hover { background: #ed8e06; border-color: #ed8e06; color: #fff; }

/* ---------- xunpan 咨询条 ---------- */
.xunpan { position: relative; height: 200px; color: #fff; background: linear-gradient(90deg, #0e7a38 0%, #1d773a 45%, #258845 100%); overflow: visible; }
.xunpan .xp-deco { position: absolute; right: 0; top: 0; width: 46%; height: 100%; opacity: .12; }
.xunpan .xpimg { position: absolute; left: 0; bottom: 0; width: 300px; height: 200px; overflow: hidden; }
.xunpan .xpimg img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.xunpan .zixun { position: absolute; right: 0; top: 24px; width: 668px; height: 150px; text-align: center; border: 2px solid rgba(255,255,255,.55); border-radius: 6px; background: rgba(255,255,255,.06); }
.xunpan .zixun .tit { font-size: 32px; line-height: 36px; padding-top: 16px; }
.xunpan .zixun .tit .en { display: block; font-size: 15px; text-transform: uppercase; letter-spacing: 2px; opacity: .85; line-height: 18px; padding-top: 4px; }
.xunpan .zixun .tel { font-size: 34px; font-family: Arial, sans-serif; padding-top: 6px; }
.xunpan .zixun .tel .tb-tel { display: inline-block; width: 30px; height: 30px; margin-right: 10px; vertical-align: -4px; }
.xunpan .zixun .tel a { display: inline-block; width: 112px; height: 32px; line-height: 30px; background: #ed8e06; color: #fff; font-size: 14px; border-radius: 4px; margin-left: 26px; vertical-align: middle; }
.xunpan .zixun .tel a:hover { background: #fff; color: #ed8e06; }

/* ---------- floor_2 产品优势 ---------- */
.floor_2 { padding: 80px 0 20px; }
.youshi .item { position: relative; padding: 54px 0 60px; overflow: hidden; }
.youshi .item .tit { position: relative; width: 194px; height: 330px; background: linear-gradient(160deg, #009b4c, #017036); border-radius: 4px; color: #fff; text-align: center; }
.youshi .item .tit .num { position: absolute; left: 18px; top: 14px; font-size: 15px; opacity: .55; font-family: Arial; }
.youshi .item .tit .ven { display: block; font-size: 34px; font-weight: bold; letter-spacing: 3px; padding-top: 96px; text-transform: uppercase; font-family: Arial; }
.youshi .item .tit .vse { display: block; width: 40px; height: 3px; background: rgba(255,255,255,.6); margin: 14px auto 0; }
.youshi .item .tit .vcn { display: block; font-size: 20px; letter-spacing: 6px; padding-top: 16px; writing-mode: horizontal-tb; }
.youshi .item .txt { width: 456px; padding: 0 22px 0 30px; transition: all ease .3s; }
.youshi .item .txt h2 { font-size: 30px; font-weight: bold; color: #009b4c; line-height: 36px; }
.youshi .item .txt h4 { display: block; font-size: 15px; color: #666; line-height: 24px; padding-top: 4px; }
.youshi .item .txt .desc { padding-top: 18px; color: #777; text-align: justify; }
.youshi .item .img { position: absolute; right: 0; top: 54px; width: calc(100% - 670px); min-width: 300px; height: 330px; overflow: hidden; border-radius: 4px; }
.youshi .item .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.youshi .item.it2 { padding-left: calc(100% - 650px); }
.youshi .item.it1 { }
.youshi .item.it3 { }
.youshi .item.it2 .tit { margin-right: 0; }
.youshi .item.it2 .img { right: auto; left: 0; }
.youshi .item:hover .txt { transform: translate3d(0, -6px, 0); }

/* ---------- floor_3 服务流程 ---------- */
.floor_3_main { height: 150px; background: linear-gradient(90deg, #017036, #009b4c 60%, #009b4c); color: #fff; }
.floor_3 { height: 150px; display: flex; align-items: center; }
.floor_3_main .title2 { width: 280px; border-right: 1px solid #33a169; color: #fff; flex: 0 0 280px; }
.floor_3_main .title2 h3 { font-size: 26px; }
.floor_3_main .title2 h3 i { font-size: 15px; display: inline-block; padding-left: 8px; opacity: .8; }
.floor_3_main .title2 p { font-size: 26px; font-family: Arial, sans-serif; padding-top: 12px; }
.floor_3_main .title2 p .telico { display: inline-block; width: 26px; height: 26px; margin-right: 12px; vertical-align: -4px; }
.floor_3_main .liuc { width: 888px; padding-left: 30px; }
.floor_3_main .liuc .fsteps { display: flex; align-items: center; }
.floor_3_main .liuc li { display: flex; align-items: center; }
.floor_3_main .liuc li p { width: 84px; text-align: center; font-size: 15px; transition: all ease .3s; }
.floor_3_main .liuc li p em { display: block; width: 44px; height: 44px; line-height: 44px; margin: 0 auto 10px; background: rgba(255,255,255,.14); border-radius: 50%; font-family: Arial; font-size: 17px; }
.floor_3_main .liuc li:hover p { color: #ffe9c4; transform: translateY(-3px); }
.floor_3_main .liuc li:hover p em { background: #ed8e06; }
.floor_3_main .liuc .jt { width: 42px; height: 20px; background: rgba(255,255,255,.4); position: relative; }
.floor_3_main .liuc .jt::after { content: ""; position: absolute; right: -2px; top: 4px; border-left: 8px solid rgba(255,255,255,.4); border-top: 6px solid transparent; border-bottom: 6px solid transparent; }

/* ---------- floor_4 合作品牌 ---------- */
.floor_4_main { background: #f9f9f9; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 76px 0; }
.floor_4 { padding: 0; }
.teamwork { position: relative; }
.teamwork .ttrack { overflow: hidden; }
.teamwork .list { display: flex; transition: transform .5s ease; }
.teamwork .item { flex: 0 0 282px; margin-right: 42px; }
.teamwork .item a { display: block; }
.teamwork .item .pl { width: 282px; height: 80px; border: 2px solid #e5e5e5; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 19px; letter-spacing: 2px; color: #555; font-weight: bold; }
.teamwork .item a:hover .pl { border-color: #009b4c; color: #009b4c; }
.teamwork .btn { position: absolute; top: 50%; margin-top: -21px; width: 30px; height: 42px; cursor: pointer; color: #bbb; font-size: 30px; line-height: 42px; text-align: center; z-index: 5; background: rgba(255,255,255,.8); border-radius: 4px; }
.teamwork .btn:hover { color: #009b4c; }
.teamwork .prev { left: -38px; } .teamwork .next { right: -38px; }

/* ---------- floor_5 客户见证 ---------- */
.floor_5 { padding: 80px 0; }
.thumblist { overflow: hidden; }
.thumblist .list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.thumblist .item { position: relative; width: 570px; margin-bottom: 30px; }
.thumblist .item a { position: relative; z-index: 3; display: flex; width: 529px; border: 1px solid #e5e5e5; padding: 18px; background: #fff; gap: 18px; }
.thumblist .item a .pic { width: 283px; height: 200px; overflow: hidden; flex: 0 0 283px; }
.thumblist .item a .pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s; }
.thumblist .item .txt { position: relative; width: 208px; height: 200px; overflow: hidden; }
.thumblist .item .txt h3 { font-size: 15px; display: block; border-bottom: 1px solid #ededed; height: 40px; line-height: 40px; overflow: hidden; }
.thumblist .item .txt p { padding-top: 14px; color: #737373; line-height: 22px; font-size: 13px; text-align: justify; height: 132px; overflow: hidden; }
.thumblist .item .txt .jia { position: absolute; right: 0; bottom: 0; width: 34px; height: 34px; line-height: 30px; text-align: center; border: 1px solid #ddd; color: #009b4c; border-radius: 3px; transition: all .3s; }
.thumblist .item .di { position: absolute; right: -2px; bottom: -2px; width: 565px; height: 240px; border: 1px solid #e5e5e5; z-index: 0; }
.thumblist .item a:hover .pic img { filter: brightness(105%); }
.thumblist .item a:hover .jia { background: #009b4c; border-color: #009b4c; color: #fff; }

/* ---------- floor_6 关于我们 + 荣誉 ---------- */
.floor_6 { padding: 80px 0; }
.iabout { display: flex; gap: 20px; align-items: stretch; }
.iabout .lefnav { width: 200px; }
.iabout .lefnav .list { display: flex; }
.iabout .lefnav li { width: 40px; height: 180px; position: relative; overflow: hidden; }
.iabout .lefnav li a { display: block; width: 100%; height: 100%; padding-top: 58px; text-align: center; color: #fff; }
.iabout .lefnav li em { position: absolute; left: 50%; margin-left: -7px; top: 28px; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.8); border-radius: 50%; }
.iabout .lefnav li h3 { width: 16px; margin: 0 auto; line-height: 16px; font-size: 14px; }
.iabout .lefnav li.li1 a { background: #186b33; } .iabout .lefnav li.li2 a { background: #1d773a; }
.iabout .lefnav li.li3 a { background: #217f40; } .iabout .lefnav li.li4 a { background: #258845; }
.iabout .lefnav li.li5 a { background: #29944b; }
.iabout .lefnav li a:hover { background: #ed8e06; }
.iabout .lefnav .more1 { position: relative; width: 150px; height: 125px; margin-top: 12px; overflow: visible; display: block; }
.iabout .lefnav .more1 .mimg { width: 150px; height: 125px; object-fit: cover; display: block; }
.iabout .lefnav .more1 p { position: absolute; right: -10px; bottom: -8px; width: 22px; background: #009b4c; color: #fff; text-align: center; font-size: 12px; line-height: 14px; padding: 6px 3px; transition: all .3s; }
.iabout .lefnav .more1:hover p { background: #ed8e06; }
.iabout .img { width: 510px; height: 330px; overflow: hidden; flex: 0 0 510px; border-radius: 4px; }
.iabout .img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all ease .3s; }
.iabout .img:hover img { transform: scale(1.06); }
.iabout .txt { flex: 1; position: relative; }
.iabout .txt .yh { display: block; width: 90px; height: 34px; font-size: 52px; line-height: 40px; color: #009b4c; font-family: Georgia, serif; }
.iabout .txt > a { position: relative; z-index: 2; display: block; width: 100%; background: #fff; padding: 16px 20px 0 24px; }
.iabout .txt > a h2 { font-size: 24px; padding: 4px 0 10px; color: #009b4c; }
.iabout .txt > a .desc { overflow: hidden; color: #555; text-align: justify; height: 150px; line-height: 24px; }
.iabout .txt > a .cha { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #009b4c; color: #fff; border-radius: 5px; margin-top: 18px; }
.iabout .txt > a:hover .cha { background: #ed8e06; }
.iabout .txt .bk { position: absolute; right: -8px; top: 8px; width: 92%; height: 320px; border: 1px solid #dfdfdf; z-index: 0; }
/* 荣誉轮播 */
.ihonor { padding-top: 56px; position: relative; }
.ihonor .htrack { overflow: hidden; }
.ihonor .list { display: flex; transition: transform .5s ease; }
.ihonor .item { flex: 0 0 280px; height: 215px; overflow: hidden; position: relative; margin-right: 27px; }
.ihonor .item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all ease .3s; }
.ihonor .item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; text-align: center; color: #fff; background: rgba(0,155,76,.85); opacity: 0; transition: all .3s; display: flex; flex-direction: column; justify-content: center; }
.ihonor .item .bg h3 { font-size: 17px; padding: 0 10px; }
.ihonor .item .bg span { display: block; width: 100px; height: 30px; line-height: 28px; margin: 6px auto 0; border: 1px solid #85c0a2; border-radius: 20px; font-size: 13px; }
.ihonor .item:hover .bg { opacity: 1; }
.ihonor .item:hover img { transform: scale(1.06); }
.ihonor .btn { position: absolute; top: 50%; margin-top: -21px; width: 30px; height: 42px; cursor: pointer; color: #bbb; font-size: 30px; line-height: 42px; text-align: center; z-index: 5; background: rgba(255,255,255,.85); border-radius: 4px; box-shadow: 0 0 8px rgba(0,0,0,.06); }
.ihonor .btn:hover { color: #009b4c; }
.ihonor .prev { left: -38px; } .ihonor .next { right: -38px; }

/* ---------- floor_7 新闻 ---------- */
.floor_7_main { border-top: 1px solid #e9e9e9; }
.floor_7 { padding: 90px 0 100px; }
.floor_7 .cont { display: flex; gap: 40px; }
.newsBox { width: 430px; position: relative; }
.newsBox .di2 { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: #eaf6ee; border-radius: 0 0 15px 15px; z-index: 0; }
.newsBox .item { position: relative; z-index: 3; }
.newsBox .item .img { display: flex; height: 170px; overflow: hidden; }
.newsBox .item .img .pic { width: 228px; height: 170px; overflow: hidden; flex: 0 0 228px; }
.newsBox .item .img .pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.newsBox .item .img .time { width: 202px; height: 170px; position: relative; text-align: center; color: #fff; font-size: 14px; background: linear-gradient(160deg, #009b4c, #017036); }
.newsBox .item .img .time b { font-size: 56px; line-height: 56px; display: block; padding-top: 34px; font-family: Arial; }
.newsBox .item .img .time .yuan { position: absolute; left: 50%; top: 50%; width: 120px; height: 120px; margin: -60px 0 0 -60px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; }
.newsBox .item .txt h3 { font-size: 19px; font-weight: normal; padding: 14px 0 0; line-height: 28px; }
.newsBox .item .txt p { color: #999; overflow: hidden; height: 60px; line-height: 20px; padding-top: 5px; font-size: 13px; }
.newsBox .item .txt span { display: block; width: 202px; height: 46px; line-height: 42px; border: 2px solid #009b4c; border-radius: 5px; text-align: center; font-size: 16px; color: #009b4c; margin-top: 14px; }
.newsBox .item .txt:hover span { background: #009b4c; color: #fff; }
.textlist { flex: 1; }
.textlist .item { display: flex; align-items: center; margin-bottom: 26px; }
.textlist .item a { display: flex; }
.textlist .item .img { width: 133px; height: 100px; overflow: hidden; margin-right: 22px; flex: 0 0 133px; }
.textlist .item .img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all ease .3s; }
.textlist .item .txt { width: 480px; }
.textlist .item h3 { font-size: 17px; line-height: 24px; }
.textlist .item p { font-size: 13px; line-height: 20px; color: #999; height: 40px; overflow: hidden; padding-top: 6px; }
.textlist .item .time { flex: 0 0 86px; height: 100px; line-height: 24px; text-align: center; font-size: 13px; color: #999; border-left: 1px solid #e9e9e9; }
.textlist .item .time b { display: block; font-size: 44px; color: #009b4c; line-height: 52px; font-family: Arial; }
.textlist .item:hover img { transform: scale(1.06); }

/* ---------- 页脚 ---------- */
.footer_main { background: #1d773a; color: #fff; border-top: 8px solid #ed8e06; }
.footer_main .links { padding: 20px 0; font-size: 16px; border-bottom: 1px solid #186631; }
.footer_main .links span { color: #fff; font-weight: bold; display: inline-block; }
.footer_main .links a { display: inline-block; font-size: 14px; color: #fff; padding: 0 10px 0 0; }
.footer_main .links a:hover { color: #ed8e06; }
.bottom_main { border-top: 1px solid #20803f; padding: 56px 0; }
.bottom_main .bottom { display: flex; align-items: flex-start; }
.bottom_main .bNav { width: 560px; display: flex; }
.bottom_main .bNav dl { width: 140px; }
.bottom_main .bNav dl dt { padding-bottom: 22px; }
.bottom_main .bNav dl dt a { font-size: 16px; color: #fff; }
.bottom_main .bNav dl dd { padding-bottom: 12px; }
.bottom_main .bNav dl dd a { font-size: 14px; color: rgba(255,255,255,.75); }
.bottom_main .bNav dl dd a:hover { color: #ed8e06; }
.bottom_main .contact_info { flex: 1; padding: 0 30px; border-left: 1px solid #20803f; border-right: 1px solid #186631; }
.bottom_main .contact_info p.p1 { font-size: 14px; color: rgba(255,255,255,.8); }
.bottom_main .contact_info p.dh { font-size: 34px; color: #ed8e06; font-family: Arial, sans-serif; line-height: 40px; padding: 2px 0 10px; font-weight: bold; }
.bottom_main .contact_info h3 { font-size: 18px; padding-top: 6px; }
.bottom_main .contact_info p.tel { font-size: 13px; color: rgba(255,255,255,.8); line-height: 22px; }
.bottom_main .ewm { width: 150px; text-align: center; padding-left: 28px; }
.bottom_main .ewm dt { width: 140px; height: 140px; background: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.bottom_main .ewm dt img { width: 126px; height: 126px; }
.bottom_main .ewm dd { font-size: 13px; color: rgba(255,255,255,.85); line-height: 22px; padding-top: 10px; }
.copyright_main { background: #136b2f; }
.copyright_main .copyright { height: 42px; line-height: 42px; color: #a7beac; font-size: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.copyright_main a { color: #a7beac; }
.copyright_main a:hover { color: #ed8e06; }

/* ---------- 浮动客服 ---------- */
.toolbar { position: fixed; right: 1%; top: 44%; z-index: 999; width: 52px; text-align: center; }
.toolbar a, .toolbar .tb-code { display: block; width: 52px; height: 52px; line-height: 52px; background: #009b4c; color: #fff; border-radius: 50%; margin-bottom: 12px; font-size: 13px; overflow: hidden; position: relative; cursor: pointer; }
.toolbar a:hover, .toolbar .tb-code:hover { background: #ed8e06; }
.toolbar .tb-tel span { display: block; line-height: 16px; padding-top: 10px; }
.toolbar .tb-tel i { display: block; font-size: 15px; }
.toolbar .tb-qq { font-size: 14px; }
.toolbar .tb-top { font-size: 13px; }
.toolbar .tb-code { }
.toolbar .tb-code .pop { position: absolute; right: 64px; top: 0; width: 150px; background: #fff; padding: 10px; border-radius: 6px; box-shadow: 0 4px 20px rgba(0,0,0,.15); display: none; }
.toolbar .tb-code:hover .pop { display: block; }
.toolbar .tb-code .pop img { width: 130px; height: 130px; display: block; }
.toolbar .tb-code .pop h3 { font-size: 12px; color: #666; line-height: 18px; padding-top: 6px; }

/* ---------- 内页 ---------- */
.nybanner { position: relative; height: 250px; overflow: hidden; }
.nybanner img { width: 1920px; max-width: none; height: 100%; object-fit: cover; position: relative; left: 50%; margin-left: -960px; display: block; }
.nybanner .nmask { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,60,30,.55), rgba(10,60,30,.4)); z-index: 2; }
.nybanner .ntxt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; text-align: center; color: #fff; width: 90%; }
.nybanner .ntxt h2 { font-size: 32px; letter-spacing: 6px; }
.nybanner .ntxt p { font-size: 14px; letter-spacing: 3px; opacity: .85; padding-top: 6px; text-transform: uppercase; }
.wrapper { position: relative; width: 100%; padding: 30px 0 50px; }
.wrapper .wp { display: flex; gap: 30px; align-items: flex-start; }
.wrapper .left { width: 240px; flex: 0 0 240px; }
.wrapper .left .submenubox { padding-bottom: 20px; }
.wrapper .left .left_title { height: 78px; background: #009b4c; color: #fff; border-radius: 4px 4px 0 0; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.wrapper .left .left_title h3 { font-size: 22px; font-weight: bold; letter-spacing: 2px; }
.wrapper .left .left_title s { width: 24px; height: 24px; }
.wrapper .left .submenu li a.sub1 { display: block; height: 56px; line-height: 56px; padding-left: 28px; background: #fff; border: 1px solid #eee; border-top: 0; font-size: 16px; position: relative; }
.wrapper .left .submenu li a.sub1::after { content: "›"; position: absolute; right: 20px; color: #ccc; font-size: 18px; }
.wrapper .left .submenu li a.sub1:hover, .wrapper .left .submenu li.hover a.sub1 { color: #009b4c; background: #f9f9f9; border-left: 2px solid #009b4c; }
.wrapper .left .leftbox { padding: 12px; border: 1px solid #eee; margin-bottom: 20px; background: #fff; }
.wrapper .left .leftbox .lt2 { padding-bottom: 10px; border-bottom: 1px solid #eee; padding-left: 5px; }
.wrapper .left .leftbox .lt2 h3 { font-size: 17px; color: #009b4c; }
.wrapper .left .leftprocomt { padding-top: 12px; }
.wrapper .left .leftprocomt ul { display: flex; flex-wrap: wrap; gap: 10px; }
.wrapper .left .leftprocomt li { width: 96px; text-align: center; }
.wrapper .left .leftprocomt li img { width: 96px; height: 72px; border-radius: 3px; object-fit: cover; display: block; }
.wrapper .left .leftprocomt li p { font-size: 12px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wrapper .left .leftprocomt li:hover p { color: #009b4c; }
.wrapper .left .lc-cont { padding-top: 16px; color: #555; }
.wrapper .left .lc-cont img.qr { width: 120px; height: 120px; display: block; margin: 0 auto 10px; background: #f5f5f5; }
.wrapper .left .lc-cont p { font-size: 13px; line-height: 24px; word-break: break-all; }
.wrapper .left .lc-cont a.zx { display: block; height: 44px; line-height: 44px; background: #009b4c; color: #fff; text-align: center; border-radius: 4px; margin-top: 12px; font-size: 15px; }
.wrapper .left .lc-cont a.zx:hover { background: #ed8e06; }
.wrapper .right { flex: 1; min-width: 0; background: #fff; }
.wrapper .right .right_title { display: flex; align-items: center; justify-content: space-between; padding: 14px 0 12px; border-bottom: 1px solid #eee; }
.wrapper .right .right_title h3 { color: #009b4c; font-size: 19px; border-left: 3px solid #009b4c; padding-left: 14px; line-height: 20px; }
.wrapper .right .sitepath { color: #999; font-size: 13px; }
.wrapper .right .sitepath a { color: #666; padding: 0 2px; }
.wrapper .right .sitepath a:hover { color: #009b4c; }
.wrapper .right .sitepath em { margin-right: 6px; }
.wrapper .right .cont { padding: 30px 0; color: #666; }

/* 产品列表 */
.Productlist .list { display: flex; flex-wrap: wrap; }
.Productlist .item { width: 288px; margin: 0 22px 26px 0; border: 1px solid #eee; text-align: center; transition: all ease .3s; }
.Productlist .item:nth-child(3n) { margin-right: 0; }
.Productlist .item a { display: block; width: 100%; }
.Productlist .item img { width: 288px; height: 216px; object-fit: cover; display: block; }
.Productlist .item h3 { height: 60px; line-height: 60px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 8px; }
.Productlist .item:hover { box-shadow: 1px 2px 15px rgba(0,0,0,.2); border-color: #fff; }
.Productlist .item:hover h3 { color: #009b4c; }

/* 新闻列表 thumblist1 */
.thumblist1 .item { display: flex; gap: 26px; padding: 26px 0; border-bottom: 1px dotted #b0b0b0; }
.thumblist1 .item:first-child { padding-top: 0; }
.thumblist1 .item .img { width: 200px; height: 150px; overflow: hidden; flex: 0 0 200px; }
.thumblist1 .item .img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all ease .3s; }
.thumblist1 .item .img:hover img { transform: scale(1.06); }
.thumblist1 .item .txt { flex: 1; min-width: 0; }
.thumblist1 .item .txt h3 { font-size: 18px; line-height: 28px; }
.thumblist1 .item .txt .desc { padding-top: 8px; color: #999; line-height: 22px; font-size: 13px; height: 66px; overflow: hidden; margin-bottom: 10px; }
.thumblist1 .item .txt span { display: inline-block; font-size: 12px; color: #b7b7b7; padding-right: 26px; }

/* 产品详情 */
.showproduct .tod { display: flex; gap: 40px; padding-bottom: 50px; }
.showproduct .tiao { height: 18px; width: 100%; margin-bottom: 36px; background: repeating-linear-gradient(90deg, #009b4c 0 90px, #ed8e06 90px 92px); opacity: .8; }
.showproduct .showImg { width: 475px; flex: 0 0 475px; }
.showproduct .showImg .showImg_left { position: relative; width: 100%; height: 355px; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 4px; }
.showproduct .showImg .bd { position: relative; height: 100%; }
.showproduct .showImg .bd ul { display: flex; height: 100%; transition: transform .5s ease; }
.showproduct .showImg .bd ul li { flex: 0 0 100%; }
.showproduct .showImg .bd img { width: 100%; height: 100%; object-fit: cover; display: block; }
.showproduct .showImg .hd { position: absolute; bottom: 14px; right: 16px; z-index: 2; display: flex; }
.showproduct .showImg .hd li { width: 12px; height: 12px; background: #009b4c; border-radius: 10px; text-indent: -999px; cursor: pointer; margin-left: 10px; }
.showproduct .showImg .hd li.on { background: #ed8e06; }
.showproduct .baseInfo { flex: 1; min-width: 0; }
.showproduct .baseInfo .t { border-bottom: 1px dotted #dedede; font-size: 24px; color: #009b4c; font-weight: bold; padding-bottom: 12px; line-height: 32px; }
.showproduct .baseInfo .desc { padding-top: 16px; color: #777; line-height: 28px; border-bottom: 1px dotted #dedede; }
.showproduct .baseInfo .webtel { padding-top: 20px; font-size: 15px; }
.showproduct .baseInfo .webtel strong { font-size: 36px; color: #009b4c; font-weight: bold; line-height: 40px; display: block; font-family: Arial; }
.showproduct .detaiInfo { margin-top: 10px; }
.showproduct .detaiInfo .title2 { border-bottom: 1px solid #eee; position: relative; padding-bottom: 12px; margin-bottom: 18px; }
.showproduct .detaiInfo .title2 h3 { font-size: 20px; color: #333; }
.showproduct .detaiInfo .title2 s { position: absolute; left: 0; bottom: -2px; width: 80px; height: 5px; background: #009b4c; }
.showproduct .detaiInfo .info { padding-bottom: 26px; }
.showproduct .detaiInfo .info p { padding-bottom: 12px; text-align: justify; }
.showproduct .detaiInfo .info table { width: 100%; border-collapse: collapse; margin: 14px 0 20px; }
.showproduct .detaiInfo .info table td { border: 1px solid #e8e8e8; padding: 10px 14px; font-size: 14px; }
.showproduct .detaiInfo .info table td.td-k { width: 160px; background: #f7faf8; color: #333; font-weight: bold; }
.showproduct .feats li { padding: 6px 0 6px 30px; position: relative; }
.showproduct .feats li::before { content: "✓"; position: absolute; left: 4px; top: 6px; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #009b4c; color: #fff; border-radius: 50%; font-size: 12px; }
.showproduct .relbox .rel { display: flex; gap: 24px; }
.showproduct .relbox .rel a { flex: 0 0 220px; border: 1px solid #eee; }
.showproduct .relbox .rel a img { width: 220px; height: 160px; object-fit: cover; display: block; }
.showproduct .relbox .rel a h4 { font-size: 14px; line-height: 44px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; }
.showproduct .relbox .rel a:hover { border-color: #009b4c; }
.showproduct .relbox .rel a:hover h4 { color: #009b4c; }

/* 新闻详情 */
.showNews .arctitle h1.title { font-size: 23px; color: #333; text-align: center; margin: 8px 0 18px; font-weight: bold; line-height: 34px; }
.showNews .mark { color: #999; height: 40px; line-height: 40px; text-align: center; border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5; font-size: 13px; }
.showNews .showContxt { color: #666; padding: 24px 0 30px; line-height: 30px; }
.showNews .showContxt p { padding-bottom: 14px; text-align: justify; }
.showNews .showContxt img { display: block; max-width: 100%; margin: 10px auto 20px; border-radius: 4px; }
.reLink { display: flex; border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin: 10px 0 0; }
.reLink .prevLink, .reLink .nextLink { width: 50%; height: 48px; line-height: 48px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.reLink .nextLink { text-align: right; }
.reLink a { color: #666; }
.reLink a:hover { color: #009b4c; }

/* 关于我们页 */
.aboutpage .aimg { width: 100%; height: 340px; overflow: hidden; border-radius: 4px; }
.aboutpage .aimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aboutpage .ap { padding: 16px 4px; text-align: justify; }
.statsrow { display: flex; background: #1d773a; border-radius: 6px; margin: 20px 0; overflow: hidden; }
.statsrow li { flex: 1; text-align: center; color: #fff; padding: 26px 0; position: relative; }
.statsrow li+li::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -24px; height: 48px; width: 1px; background: rgba(255,255,255,.25); }
.statsrow li b { display: block; font-size: 38px; font-family: Arial; color: #ffd28a; line-height: 44px; }
.statsrow li b i { font-size: 18px; padding-left: 2px; }
.statsrow li span { font-size: 14px; opacity: .9; }
.tline { position: relative; padding: 10px 0 20px; }
.tline li { position: relative; padding: 0 0 30px 34px; }
.tline li::before { content: ""; position: absolute; left: 8px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #009b4c; box-shadow: 0 0 0 4px rgba(0,155,76,.15); }
.tline li::after { content: ""; position: absolute; left: 12px; top: 22px; bottom: 4px; width: 2px; background: #dfeee5; }
.tline li:last-child::after { display: none; }
.tline li .ty { display: inline-block; font-family: Arial; font-size: 24px; color: #009b4c; font-weight: bold; width: 90px; }
.tline li h3 { display: inline-block; font-size: 17px; color: #333; padding-right: 12px; }
.tline li p { color: #777; line-height: 24px; padding-top: 4px; font-size: 13px; }
.culturegrid { display: flex; gap: 24px; }
.culturegrid li { flex: 1; border-top: 3px solid #009b4c; background: #f8faf9; padding: 26px 22px; }
.culturegrid li h3 { font-size: 19px; color: #009b4c; padding-bottom: 10px; }
.culturegrid li p { color: #666; line-height: 26px; font-size: 13px; text-align: justify; }
.culturegrid li:hover { background: #eef7f1; }
.teamgrid { display: flex; flex-wrap: wrap; gap: 24px; }
.teamgrid li { width: 200px; text-align: center; }
.teamgrid li img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; display: block; margin: 0 auto; border: 4px solid #eaf6ee; }
.teamgrid li:hover img { border-color: #009b4c; }
.teamgrid li h3 { font-size: 17px; padding-top: 12px; }
.teamgrid li p.td { color: #009b4c; font-size: 13px; line-height: 22px; }
.teamgrid li p.dd { color: #999; font-size: 12px; line-height: 20px; padding: 4px 6px 0; }

/* 联系我们页 */
.contactgrid { display: flex; flex-wrap: wrap; gap: 24px; padding-bottom: 26px; }
.contactgrid li { flex: 1; min-width: 220px; border: 1px solid #e8f0eb; border-radius: 6px; padding: 24px 20px; text-align: center; background: #fafcfb; }
.contactgrid li em { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; background: #009b4c; border-radius: 50%; color: #fff; margin-bottom: 10px; }
.contactgrid li:hover em { background: #ed8e06; }
.contactgrid li h3 { font-size: 16px; color: #333; }
.contactgrid li p { color: #666; font-size: 13px; line-height: 22px; word-break: break-all; }
.msgform .frow { display: flex; gap: 24px; margin-bottom: 18px; flex-wrap: wrap; }
.msgform .frow .fit, .msgform .frow .fselect { flex: 1; min-width: 220px; display: flex; align-items: center; border: 1px solid #e5e5e5; height: 52px; padding: 0 16px; }
.msgform .frow label { flex: 0 0 70px; font-size: 15px; color: #666; }
.msgform .frow input, .msgform .frow select { flex: 1; border: 0; outline: none; font-size: 14px; color: #555; height: 48px; background: none; min-width: 0; }
.msgform textarea { width: 100%; border: 1px solid #e5e5e5; padding: 14px 16px; font-size: 14px; line-height: 26px; color: #555; outline: none; resize: vertical; min-height: 150px; font-family: "Microsoft YaHei"; }
.msgform .subbtn { display: inline-block; width: 220px; height: 50px; line-height: 46px; background: #009b4c; border: 2px solid #009b4c; color: #fff; font-size: 17px; text-align: center; border-radius: 5px; cursor: pointer; margin-top: 8px; }
.msgform .subbtn:hover { background: #ed8e06; border-color: #ed8e06; }

/* ---------- 响应式 (参考站无移动端, 按规范自加) ---------- */
@media screen and (max-width: 1220px) {
  .index .title .line_lef { margin-left: -460px; }
  .index .title .line_rig { margin-right: -460px; }
  .iabout { flex-wrap: wrap; }
  .iabout .txt { width: 100%; flex: 1 1 100%; }
}
@media screen and (max-width: 1024px) {
  .banner { height: 420px; }
  .banner .binfo h2 { font-size: 34px; }
  .index .ipro .cont { flex-wrap: wrap; gap: 20px; }
  .index .ipro .bigimg, .index .ipro .smalimg { width: 100%; height: 300px; flex: 1 1 100%; }
  .index .ipro .smalimg { height: auto; }
  .floor_3_main { height: auto; padding: 20px 0; }
  .floor_3 { height: auto; flex-direction: column; gap: 14px; }
  .floor_3_main .title2 { border-right: 0; width: 100%; }
  .floor_3_main .liuc { width: 100%; padding-left: 0; }
  .floor_3_main .liuc .fsteps { flex-wrap: wrap; justify-content: center; gap: 6px 0; }
  .floor_7 .cont { flex-direction: column; }
  .newsBox { width: 100%; }
  .textlist { width: 100%; }
  .textlist .item .txt { width: auto; flex: 1; }
  .wrapper .wp { flex-direction: column; }
  .wrapper .left { width: 100%; flex: 1 1 100%; }
  .wrapper .left .submenu { display: flex; flex-wrap: wrap; }
  .wrapper .left .submenu li { flex: 1 1 30%; }
  .wrapper .left .submenu li a.sub1 { border-top: 1px solid #eee; }
  .showproduct .tod { flex-direction: column; }
  .showproduct .showImg { flex: 1 1 100%; width: 100%; }
  .thumblist .item { width: 100%; }
  .thumblist .item a { width: 100%; }
  .thumblist .item .di { width: 96%; }
  .teamwork .prev { left: 0; } .teamwork .next { right: 0; }
  .ihonor .prev { left: 0; } .ihonor .next { right: 0; }
}
@media screen and (max-width: 768px) {
  .header_main .ksdh li.hide-m { display: none; }
  .top_main .top { padding: 12px 0; }
  .logo .lg-ico { width: 44px; height: 44px; flex-basis: 44px; }
  .logo .lg-txt h1 { font-size: 20px; line-height: 24px; }
  .webtel .wt-txt b { font-size: 22px; line-height: 26px; }
  .menubtn { display: block; }
  .top_main .nav { display: none; }
  .top_main .nav.open { display: block; }
  .top_main .nav li { width: 33.33%; }
  .top_main .nav li > a { min-width: 0; width: 100%; }
  .banner { height: 260px; }
  .banner .binfo h2 { font-size: 24px; line-height: 34px; letter-spacing: 2px; }
  .banner .binfo p { font-size: 14px; letter-spacing: 2px; }
  .announ_main { height: auto; line-height: 40px; padding: 8px 0; }
  .index .title h3 { font-size: 30px; }
  .index .title h4 { font-size: 15px; letter-spacing: 3px; }
  .index .title .sline { display: none; }
  .index .menu li { width: 31%; }
  .index .ipro .bigimg { height: 200px; }
  .index .more { width: 100%; }
  .index .more a { width: 50%; font-size: 15px; }
  .xunpan .xpimg { display: none; }
  .xunpan .zixun { width: 100%; left: 0; right: auto; padding: 0 6px; }
  .xunpan .zixun .tit { font-size: 22px; }
  .xunpan .zixun .tel { font-size: 24px; }
  .youshi .item .tit { width: 100%; height: auto; min-height: 90px; padding: 14px 0; }
  .youshi .item .tit .ven { padding-top: 0; font-size: 24px; display: block; }
  .youshi .item .tit .vse, .youshi .item .tit .num { display: none; }
  .youshi .item .tit .vcn { display: block; padding: 6px 0 0; font-size: 15px; letter-spacing: 3px; }
  .youshi .item .txt { width: 100%; padding: 16px 0 0; }
  .youshi .item .img { position: static; width: 100%; height: 200px; margin-top: 14px; }
  .floor_3_main .liuc li p { width: 64px; font-size: 13px; }
  .floor_3_main .liuc .jt { width: 16px; }
  .thumblist .item a { flex-direction: column; }
  .thumblist .item a .pic { width: 100%; height: 180px; }
  .thumblist .item .txt { width: 100%; height: auto; }
  .iabout .lefnav { width: 100%; }
  .iabout .img { flex: 1 1 100%; width: 100%; height: 220px; }
  .iabout .txt .bk { display: none; }
  .iabout .txt > a .desc { height: auto; }
  .newsBox .item .img { flex-direction: column; height: auto; }
  .newsBox .item .img .pic { width: 100%; height: 180px; }
  .newsBox .item .img .time { width: 100%; height: 90px; }
  .newsBox .item .img .time b { padding-top: 10px; font-size: 34px; line-height: 34px; }
  .newsBox .item .img .time .yuan { display: none; }
  .textlist .item { flex-wrap: wrap; }
  .textlist .item .img { flex: 1 1 100%; width: 100%; height: 150px; }
  .textlist .item .txt { flex: 1 1 100%; width: 100%; }
  .textlist .item .time { flex: 1 1 100%; border-left: 0; border-top: 1px solid #e9e9e9; height: auto; padding: 6px 0; line-height: 20px; }
  .bottom_main .bottom { flex-direction: column; gap: 24px; }
  .bottom_main .bNav { flex-wrap: wrap; width: 100%; }
  .bottom_main .bNav dl { width: 50%; }
  .bottom_main .contact_info { border: 0; padding: 0; }
  .floor_1 { padding: 60px 0 50px; }
  .floor_2 { padding: 50px 0 0; }
  .floor_4_main { padding: 50px 0; }
  .floor_5 { padding: 50px 0; }
  .floor_6 { padding: 50px 0; }
  .floor_7 { padding: 50px 0 60px; }
  .nybanner { height: 160px; }
  .Productlist .item { width: 48%; margin-right: 4%; }
  .Productlist .item:nth-child(3n) { margin-right: 4%; }
  .Productlist .item:nth-child(2n) { margin-right: 0; }
  .Productlist .item img { width: 100%; height: 150px; }
  .thumblist1 .item { flex-direction: column; gap: 12px; }
  .thumblist1 .item .img { width: 100%; height: 170px; flex: 1 1 100%; }
  .culturegrid { flex-direction: column; }
  .teamgrid { justify-content: center; }
  .statsrow { flex-wrap: wrap; }
  .statsrow li { flex: 1 1 50%; }
  .showproduct .relbox .rel { flex-wrap: wrap; }
  .showproduct .relbox .rel a { flex: 1 1 45%; }
  .toolbar { display: none; }
  .index .title h3 { text-shadow: none; }
}