#c-placeholder {height: 6.25rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .6s;}
.headBox {padding: 0 4%;  transition: .5s; height: 6.25rem; display: flex; justify-content: space-between; align-items: center; background: transparent;}
.headBox .logo {height: 100%;}
.headBox .logo img {height: 2.5625rem; max-height: 100%; object-fit: contain; transition: .5s;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.headBox .le {height: 100%; flex-shrink: 0;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%; flex: 1; justify-content: end;}

/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
/* 取消layui默认样式 end!!!*/

nav {height: 100%; }
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; transition: 0.6s; }
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative;z-index: 1;font-size: var(--font18);transition: 0.6s;display: block;border-radius: 100px;padding: 0.66rem 1.7rem;margin-right: 2rem;}
nav .layui-nav .layui-nav-item > a i {display: none;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {background: #00923f;}

nav .layui-nav > .layui-this:after , nav .layui-nav-bar {display: none;} 

/* 默认下拉 */
nav .layui-nav .layui-nav-child {top: 100%; background: rgba(255, 255, 255,1);; min-width: 8.125rem; line-height: initial;text-align: left;}
nav .layui-nav .layui-nav-child >dd >a {color: #898989; padding: .5rem .625rem; font-size: var(--font14);}
nav .layui-nav .layui-nav-child >dd >a:hover {color: #fff; background: #00923f;}

/* 产品二级导航 */
nav ul li .navTwo {position: fixed; border-top: 1px solid #eee; left: 0; background: #ffffff; box-shadow: 0px .313rem .625rem -0.313rem rgba(0,0,0,0.12); top: 6.25rem; width: 100%; display: none; padding: 1.5625rem 0 5rem;}
.pronav{gap:0 4.375rem}
.pronav dl dt{border-bottom: 1px solid #f2f2f2; margin-bottom: .5625rem; margin-bottom: 1.5rem;}
.pronav dl dt .pic {height: 3.6875rem;}
.pronav dl dt .pic img{ max-height: 100%; object-fit: contain;}
.pronav dl dt strong{color: #333;}
.pronav dl dd{margin-bottom: .375rem;}
.pronav dl dd a{display: flex!important; align-items: flex-start;}
.pronav dl dd img{width: .625rem; margin-right: .625rem; margin-top: .3125rem;}
.pronav dl dd em{font-size: var(--font15); color: #333333;}
.pronav dl dd a:hover img{filter: invert(54%) sepia(74%) saturate(6858%) hue-rotate(133deg) brightness(89%) contrast(103%);}
.pronav dl dd a:hover em{color: #00923f;}

.head-link a{display: block;  border-radius: .1875rem; color: #ffffff; padding: 0.38rem 0.49rem;}
.head-link img{height: 1.375rem; }

/* 解决方案二级导航 */
nav ul li .navTwo2 {position: fixed; border-top: 1px solid #eee; left: 50%;  background: #ffffff; box-shadow: 0px .313rem .625rem -0.313rem rgba(0,0,0,0.12); top: 6.25rem; width:34.1875rem; display: none; }
nav ul li .navbox{display: flex; height: 21.5rem;}
nav ul li .navTwo2 .list{width: 38%; background: #fcfcfc; padding-top: 2.5rem; height: 100%;}

nav ul li .navTwo2 .list a{display: flex!important; align-items: center;}
nav ul li .navTwo2 .list img{width: .625rem; margin-right: .625rem; }
nav ul li .navTwo2 .list em{font-size: var(--font15); color: #333333; font-size: var(--font18);}
nav ul li .navTwo2 .list .item{margin-bottom: .75rem; }
nav ul li .navTwo2 .list .item:hover>a{background: transparent!important;}
nav ul li .navTwo2 .list .item:hover>a img{filter: invert(54%) sepia(74%) saturate(6858%) hue-rotate(133deg) brightness(89%) contrast(103%);}
nav ul li .navTwo2 .list .item:hover>a em{color: #00923f; font-weight: bold;}
nav ul li .navTwo2 .list .item.active>a{background: transparent!important;}
nav ul li .navTwo2 .list .item.active>a img{filter: invert(54%) sepia(74%) saturate(6858%) hue-rotate(133deg) brightness(89%) contrast(103%);}
nav ul li .navTwo2 .list .item.active>a em{color: #00923f; font-weight: bold;}




nav ul li .navTwo2 .imglist{width: 62%;background: #e8e8e8;height: 100%;display: flex;padding-left: 3.5rem;padding-top: 2.5rem;}
nav ul li .navTwo2 .imglist .imgBox{display: none; }
nav ul li .navTwo2 .imglist .imgBox a{display: block;font-size: var(--font16);color: #666666!important;margin-bottom: .3125rem;padding: 0; transition: .6s; background: transparent!important;}
nav ul li .navTwo2 .imglist .imgBox a:hover{color: #00923f!important; text-indent: .625rem;}


/* 搜索 */
.head_search {cursor: pointer; margin-left: 2.25rem; }

.head_search a img{width: 1.5rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(0, 0, 0,.9);   display: none;}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap {margin: 0 15%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 3.75rem;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 4.375rem; color: #fff;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 3.75rem;height: 3.75rem;font-size: var(--font22);text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn svg {width: 50%; height: 100%;}
.searchFull .ssf-fields-wrap .ssf-btn svg path{fill: #fff;}

.ssfDismisser {position: absolute; top: 1.25rem; right: 1.875rem; font-size: var(--font30);color: #8e9295;line-height: 1.875rem; width: 1.875rem;height: 1.875rem; text-align: center;}
.ssfDismisser svg {width: 100%; height: 100%;}
.ssfDismisser svg path{fill: #fff;}



@media (any-hover:hover) {
header:hover .headBox .logo img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
header:hover{background: #fff;}
header:hover nav .layui-nav .layui-nav-item > a{color: #333;}
header:hover nav .layui-nav .layui-this > a {color: #fff!important;}
header:hover nav .layui-nav .layui-nav-item > a:hover{color: #fff!important;}
header:hover nav .layui-nav .layui-nav-item:hover > a,header:hover  nav .layui-nav .layui-this > a { background: #00923f; color: #fff !important;}
header:hover .head-link a{color: #333;}
header:hover .head-link img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header:hover .head_search a img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
}





header.c-style2 .headBox .logo img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
header.c-style2{background: #fff; box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3);}
header.c-style2 nav .layui-nav .layui-nav-item > a{color: #333;}
header.c-style2 nav .layui-nav .layui-this > a {color: #fff!important;}
header.c-style2 nav .layui-nav .layui-nav-item > a:hover{color: #fff!important;}
header.c-style2 nav .layui-nav .layui-nav-item:hover > a,header.c-style2  nav .layui-nav .layui-this > a { background: #00923f; color: #fff !important;}
/* header.c-style2 .head-link a{background: #00923f;  border: 1px solid #00923f;} */
header.c-style2 .head-link a{color: #333;}
header.c-style2 .head-link img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style2 .head_search a img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}








/* =================头部 end!!!=================== */


/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#00923f #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #00923f; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {background: #e5e5e5; padding: 0.95rem 2.8rem; color: #333333; transition: .5s; display: inline-flex; transition: .6s; border-radius: 100px;}
.more1 img{width: .3125rem; margin-left: 1.5rem; transition: .6s;}



@media (any-hover: hover) {

 .more1:hover {box-shadow: 0 0 0 .625rem rgba(0,146,63,0.5); background: #00923f; }
 .more1:hover em{color: #fff;}
 .more1:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
}




/* ======首页======= */
.indexSwiper {height: 100vh;position: relative;overflow: hidden;}
.indexSwiper >.swiper-wrapper >.slide {height: 100%; position: relative; overflow: hidden; z-index: 2;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox > img ,.indexSwiper .swiper-wrapper >.slide .bjBox video {width: 100%; height: 100%; object-fit: cover; display: block;}
/* 控件 */
.indexpagtion {right: 3% !important; left: auto; display: none;}
.indexpagtion span {margin: 2rem 0 !important; width: .75rem; height: .75rem; opacity: 1; border: .188rem solid #ffffff; border-radius: 0; background: none; transition: .35s;}
.indexpagtion .swiper-pagination-bullet-active {background: #16428b; transform: rotate(45deg); border-color: #16428b; opacity: 1;}

.indexOne {height: 100vh; position: relative; overflow: hidden;}
.indexOne .swiper {height: 100%; overflow: hidden;}
.indexOne .slide .bjBox {position: absolute; z-index: -1; height: 100%; width: 100%; left: 0; top: 0;}
.indexOne .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexOne .slide .box{top: auto; bottom: 12%;}
.indexOne .slide .con h2{font-size: 4.625rem; font-weight: 800; display: block; margin-bottom: .5rem;}
.indexOne .slide .con h3{font-size: 3.125rem; font-weight: 400; line-height: 1;}




/* 当前 */
.indexOne .swiper-slide-active .bjBox img, .indexOne .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexOne .swjt img{ width: 1.25rem; opacity: 0.5; transition: .6s;}
#banner-prev{left: 2%;}
#banner-next{right: 2%;}
#banner-next img{transform: rotate(180deg);}
.indexOne .swjt img:hover{opacity: 1;}

#banner-num{left: auto; width: auto; bottom: 5.3125rem;}
#banner-num .swiper-pagination-bullet {width: 1.6875rem; height: .375rem;  background: rgba(255,255,255,0.5); border-radius: 3px; transition: .6s; opacity: 1;}
#banner-num .swiper-pagination-bullet-active{width: 3.4375rem; background: #fff; }

.mouse-scroll{position: absolute; right:4%; bottom: 9%; z-index: 2;}
.mouse-scroll span{display: block; width: .125rem; height: 6.25rem; background: rgba(255,255,255,0.5); margin: 0 auto 1.25rem;}
.mouse-scroll img{}


.mouse-scroll img{display: block; width: 1.375rem; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: arrow-bounce 1.5s ease-in-out infinite;}
 /* 定义上下循环动画 */
@keyframes arrow-bounce {
  0%, 100% {
    /* 初始和结束位置：无位移 */
    transform: translate(-50%, -50%) translateY(0);
  }
  50% {
    /* 中间位置：向下移动8px（可根据需求调整距离） */
    transform: translate(-50%, -50%) translateY(.5rem);
  }
}



/* 第二屏产品中心 */
.indexTwo{background: #fcfcfc;}
.indexTwo .slide_box {display: flex; height: 100%;padding-top: 8.75rem;}
.index-title strong{display: block; font-size: 3.25rem; color: #333333; }
.product{position: relative;}
.product-btn{position: absolute; top: 0; right: 0; z-index: 8;}
.product-btn ul li{cursor: pointer;}
.product-btn ul li:first-child{margin-right: 1rem;}
.product-btn ul li a{display: block; color: #666666;  border-radius: 100px;  padding: 0.98rem 3.06rem; transition: .6s;}
.product-btn ul li.active a{background: #00923f; color: #fff; }

.product-box ul { display: none; }
.product-box ul.show { display: block; }


.class-title{border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 2.9375rem; padding-top: 1.3125rem; margin-bottom: 1.3125rem;}
.class-title h2{color: #00923f; display: block; position: relative; line-height: 1; padding-left: 1.625rem;}
.class-title h2::after{content: ''; width: .125rem; height: 100%; background: #00923f; position: absolute; left: 0; bottom: -1px; }
.pro-class{margin-bottom: 2.8125rem;}
.pro-class dl dd {position: relative;}
.pro-class dl dd>a{padding: 0.67rem 2.37rem; transition: .6s;}
.pro-class dl dd>a h3{color: #333333; margin-right: .625rem;}
.pro-class dl dd>a img{width: .5rem;}

.pro-class dl dd.on>a{background: #00923f; border-radius: 100px;}
.pro-class dl dd.on>a h3{color: #fff;}
.pro-class dl dd.on>a img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

@media (any-hover: hover) {
.pro-class dl dd:hover>a{background: #00923f; border-radius: 100px;}
.pro-class dl dd:hover>a h3{color: #fff;}
.pro-class dl dd:hover>a img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
}
.pro-class dl dd .navTwo2{position: absolute; z-index: 8; border-top: 1px solid #eee; left: 0;  background: #fff;  top: 3.8125rem; width:32.6875rem; height: 28.75rem; display: none;  box-shadow: 2.264px 1.968px 3.68px 0.32px rgba(145, 145, 145, 0.44);border-radius: .75rem; }
.pro-class dl dd .navTwo2 .navbox{display: flex;height: 100%; }
.pro-class dl dd .navTwo2 .navbox .list{width: 42%; height: 100%; border-right: 1px solid  #f5f5f5; box-sizing: border-box; padding: 1.4375rem 0 0 .9375rem;} 
.pro-class dl dd .navTwo2 .navbox .list .item a{display: block;color: #555555;width: 81%;line-height: 2.6;padding-left: 1.125rem;border-radius: .375rem; transition: .6s;}
.pro-class dl dd .navTwo2 .navbox .list .item a:hover{background: #00923f; color: #fff;} 
.pro-class dl dd .navTwo2 .navbox .list .item.item.active a{background: #00923f; color: #fff;}
.pro-class dl dd .navTwo2 .navbox .imglist{width: 58%;height: 100%;display: flex;align-items: center;padding-left: 2.125rem;}
.pro-class dl dd .navTwo2 .navbox .imglist .imgBox a{display: block; font-size: var(--font15); color: #666666; line-height: 2; transition: .6s;}
@media (any-hover: hover) {
.pro-class dl dd .navTwo2 .navbox .imglist .imgBox a:hover{color: #00923f; text-indent: .9375rem;}
}


.product-list{position: relative; overflow: hidden;}
.product-list  .swiper-slide{background: #ededed; padding-bottom: 3.125rem;}
.product-list  .swiper-slide .pic {position: relative;z-index: 1;padding-bottom: 80%;overflow: hidden;}
.product-list  .swiper-slide .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: .5s;}
.product-list  .swiper-slide h4{text-align: center; color: #333333;}

@media (any-hover: hover) {
    .product-list  .swiper-slide:hover .pic img {transform: scale(1.05);}
}

#product-num{display: none;}



/* 第三屏解决方案  */
.indexThre .slide_box {display: flex; height: 100%;padding-top: 8.75rem;}
.solution-top {margin-bottom: 3.625rem;}

.solution-list ul{display: grid; grid-template-columns: calc((363 / 1400) * 100%) calc((313 / 1400) * 100%) calc((313 / 1400) * 100%) calc((363 / 1400) * 100%); gap: 1.25rem 1rem;grid-template-rows: repeat(2, 18.25rem);}
.solution-list ul li:nth-child(2){grid-column-start: 2;grid-column-end: span 2; }
.solution-list ul li{position: relative;transition: .6s; overflow: hidden; border-radius: .5rem;}
.solution-list ul li .pic{width: 100%; position: absolute; height: 100%; top: 0;  }
.solution-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;  border-radius: .5rem; transition: .6s;}
.solution-list ul li .info{  border-radius: .5rem; position: absolute; content: ''; top: 0; width: 100%; height: 100%;background: linear-gradient(0deg,rgba(0,0,0,0.3) 0%, rgba(236,245,237,0.3) 100%); display: flex; align-items: flex-end;  transition: .6s;}
.solution-list ul li .info h3{ margin: 0 2% 1.25rem; display: block;}


@media (any-hover: hover) {
    .solution-list ul li:hover .info{background: linear-gradient(0deg,rgba(0,146,63,0.8) 0%, rgba(236,245,237,0.8) 100%); }
    .solution-list ul li:hover .pic img {transform: scale(1.05);}
}


/* 第四屏关于我们  */
.indexFour .slide_box {display: flex; height: 100%;padding-top: 10rem;}
.about{justify-content: flex-end;}
.about .info{width: 58.85%;}
.about .index-title{margin-bottom: 3rem;}
.about .index-title strong{color: #fff;}
.about .text h4:first-child{margin-bottom: 1.875rem;}
.about .text{margin-bottom:3.125rem;}
.about-num{margin-bottom: 3.625rem;}
.about-num ul li:first-child{margin-right: 6.875rem;}
.about-num ul li b{font-size: 4.375rem; line-height: 1;}
.about-num ul li em{display: block; margin-top: .3125rem;}



/* 第五屏合作伙伴 */
.indexFive{background: #fcfcfc;}
.indexFive .slide_box {display: flex; height: 100%;padding-top: 8.75rem;}
.partner{width: 100%;}
.partner .index-title{margin-bottom: 3.625rem;}
.partner-list{position: relative; overflow: hidden; margin-bottom: 3.125rem;}
.partner-list ul li .pic {position: relative;z-index: 1;padding-bottom:44.3%;overflow: hidden;}
.partner-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.partner-list ul li .name {background: #fff; padding: 1.75rem 2%;}
.partner-list ul li .name h3{text-align: center; color: #333333;}
#partner-num{display: none;}
@media (any-hover: hover) {
    .partner-list ul li:hover .pic img {transform: scale(1.05);}
    .partner-list ul li:hover .name h3{color: #00923f;}
}
.partner-logo { position: relative; overflow: hidden; }
.partner-logo .item {margin-bottom: 1rem;}
.partner-logo ul { display: flex; justify-content: center;}
.partner-logo li {margin: 0 .5rem;flex-shrink: 0;background: #fff; width: 12.375rem; height: 5.9375rem;  display: flex; align-items: center; justify-content: center; }
.partner-logo li img {max-width: 100%; }



/* 第六屏公共底部 */
.indexSix{background: #282828;}
.indexSix .slide_box {display: flex; height: 100%;}
.footer-bg{width: 100%; background: #282828; padding-top: 8.75rem;}
.footer-top{border-bottom: 1px solid #545454; padding-bottom: 2.8125rem;}
.apply{background: #ffffff;   border-radius: .75rem; padding:  2.8125rem 4.0625rem; margin-bottom: 5.1875rem;}
.apply a.more1{background: #00923f;color: #ffffff; }
.footer-left{width: 24%;}
.footer-logo img{height: 2.5625rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); margin-bottom: 5rem;}
.footer-tel{margin-bottom: 2.25rem;}
.footer-tel img{width: 2.3125rem; display: inline-block; margin-right: 1.6875rem;}
.footer-form{height: 4rem;  background: #ffffff; padding: 0 2.0625rem; box-sizing: border-box; margin-bottom: 2.5rem;}
.footer-form img{width: 1.5rem; margin-right: 1.1875rem;}
.footer-form input::placeholder{color: #b9b9b9;}
.follow{margin-bottom: 1.5625rem;}
.follow dl .ddbox {display: flex;}
.follow dl dt{margin-right: 2.25rem}
.follow dl dd {margin-right: 1.25rem; position: relative;}
.follow dl dd .icBox {width: 1.25rem; height: 1.25rem;  display: flex; align-items: center; justify-content: center;}
.follow dl dd .icBox img{display: block; width: 100%; height: 100%; object-fit: contain;}
.follow dl dd.hover_code .code {width: auto; box-shadow: 0 0 .625rem rgba(0,0,0,.1); position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: .625rem; border-radius: .625rem; opacity: 0; pointer-events: none; visibility: hidden;}
.follow dl dd.hover_code .code span {display: block; margin-top: .313rem;}
.follow dl dd.hover_code .code img {width: 6.25rem;}
.follow dl dd.hover_code .code::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: .625rem solid transparent; border-top-color: #fff;}
.follow dl dd.hover_code:hover .code {opacity: 1;  bottom: 170%; visibility: visible; pointer-events: auto;}
.foternav{width: 65%; margin-top: 1.25rem}
.foternav dl dt{margin-bottom: 1.25rem;}
.foternav dl .ddbox dd a{font-size: var(--font15); color: #d9d9d9; display: block; line-height: 2;}
.foternav dl .ddbox dd a:hover{color: #fff;}
.copy-box{padding: 1.5625rem 0;}
.copy-box .copy-left p,.copy-box .copy-left p a{ font-size: var(--font15); color: #757575;  line-height: 2;}
.copy-box .copy-left p a:hover{color: #fff;}
.flink  ul li{width: 16.875rem; position: relative;}
.flink  ul li>a{background: #5c5c5c; padding: 1rem 2.125rem;}
.flink  ul li>a em{color: #a7a7a7;}
.flink  ul li>a img{width: .3125rem;}
.flink-list{position: absolute;bottom: 100%;left: 0;width: 100%;background: #fff;padding: 1rem 2.125rem; display: none;}
.flink-list dl a{display: block; line-height: 2; transition: .6s;}
.flink-list dl a:hover{color: #00923f; text-indent: .625rem;}


/* 内页banner */
.ny-banner{position: relative; overflow: hidden;}
.ny-banner .pic img{width: 100%; height: 100%; object-fit: cover; min-height: 25rem}
.ny-banner .index-title strong{font-size: 3.25rem; display: block; color: #fff;}


/* 内页关于我们 */
.about-class{padding: 1.6875rem 0 1.8125rem; border-bottom: 1px solid #EBEBEB;}
.about-class ul li{ margin: 0 1.1875rem;}
.about-class ul li a{color: #333;display: block;padding: 0.76rem 2.6rem; transition: .6s;}
.about-class ul li:hover a,.about-class ul li.on a{background: #00923f; color: #fff;border-radius: 27px; font-weight: bold;}
.about-bg{background: url(../images/about-bg.jpg) no-repeat center; background-size: cover; padding: 4.375rem 0 6.875rem;}
.about-box .info{width: 46%;}
.about-box .info .index-title{margin-bottom: 3.125rem;}
.about-box .text{margin-bottom: 4.375rem;}
.about-box .text h4{color: #555555; margin-bottom: 1.75rem;}
.about-box .text h4:last-child{margin-bottom: 0;}
.about-box .pic{width: 34.85%;}
.about-box .pic img{display: block; width: 100%;}


.develop-bg{background: rgba(242,242,242,0.2); padding: 4.0625rem 0 5.8125rem;}
.develop-bg .index-title{margin-bottom: 3.125rem;}
.develop-box{position: relative;}
.develop-list{overflow: hidden; width: 87.5%; margin: 0 auto ; padding-bottom: 3.4375rem;}
.develop-list ul li{height: 15.25rem;  background: #ffffff; padding: 2rem 2.5rem 0;}
.develop-list ul li b{display: block; font-size: 3.375rem; color: #333333; margin-bottom: .9375rem;}
.develop-list ul li p{color: #666666;}
#develop-prev,#develop-next{ width: 3.375rem;  height: 3.375rem;  border: 1px solid #d1d1d1; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .6s; top:38%}
#develop-prev img,#develop-next img{width: .5625rem;}
#develop-next img{transform: rotate(180deg);}
#develop-prev:hover ,#develop-next:hover {background: #00923f;border-color: #00923f; }
#develop-prev:hover img,#develop-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#develop-num{top: auto; bottom: 0;  width: 87.5%; margin: 0 auto; left: 0; right: 0; height: .1875rem; background: transparent!important; position: relative;}
#develop-num::after{position: absolute; content: ''; width: 100%; height: .0625rem; background: #d8d8d8; top: 50%; left: 0; z-index: -1; transform: translateY(-50%);}
#develop-num .swiper-pagination-progressbar-fill{background: #00923f!important;}

.culture-list ul{display: flex;}
.culture-list ul li{flex: 1; transition: .6s; height: 53.125rem; overflow: hidden; position: relative; }
.culture-list ul li.on{flex: 2;}
.culture-list ul li .pic{height: 100%; position: absolute; top: 0; z-index: 1; width: 100%;}
.culture-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.culture-list ul li .info{height: 100%; position: absolute; top: 0; z-index: 1; width: 100%; display: flex; align-items: flex-end;}
.culture-list ul li .text{padding:  0 2.875rem; margin-bottom: 6.5rem;}
.culture-list ul li .icon{height: 3.75rem; margin-bottom: 3.125rem;}
.culture-list ul li .icon img{display: block;  max-height: 100%; min-height: 80%;}
.environment {padding: 5rem 0;}
.environment .index-title{margin-bottom: 2.1875rem;}
.environment-list ul{display: grid; grid-template-columns: repeat(3, 1fr);gap:0 .875rem;}
.environment-list ul li:first-child,.environment-list ul li:nth-child(2){margin-bottom: .875rem;}
.environment-list ul li .pic {overflow: hidden;border-radius: .375rem;height: 100%;}
.environment-list ul li .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.environment-list ul li:nth-child(3){grid-row-start: 1;grid-row-end: span 3;grid-column-start: 3;}


.honor-bg{background: url(../images/honor-bg.jpg) no-repeat center; background-size: cover; padding: 3.5625rem 0 4.3125rem}
.honor-bg .index-title{margin-bottom: 4.25rem;}

.honor-left{width: 33%; background: #ffffff; border-radius: .375rem; padding: 1.5625rem 1.125rem 0; height: 30.4375rem; position: relative; overflow: hidden;}
.honor-list ul li .pic {position: relative;z-index: 1;padding-bottom:78%;overflow: hidden; border: 1px solid #f4f4f4; border-radius: .625rem; margin-bottom: 1.25rem;}
.honor-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
#honor-num{font-size: var(--font18); color: #999; bottom: 1rem;}
#honor-num .swiper-pagination-current{font-size: var(--font32); color: #333;}


/* 荣誉资质区域 - 右侧2列布局+滚动 */
.honor-right {
  width: 62.78%;
  display: flex;
  justify-content: flex-start;
  height: 30.4375rem; /* 固定高度，保持与左侧一致 */
  overflow-y: auto; /* 垂直滚动开启 */
  padding-right: 1rem; /* 预留滚动条空间，避免内容被遮挡 */
  /* 滚动条美化 */
  scrollbar-width: thin;
  scrollbar-color: #00923f #d8d8d8;
}
.honor-right::-webkit-scrollbar {
  width: 3px;
}
.honor-right::-webkit-scrollbar-thumb {
  background: #00923f;
  border-radius: 5px;
}
.honor-right::-webkit-scrollbar-track {
  background: #d8d8d8;
}
/* 右侧按钮容器 - 网格布局实现一行2个 */
.honor-btn {
  width: 100%;
  margin: 0;
  position: relative;
  overflow: visible;
}
.honor-btn ul {
  margin: 0 !important;
  display: grid; /* 网格布局 */
  grid-template-columns: repeat(2, 1fr); /* 一行2列，等宽分布 */
  gap: 1.3rem 0; /* 列之间+行之间的间距，与原底部间距一致 */
  padding: 0;
  width: 100%!important;
}
.honor-btn ul li {
  margin: 0 !important; /* 清除原有margin，用grid gap控制间距 */
  height: 6.25rem;

  display: flex;
  align-items: center;
  padding: 0 3.5rem; /* 调整内边距，适配2列布局 */
  cursor: pointer;
  box-sizing: border-box; /* 确保padding不撑大宽度 */
}


.honor-btn ul li .icon{height: 3rem; margin-right: 1.25rem;}
.honor-btn ul li .icon img{display: block; max-height: 100%; min-height: 80%;}
.honor-btn ul li .text span{ display: block; font-size: var(--font24); color: #999999;}
.honor-btn ul li .text em{display: block; font-size: var(--font18); color: #333333;}



/* 选中状态样式保持不变 */
.honor-btn ul li.swiper-slide-thumb-active {
  box-shadow: 2.264px 1.968px 3.68px 0.32px rgba(145, 145, 145, 0.44);
  background: #fff;
}



/* 内页产品中心 */
.proMain{padding: 4.4375rem 0 6.125rem;}
.proOne .box{display: flex; justify-content: space-between; align-items: flex-start;}
.proOne .box .le{width: 22%; position: sticky; top: 8rem;}
.proOne .pro-title strong{display: block; margin-bottom: 1.6875rem;}
.proOne .pro-search{border: 1px solid #f2f2f2; height: 2.9375rem; justify-content: space-around; margin-bottom: 2.5rem;}
.proOne .pro-search input{font-size: var(--font15); color: #666666;}
.proOne .menu li .menu-li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F7F7F7; padding: .875rem 0; position: relative;}
.proOne .menu li .menu-li::after{position: absolute; content: ''; left: 0; width: 0; height: 1px; background: #00923f; bottom: 0; transition: .6s;}
.proOne .menu li .menu-li a{font-size: var(--font18); color: #333333;}
.proOne .menu li .menu-li img{ width: .375rem; filter: invert(57%) sepia(100%) saturate(1%) hue-rotate(8deg) brightness(98%) contrast(86%);}
.proOne .menu li .s-menu{padding: 1.25rem; display: none;}
.proOne .menu li .s-menu dl dt a{display: block;font-size: var(--font16);line-height: 1.5;transition: .6s;background: #f5f5f5;/* text-indent: .625rem; */padding: .5rem;}
.proOne .menu li .s-menu dl dt a.on ,.proOne .menu li .s-menu dl dt a:hover { color: #00923f;}
.proOne .menu li .s-menu.on{display: block;}
.proOne .menu li .menu-li.on::after{width: 100%;}
.proOne .menu li .menu-li.on a{color: #00923f;}
.proOne .menu li .menu-li.on img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.proOne .menu li .menu-li:hover::after{width: 100%;}
.proOne .menu li .menu-li:hover a{color: #00923f;}
.proOne .menu li .menu-li:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.proOne .menu li .menu4{padding: 1rem 0 1rem 1rem}
.proOne .menu li .menu4 dd a{display: flex;}
.proOne .menu li .menu4 dd span{display: inline-block; width: 0.25rem; height: 0.25rem; background: #ccc; border-radius: 50%; margin-right: 0.3125rem; margin-top: 0.5rem;}
.proOne .menu li .menu4 dd em{font-size: var(--font15);}
.proOne .menu li .menu4 dd a.on span{background: #00923F;}
.proOne .menu li .menu4 dd a.on em{color: #00923F;}
.proOne .menu li .menu4 dd a:hover span{background: #00923F;}
.proOne .menu li .menu4 dd a:hover em{color: #00923F;}


.proOne .pro-tel{background: #00923f; border-radius: 2px; text-align: center; padding: 1.625rem 0; margin-top: 2.0625rem;}
.proOne .pro-tel img{width: 1.0625rem; margin-right: .625rem;}

/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #00923f; z-index: 2;} 
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 768px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  /* .proOne .box .le {width: 30%;} */
}
@media screen and (max-width: 767px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 1.875rem 1rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%; flex: none; margin-left: 0;}
  .filter-toggle {display: block;}
}


.proOne .box .re{width: 75%;}
.pro-right .right-title strong{color: #333333; margin-bottom: 2.0625rem; display: block;}
.nypro-list ul{gap: 1.875rem 3.75rem;}
.nypro-list ul li h3{color: #333333; font-weight: 700; display: block; margin-bottom: .9375rem;}
.nypro-list ul li .pic {position: relative;z-index: 1;padding-bottom: 33.3%;overflow: hidden;width: 51%;}
.nypro-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.nypro-list ul li .text{width: 44%;}
.nypro-list ul li .text h4{font-size: 15px; color: #333333;}
@media (any-hover: hover) {
  .nypro-list ul li:hover h3{color: #00923f;}
  .nypro-list ul li:hover .pic img {transform: scale(1.05);}

}




/* 内页产品详情页 */
.pro-banner .info .index-title strong{font-size: var(--font36); color: #333333;}
.pro-banner .proxq-pic{width: 32%;}
.pro-banner .proxq-pic img{display: block; width: 100%; mix-blend-mode: multiply;}
.proxq-title{margin-bottom: 2.5rem;}
.proxq-title h1{color: #00923f; margin-bottom: .875rem;}
.proxq-title h2{color: #333333;}
.proxq-box{background: rgba(252,252,252,0.5); border-radius: 1rem; display: flex; align-items: center; justify-content: center; position: relative; padding: 2.5rem 0 4.6875rem; margin-bottom: 5.6875rem;} 
.proxq-box .details-pic{width: 32%;}
.proxq-box .details-pic img{display: block; width: 100%;}
.details-btn{position: absolute; bottom: 0; transform: translateY(50%)}
.details-btn ul li a{background: #282828;  border-radius: .375rem; padding: 1rem 3.1rem; margin: 0 .9375rem;}
.details-btn ul li img{max-height: 1.5rem; margin-right: .8125rem; transition: .6s; object-fit: contain; }
.details-btn ul li:nth-child(2) a{background: #00923f;}
.details-btn ul li a:hover img{transform: rotateY(360deg);}
.details-title{margin-bottom: 1.875rem;}
.details-title em{display: block; padding-left: 1.625rem; background: #f2f2f2; padding: .6875rem 1.9375rem; position: relative;}
.details-title em::after{position: absolute; content: ''; width: .3125rem;  height: 100%;  background: #00923f; left: 0; top: 0;}


.proMains{padding: 0 0 6.125rem;}
.proMains .about-class{margin-bottom: 3.125rem;}


/* 内页工程服务 */
.ny-banner2 .index-title strong{color: #333333; text-align: center;}
.single{background: #fcfcfc; border-top: .75rem solid #00923F; padding: 3.375rem 0;}
.single-title{border-bottom: 1px solid #E9E9E9; padding-bottom: 2.1875rem; }
.single-title h1{display: block; border-left: .25rem solid #00923F; line-height: 1; padding-left: 2.5rem;font-weight: 700;}
.single-editor{padding: 1.875rem  2.8125rem;}


/* 内页解决方案列表页 */
.solutionMain{}
.solutionMain .about-class{padding: 2.875rem 0 4.0625rem; border-bottom: none;}
.solutionMain .about-class ul li{margin: 0; margin-right: 0.5rem;}
.solutionMain .about-class ul li:last-child{margin-right: 0;}
.solutionMain .about-class ul li a{padding: 0.55rem 1.49rem;}
.ny-solution{margin-bottom: 6.875rem;}
.ny-solution ul{gap: 2.75rem 1.25rem;}
.ny-solution ul li .pic {position: relative;z-index: 1;padding-bottom: 80.5%;overflow: hidden; margin-bottom: 2.4375rem;}
.ny-solution ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.ny-solution ul li .name{ height: 6.25rem; position: relative;display: flex; justify-content: center; flex-direction: column; padding-left: 1.75rem;}
.ny-solution ul li .name::before,.ny-solution ul li .name::after{position: absolute; content: ""; width: .25rem; background: #d8d8d8; height: 100%; left: 0; top: 0; transition: .6s;}
.ny-solution ul li .name em{color: #333333;}
.ny-solution ul li .name p{color: #999999;}
.ny-solution ul li .name::after{height: 0; background: #00923f;}

@media (any-hover: hover) {

  .ny-solution ul li:hover .pic img {transform: scale(1.05);}
  .ny-solution ul li:hover .name::after{height: 100%;}
}


/* 内页解决方案详情页 */
.solution-xq{border-radius: 1.125rem; background: #fcfcfc; margin-bottom: 3.875rem;}
.solution-xq .pic,.solution-xq .info{width: 50%;}
.solution-xq .pic{overflow: hidden;}
.solution-xq .pic img{display: block; width: 100%; border-radius: 1.125rem;}
.solution-xq .info{padding:  0 3.5625rem;}
.solution-xq .text h1{color: #00923f; font-weight: 700; margin-bottom: 1.25rem;}
.solution-xq .text h2{color: #666666; margin-bottom: 5.9375rem;}
.solution-xq .details-btn { position: relative; bottom: 0; transform: none; left: 0;}
.solution-xq .details-btn ul li a{margin: 0;}
.solution-editor{margin-bottom: 3.125rem;}


/* 内页合作案例列表页 */
.case-list ul li{margin-bottom: 1.625rem;background: #f5f5f5;  border-radius: .8125rem;}
.case-list ul li .pic,.case-list ul li .info{width: 50%;}
.case-list ul li .pic{overflow: hidden;  border-radius: 1.125rem; }
.case-list ul li .pic img{display: block; width: 100%;transition: .6s;}
.case-list ul li .info{padding: 0 4.4375rem;}
.case-list ul li .info strong{color: #00923f; font-weight: 700; margin-bottom: 2.125rem;}
.case-list ul li .info p{color: #666666; margin-bottom: 2.8125rem;}
.case-list ul li .info span.more1{background: #00923f; color: #fff;}

@media (any-hover: hover) {

  .case-list ul li:hover .pic img {transform: scale(1.05);}

}


/* 内页合作案例详情页 */
.casexq-banner .index-title strong{font-size: 2.375rem; color: #333333;}
.casexq-pic{margin-bottom: 4.25rem;}
.casexq-pic img{display: block; width: 100%; border-radius: 1rem}


/* 联系我们 */
.contactMain{background: #fcfcfc; padding-bottom: 3.4375rem;}
.contact-le{width: 72%; border-right: 1px solid #D8D8D8; display: flex; justify-content: flex-end; padding-top: 5.25rem;}
.contact-re{width: 28%; padding-left: 3%; padding-top: 5.25rem;}
.contact-box{width: 78%; margin-right: 3%;}
.contact-title{border-bottom: 1px solid #D8D8D8; padding-bottom: 1.25rem;}
.contact-title img{display: block; width: .8125rem; margin-right: 1.125rem;}
.contact-title strong{}
#yzform{margin-top: 2.5rem;}
#yzform ul{margin-bottom: 1.25rem;}
#yzform ul{display: flex;justify-content: space-between;}
#yzform ul li{width: 47%;}
#yzform ul li em{display: block; margin-bottom: .9375rem;}
#yzform ul li span{color: #ff3535;}
#yzform ul li input,#yzform ul li textarea{border: none; border-radius: .375rem; font-size: var(--font14);   height: 3.25rem; padding-left: 1.625rem;}
#yzform ul li input::placeholder,#yzform ul li textarea::placeholder{color: #999999;}
#yzform ul.note li {width: 100%;}
#yzform ul li textarea{height: 13.6875rem; width: 100%; padding: 1.1875rem 1.625rem;}
#yzform ul.note2{margin-bottom: 2.3125rem;}
#yzform  .incode{position: relative;}
#yzform  .incode img{position: absolute; right: 0; top: 0;}
#yzform button{font-size: var(--font18);border-radius: 0;background: #00923f;padding: 0.7rem 3.2rem;height: auto;}

.contact-re .info{color: #333333; font-size: var(--font18);width: 81%; margin: 1.5625rem 0; }
.contact-re .info dl {display: flex;}
.contact-re .info dl dt{}
.contact-re .info dl dd{flex: 1;}

.contact-link a{width: 81%; background: #00923f; padding: 1.2rem 0;}
.contact-link img{width: 1.375rem; margin-left: 1.375rem; transition: .6s;}
.contact-link a:hover img{transform: rotate(-45deg);}




/* 2026.3.9其他导航分类下拉 */

.navlist {position: absolute;left: 0;top: 100%;width: auto;min-width: 9.5rem;left: 40%;transform: translateX(-50%);display: none;background: #fff;padding:1rem}
.navlist dl dt a{color: #666!important;padding: 0!important;text-align: center;display: block;font-size: var(--font15);line-height: 2;}
.navlist dl dt a:hover{color: #00923F!important;}






/* 2026.3.16更新证书框架修改 */

.aboutFive .nav ul {display: grid; grid-template-columns: repeat(5,auto); justify-content: center;gap: 2.5rem;}
.aboutFive .nav li a {background: #f0f0f0;border-radius: 6.25rem; padding: .8rem 1.5rem; color: #333; display: block; transition: .5s;}
.aboutFive .swiperBox {margin-top: 2.5rem; position: relative;}
.aboutFive .swiperBox .swiper2 {display: none;}
.aboutFive .swiper {padding: 1rem; box-sizing: border-box;  --swiper-theme-color: #00923f; position: static;}
.aboutFive .slide a {display: block; background: #fff; padding: .625rem;box-shadow: 0px 0px .625rem 0px rgba(0,0,0,0.10); }
.aboutFive .slide a img {width: 100%;}
.aboutFive .nav li.active a , .aboutFive .nav li:active a {background: #00923f; color: #fff;}

/* 控件 */
.aboutFive .pagtion {bottom: -3rem;}
.aboutFive .swjt {width: 2.625rem; height: 2.625rem; background: #eeeeee; border-radius: 50%; right: 0; transform: translateX(150%); transition: .5s;}
.aboutFive .swjt:hover {background: #00923f;}
.aboutFive .swjt i {color: #464646;}
.aboutFive .swjt.swiper-button-prev {left: 0; right: auto;  transform: translateX(-150%);}
@media (any-hover: hover) {
    .aboutFive .swiper .slide:hover .imgBox img {transform: scale(1.05); }
    .aboutFive .swjt:hover {background: #00923f;}
    .aboutFive .swjt:hover i {color: #fff;}
}



/* ==========资料下载2026.6.23==========*/
.material {padding: 1.25rem;}
.material ul {display: grid; grid-template-columns: repeat(2,auto); gap: 1.875rem;}
.material li a{display: flex;justify-content: space-between; align-items: center; padding: 1.25rem;border: 1px solid #e6e6e6;  box-sizing: border-box;}
.material li .material-download {background: url(../images/download-icon1.png) no-repeat center; width: 2.875rem; height: 2.125rem; background-size: contain;}
.material li .material-img { border: 1px solid #f2f2f2; display: flex; justify-content: center; align-items: center; width: 40%; margin-right: 5%;}
.material li .material-img img {width: 100%; height: 100%; object-fit: cover; display: block;}
.material li h3 {color: #333;font-weight: bold; font-size: var(--font20);}
.material li span {color: #666;    white-space: nowrap; font-size: var(--font14);}
.material li span:nth-child(1) {margin-right: 3.125rem;}
.material li .title-info {margin-top: 0.9375rem;}
.material li .material-title {width: 60%;}
.material li:hover .material-download {background: url(../images/download-icon2.png) no-repeat center;  background-size: contain;}

.pro-editor img,.single-editor img,.solution-editor img{display: inline-block; max-width: 100%; height: auto!important;}