/*基础CSS*/
html { color: #666; overflow-x: hidden; }
li { list-style: none;}
a { color: #222;}
a:hover {color: #666; text-decoration: none;}
p, dl, dt, dd, ul { margin: 0px; padding: 0px;}
.red{ color:red;}
/*.text-secondary a { color: #666;}*/
.card, .figure { margin: 15px 0;}
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem;}
.navbar-brand { padding-top: 0px; padding-bottom: 0px;}
.shadow-sm-top { box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;}
h1{font-weight: bold;}
.strong{font-weight: 600;}
.font-l{color: #077248;}
.font-b{color: #fff;}
.f-hui{color: #666;}
.f-666{color: #f20;}
.f-222{color: #222;}
.bg-hui{ background: #f8f9f6;}
.index .swiper-slide { width: 100%; height: 100vh; background-size: cover; background-position: center; }
.ft-big{font-size: 2rem;}
.ft-small{font-size: 0.85rem;}
.ft-small2{font-size: 0.75rem;}
.fs-big{font-size:3rem; letter-spacing: 0.8rem; }
.fs-small{font-size:2rem; letter-spacing: 0.8rem;}
.mat-1, .may-1 { margin-top:1rem;}
.mat-2, .may-2 { margin-top:2rem;}
.mat-3, .may-3 { margin-top:3rem;}
.mat-4, .may-4 { margin-top:4rem;}
.mat-5, .may-5 { margin-top:5rem;}
.mab-1, .may-1 { margin-bottom: 1rem;}
.mab-2, .may-2 { margin-bottom: 2rem;}
.mab-3, .may-3 { margin-bottom: 3rem;}
.mab-4, .may-4 { margin-bottom: 4rem;}
.mab-5, .may-5 { margin-bottom: 5rem;}
.pat-1, .pay-1 { padding-top:1rem;}
.pat-2, .pay-2 { padding-top: 2rem;}
.pat-3, .pay-3 { padding-top: 3rem;}
.pat-4, .pay-4 { padding-top: 4rem;}
.pat-5, .pay-5 { padding-top: 5rem;}
.pab-1, .pay-1 { padding-bottom:1rem;}
.pab-2, .pay-2 { padding-bottom: 2rem;}
.pab-3, .pay-3 { padding-bottom: 3rem;}
.pab-4, .pay-4 { padding-bottom: 4rem;}
.pab-5, .pay-5 { padding-bottom: 5rem;}
.pax-4{padding-right:4rem; padding-left: 4rem;}
.pax-3{padding-right:3rem; padding-left: 3rem;}
.par-5,.pax-5{padding-right:5rem;}
.pal-5,.pax-5{padding-left:5rem;}
.par-6,.pax-6{padding-right:6rem;}
.pal-6,.pax-6{padding-left:6rem;}
.head-zw{ height: 72px; clear: both; }
.i-fanye .swiper-pagination-bullet { width: 100px; height: 5px; border-radius: 5px; background: #fff; opacity: 0.5;}
.i-fanye .swiper-pagination-bullet-active { background: #fff;opacity: 1;}
/* 下滑提示修正 */
.xiahua { position: absolute; z-index: 100; width: 100%; bottom: 20px; left: 0; text-align: center; color: #fff; cursor: pointer; animation: scrollBounce 2s infinite ease-in-out;}
.xiahua i { display: block; width: 10px; height: 10px; margin: 0 auto 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg);}
/* 上下弹跳动画 */
@keyframes scrollBounce {
0%,100% {transform: translateY(0);opacity:0.7;}
50% {transform: translateY(5px);opacity:1;}
}
/*幻灯片*/
.swiper-slide.bg{ position: relative; overflow: hidden;}
.i-banner-bg{ width: 100%; height: 100%; position: absolute; z-index: 99; /* 半透明黑色底色 */top: 0; left: 0;
background-color: rgba(0, 0, 0, 0.2);}
.index .tit{position: relative;z-index: 100; height: 100%; }
/*核心业务*/
.com a{ color: #222;}
.com .info a{color: #666;}
.hxyw { background: url(../../../images/hxyw-bg.jpg) no-repeat top center; background-size: cover; }
.hxyw li{ padding: 0.5rem; display: inline-block;}
.hxyw li h5{padding: 0.5rem 0px; font-size: 1rem;}
.hxyw li .info{ padding:0.5rem 0rem 1.5rem; font-size: 0.7rem;}
.hxyw li a i { border: 3px solid #2f986a; background-color: #f9fefc; padding:1.3rem; border-radius: 50%;transition: all 0.5s ease; display: inline-flex; align-items: center; justify-content: center;}
.hxyw li a i span{ font-size: 3.5rem; line-height: 3.5rem; background-image: linear-gradient(135deg, #36c290, #077248); -webkit-background-clip: text;
background-clip: text; color: transparent; transition: all 0.5s ease; }
.hxyw li a:hover i span{ color:#fff; transform: scale(1.2); }
.hxyw li a:hover i { background: linear-gradient(180deg, #36c290, #077248); border:3px solid #36c290; transition: all 0.4s ease; box-shadow: 0 6px 8px rgba(0,0,0,0.38); transform: translateY(0px);}
.hxyw li a:hover h5{color: #077248; font-weight: bold;}
/* 首页案例 */
.dynamic-card { background: #fff; border-radius: 0px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); overflow: hidden; transition: all 0.3s ease; }
.card-top-line { height: 4px; width: 100%; background: transparent; position: relative;}
.card-top-line::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: linear-gradient(90deg, #077248, #91b845); transition: width 0.3s ease;}
.card-img-box { border-radius: 0px;}
.card-img { height: 15rem; transition: transform 0.4s ease;}
.card-content{padding: 1.5rem;}
.dynamic-card:hover .card-img { transform: scale(1.1);}
.dynamic-card:hover h4{color: #077248;}
.dynamic-card:hover .card-top-line::after { width: 100%;}
/* 文字样式 */
.card-date { font-size: 0.8rem;}
.card-title { font-size: 1rem; color: #222; line-height: 1.4; font-weight: 500;}
/* 查看更多渐变按钮 */
.more-btn { display: inline-block; padding: 0.5rem 3rem; border-radius: 999px; background: linear-gradient(90deg, #0099cc, #36c290);
color: #fff; text-decoration: none; transition: all 0.4s ease; box-shadow: 0 3px 10px rgba(0,153,204,0.25);}
.more-btn span{color: #fff;}
.more-btn:hover { background: linear-gradient(90deg, #36c290, #077248); color: #fff; transform: translateY(0px);
box-shadow: 0 6px 18px rgba(0,153,204,0.38);}
.more-btn:active { transform: translateY(0px); box-shadow: 0 2px 6px rgba(0,153,204,0.2);}
.s_button1:before{content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%)}
.s_button1:hover:before{animation:style1 .75s;z-index:1}@keyframes style1{0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}to{background:0 0;transform:translateX(-50%) translateY(-50%) scale(1)}}
.s_button1{position:relative;overflow:hidden}
/*首页我们的优势*/
.youshi{width: 100%; clear: both; color: #fff; background-image:url(../../../images/youshi-bg.jpg); background-repeat:no-repeat; background-size: cover; }
.advantage_box li{float: left; text-align:center; visibility:visible; animation-name:fadeInRight; animation-duration:1s;}
.advantage_box li:nth-child(4){margin-right:0; float:right;}
.advantage_box li .box{top:0px; text-align:center; position:relative; background:#fff; padding:0.8rem; border-bottom:0.3rem solid #077248; cursor:pointer; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}
.advantage_box li img{width:100%; }
.advantage_box li .text{width:100%; padding:2rem 0;}
.advantage_box li .text .iconfont{ width: 100%; float: left; color:#077248; font-size: 3rem; padding: 0px;}
.advantage_box li .text b{font-size:1rem; color:#077248; padding-bottom:0.5rem; display: block;}
.advantage_box li .text p{font-size:0.8rem; color:#666;}
.advantage_box li:hover .box{background:linear-gradient(0deg,#077248,#91b845);background:-webkit-linear-gradient(-90deg #2d5d5d,#1a4e4e); box-shadow:0 0 5px rgba(0,0,0,.2); z-index:10; top:-1rem; }
.advantage_box li:hover .text .iconfont,.advantage_box li:hover .text b,.advantage_box li:hover .text p{color:#FFF}
.advantage_box li:nth-child(2){animation-delay:.4s;}
.advantage_box li:nth-child(3){animation-delay:.8s;}
.advantage_box li:nth-child(4){animation-delay:1s;}
/*首页新闻资讯*/
.index_news{width: 100%; clear: both; background: url(../../../images/news-bg.jpg);background-repeat:no-repeat; background-size: cover; }
.index_news .row{ overflow: hidden; }
.index_news li{display: block; position: relative;}
.index_news li .date{color: #077248; }
.index_news li b{font-weight: 500; font-size: 1.3rem; color: #222; transition: color 0.4s ease;}
.index_news li .tit{ height: 4.5rem; }
.index_news li .img{overflow: hidden; height: 240px; }
.index_news li .img img{padding:0.5rem 0 2rem; width: 100%; transition: transform 0.4s ease;}
.index_news li .info{color: #999;}
.index_news li .more-news{ }
.index_news li .more-news span{border: 1px solid #077248; padding: 0.5rem 2rem; display: inline; border-radius:50px;color: #fff; background: #077248; transition: all 0.4s ease;}
.index_news li .line{ width: 100%; height: 4px; background: #ededed; position: relative; }
.index_news li .line::after{ content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(90deg, #077248, #91b845); z-index: 2; transition: width 0.4s ease;}
/* hover联动全部效果 */
.index_news li a:hover b{ color: #077248;}
.index_news li a:hover .more-news span{ color: #077248; background: #fff;}
.index_news li a:hover .img img{ transform: scale(0.9);}
/* hover绿色从左铺满 */
.index_news li:hover .line::after{ width: 100%;}
/*footer*/
.footer{width: 100%; border-top: 1px #ededed solid; background: #222222; color: #cdcdcd; font-size: 0.8rem; line-height: 1.5rem;}
.footer a{color: #999;}
.footer a:hover{color: #fff;}
.footer-title{font-size: 1rem;color: #fff; }
.wechat-box { position: relative; display: inline-block; cursor: pointer; margin-right:1rem;}
/*.weixin span{font-size: 1.5rem; padding: 5px; background: #cdcdcd; border-radius: 50%; color: #222222;}*/
/* 微信图标容器基础样式（你原图绿色圆形） */
.wechat-icon,.wechat-icon2 { font-size: 1.5rem; padding: 5px; border-radius: 50%; background: #cdcdcd; /* 默认背景绿色 */ display: flex; align-items: center;
justify-content: center; transition: background 0.25s ease;}
.wechat-icon .iconfont,.wechat-icon2 .iconfont { font-size: 1.5rem; color: #222;}
.wechat-box:hover .wechat-icon,.wechat-box:hover .wechat-icon2 { background: #077248; }
.wechat-box:hover .wechat-icon .iconfont,.wechat-box:hover .wechat-icon2 .iconfont{color: #fff;}
.qrcode-pop,.qrcode-pop2 { opacity: 0; visibility: hidden; transition: all 0.25s ease; position: absolute; /* 弹窗在图标上方 */ bottom: 100%; left: -35px; margin-bottom: 12px; background: #fff; padding: 10px; border-radius: 4px;}
.qrcode-pop img,.qrcode-pop2 img { width: 100px; display: block;}
.wechat-box:hover .qrcode-pop,.wechat-box:hover .qrcode-pop2 { opacity: 1; visibility: visible;}
.friend-link a{ margin: 1rem;}
.copyright{ background: #222; border-top: 1px solid #393939; color:#505050; font-size: 0.8rem;}
.copyright a{ color:#505050; font-size: 0.8rem;}
/*其他*/
.pages { min-height: 500px; }
.code, .code img { height: 100px;}
.position, .position a { color: #077248; font-size: 0.8rem;}
.content { color: #222; line-height: 2;}
.content img, .content iframe { max-width: 100% !important;}
.content li { list-style: disc outside none; margin-left: 20px;}
/*产品轮播*/
.view { max-width: 500px;}
.view .swiper-slide { height: 300px; max-width: 500px; padding: 0 3px; box-sizing: border-box; overflow: hidden; text-align: center;}
.view .swiper-slide img { height: 100%;}
.view .arrow-left { background: url(../images/index_tab_l.png) no-repeat left center; position: absolute; left: 10px; width: 28px; height: 300px;
z-index: 10; display: none;}
.view .arrow-right { background: url(../images/index_tab_r.png) no-repeat right center; position: absolute; right: 10px; width: 28px; height: 300px; z-index: 10; display: none;}
.preview { position: relative; width: 440px; left: 30px;}
.preview .swiper-slide { width: 87.5px; height: 70px; margin: 0 3px; box-sizing: border-box; overflow: hidden; cursor: pointer;}
.preview .swiper-slide img { display: inline-block; height: 100%;}
.preview .active-nav { border: 1px solid #F00;}
.preview .arrow-left { background: #fff url(../images/feel3.png) no-repeat left center; position: absolute; left: -20px; top: 0; width: 20px;
height: 70px; z-index: 10;}
.preview .arrow-right { background: #fff url(../images/feel4.png) no-repeat right center; position: absolute; right: -20px; top: 0; width: 20px;
height: 70px; z-index: 10;}
.sub-banner{ height: 30rem; margin: 0px;}
.sub-banner .tit{font-size: 2.1rem; font-weight: 600;}
.sub-banner p{font-size: 1.5rem; color: #e4e4e4; margin-top: 0.5rem;}
.sub-banner .sub-lm{ padding-left: 10rem; padding-top:3rem; }
.sub-nav{height: 5rem; background: #40a978;color: #fff; width: 100%; }
.sub-nav .row { margin: 0; padding: 0; height: 100%;}
.sub-nav ul { width: 100%; height: 100%; display: flex; margin: 0; padding: 0; list-style: none;}
.sub-nav ul li { flex: 1; height: 100%;}
.sub-nav ul li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
color: #fff; text-decoration: none;}
.sub-nav ul li.cur2 { background: rgba(7, 114, 72, 0.9); font-weight: bold;}
.sub-nav ul li a:hover { background: rgba(7, 114, 72, 0.9);}
/*新闻列表页*/
.news-list{width: 100%; clear: both; }
.news-list .row{ overflow: hidden; }
.news-list li{display: block; position: relative;}
.news-list li .date{color: #077248; }
.news-list li b{font-weight: 500; color: #222; transition: color 0.4s ease;}
.news-list li .tit{ height:3rem; }
.news-list li .img{overflow: hidden; height: 240px; }
.news-list li .img img{padding:0.5rem 0 2rem; width: 100%; transition: transform 0.4s ease;}
.news-list li .info{color: #999;}
.news-list li .more-news{ }
.news-list li .more-news span{border: 1px solid #077248; padding: 0.5rem 2rem; display: inline; border-radius:50px;color: #fff; background: #077248; transition: all 0.4s ease;}
.news-list li .line{ width: 100%; height: 4px; background: #ededed; position: relative; }
.news-list li .line::after{ content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(90deg, #077248, #91b845); z-index: 2; transition: width 0.4s ease;}
/* hover联动全部效果 */
.news-list li a:hover b{ color: #077248;}
.news-list li a:hover .more-news span{ color: #077248; background: #fff;}
.news-list li a:hover .img img{ transform: scale(0.9);}
/* hover绿色从左铺满 */
.news-list li:hover .line::after{ width: 100%;}
/*资质荣誉列表*/
.rylist li{ padding: 1rem; overflow: hidden;}
.rylist li .rongyu{ background: #fff; padding: 1rem; }
.rylist li .rongyu .img{ padding-bottom: 1rem; border-bottom: 1px solid #e6e6e6; margin-bottom: 1rem; min-height: 280px; display: flex;
align-items: center; justify-content: center;}
.rylist li .rongyu .img img{ max-width: 100%; max-height: 260px; width: auto !important; height: auto !important; transition: transform 0.3s ease; cursor: pointer; -webkit-user-drag: none; user-select: none; }
.rylist li .rongyu:hover{color: #077248; }
.rylist li .rongyu .img img:hover{ transform: scale(1.05);}
/* 图片列表 */
.img-list{ display:grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap:16px; max-width:1200px; margin:0 auto;}
.img-item{ cursor:pointer; overflow:hidden; border-radius:8px;}
.img-item img{ width:100%; height:140px; object-fit:cover; transition:0.3s;}
.img-item:hover img{ transform:scale(1.05);}
/* 遮罩弹窗 */
.gallery-mask{ position:fixed; inset:0; background:rgba(0,0,0,0.9); z-index:99999; display:none; align-items:center; justify-content:center;
padding:40px;}
.gallery-mask.active{ display:flex;}
/* 大图容器 */
.gallery-box{ position:relative; max-width:90%; max-height:90vh;}
.gallery-box img{ max-width:100%; max-height:85vh; display:block; opacity: 1; transition: opacity 0.15s ease;}
/* 切换时图片透明 */
.gallery-box img.fade-out{ opacity: 0;}
/* 翻页按钮 */
.gallery-prev, .gallery-next, .gallery-close{ position:absolute; outline: none; border:none;}
.gallery-prev, .gallery-next{ top:45%; transform:translateY(-50%); width:44px; height:44px; line-height: 44px; padding: 0px;
background:rgba(255,255,255,0.25); color:#fff; border:none; border-radius:50%; cursor:pointer; padding: 0px; outline: none; border:none;}
.gallery-prev{left:-60px;}
.gallery-next{right:-60px;}
.gallery-close{ top:-60px; right:0; background:none; border:none; color:#fff; font-size:40px; cursor:pointer;}
.gallery-prev,.gallery-next,.gallery-close { border: none !important; outline: none !important;}
.gallery-prev:focus,.gallery-next:focus,.gallery-close:focus { outline: 0 !important; box-shadow: none !important; /* 解决Bootstrap框架自带蓝色焦点阴影 */
}
/* 鼠标点击之后也清除焦点框 */
.gallery-prev:active,.gallery-next:active,.gallery-close:active { outline: none !important; box-shadow: none !important;}
@media (max-width:768px){
.gallery-prev{left:-50px;}
.gallery-next{right:-50px;}
}
/*资质荣誉列表end*/
/*案例列表页*/
.case-navlist{ width: 100%; display: flex; justify-content: center;}
/* 导航容器居中布局 */
.case-nav{ display: flex; justify-content: center; flex-wrap: wrap; /*手机自动换行*/ gap: 25px; /*按钮之间间距，按需调整*/ list-style: none;
text-align: center; margin:0;}
.case-nav-item a{ display: inline-block; min-width: 240px; padding:12px 24px; border:1px solid #077349; /*绿色边框 和截图匹配*/
border-radius: 50px; /*圆角胶囊按钮*/ color:#077349; text-decoration: none; transition: all 0.25s ease;}
/* hover：绿底白字 */
.case-nav-item a:hover{ background-color:#077349; color:#ffffff;}
/* 当前栏目高亮（cur2 选中样式） */
.case-nav-item.cur2 a{ background-color:#077349; color:#ffffff;}
/*通用列表页翻页*/
/* 重写分页，去除所有原生边框 */
.pagination { display: flex; justify-content: center; list-style: none; padding: 0; margin: 0; gap: 16px; }
.page-item:not(:first-child) .page-link { margin-left: 0;}
/* 核心按钮样式：移除边框、背景 */
.pagination .page-link { display: flex; align-items: center; justify-content: center; width:36px; height: 36px; line-height: 36px; padding: 0;
border: none !important; border-radius: 50%; background: transparent; color: #848484; font-size: 0.7rem; text-decoration: none;
transition: all 0.24s ease; outline: none !important; box-shadow: none !important; }
/* hover普通页码变色 */
.pagination .page-link:hover { color: #fff; background-color: rgba(12, 120, 77, 0.5);}
/* 焦点态清除阴影 */
.pagination .page-link:focus { outline: none !important; box-shadow: none !important;}
/* 当前激活页码 绿色圆形底色（匹配截图绿色） */
.pagination .page-item.active .page-link { background-color: #0c784d; color: #ffffff;}
.pagination .page-item.active .page-link:hover { background-color: #0c784d; color: #fff;}
/* 禁用状态（第一页上一页、最后一页下一页） */
.pagination .page-item.disabled .page-link { color: #848484; pointer-events: none; background: transparent;}
/*分页*/
.page-num:not(:disabled) { cursor: pointer;}
.page-num { position: relative; display: block; padding: .5rem; width: 36px; height: 36px; line-height: 36px; display: flex; align-items: center; justify-content: center; color: #848484;}
a.page-num:hover, .page-link:hover { text-decoration: none; color:#fff; background-color: #0c784d; background-color: rgba(12, 120, 77, 0.5); border-radius: 50%;}
.page-num-current { z-index: 1; color: #fff; background-color: #0c784d; border-color: #0c784d; border-radius: 50%;}
.page-num-current:hover { color: #fff;}
/*分页*/
.fenye{width: 100%; clear: both; font-size: 0.9rem; height: 5rem; display: flex; justify-content: space-between; align-items: center;}
.fenye p{margin:0; line-height:1.5; padding-left: 1rem; padding-right: 1rem;}
.fenye p a{color: #666;}
.fenye p a:hover{color: #222;}
/*在线客服*/
.online { position: fixed; bottom: 150px; right: 10px; width: 60px; z-index: 999; color: #999;}
.online a { color: #666;}
.online a:hover { text-decoration: none;}
.online dl { background-color: rgba(7, 114, 72, 0.9); border-radius:50%; padding:10px 5px; margin-bottom: 1px; position: relative;}
.online dl dd { color: #fff; text-align: center; font-size: 12px; cursor: pointer;}
.online dl dd i { font-size: 25px;}
.online dl:hover { background: #006a3f;}
/*.online dl dt { position: absolute; top: 0px; right: 60px; background: #fff; border: 1px solid #ccc; z-index: 9999; display: none; padding: 10px 15px; font-weight: normal;}
.online dl dt h3 { display: block; font-size: 16px; color: #666; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.online dl dt h3 i { margin-right: 5px;}
.online dl dt h3 span { float: right; cursor: pointer;}
.online dl dt input { border: 1px solid #ccc; border-radius: 5px; margin-top: 15px; height: 40px; line-height: 40px; padding: 3px 5px; width: 100%;}
.online dl dt button { margin: 10px 0; border: none; border-radius: 5px; width: 100%; font-size: 18px; height: 40px; line-height: 40px; background: #28a7e1; color: #fff; cursor: pointer;}
*/
/* ===================== PC端二级菜单横向平铺 ===================== */
@media (min-width: 992px) {
html { font-size: 20px; }
/* ===================== 导航基础样式 ===================== */
.navbar { transition: all 0.35s ease; z-index: 9999; }
.navbar-transparent { background: transparent !important; }
.navbar-white { background: #fff !important; border-bottom: 1px solid #dfdede; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
/* 透明导航：显示白色logo，隐藏深色logo */
.navbar-transparent .logo-white { display: block; opacity: 1; }
.navbar-transparent .logo-green { display: none; opacity: 0; }
.navbar-white .logo-white {display: none;opacity: 0; }
.navbar-white .logo-green { display: block; opacity: 1; }
/* 鼠标悬浮顶级栏目，横线展开 */
.nav-item .nav-link::after ,.nav-item .nav-on .nav-link::after{content: "";position: absolute;left: 0;bottom: 0; width: 100%; height: 3px;background: #077248;transform: scaleX(0);transform-origin: left center;transition: transform 0.3s ease;}
.nav-item .nav-link:hover::after,.nav-item .nav-on .nav-link::after{ transform: scaleX(1);}
.navbar-white .nav-on a.nav-link { color: #006a3f;}
.navbar-transparent { color: #fff }
.navbar-transparent .navbar-brand,.navbar-transparent .nav-link{ color: #fff !important;}
.navbar{padding: 0px; }
.nav-item { margin: 0px 1rem; float: left;}
.nav-item .nav-link {position: relative; padding: 1rem 0.5rem; height: 100%; display: flex; align-items: center; }
.nav-item .nav-link::after ,.nav-item .nav-on .nav-link::after{content: "";position: absolute;left: 0;
bottom: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #077248, #077248); transform: scaleX(0); transform-origin: left center;
transition: transform 0.3s ease; border-radius: 0;}
.navbar-white .nav-on a.nav-link { color: #006a3f;}
.navbar-white .nav-on a.nav-link::after{ transform: scaleX(1);transition: transform 0s ease;}
}
@media only screen and (max-width: 1439.98px) {
html { font-size: 14px;}
.ft-small2{font-size: 1rem;}
.index .swiper-slide { /*height: 30vh;*/ }
.fs-big{font-size:1.8rem; letter-spacing: 0rem; }
.fs-small{font-size:1.3rem; letter-spacing: 0rem;}
.mat-1, .may-1 { margin-top:1rem;}
.mat-2, .may-2 { margin-top:1rem;}
.mat-3, .may-3 { margin-top:1rem;}
.mat-4, .may-4 { margin-top:1rem;}
.mat-5, .may-5 { margin-top:1rem;}
.mab-1, .may-1 { margin-bottom: 1rem;}
.mab-2, .may-2 { margin-bottom: 1rem;}
.mab-3, .may-3 { margin-bottom: 1rem;}
.mab-4, .may-4 { margin-bottom: 1rem;}
.mab-5, .may-5 { margin-bottom: 2rem;}
.pat-1, .pay-1 { padding-top:1rem;}
.pat-2, .pay-2 { padding-top: 1rem;}
.pat-3, .pay-3 { padding-top: 1rem;}
.pat-4, .pay-4 { padding-top: 1rem;}
.pat-5, .pay-5 { padding-top:2rem;}
.pab-1, .pay-1 { padding-bottom:1rem;}
.pab-2, .pay-2 { padding-bottom:1rem;}
.pab-3, .pay-3 { padding-bottom: 1rem;}
.pab-4, .pay-4 { padding-bottom:1rem;}
.pab-5, .pay-5 { padding-bottom: 2rem;}
.par-5,.pax-5{padding-right:1rem;}
.pal-5,.pax-5{padding-left:1rem ;}
.par-6,.pax-6{padding-right:1rem ;}
.pal-6,.pax-6{padding-left:1rem ;}
.pax-4{padding-right:2rem ; padding-left: 2rem;}
.pax-3{padding-right:1rem; padding-left: 1rem;}
.card-img { height: 15rem; transition: transform 0s ease;}
.card-content{padding: 0.5rem;}
.card-title { height:2.2rem; }
.index_news li .more-news span{margin-top:0.5rem; margin-bottom: 0.5rem; padding: 0.5rem 1.5rem; clear: both; display: inline-block;}
.index_news li .img{ height: 200px; }
.index_news li .img img{padding:0.5rem 0 1rem; width: 100%; transition: transform 0s ease;}
.view .swiper-slide { height: 200px;}
.preview { display: none;}
.view .arrow-left, .view .arrow-right { height: 200px; display: block;}
.bot-logo img{width: auto; height: 35px;}
.footer,.copyright{font-size:0.9rem;}
.sub-banner{ height: 220px;}
.sub-nav{height: 3rem;}
}
/* 手机端取消全部hover效果 */
@media (max-width: 991.98px) {
html{font-size: 16px;}
.fs-big{font-size:1.8rem; letter-spacing: 0rem; }
.fs-small{font-size:1.7rem; letter-spacing: 0rem;}
.index_news li .tit{ height:4.5rem; }
.bg-light{background-color:#f8f9fa !important;}
.navbar-transparent .logo-white {display: none;opacity: 0; }
.navbar-transparent .logo-green {display: block;opacity: 1; }
.navbar-white .logo-white { display: none; opacity: 0; }
.navbar-white .logo-green { display: block; opacity: 1; }
/* 汉堡按钮基础 */
.navbar-toggler { border: none; outline: none !important; position: relative; width: 44px; height: 44px; color: #222; transition: transform 0.26s cubic-bezier(0.2, 0, 0.2, 1);}
.navbar-toggler span { font-size: 28px;}
.navbar-transparent .navbar-toggler { color: #222;}
.navbar-toggler:focus { box-shadow: none;}
.menu-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.22s ease;color: #999;}
.icon-guanbi { opacity: 0; visibility: hidden;}
/* ✅ 关键：没有.collapsed = 菜单打开，旋转+切换X */
.navbar-toggler:not(.collapsed) { transform: rotate(180deg);}
.navbar-toggler:not(.collapsed) .icon-daohang { opacity: 0; visibility: hidden;}
.navbar-toggler:not(.collapsed) .icon-guanbi { opacity: 1; visibility: visible;}
/* 手机端禁用PC悬浮下拉 */
.nav-item.dropdown:hover > .dropdown-menu { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;
transform: translateY(-8px) !important; display: none !important; }
#navbarNav { font-size: 1.2rem !important; position: absolute; top: 100%; left: 0; width: 100%; background: #ffffff; box-shadow: 0 6px 12px rgba(0,0,0,0.08); min-height: 95vh; overflow-y: auto; transition: min-height 0.32s ease; }
.mobile-nav-wrap { flex-direction: column; padding: 1rem 1.5rem; }
.mobile-nav-wrap > .nav-item { float: none; margin: 0; width:100%; border-bottom: 1px solid #eeeeee; }
.mobile-nav-wrap .nav-link { font-size: 1.2rem !important; display: flex !important; justify-content: space-between; align-items: center; width: 100%; padding: 16px 0.25rem !important; }
/* 无子菜单条目：增加空占位元素，强制对齐边界 */
.mobile-nav-wrap > .nav-item:not(.parent-menu) .nav-link::after { content: ""; width: 12px; height: 12px; display: inline-block; }
/* 二级菜单动画 */
.child-menu { display:block !important; max-height:0; overflow:hidden; transition: max-height 0.32s ease;
background:#f8f8f8; padding:0 !important; margin:0 !important; }
.child-menu.open { max-height:800px !important; }
.child-menu > li { width:100%; text-align:left; }
.child-link{ display:block; padding:10px 26px !important; color:#222; }
/* 箭头样式 */
.sub-arrow {display: inline-block; width: 10px; height: 10px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(45deg); transition: transform 0.3s ease; pointer-events:auto; margin-left:8px; }
.mobile-drop-trigger.active .sub-arrow { transform: rotate(-135deg); }
.navbar-transparent #navbarNav .nav-link { color:#222 !important; }
.card-img { height: 12rem; transition: transform 0s ease;}
.online { bottom: 40px; right: 5px; width: 40px; }
.online dl dd i { font-size: 14px;}
/*.hxyw li h5{padding: 0.5rem 0px; font-size: 1rem;}*/
.sub-banner .sub-lm{ padding-left: 0rem; padding-top:1.5rem; text-align: center; line-height: 1 }
}
@media (min-width: 992px) {
.sub-arrow { display: none !important; }
.parent-menu { position: static; }
.child-menu{ width:100%; left:0; top:100%; position:absolute; display:flex; justify-content:center;
flex-wrap:wrap; gap:1rem; padding:0.8rem 0; background:#fff;
box-shadow:0 4px 16px rgba(0,0,0,0.08); visibility:hidden; opacity:0; pointer-events:none; transform:translateY(-8px); transition:all 0.5s ease; margin-top: 1px;
}
/* 悬浮一级文字变色、底线出现 */
.parent-menu:hover > .nav-link{ color:#006a3f !important; }
.parent-menu:hover > .nav-link::after { transform: scaleX(1);}
.parent-menu:hover > .child-menu{visibility:visible;opacity:1; pointer-events:auto; transform:translateY(0); }
.child-menu > li{ list-style:none; width:140px; text-align:center; }
.child-link{ padding:0; font-size:0.85rem; color:#222; }
.child-link.on,.child-link:hover{ color:#077248; background:transparent; }
/* PC隐藏箭头 */
.sub-arrow{ display:none !important; }
}
@media (max-width: 576px) {
html{font-size: 13px;}
.navbar{ padding:0.5rem 1rem; }
.index_news li .tit{ height:auto; }
.card-img { height: 8rem; transition: transform 0s ease;}
.hxyw li a i { padding:0.5rem; }
.rylist li .rongyu .img{ min-height: 120px; }
.rylist li .rongyu .img img{ max-height: 110px; }
.sub-banner .sub-lm{ padding-left: 0rem; padding-top:5rem; text-align: center; line-height: 1 }
.position, .position a {font-size: 1rem;}
.footer{ font-size:1rem;}
.bot-logo img{width: auto; height: 30px;}
.case-nav{padding-top: 1rem;}
.case-nav-item a{ display: inline-block; min-width: 140px; padding:6px 12px; border:1px solid #077349; /*绿色边框 和截图匹配*/
border-radius: 50px; /*圆角胶囊按钮*/ color:#077349; text-decoration: none; transition: all 0.25s ease;}
.head-zw{ height:58px;background: #eff0ed; }
.fenye p{padding-left: 0rem; padding-right: 0rem;}
.fenye p span, .fenye p a{ display: inline-block; max-width: calc(100% - 80px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
.news-list li .img{ height:110px ; }
.news-list li .img img{padding:0.5rem 0 0rem; }
.news-list li .line{ height: 2px; }
}