.wrap{min-width:320px; max-width:640px; width:100%; margin:0 auto; overflow:hidden; position:relative; background:#fff;} /*网站首页宽度*/
/*头部开始*/
.g-hd{ overflow:hidden; width:100%; height:7.3rem; position:relative;}
.g-hd .u-p01{ height:3rem; color:#fff; line-height:3rem; font-size:0.9rem; text-align:center; color:#333; background:#ececec; margin-bottom:1.1rem;}
.g-hd .u-p01 em{ display:inline-block; width:1.2rem; margin-right:0.7rem;}
.g-hd .u-p01 em img{ vertical-align:middle; height:1.5rem;}
.g-hd .u-p01 i{ font-family: DIN-BOLD; font-size:1.3rem; color:#8f8f8f;}
.g-hd .m-logo{ /*text-align:center; display:block;*/ width:97%; float:left; margin:0 auto; padding:0 0 0 1.8%;}
.g-hd .m-logo img{ width:100%;}
.g-hd .m-tel{ color:#333; float:left; font-size:0.8rem; letter-spacing:0.05rem; padding-top:0.05rem;/* font-family: cursive;*/}
.g-hd .m-tel strong{ display:block; color:#008c3f; font-size:0.8rem; font-weight:bold; letter-spacing:0px; font-family: Microsoft YaHei;}
.m-nav { width: 100%;height: 2.6rem; background:#018c40;}
.g-hd .m-tel strong span{font-size:1rem;font-weight:bold;padding-right:2px; font-family: "pmzd";background: -webkit-linear-gradient(-315deg,#23bf36 10%,#23bf36 50%, #008c3f 80%);-webkit-background-clip:text;-webkit-text-fill-color: transparent;letter-spacing:1px;}

.m-nav ul{width: 88%;}
.m-nav ul li{display: block;width:30%;height: 2.6rem;line-height: 2.5rem;text-align: center;float: left;}
.m-nav ul li a{font-size:0.9rem;color: #fff;}
.m-nav ul li:first-child{width: 17%;}
.m-nav ul li:nth-child(4){width: 22%;}
.downmenu{width:1.5rem;position: absolute; right:0.4rem; padding-top: 0.7rem; line-height:0;}
.downmenu img{width:1.5rem;}
.menu2 { position: relative;z-index: 102; }
.menu2 .slideMenu { width: 100%; display: none; z-index: 9999980; background:rgba(0,0,0,0.8); overflow: hidden; position: absolute; top: 0; right: 0; transition: transform 1s; -webkit-transition: transform 1s; }
.menu2 .slideMenu ul{ padding:2rem; overflow:hidden; margin-bottom: 2rem;}
.menu2 .slideMenu li { border-bottom: 1px solid rgba(255,255,255,0.5); color: #fff; line-height:3rem; font-size:1rem; clear: both; }
.menu2 .slideMenu li a { color: #fff; display: block; line-height:3.4rem; text-align: center; }
.menu2 .slideMenu .contact a:first-child { display: block; color: #fff; font-size: 1.5rem; line-height: 100%; text-align: center; font-family: Arial; }
.menu2 .slideMenu .contact .call { display: block; color: #fff; font-size: 1rem; line-height: 3rem; text-align: center; font-weight: bold; background: #018c40; width: 40%; height:3rem; margin: 1rem auto 4.5rem; border-radius: .3rem; }
           
/*头部结束*/
.g-ft{ padding: 0 0 5rem;/* 减小底部内边距*//* 减小顶部内边距*//* 减小顶部外边距*/position: relative;z-index: 1;}
.g-ft a{color: #018c40;text-decoration: none;/* 添加去除下划线*/}
.f-menu{padding: 0 2% 0.8rem 0;/* 调整内边距*/text-align: center;}
.f-tel{text-align: center;display: block;padding: 1.6rem 0 0.8rem 0;/* 调整内边距*/}
.f-tel img{width: 1.4rem;/* 减小图标大小*/padding-right: 1.2%;/* 调整右边距*/height: auto;vertical-align: middle;/* 垂直居中*/}
.f-tel span{color: #e70012;font-size: 1.6rem;/* 减小字体大小*/font-weight: bold;vertical-align: middle;/* 垂直居中*/}
.f-menu a{border-right: 1px solid #cccccc;display: inline-block;color: #333333;padding: 0 1.5% 0 1.5%;/* 调整内边距*/font-size: 1rem;/* 减小字体大小*/height: 0.8rem;/* 调整高度*/line-height: 0.8rem;/* 调整行高*/margin: 0.2rem 0;/* 添加上下外边距*/}
.f-menu a:nth-child(5){border-right: 0px;margin-right: 0px;margin-left: 0px;}
/* 移除第5个的特殊样式，让所有链接在手机端统一*/.f-menu a:last-child{border-right: none;}
.g_fnva{position: fixed;left: 0;bottom: 0;z-index: 9999;/* 简化z-index*/max-width: 640px;/* 适配最大宽度*/width: 100%;padding-top: 2rem;/* 调整内边距*//* 减小高度*/background-image: url('../images/kfbg.png');background-repeat: no-repeat;background-position: top center;background-size: 100%;/* 改为覆盖整个区域*//* 调整行高*/margin: 0 auto;/* 居中显示*/right: 0;/* 添加右边定位*/}
.m-f01{display: flex;/* 使用flex布局*/justify-content: space-around;align-items: center;height: 100%;margin: 0;padding: 0;}
.m-f01 li{text-align: center;position: relative;overflow: hidden;box-sizing: border-box;width: 33.33%;text-transform: uppercase;flex: 1;/* 平均分配宽度*/}
.m-f01 a{display: block;color: #fff;font-weight: bold;font-size: 1rem;/* 减小字体大小*/line-height: 1.2rem;/* 调整行高*/text-decoration: none;padding: 0.2rem 0;/* 添加内边距增大点击区域*/-webkit-tap-highlight-color: rgba(255,255,255,0.3);/* 添加触摸反馈*/tap-highlight-color: rgba(255,255,255,0.3);}
.m-f01 li img{padding: 0.5rem 0 0.2rem 0;/* 调整内边距*/width: 1.8rem;/* 减小图标大小*/height: auto;display: block;margin: 0 auto;}
.m-f01 li.tel img{padding: 0.3rem 0 0.5rem 0;/* 调整内边距*/width: 2rem;/* 电话图标稍大*/}
.m-f01 li em{display: block;overflow: hidden;height: 2.5rem;/* 调整高度*/font-weight: normal;font-size:0.9rem;/* 减小字体大小*/line-height: 1.2rem;}
li.tel{margin-top: -1rem;/* 调整负边距*/height: 5.5rem;/* 调整高度*/}
li.tel em{margin-top: 1.5rem;/* 调整顶部外边距*/}
/* 响应式调整*/@media screen and (max-width: 480px){.g-ft{padding: 0 0 4rem;}
.f-tel{padding:1.8rem 0 0.6rem 0;}
.f-tel img{width: 1.4rem;}
.f-tel span{font-size: 1.4rem;}
.f-menu a{font-size: 0.9rem;padding: 0 1% 0 1%;height: 0.7rem;line-height: 0.7rem;}
.g_fnva{height:5.5rem;padding-top:0.7rem;line-height: 2rem;}
.m-f01 a{font-size: 0.9rem;line-height: 1rem;}
.m-f01 li img{width: 1.6rem;padding:1.4rem 0 0.1rem 0;}
.m-f01 li.tel img{width: 1.8rem;padding: 0.2rem 0 0.3rem 0;}
.m-f01 li em{height: 2rem;font-size: 0.9rem;line-height: 1rem;}
li.tel{margin-top: -0.8rem;height: 5rem;}
li.tel em{margin-top: 1rem;}}
@media screen and (max-width: 360px){.f-menu a{font-size: 0.8rem;height: 0.6rem;line-height: 0.6rem;}
.f-tel span{font-size: 1.2rem;}
.m-f01 a{font-size: 0.8rem;}
.m-f01 li em{font-size: 0.65rem;}}
/* 安全区域适配（针对有刘海屏的手机）*/
/*@supports (padding: max(0px)){.g_fnva{padding-bottom: max(0.5rem, env(safe-area-inset-bottom));}}*/
/* 防止文字选中*/.g-ft,
.f-menu a,
.m-f01 a{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* 悬停效果*/.f-menu a:hover,
.m-f01 a:hover{opacity: 0.8;}
.add_info{ padding-bottom:2%;}
.addlst{position: relative;text-align: center;font-size: 0;color: #a9a9a9;line-height: 0;padding: 0 3% 0.4rem;/* 减小左右内边距和底部内边距*/margin-bottom: 1.5rem;/* 减小底部外边距*/}
.addlst span,
.addlst a{word-break: break-word;display: inline-block;font-size: 1rem;/* 减小字体大小*/font-weight: normal;line-height: 1.6rem;/* 调整行高*/height: 1.6rem;/* 调整高度*/overflow: hidden;-webkit-tap-highlight-color: rgba(169, 169, 169, 0.2);/* 添加触摸反馈*/tap-highlight-color: rgba(169, 169, 169, 0.2);}
.addlst a{color: #a9a9a9;text-decoration: none;/* 去除下划线*/}
.addlst em{margin: 0 0.4rem;/* 减小左右外边距*/font-style: normal;color: #a9a9a9;}
/* 响应式调整*/@media screen and (max-width: 480px){.addlst{padding: 0 2% 0.3rem;margin-bottom: 1.2rem;}
.addlst span, .addlst a{font-size: 0.9rem;/* 进一步减小字体*/line-height: 1.4rem;height: 1.4rem;}
.addlst em{margin: 0 0.3rem;}}
@media screen and (max-width: 360px){.addlst{padding: 0 1% 0.2rem;}
.addlst span, .addlst a{font-size: 0.8rem;line-height: 1.2rem;height: 1.2rem;}
.addlst em{margin: 0 0.2rem;font-size: 0.8rem;/* 确保分隔符字体一致*/}}
/* 小屏幕单行显示优化*/@media screen and (max-width: 320px){.addlst span, .addlst a{font-size: 0.75rem;line-height: 1.1rem;height: 1.1rem;}}
/* 防止文字选中*/.addlst span,
.addlst a{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* 链接悬停效果*/.addlst a:active{opacity: 0.7;/* 点击时透明度变化*/}
/* 长文本换行处理*/@media screen and (max-width: 280px){.addlst{text-align: left;/* 超小屏幕左对齐*/padding: 0 1% 0.2rem;}
.addlst span, .addlst a{display: block;/* 超小屏幕块级显示*/text-align: center;height: auto;line-height: 1.3rem;margin: 0.1rem 0;}
.addlst em{display: none;/* 隐藏分隔符*/}}
/* 横屏适配*/@media screen and (orientation: landscape) and (max-height: 500px){.addlst{margin-bottom: 1rem;/* 横屏时减小底部外边距*/padding-bottom: 0.2rem;}}
/* 高DPI屏幕优化*/@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.addlst span, .addlst a{-webkit-font-smoothing: antialiased;/* 字体抗锯齿*/-moz-osx-font-smoothing: grayscale;}}