/* =================头部 start!!!=================== */
.indexTips {background: #049344; line-height: 1; padding: .12rem 0; text-align: center;}
.indexTips p {display: inline-flex; align-items: center; gap: .08rem; font-size: var(--font14);}
.indexTips i {font-size: var(--font16); transition: transform .3s; display: inline-flex;}
@media (any-hover: hover) {
  .indexTips a:hover i {transform: translateX(5px);}
}

/* #c-placeholder {height: 1rem;} */

header {position: sticky; top: 0; left: 0; z-index: 99; width: 100%; background: #fff; transition: .5s; box-shadow: 0 1px 0 rgba(0, 0, 0, .04);}
.headBox .inner {height: 1rem; transition: height .5s;}
.headBox .le {flex-shrink: 0; height: 100%;}
.headBox .logo a {display: flex; align-items: center; height: 100%;}
.headBox .logo img {max-width: 1.8rem; max-height: .8rem; width: auto; object-fit: contain; transition: .5s;}

/* 右侧区域 */
.headBox .re {display: flex; align-items: center; gap: .24rem; flex-shrink: 0;}
.headBox .re .line {flex-shrink: 0; width: 1px; height: .15rem; background: #E8E8E8;}
/* 主导航 */
.header nav {height: 100%;}
.header nav > ul {gap: .35rem; height: 100%;}
.header nav > ul > li {position: static; height: 100%; display: flex; align-items: center;}
.header nav > ul > li > a {position: relative; display: inline-flex; align-items: center; gap: 4px; color: #333; font-size: var(--font16); line-height: 1; transition: color .3s;}
.header nav > ul > li > a i {font-size: var(--font18); font-weight: 700; color: inherit; transition: transform .3s, color .3s;}
.header nav > ul > li:hover > a,
.header nav > ul > li.on > a {color: #049344;}
.header nav > ul > li:hover > a i {transform: rotate(180deg);}

/* Mega 下拉菜单：居中 1200px，非通栏 */
.navSub {position: absolute;left: 50%;top: 100%;z-index: 20;width: 63.5%;max-width: calc(100vw - .4rem);background: #FCFCFC;border-bottom: 5px solid #049344;opacity: 0;visibility: hidden;pointer-events: none;transform: translateX(-50%) translateY(.08rem);transition: opacity .35s ease, transform .35s ease, visibility .35s;}
.header nav > ul > li:hover .navSub {opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(-50%) translateY(0);}
.navSub .navSub-inner {width: 100%;max-width: none;margin: 0;padding: .6rem;padding-right: 1rem;}
.navSub-main {display: flex; align-items: flex-start; gap: .6rem;}
.navSub-links {flex: 1;columns: 2;column-gap: .35rem;}
.navSub-links a {position: relative;display: flex;align-items: center;justify-content: space-between;gap: .1rem;padding: .18rem 0;color: #666;font-size: var(--font16);line-height: 1.4;border-bottom: 1px solid #ddd;transition: color .3s;break-inside: avoid;-webkit-column-break-inside: avoid;page-break-inside: avoid;}
.navSub-links a i {flex-shrink: 0; font-size: var(--font18); color: #666;font-weight: bold; transition: color .3s, transform .3s;}
.navSub-links a::after {content: '';position: absolute;left: 0;bottom: -1px;width: 0;height: 2px;background: #049344;transition: width .3s;}
.navSub-links a:hover,
.navSub-links a.on {color: #049344;}
.navSub-links a:hover i,
.navSub-links a.on i {color: #049344; transform: translateX(.04rem);}
.navSub-links a:hover::after,
.navSub-links a.on::after {width: 100%;}
.navSub-pic {flex-shrink: 0;width: 33%;aspect-ratio: 2 / 1.3;border: 1px solid #049344;overflow: hidden;background: #f5f5f5;}
.navSub-pic img {display: block;width: 100%;height: 100%;object-fit: cover;}

/* 搜索 */
.head_search {position: relative;}
.head_search > a {width: auto; height: auto; background: transparent; border-radius: 0; color: #333; transition: color .3s;}
.head_search > a i {font-size: var(--font22); color: #999; transition: color .3s;}
@media (any-hover: hover) {
  .head_search > a:hover i {color: #049344 !important;}
}
.search-dropdown {position: absolute;top: calc(100% + .12rem);right: -.25rem;width: 3.5rem;background: #fff;box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);padding: .2rem;border-radius: .1rem;opacity: 0;visibility: hidden;transform: translateY(-.05rem);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 100;}
.search-dropdown.active {opacity: 1;visibility: visible;transform: translateY(0);}
.search-dropdown::before {content: "";position: absolute;bottom: 100%;right: .25rem;border-width: .1rem;border-style: solid;border-color: transparent transparent #fff transparent;}
.search-dropdown .search-form {display: flex;align-items: center;background: #f5f5f5;border-radius: .5rem;padding: .05rem .15rem;border: 1px solid transparent;transition: all 0.3s;width: 100%;}
.search-dropdown .search-form:focus-within {background: #fff;border-color: #049344;box-shadow: 0 0 .1rem rgba(4, 147, 68, 0.15);}
.search-dropdown .search-input {flex: 1;border: none;background: transparent;padding: .1rem;font-size: var(--font14);color: #333;outline: none;}
.search-dropdown .search-submit {background: transparent;border: none;color: #049344;font-size: var(--font18);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.3s;}
.search-dropdown .search-submit:hover {transform: scale(1.1);}
@media screen and (max-width: 767px) {
  .search-dropdown {position: fixed;top: 1.7rem; left: 5%;right: 5%;width: 90%;transform: translateY(-.05rem);}
  .search-dropdown::before {display: none;}

  .c-style2 .search-dropdown {top: 1.2rem;}
}

/* 电话 */
.head_tel {gap: .15rem; color: #049344; font-size: var(--font20); line-height: 1; transition: opacity .3s;}
.head_tel span {font-family: 'Montserrat', Arial, sans-serif; font-weight: 600;}
.head_tel .tel-icon {width: .2rem;}
.head_tel .tel-icon img {max-width: 100%; max-height: 100%; object-fit: contain;}
@media (any-hover: hover) {
  .head_tel:hover {opacity: .85;}
}
/* =================头部 end!!!=================== */


/* ===============公用css star!!!!===================*/
/* .more-btn {display: inline-flex;align-items: center; justify-content: center; gap: 5px;  padding: .15rem 0.25rem; color: #333; border: 1px solid #6B6B6B; border-radius: 999px;line-height: 1;transition: transform 0.3s, box-shadow 0.3s, background 0.3s, color 0.3s;}
.more-btn i {font-size: var(--font18); line-height: 1; transition: transform .3s;}
@media (any-hover: hover) {
  .more-btn:hover {background: #0068DD; border-color: #0068DD; color: #fff;}
  .more-btn:hover i {transform: translateX(.04rem);}
} */
.more-btn {flex-shrink: 0; width: .65rem; height: .65rem; background: url(../images/jt-bg.png) no-repeat center / cover; color: #fff; transition: opacity .3s, transform .3s;}
.more-btn i {font-size: var(--font24); line-height: 1; font-weight: 700; transition: transform .3s;}
@media (any-hover: hover) {
  .more-btn:hover {opacity: .9; transform: rotate(45deg);}
  .more-btn:hover i {transform: rotate(-45deg);}
}

/* 标题 */
.indexTle {display: inline-flex;align-items: center;gap: .25rem;}
.indexTle h3 {line-height: 1.2; font-weight: bold; flex-shrink: 0;}
.indexTle .xian-line {display: block; height: var(--font40); background: #E8E8E8; width: 1px;}
/* ===============公用css end!!!!===================*/













/* ======首页======= */
.indexBanner {position: relative;overflow: hidden; height: auto; }
.indexBanner .swiper {height: 100%;}
.indexBanner .container {}
.indexBanner .imgBox {height: 100%;}
.indexBanner .imgBox img {width: 100%;height: 100%; max-height: calc(100vh - 1.4rem); object-fit: cover; transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .banner-inner {}
.indexBanner .swiper-slide-active img, .indexBanner .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1, 1);}
/* 控制器：圆环进度分页 */
.indexBanner .banner-controls {position: absolute;left: 0;right: 0;bottom: 0.42rem;z-index: 5;pointer-events: none;}
.indexBanner .banner-controls-inner {display: flex;align-items: center; justify-content: center;}
.indexBanner .banner-pagination {display: inline-flex; justify-content: center; align-items: center;gap: 0.1rem;pointer-events: auto;}
.indexBanner .banner-pagination span {width: .9rem; height: 3px; background: #b5b5b5; border-radius: 0; opacity: 1; position: relative;}
.indexBanner .banner-pagination span::after {content: '';position: absolute;left: 0;bottom: 0;width: 0; height: 100%; background: #049344;}
.indexBanner .banner-pagination span.is-progress::after {animation: bannerPagProgress 6s linear forwards;}
@keyframes bannerPagProgress {
  from {width: 0;}
  to {width: 100%;}
}


/* ======首页 产品中心 indexOne======= */
.indexOne {padding: 1rem 0 1.2rem; background: #F5F5F5;}
.indexOne-hd {padding-bottom: .5rem; gap: .4rem;}
.indexOne-hd-le {min-width: 0; flex: 1;}
.indexOne-hd .desc {}

/* 分类 */
.indexOne-cate {position: relative; margin-top: .7rem;}
.indexOne-cate .indexOneCateSwiper {overflow: hidden;}
.indexOne-cate .swiper-slide {width: auto; }
.indexOne-cate .cate-item {position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: .2rem; cursor: pointer; user-select: none;border-top: 1px solid #E2E2E2; padding-top: .5rem;}
.indexOne-cate .cate-item::before {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 1px; background: #049344; transition: width .3s;}
.indexOne-cate .cate-item .num {display: inline-flex; align-items: center; justify-content: center;  padding: .05rem .1rem; background: #D6D6D6; color: #999; font-size: var(--font14); border-radius: 0 0 .1rem 0; font-weight: 600; line-height: 1; transition: background .3s, color .3s;}
.indexOne-cate .cate-item .name {color: #333; font-size: var(--font20); line-height: 1.3; white-space: nowrap; transition: color .3s;}
.indexOne-cate .cate-item.on .num {background: #049344; color: #fff;}
.indexOne-cate .cate-item.on .name {color: #049344;}
.indexOne-cate .cate-item.on::before {width: 100%;}
@media (any-hover: hover) {
  .indexOne-cate .cate-item:hover .num {background: #049344; color: #fff;}
  .indexOne-cate .cate-item:hover .name {color: #049344;}
  .indexOne-cate .cate-item:hover::before {width: 100%;}
}
.indexOne-cate-prev,
.indexOne-cate-next {position: absolute; top: 50%; z-index: 2; width: .5rem; height: .5rem; margin-top: -.2rem; border: 1px solid #049344; background: #fff; color: #049344; cursor: pointer; transition: background .3s, color .3s, opacity .3s; border-radius: 2px;}
.indexOne-cate-prev {left: 0;}
.indexOne-cate-next {right: 0;}
.indexOne-cate-prev i,
.indexOne-cate-next i {font-size: var(--font22); line-height: 1; font-weight: 700;}
.indexOne-cate-prev.swiper-button-disabled,
.indexOne-cate-next.swiper-button-disabled {opacity: .35; cursor: default;}
.indexOne-cate-prev.swiper-button-lock,
.indexOne-cate-next.swiper-button-lock {display: none;}
@media (any-hover: hover) {
  .indexOne-cate-prev:not(.swiper-button-disabled):hover,
  .indexOne-cate-next:not(.swiper-button-disabled):hover {background: #049344; color: #fff;}
}

/* 产品列表 */
.indexOne-pro {margin-top: .6rem;}
.indexOne-pro .pro-panel {display: none;}
.indexOne-pro .pro-panel.on {display: block; animation: indexOneFade .4s ease;}
@keyframes indexOneFade {
  from {opacity: 0; transform: translateY(.12rem);}
  to {opacity: 1; transform: translateY(0);}
}
.indexOne-pro .pro-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: .25rem;}
.indexOne-pro .pro-item a {display: block; position: relative;}
.indexOne-pro .pro-item .pic {position: relative; width: 100%; display: flex; padding: .3rem; justify-content: center; overflow: hidden;background: #E6E6E6; height: 3.3rem;}
.indexOne-pro .pro-item .pic img {max-width: 100%; max-height: 100%; object-fit: contain;transition: transform .5s;}
.indexOne-pro .pro-item .info {position: absolute; left: 50%; bottom: 0; z-index: 2; width: 72%; transform: translateX(-50%) translateY(50%); padding: .3rem .15rem; background: #fff; text-align: center; transition: background .35s, color .35s;}
.indexOne-pro .pro-item .info .name {color: #222; font-size: var(--font18); font-weight: bold; line-height: 1.3; transition: color .35s;}
.indexOne-pro .pro-item .info .more {display: inline-block; margin-top: .1rem; color: #333;  line-height: 1.3; text-decoration: underline; text-underline-offset: 3px; transition: color .35s;}
@media (any-hover: hover) {
  .indexOne-pro .pro-item:hover .pic img {transform: scale(1.06);}
  .indexOne-pro .pro-item:hover .info {background: #049344;}
  .indexOne-pro .pro-item:hover .info .name,
  .indexOne-pro .pro-item:hover .info .more {color: #fff;}
}

.indexTwo {position: relative; padding: 1.2rem 0 1rem; overflow: hidden; background: url(../images/indexTwo-bg.webp) no-repeat center; background-size: cover; background-attachment: fixed; }
.indexTwo .container {position: relative; z-index: 1;}
.indexTwo-inner {align-items: center; gap: .9rem;}
.indexTwo-le {flex: 1; min-width: 0;}
.indexTwo-le .sub {font-size: var(--font20); line-height: 1.2; margin-bottom: .1rem; font-weight: bold;}
.indexTwo-le .tit {color: #222; font-weight: 700; line-height: 1.35;}
.indexTwo-le .xian {width: 100%; height: 1px; background: #DADADA; margin: .4rem 0 .7rem; position: relative;}
.indexTwo-le .xian::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .46rem; height: 3px; background: #049344;  transition: width .3s;}
.indexTwo-le .desc {color: #666; font-size: var(--font16); line-height: 1.85;}
.indexTwo-le .desc p + p {margin-top: .3rem;}
.indexTwo-le .more-btn {margin-top: .7rem;}
.indexTwo-re {flex-shrink: 0; width: 50%;}
.indexTwo-cards {position: relative; width: 100%; padding-bottom: 80%;}
.indexTwo-cards .card-item {position: absolute; display: flex; flex-direction: column; justify-content: space-between;  width: calc(100% / 2.25); height: 50%; padding: .4rem .5rem; background: #fff; box-shadow: 0px 3px .1rem 1px rgba(0,0,0,0.03); transition: background .35s, box-shadow .35s, color .35s; z-index: 1;}
.indexTwo-cards .card-1 {left: 0; bottom: 0; z-index: 1;}
.indexTwo-cards .card-2 {left: 1.35rem; top: 1.05rem; z-index: 2;}
.indexTwo-cards .card-3 {right: 0; top: 0; z-index: 1;}
.indexTwo-cards .card-item .icon {width: .4rem; height: .4rem; min-height: 30px; min-width: 30px; margin-bottom: .2rem;}
.indexTwo-cards .card-item .icon img {display: block; max-width: 100%; max-height: 100%; object-fit: contain; transition: filter .35s;}
.indexTwo-cards .card-item .name {color: #333; font-size: var(--font24); font-weight: bold; line-height: 1.3; transition: color .35s;}
.indexTwo-cards .card-item .en { color: #CECECE; font-size: var(--font16);  transition: color .35s;}
.indexTwo-cards .card-item .txt {color: #333; font-size: var(--font16); line-height: 1.4; font-weight: bold; transition: color .35s;}
@media (any-hover: hover) {
  .indexTwo-cards .card-item:hover {background: #049344; box-shadow: 0 .1rem .32rem rgba(4, 147, 68, .25); z-index: 10;}
  .indexTwo-cards .card-item:hover .icon img {filter: brightness(0) invert(1);}
  .indexTwo-cards .card-item:hover .name,
  .indexTwo-cards .card-item:hover .en,
  .indexTwo-cards .card-item:hover .txt {color: #fff;}
}

.indexThree {padding: 1rem 0 .8rem; background: #fff; overflow: hidden;}
.indexThree-hd {padding-bottom: .8rem; gap: .4rem;}
.indexThree-hd-le {min-width: 0; flex: 1;}
.indexThree-hd .desc {color: #666; font-size: var(--font16); line-height: 1.6;}
.indexThree-body {position: relative; width: 100%;}
.indexThreeSwiper {overflow: hidden; width: 100%;}
.indexThreeSwiper .swiper-slide {width: 62%; height: 5.5rem;overflow: hidden;}
.indexThreeSwiper .item {position: relative; width: 100%; height: 100%; overflow: hidden; background: #1a1a1a;}
.indexThreeSwiper .pic {position: absolute; inset: 0; z-index: 0;}
.indexThreeSwiper .pic::before {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .25) 70%, transparent 100%);}
.indexThreeSwiper .pic img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s;}
.indexThreeSwiper .swiper-slide-active .pic img {transform: scale(1.04);}
.indexThreeSwiper .info {position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; width: 50%; padding: .6rem .7rem; color: #fff; pointer-events: none;}
.indexThreeSwiper .swiper-slide-active .info {pointer-events: auto;}
.indexThreeSwiper .info .name,
.indexThreeSwiper .info .txt,
.indexThreeSwiper .info .more {opacity: 0; transform: translateY(.12rem); transition: opacity .45s ease, transform .45s ease;}
.indexThreeSwiper .info .xian {width: 100%; height: 1px; background: rgba(255, 255, 255, .2); margin: 0 0 .4rem; transform: scaleX(0); transform-origin: left center; transition: transform .45s ease;}
.indexThreeSwiper .swiper-slide-active .info .name {opacity: 1; transform: translateY(0); transition-delay: .1s;}
.indexThreeSwiper .swiper-slide-active .info .xian {transform: scaleX(1); transition-delay: .28s;}
.indexThreeSwiper .swiper-slide-active .info .txt {opacity: 1; transform: translateY(0); transition-delay: .4s;}
.indexThreeSwiper .swiper-slide-active .info .more {opacity: 1; transform: translateY(0); transition-delay: .55s;}
.indexThreeSwiper .info .name {color: #fff; font-size: var(--font36); font-weight: bold; line-height: 1.35; margin-bottom: .4rem;}
.indexThreeSwiper .info .txt {color: #F2F2F2; font-size: var(--font16); line-height: 1.75; margin-bottom: .6rem;}
.indexThreeSwiper .info .more {display: inline-flex; align-items: center; align-self: flex-start; color: #fff; font-size: var(--font16); line-height: 1.3; text-decoration: underline; text-underline-offset: 4px;}
@media (any-hover: hover) {
  .indexThreeSwiper .swiper-slide-active .info .more:hover {opacity: .75;}
}
.indexThree-prev,
.indexThree-next {position: absolute; top: 50%; z-index: 5; color: #fff; cursor: pointer; transition: opacity .3s, transform .3s;}
.indexThree-prev {left: calc((100% - 62%) / 2 - 1rem);}
.indexThree-next {right: calc((100% - 62%) / 2 - 1rem);}
.indexThree-prev i,
.indexThree-next i {font-size: var(--font40); line-height: 1; font-weight: bold; }
@media (any-hover: hover) {
  .indexThree-prev:hover,
  .indexThree-next:hover {opacity: .8; transform: scale(1.08);}
}

.indexFour {padding: .8rem 0 1rem; background: #F5F5F5 url(../images/indexFour-bg.webp) no-repeat center top / cover;}
.indexFour-hd {margin-bottom: .45rem;}
.indexFour-hd .tit {color: #222; font-weight: 700; line-height: 1.35;}
.indexFour-hd .xian {width: .46rem; height: 4px; margin: .32rem auto 0; background: #049344;}
.indexFour-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem;}
.indexFour-list .item {position: relative; display: flex; align-items: center; padding: .2rem; min-height: 1.32rem; background: url(../images/indexFour-card-bg.png) no-repeat center / 100% 100%; }
.indexFour-list .item .icon {flex-shrink: 0; width: .9rem; height: .9rem; padding: .2rem; background: #F2F2F2; transition: background .35s;}
.indexFour-list .item .icon img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; transition: filter .35s;}
.indexFour-list .item .info {flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding-left: .25rem;}
.indexFour-list .item .info .name {color: #333; font-size: var(--font24); font-weight: bold; line-height: 1.3; margin-bottom: .1rem; transition: color .35s;}
.indexFour-list .item .info .txt {color: #333; font-size: var(--font16);}
@media (any-hover: hover) {
  .indexFour-list .item:hover {}
  .indexFour-list .item:hover .icon {background: #049344;}
  .indexFour-list .item:hover .icon img {filter: brightness(0) invert(1);}
  .indexFour-list .item:hover .info .name {color: #049344;}
}

.indexFive {padding: 1rem 0 1.2rem; background: #037037 url(../images/indexFive-bg.webp) repeat center; background-size: auto;}
.indexFive .container {position: relative; z-index: 1;}
.indexFive-list {display: flex; align-items: stretch; justify-content: space-between; gap: 15%;}
.indexFive-list .item {flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; color: #fff;}
.indexFive-list .item .icon {width: .5rem; height: .5rem; margin-bottom: .2rem;}
.indexFive-list .item .icon img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; transition: transform .35s;}
.indexFive-list .item .name {color: #fff; font-size: var(--font16); line-height: 1.4; margin-bottom: .1rem;}
.indexFive-list .item .xian {width: 100%; height: 1px; background: rgba(255, 255, 255, .5); margin-bottom: .1rem;}
.indexFive-list .item .num-box {display: inline-flex; align-items: flex-end; line-height: 1;}
.indexFive-list .item .num-box .num ,
.indexFive-list .item .num-box .percent,
.indexFive-list .item .num-box .letter {color: #fff; font-size: .64rem; font-weight: bold; line-height: 1; font-family: 'Montserrat', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;}
.indexFive-list .item .num-box .plus {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 25px; height: 25px; margin-left: .1rem; margin-bottom: .1rem; border-radius: 50%; background: #049344; color: #fff; font-size: var(--font14); font-weight: 700; line-height: 1;}
@media (any-hover: hover) {
  .indexFive-list .item:hover .icon img {transform: scale(1.08);}
}

.indexSix {padding: 1rem 0rem; background: #FCFCFC;}
.indexSix-hd {padding-bottom: .8rem; gap: .4rem;}
.indexSix-hd-le {min-width: 0; flex: 1;}
.indexSix-body {display: grid; grid-template-columns: 2fr 1fr; gap: .15rem; align-items: stretch;}
.indexSix-news {min-width: 0;}
.indexSix-news .news-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: .15rem; height: 100%;}
.indexSix-news .news-item {min-height: 0;}
.indexSix-news .news-item a {position: relative; display: flex; flex-direction: column; height: 100%; min-height: 3rem; padding: .4rem;background: #F1F1F1; overflow: hidden; transition: background .35s;}
.indexSix-news .news-item .pic {position: absolute; inset: 0; z-index: 0; opacity: 0; transition: opacity .4s;}
.indexSix-news .news-item .pic::after {content: ''; position: absolute; inset: 0; z-index: 1; background: rgba(0, 0, 0, .55);}
.indexSix-news .news-item .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}
.indexSix-news .news-item .info {position: relative; z-index: 2; display: flex; flex-direction: column; flex: 1; min-height: 0;}
.indexSix-news .news-item .cate {display: inline-block; color: #049344; line-height: 1.3; margin-bottom: .2rem; transition: color .35s;}
.indexSix-news .news-item .name {color: #333; font-size: var(--font24); font-weight: bold; line-height: 1.4; margin-bottom: .1rem; transition: color .35s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.indexSix-news .news-item .date {display: block; color: #999; line-height: 1.3; margin-bottom: .15rem; transition: color .35s;}
.indexSix-news .news-item .txt {color: #666; font-size: var(--font14); margin-bottom: .2rem; flex: 1; transition: color .35s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.indexSix-news .news-item .more {display: inline-flex; align-items: center; margin-top: auto; color: #049344; line-height: 1.3; transition: color .35s;}
@media (any-hover: hover) {
  .indexSix-news .news-item:hover .pic {opacity: 1;}
  .indexSix-news .news-item:hover .cate,
  .indexSix-news .news-item:hover .name,
  .indexSix-news .news-item:hover .date,
  .indexSix-news .news-item:hover .txt,
  .indexSix-news .news-item:hover .more {color: #fff;}
}

.indexSix-faq {display: flex; flex-direction: column; min-width: 0; min-height: 100%; padding: .4rem 0; background: #049344; color: #fff;}
.indexSix-faq .tit {padding: 0 .4rem .3rem; color: #fff; font-size: var(--font32); font-weight: bold; line-height: 1.3;}
.indexSix-faq .faq-list {flex: 1; display: flex; flex-direction: column; min-height: 0;}
.indexSix-faq .faq-item {flex: 1; min-height: 0;}
.indexSix-faq .faq-item a {position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: .2rem .4rem; overflow: hidden; z-index: 1;}
.indexSix-faq .faq-item a::after {content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 0; height: 100%; background: rgba(255, 255, 255, 0.2); transition: width .35s ease;}
.indexSix-faq .faq-item .name {position: relative; z-index: 1; color: #fff; font-size: var(--font24); line-height: 1.4;}
.indexSix-faq .faq-item .txt {position: relative; z-index: 1; color: #fff; font-size: var(--font14); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.indexSix-faq .more {display: inline-flex; align-items: center; align-self: flex-start; margin: .2rem .4rem 0; color: #fff;  line-height: 1.3; transition: opacity .3s;}
@media (any-hover: hover) {
  .indexSix-faq .faq-item a:hover::after {width: 100%;}
  .indexSix-faq .more:hover {opacity: .8;}
}

.indexSeven {padding: .8rem 0 1rem; overflow: hidden; background: #fff; position: relative; z-index: 1;}
.customer-marquee {display: flex; flex-direction: column; gap: 0.2rem; margin-top: .8rem;}
.customer-track {width: 100%; overflow: hidden;}
.customer-track-inner {display: flex; width: max-content; will-change: transform;}
.customer-logos {display: flex; flex-shrink: 0; gap: 0.1rem; padding-right: 0.1rem;}
.customer-logo-item {flex-shrink: 0;}
.customer-logos li {flex-shrink: 0;}
.customer-logos .logo-card {display: flex; align-items: center; justify-content: center; max-width: 2rem; max-height: 1rem; padding: 0.1rem; box-sizing: border-box; transition: transform 0.35s ease;}
.customer-logos .logo-card img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.customerBox {position: relative;}
.customerBox::before,
.customerBox::after {content: ''; position: absolute; top: 0; bottom: 0; width: 1.2rem; z-index: 3; pointer-events: none;}
.customerBox::before {left: 0; background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);}
.customerBox::after {right: 0; background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);}

/* ================= 底部 */
.footer {background: #F8F8F8; padding-top: .3rem;}
.footer-top {padding-bottom: .3rem; gap: .4rem; border-bottom: 1px solid #DCDCDC;;}
.footer-brand {gap: .4rem; min-width: 0;}
.footer-logo {flex-shrink: 0; display: flex; align-items: center;}
.footer-logo img {display: block; max-width: 2rem; width: auto; height: auto; object-fit: contain;}
.footer-brand-line {flex-shrink: 0; width: 1px; height: .48rem; background: #E0E0E0;}
.footer-slogan {min-width: 0;}
.footer-slogan .tit {color: #000; font-size: var(--font24); font-weight: bold; line-height: 1.35;}
.footer-slogan .sub { color: #666;  line-height: 1.4;}
.footer-code {flex-shrink: 0; gap: .1rem;}
.footer-code .code-pic {width: 1rem; height: 1rem; flex-shrink: 0;}
.footer-code .code-pic img {display: block; width: 100%; height: 100%; object-fit: contain;}
.footer-code .code-txt {color: #333; line-height: 1.2; writing-mode: vertical-rl; white-space: nowrap;}

.foternav {display: flex; align-items: flex-start; justify-content: space-between; gap: .2rem; padding: .4rem 0 .7rem;}
.foternav dl {flex: 0 0 auto; min-width: 0;}
.foternav dl.footer-hotline {max-width: 30%;}
.foternav dl dt {color: #333; font-size: var(--font18); font-weight: bold; line-height: 1.4; margin-bottom: .22rem;}
.foternav dl dd {margin-top: 8px; color: #666; font-size: var(--font15); }
.foternav dl dd a {color: #666; font-size: var(--font15); transition: color .3s;}
@media (any-hover: hover) {
  .foternav dl .ddbox dd a:hover {color: #049344;}
}

.footer-copy {border-top: 1px solid #DCDCDC; padding: .2rem 0;}
.footer-copy .container {gap: .2rem;}
.footer-copy p {color: #999; font-size: var(--font14); line-height: 1.6;}
.footer-copy a {color: #999; transition: color .3s;}
.footer-copy-re {display: inline-flex; align-items: center; gap: .2rem; flex-wrap: wrap;}
@media (any-hover: hover) {
  .footer-copy a:hover {color: #049344;}
}


/* ====================================================================================================== 内页 */
/* 内页公用样式 */
.indexTitle h2 {color: #333; line-height: 1.2;  font-size: var(--font56); font-weight: bold;}
.indexTitle .xian {width: .65rem; height: 3px; background: #049344; margin-top: .2rem; display: inline-block;}


/* 内页banner */
.ny-banner {position: relative; z-index: 1;}
.ny-banner .bg {}
.ny-banner .bg img {display: block; width: 100%;  object-fit: cover; min-height: 3.5rem;}
.ny-banner h1 {}
.ny-banner h1 {color: #049344; font-size: .62rem; font-weight: bold; position: relative; line-height: 1; padding-left: .3rem;}
.ny-banner h1:before {content: ''; position: absolute; left: 0; bottom: 0; width: .1rem; height: 100%; background: linear-gradient(to bottom, #049344 0%, transparent 100%);}
.ny-banner .desc {max-width: 50%; margin-top: .2rem; color: #fff; line-height: 1.8; padding-left: .4rem;}

/* 面包屑 */
.ny-banner .mbx {top: auto; bottom: .28rem; transform: translate(-50%, 0); z-index: 2; color: rgba(255, 255, 255, .85); font-size: var(--font14); line-height: 1;}
.ny-banner .mbx-inner {display: flex; align-items: center; gap: .08rem;}
.ny-banner .mbx a {color: #fff; transition: color .3s;}
.ny-banner .mbx span {color: inherit;}
@media (any-hover: hover) {
  .ny-banner .mbx a:hover {color: #049344;}
}

/* 内页导航 */
.ny-nav {background: #FCFCFC; padding: .3rem 0; border-bottom: 1px solid #F2F2F2;}
.ny-nav .container {}
.ny-nav ul {display: flex; align-items: stretch;  gap: 1rem;}
.ny-nav li { display: flex; align-items: center;}
.ny-nav li a {display: flex; align-items: center;  padding: .18rem .25rem; color: #333; font-size: var(--font20); line-height: 1; white-space: nowrap; transition: background .3s, color .3s;}
.ny-nav li.on a {background: #049344; color: #fff;}
@media (any-hover: hover) {
  .ny-nav li:not(.on) a:hover {background: #049344; color: #fff;}
}

/* 关于我们 - 公司简介 */
.about-banner .mbx ,  .about-banner .mbx a {color: #333;}

.aboutOne {padding: .6rem 0 1rem; background: #FCFCFC url(../images/aboutOne-bg.webp) no-repeat center; background-size: cover;}
.aboutOne-inner {align-items: flex-start; gap: 1.8rem;}
.aboutOne-le {flex: 0 0 35%;  min-width: 0;}
.aboutOne-data {display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem .8rem; margin-top: 1rem;}
.aboutOne-data .item {min-width: 0;}
.aboutOne-data .item .name {color: #666; line-height: 1.4; margin-bottom: .1rem;}
.aboutOne-data .item .xian {width: 100%; height: 1px; background: #E2E2E2;margin-bottom: .1rem;}
.aboutOne-data .item .num-box {display: inline-flex; align-items: flex-end; line-height: 1;}
.aboutOne-data .item .num-box .num,
.aboutOne-data .item .num-box .percent,
.aboutOne-data .item .num-box .letter {color: #049344; font-size: .64rem; font-weight: bold; line-height: 1; font-family: 'Montserrat', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;}
.aboutOne-data .item .num-box .plus {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 25px; height: 25px; margin-left: .1rem; margin-bottom: .08rem; border-radius: 50%; background: #049344; color: #fff; font-size: var(--font14); font-weight: 700; line-height: 1;}
.aboutOne-re {flex: 1; min-width: 0; padding-top: .15rem;}
.aboutOne-re .en {margin-bottom: .6rem;}
.aboutOne-re .en img {max-width: 100%; display: block;}
.aboutOne-block + .aboutOne-block {margin-top: .4rem; padding-top: .4rem; border-top: 1px solid #E2E2E2;}
.aboutOne-block .subtit {color: #049344; font-size: var(--font24); font-weight: bold; line-height: 1.4; margin-bottom: .3rem;}
.aboutOne-block .txt {color: #666; font-size: var(--font16); line-height: 1.8;}

/* 关于我们 - 企业文化 pin 滚动 */
.aboutTwo {position: relative; z-index: 1; height: 100vh; min-height: 6rem; overflow: hidden; background: #1a2530 url(../images/aboutTwo-bg.webp) no-repeat center / cover;}
.aboutTwo-inner {position: relative; z-index: 2; height: 100%;}
.aboutTwo-content {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;}
.aboutTwo-panels {position: relative; width: 100%; max-width: 75%; min-height: 1.2rem;}
.aboutTwo-panels .panel {position: absolute; left: 0; top: 50%; width: 100%; opacity: 0; visibility: hidden; transform: translateY(-30%); transition: opacity .45s ease, visibility .45s ease, transform .45s ease; text-align: center; pointer-events: none;}
.aboutTwo-panels .panel.on {opacity: 1; visibility: visible; pointer-events: auto;transform: translateY(-50%);}
.aboutTwo-panels .panel .tit {color: #fff; font-size: var(--font56); font-weight: bold; line-height: 1.45; letter-spacing: .04em;}
.aboutTwo-nav {position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; display: flex; flex-direction: column; gap: .5rem;  height: 100%;justify-content: center;}
.aboutTwo-nav::before {content: ''; position: absolute; left: 10px; top: 0; height: 100%; width: 1px; background: rgba(255, 255, 255, .2); transform: translateX(-50%);}
.aboutTwo-nav li {position: relative; display: flex; align-items: center; gap: .3rem; cursor: pointer; user-select: none; line-height: 1;}
.aboutTwo-nav li .dot {flex-shrink: 0; width: 20px; height: 20px; background: transparent; position: relative; z-index: 1; transition: background .35s, box-shadow .35s;}
.aboutTwo-nav li .dot::after {content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: #fff; transform: translate(-50%, -50%) scale(0); transition: transform .35s;}
.aboutTwo-nav li .label {color: #B9B9B9; font-size: var(--font20); line-height: 1.4; white-space: nowrap; transition: color .35s;}
.aboutTwo-nav li.on .dot {background: #049344;}
.aboutTwo-nav li.on .dot::after {transform: translate(-50%, -50%) scale(1);}
.aboutTwo-nav li.on .label {color: #fff; font-weight: bold;}
@media (any-hover: hover) {
  .aboutTwo-nav li:not(.on):hover .label {color: #fff;}
}

/* 关于我们 - 发展历程 */
.aboutThree {position: relative; z-index: 1; padding: 1rem 0; overflow: hidden; background: #F2F6F9 url(../images/aboutThree-bg.webp) no-repeat right; background-size: cover;}
.aboutThree .container {position: relative; z-index: 2;}
.aboutThree-hd {text-align: center;}

.aboutThree-body {position: relative; margin: 0 auto; max-width: 65%; padding: 0 .8rem;}
.aboutThreeMain {overflow: hidden; width: 100%;}
.aboutThreeMain .swiper-slide {height: auto;}
.aboutThreeMain .item {position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;  text-align: center;}
.aboutThreeMain .item .year {position: relative;  font-size: 3rem; font-weight: 800; line-height: 1;
  transform: translateY(20%);
  background: linear-gradient(#049344, transparent 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: .1;
}
.aboutThreeMain .item .subtit {position: relative; z-index: 1; color: #049344; font-size: var(--font24); font-weight: bold; line-height: 1.4; margin-bottom: .1rem;}
.aboutThreeMain .item .txt {position: relative; z-index: 1; max-width: 85%; color: #666; font-size: var(--font16); line-height: 1.85;}
.aboutThree-prev,
.aboutThree-next {position: absolute; top: 70%; z-index: 3; margin-top: 0; cursor: pointer;}
.aboutThree-prev {left: 0;}
.aboutThree-next {right: 0;}
.aboutThree-prev.swiper-button-disabled,
.aboutThree-next.swiper-button-disabled {opacity: .35; cursor: default; pointer-events: none;}
.aboutThree-thumbs {position: relative; margin-top: .5rem;}
.aboutThree-thumbs::before {content: ''; position: absolute; left: 0; right: 0; bottom: .12rem; height: 1px; background: #D5DEE6; pointer-events: none;}
.aboutThreeThumbs {overflow: hidden; width: 100%;}
.aboutThreeThumbs .swiper-slide {position: relative; text-align: center; cursor: pointer; padding-bottom: .28rem;}
.aboutThreeThumbs .swiper-slide span {display: inline-block; color: #9AA8B5; font-size: var(--font20); line-height: 1.3; font-weight: 500; transition: color .3s; font-family: 'Montserrat', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;}
.aboutThreeThumbs .swiper-slide::after {content: ''; position: absolute; left: 50%; bottom: .08rem; width: 8px; height: 8px; background: #049344; transform: translateX(-50%) scale(0); transition: transform .3s; z-index: 1;}
.aboutThreeThumbs .swiper-slide-thumb-active span {color: #049344; font-weight: 700;}
.aboutThreeThumbs .swiper-slide-thumb-active::after {transform: translateX(-50%) scale(1);}
@media (any-hover: hover) {
  .aboutThreeThumbs .swiper-slide:not(.swiper-slide-thumb-active):hover span {color: #049344;}
}

/* 关于我们 - 环境展示 */
.aboutFour {padding: .8rem 0; background: #fff; overflow: hidden; position: relative; z-index: 1;}
.aboutFour-hd {gap: .4rem; margin-bottom: .8rem;}
.aboutFour-tabs {display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; justify-content: flex-end;}
.aboutFour-tabs li {position: relative; color: #333; font-size: var(--font20); line-height: 1.4; cursor: pointer; padding-bottom: .12rem; transition: color .3s; user-select: none;}
.aboutFour-tabs li::after {content: ''; position: absolute; left: 50%; bottom: 0; width: 100%; height: 2px; background: #049344; transform: translateX(-50%) scaleX(0); transition: transform .3s;}
.aboutFour-tabs li.on {color: #049344; font-weight: bold;}
.aboutFour-tabs li.on::after {transform: translateX(-50%) scaleX(1);}
@media (any-hover: hover) {
  .aboutFour-tabs li:not(.on):hover {color: #049344;}
}

.aboutFour-body {position: relative;}
.aboutFour-panel {display: none;}
.aboutFour-panel.on {display: block;}
.env-marquee {display: flex; flex-direction: column; gap: .12rem;}
.env-track {width: 100%; overflow: hidden;}
.env-track-inner {display: flex; width: max-content; will-change: transform;}
.env-list {display: flex; flex-shrink: 0; gap: .15rem; padding-right: .15rem;}
.env-list li {flex-shrink: 0;}
.env-list .pic {position: relative; display: block; width: 5.3rem; height: 3.8rem; overflow: hidden;}
.env-list .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}
.env-list .pic::before {content: ''; position: absolute; inset: 0; z-index: 1; background: rgba(0, 0, 0, .45); opacity: 0; transition: opacity .35s ease; pointer-events: none;}
.env-list .pic::after {content: ''; position: absolute; inset: .18rem; z-index: 2; border: 1px solid rgba(255, 255, 255, .9); opacity: 0; transition: opacity .35s ease; pointer-events: none;}
.env-list .pic .name {position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); color: #fff; font-size: var(--font28); line-height: 1.3; white-space: nowrap; opacity: 0; transition: opacity .35s ease; pointer-events: none;}
@media (any-hover: hover) {
  .env-list .pic:hover::before,
  .env-list .pic:hover::after,
  .env-list .pic:hover .name {opacity: 1;}
}

/* 关于我们 - 资质证书 */
.aboutFive {padding: .8rem 0; background: #fcfcfc; overflow: hidden; position: relative; z-index: 1;}
.aboutFive-hd {text-align: center; margin-bottom: .5rem;}
.aboutFive-hd .indexTitle {display: inline-flex; flex-direction: column; align-items: center;}
.aboutFive-tabs {display: grid; grid-template-columns: repeat(4, 1fr); gap: .25rem; margin-bottom: .5rem;}
.aboutFive-tabs li {display: flex; align-items: center; justify-content: center; text-align: center; padding: .16rem .2rem; color: #333;  line-height: 1.4; background: #fff; cursor: pointer; user-select: none; transition: background .3s, color .3s;}
.aboutFive-tabs li.on {background: #049344; color: #fff; font-weight: bold;}
@media (any-hover: hover) {
  .aboutFive-tabs li:not(.on):hover {color: #049344;}
}
.aboutFive-body {position: relative;}
.aboutFive-panel {display: block;}
.aboutFive-panel.on {display: block;}
.aboutFive-swiper-wrap {position: relative;}
.aboutFiveSwiper {overflow: hidden; width: 100%;}
.aboutFiveSwiper .swiper-slide {height: auto;}
.aboutFiveSwiper .pic {display: block;border: 2px solid #049344; overflow: hidden; background: #fff; transition: box-shadow .3s, transform .3s;}
.aboutFiveSwiper .pic img {display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover;}
@media (any-hover: hover) {
  /* .aboutFiveSwiper .pic:hover img{ transform: scale(1.05);} */
}
.aboutFive-prev,
.aboutFive-next {position: absolute; top: 50%; z-index: 2; width: .4rem; height: .4rem; min-height: 30px; min-width: 30px; margin-top: -.2rem; border: 1px solid #049344; background: #fff; color: #049344; cursor: pointer; transition: background .3s, color .3s, opacity .3s; border-radius: 2px; box-shadow: 0 2px 8px rgba(0, 0, 0, .08);}
.aboutFive-prev {left: .1rem;}
.aboutFive-next {right: .1rem;}
.aboutFive-prev i,
.aboutFive-next i {font-size: var(--font22); line-height: 1; font-weight: 700;}
.aboutFive-prev.swiper-button-disabled,
.aboutFive-next.swiper-button-disabled {opacity: .35; cursor: default;}
.aboutFive-prev.swiper-button-lock,
.aboutFive-next.swiper-button-lock {display: none;}
@media (any-hover: hover) {
  .aboutFive-prev:not(.swiper-button-disabled):hover,
  .aboutFive-next:not(.swiper-button-disabled):hover {background: #049344; color: #fff;}
}

/* 产品中心 */
.pro-banner h1 {color: #fff;}

/* 产品中心 - 产品分类 */
.proMain {position: relative; padding: .8rem 0 1.2rem;background: #FCFCFC;}
.proMain-hd {padding-bottom: .5rem; gap: .3rem; border-bottom: 1px solid #EFEFEF;}
.proMain-hd .tit {color: #333; font-size: var(--font56); font-weight: bold; line-height: 1.2;}
.proMain-sub {gap: .35rem; flex-wrap: wrap; justify-content: flex-end;}
.proMain-sub a {color: #666; font-size: var(--font18); line-height: 1.4; transition: color .3s;}
.proMain-sub a.on {color: #049344;}
@media (any-hover: hover) {
  .proMain-sub a:hover {color: #049344;}
}

/* 移动端筛选按钮 / 遮罩 */
.filter-toggle {display: none; position: fixed; left: 0; top: 50%; z-index: 2; padding: .18rem .12rem; border: 0; border-radius: 0 4px 4px 0; background: #049344; color: #fff; cursor: pointer; box-shadow: 0 2px 8px rgba(4, 147, 68, .25);}
.filter-toggle i {font-size: var(--font22); line-height: 1; display: block;}
.mask-layer {position: fixed; inset: 0; z-index: 998; background: rgba(0, 0, 0, .5); display: none;}

.proMain-body {align-items: flex-start; gap: .5rem; margin-top: .4rem;}
.proMain-side {flex-shrink: 0; width: 17%; min-width: 200px; position: sticky; top: 1.25rem;}
.pro-cate {width: 100%;}
.pro-cate li {margin-bottom: .1rem;}
.pro-cate li a {position: relative; display: flex; align-items: center; justify-content: space-between; gap: .1rem; padding: .2rem .2rem .2rem .28rem; color: #666; font-size: var(--font20); line-height: 1.2; background: transparent; transition: color .3s, background .3s;}
.pro-cate li a i {flex-shrink: 0; font-size: var(--font18); color: #999; font-weight: 500; transition: color .3s;}
.pro-cate li a::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #049344; transform: scaleY(0); transition: transform .3s;}
.pro-cate li.on a {color: #049344; background: #fff; font-weight: bold;}
.pro-cate li.on a i {color: #049344;}
.pro-cate li.on a::before {transform: scaleY(1);}
@media (any-hover: hover) {
  .pro-cate li:not(.on) a:hover {color: #049344;}
  .pro-cate li:not(.on) a:hover i {color: #049344;}
}

.pro-hotline {gap: .1rem; margin-top: .45rem;}
.pro-hotline .icon {flex-shrink: 0; width: .52rem; height: .52rem; min-height: 36px; min-width: 36px; border-radius: 50%; background: #049344; color: #fff; transition: opacity .3s, transform .3s;}
.pro-hotline .icon i {font-size: var(--font22); line-height: 1;}
.pro-hotline .info {min-width: 0;}
.pro-hotline .label {color: #666; line-height: 1.4;}
.pro-hotline .tel {display: block; color: #049344; font-size: var(--font20); font-weight: bold; line-height: 1.3; font-family: 'Montserrat', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif; transition: opacity .3s;}
.proMain-list {flex: 1; min-width: 0;}
.pro-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: .25rem;}
.pro-card {display: block; height: 100%; border: 1px solid #C2DFCF; background: #fff; transition: border-color .3s;}
.pro-card .pic {position: relative; width: 100%; padding-bottom: 70%; overflow: hidden;}
.pro-card .pic img {position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.pro-card .txt {padding: .3rem .4rem;}
.pro-card .name {color: #333; font-size: var(--font24); line-height: 1.4; padding-bottom: .2rem; margin-bottom: .2rem; border-bottom: 1px solid #F2F2F2; transition: color .3s;}
.pro-card .desc {color: #999; line-height: 1.5; padding-bottom: .2rem; border-bottom: 1px solid #F2F2F2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.pro-card .more {display: inline-flex; align-items: center; color: #049344; margin-top: .2rem; line-height: 1.4; transition: opacity .3s;}
@media (any-hover: hover) {
  .pro-card:hover {border-color: #049344;}
  .pro-card:hover .pic img {transform: scale(1.05);}
  .pro-card:hover .name {color: #049344;}
}

/* 产品中心 - 移动端侧栏抽屉 */
@media screen and (max-width: 767px) {
  .filter-toggle {display: block;}
  .proMain-side {position: fixed; left: -100%; top: 0; bottom: 0; z-index: 999; width: 80%; max-width: 300px; padding: .4rem .2rem; background: #fff; overflow-y: auto; transition: left .3s; box-shadow: none;}
  .proMain-side.show {left: 0;}
  .proMain-list {width: 100%; flex: none;}
  .pro-cate li a {padding: .2rem .18rem .2rem .24rem;}
  .pro-hotline {margin-top: .35rem; padding: .2rem .08rem 0; border-top: 1px solid #eee;}
}

/* 产品详情 */
.proDetaMain {padding: 0 0 1rem; background: #fff;}
.proDeta-mbx {display: flex; align-items: center; gap: .1rem; padding: .35rem 0 .3rem; color: #999; font-size: var(--font14); line-height: 1;}
.proDeta-mbx a {color: #999; transition: color .3s;}
.proDeta-mbx span {color: #999;}
@media (any-hover: hover) {
  .proDeta-mbx a:hover {color: #049344;}
}

.proDeta-top {align-items: stretch; gap: 1.2rem; padding: .25rem; background: #fff; margin-bottom: .25rem;box-shadow: 0px 2px 14px 2px rgba(0,0,0,0.03);}
.proDeta-info {flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: .2rem; padding-left: .4rem; padding-right: 0;}
.proDeta-info .tit {position: relative; color: #333; font-size: var(--font42); font-weight: bold; line-height: 1.3; padding-left: .3rem; margin-bottom: .35rem;}
.proDeta-info .tit:before {content: ''; position: absolute; left: 0; bottom: 0; width: .1rem; height: 100%; background: linear-gradient(to bottom, #049344 0%, transparent 100%);}
.proDeta-info .desc {border-top: 1px solid #F2F2F2; padding-top: .3rem; color: #666; line-height: 1.8; }
.proDeta-btns {flex-wrap: wrap;margin-top: .6rem;}
.proDeta-btns .btn {gap: .1rem; min-width: 2rem; padding: .18rem .28rem; font-size: var(--font18); line-height: 1;transition: background .3s, color .3s, border-color .3s, opacity .3s;}
.proDeta-btns .btn i {font-size: var(--font20); line-height: 1;}
.proDeta-btns .btn-down {background: #049344; color: #fff; border: 1px solid #049344;}
.proDeta-btns .btn-tel {background: #fff; color: #049344; border: 1px solid #049344; font-size: var(--font20); font-weight: 500; font-family: 'Montserrat', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif; }
@media (any-hover: hover) {
  .proDeta-btns .btn-down:hover {opacity: .88;}
  .proDeta-btns .btn-tel:hover {background: #049344; color: #fff; border-left-color: #fff;}
}

.proDeta-gallery {flex: 0 0 42%; min-width: 0;}
.proDetaGallery {position: relative; width: 100%; overflow: hidden; background: #f8f8f8;}
.proDetaGallery .pic {position: relative; width: 100%; padding-bottom: 70%; overflow: hidden;}
.proDetaGallery .pic img {position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
.proDetaGallery-pagination {position: absolute; left: 0; right: 0; bottom: .2rem; z-index: 2; display: flex; align-items: center; justify-content: center; gap: .1rem;}
.proDetaGallery-pagination .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 !important; border-radius: 0; background: transparent; border: 1px solid #049344; opacity: 1; transition: background .3s;}
.proDetaGallery-pagination .swiper-pagination-bullet-active {background: #049344;}

.proDeta-block {background: #fff; margin-top: .6rem;box-shadow: 0px 2px 14px 2px rgba(0,0,0,0.03);}
.proDeta-hd {display: flex; align-items: center; padding: .25rem .3rem; background: #F2F2F2; border-left: 3px solid #049344;}
.proDeta-hd .tit {position: relative; color: #049344; font-size: var(--font36); font-weight: bold; line-height: 1.3; padding-left: .3rem;}
.proDeta-bd {padding: .4rem .6rem;}
.proDeta-bd img {max-width: 100%; height: auto !important;}
.proDeta-rec {box-shadow: none;}
.proDeta-rec .proDeta-bd {padding: 0; margin-top: .3rem; }
.proDetaRecSwiper {overflow: hidden; width: 100%; padding-bottom: .45rem;}
.proDetaRecSwiper .swiper-slide {height: auto;}
.proDetaRecSwiper .rec-card {display: block; height: 100%; border: 1px solid #C2DFCF; background: #fff; transition: border-color .3s;}
.proDetaRecSwiper .rec-card .pic {position: relative; width: 100%; padding-bottom: 70%; overflow: hidden;}
.proDetaRecSwiper .rec-card .pic img {position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.proDetaRecSwiper .rec-card .txt {padding: .25rem; text-align: center;}
.proDetaRecSwiper .rec-card .name {color: #333; font-size: var(--font24); line-height: 1.4; margin-bottom: .1rem; transition: color .3s;}
.proDetaRecSwiper .rec-card .more {display: inline-flex; align-items: center; justify-content: center; color: #049344;  line-height: 1.4;}
.proDetaRec-pagination {position: relative; margin-top: .4rem; display: flex; align-items: center; justify-content: center; gap: .1rem;}
.proDetaRec-pagination .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 !important; border-radius: 0; background: #fff; border: 1px solid #049344; opacity: 1; transition: background .3s;}
.proDetaRec-pagination .swiper-pagination-bullet-active {background: #049344;}
@media (any-hover: hover) {
  .proDetaRecSwiper .rec-card:hover {border-color: #049344;}
  .proDetaRecSwiper .rec-card:hover .pic img {transform: scale(1.05);}
  .proDetaRecSwiper .rec-card:hover .name {color: #049344;}
}

/* 合作案例 */
.case-banner h1 {color: #fff;}
.case-banner h1::before {background: linear-gradient(to bottom, #fff 0%, transparent 100%);}

.caseMain {padding: .8rem 0; background: #fff;}
.case-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem;}
.case-card {display: block; background: #FCFCFC; overflow: hidden; transition: box-shadow .35s;}
.case-card .pic {position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; background: #e8e8e8;}
.case-card .pic img {position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.case-card .txt {padding: .3rem .2rem; text-align: center;}
.case-card .name {color: #000; font-size: var(--font20); font-weight: 500; line-height: 1.4; transition: color .3s;}

@media (any-hover: hover) {
  .case-card:hover {box-shadow: 0 4px 16px rgba(0, 0, 0, .06);}
  .case-card:hover .pic img {transform: scale(1.05);}
  .case-card:hover .name {color: #049344;}
}

/* 行业应用 */
.app-banner h1 {color: #fff;}

.appMain {padding: .8rem 0 1.2rem; background: #fff;}
.app-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem;}
.app-card {display: block; background: #FCFCFC; overflow: hidden;}
.app-card .pic {position: relative; width: 100%; padding-bottom: 50%; overflow: hidden; background: #e8e8e8;}
.app-card .pic img {position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.app-card .mask {position: absolute; inset: 0; z-index: 2; padding: .5rem .7rem; background: rgba(0, 0, 0, .6); opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease;}
.app-card .mask p {color: #fff; font-size: var(--font16); line-height: 1.9; text-align: center; max-width: 88%; transform: translateY(.1rem); transition: transform .4s ease;}
.app-card .txt { padding: 0.24rem 0.4rem;}
.app-card .name {flex: 1; min-width: 0; color: #000; font-size: var(--font20); font-weight: 500; line-height: 1.4; padding-right: .2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.app-card .arrow {position: relative; flex-shrink: 0; width: .52rem; height: .52rem; background: url(../images/jt-bg.png) no-repeat center center / 100% 100%; color: #fff; overflow: hidden; transition: background .35s; filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5;}
.app-card .arrow i {position: relative; z-index: 1; font-size: var(--font20); line-height: 1; font-weight: bold;}

@media (any-hover: hover) {
  .app-card:hover .pic img {transform: scale(1.04);}
  .app-card:hover .mask {opacity: 1; visibility: visible;}
  .app-card:hover .mask p {transform: translateY(0);}
  .app-card:hover .arrow {filter: grayscale(0); -webkit-filter:grayscale(0); opacity: 1;}
}

/* 资讯中心 */
.news-banner h1 {color: #fff;}

.newsMain {padding: 0 0 1rem; background: #fff;}
.newsMain .ny-nav {background: #fff; margin-bottom: .7rem;}
.news-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem .6rem;}
.news-card {display: block;}
.news-card .pic {position: relative; width: 100%; padding-bottom: 75%; overflow: hidden; background: #e8e8e8;}
.news-card .pic img {position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.news-card .pic .date {position: absolute; left: 0; bottom: 0; z-index: 2; padding: .12rem .15rem; background: #049344; color: #fff; line-height: 1.4; }
.news-card .txt {padding: .25rem 0 0;}
.news-card .name {color: #333; font-size: var(--font20); font-weight: bold; line-height: 1.45; margin-bottom: .2rem; transition: color .3s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news-card .desc {color: #666; font-size: var(--font14); line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
@media (any-hover: hover) {
  .news-card:hover .pic img {transform: scale(1.05);}
  .news-card:hover .name {color: #049344;}
}

/* 行业应用详情 */
.appDateMain {padding: .8rem 0 1rem; background: #fff;}
.appDate-inner {align-items: flex-start; gap: .6rem;}
.appDate-main {flex: 1; min-width: 0; display: flex; flex-direction: column; background: #fff; box-shadow: 0px 2px 14px 2px rgba(0, 0, 0, 0.03);}
.appDate-hd {display: flex; align-items: center; padding: .25rem .4rem; background: #F2F2F2; border-left: 4px solid #049344;}
.appDate-hd .tit {color: #049344; font-size: var(--font36); font-weight: bold; line-height: 1.4;}
.appDate-bd {flex: 1; padding: .4rem .45rem;}
.appDate-bd img {max-width: 100%; height: auto !important;}

.appDate-side {flex-shrink: 0; width: 22%; position: sticky; top: 1.25rem; min-width: 3rem; background: #fff; box-shadow: 0px 2px 14px 2px rgba(0, 0, 0, 0.03);}
.appDate-other {padding-top: .35rem;}
.appDate-other .tit {padding: 0 .35rem; color: #049344; font-size: var(--font24); font-weight: bold; line-height: 1.4;}
.appDate-other ul {margin-top: .1rem;}
.appDate-other li a {display: block; padding: .15rem .4rem; color: #666; font-size: var(--font18); line-height: 1.5; transition: color .3s, background .3s;}
@media (any-hover: hover) {
  .appDate-other li a:hover {background: #049344; color: #fff;}
}

.appDate-ask {padding: .4rem; margin-top: .15rem; border-top: 1px solid #EEEEEE;}
.appDate-ask .tit {color: #049344; font-size: var(--font24); font-weight: bold; line-height: 1.4;}
.appDate-ask .desc { color: #333;  line-height: 1.6;}
.appDate-hotline {gap: .14rem; margin-top: .28rem;}
.appDate-hotline .icon {flex-shrink: 0; width: .52rem; height: .52rem; min-width: 36px; min-height: 36px; border-radius: 50%; background: #049344; color: #fff;}
.appDate-hotline .icon i {font-size: var(--font22); line-height: 1;}
.appDate-hotline .info {min-width: 0;}
.appDate-hotline .label {color: #666; line-height: 1.4;}
.appDate-hotline .tel {display: block; color: #049344; font-size: var(--font20); font-weight: bold; line-height: 1.3; font-family: 'Montserrat', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif; transition: opacity .3s;}
@media (any-hover: hover) {
  .appDate-hotline .tel:hover {opacity: .85;}
}

/* 资讯详情 */
.newsDetail {padding: 0 0 1rem; background: #fff;}
.newsDetail-mbx {display: flex; align-items: center; gap: .1rem; padding: .35rem 0 .3rem; color: #999; font-size: var(--font14); line-height: 1;}
.newsDetail-mbx a {color: #999; transition: color .3s;}
.newsDetail-mbx span {color: #999;}
@media (any-hover: hover) {
  .newsDetail-mbx a:hover {color: #049344;}
}

.newsDetail-article {padding: .5rem; background: #fff; box-shadow: 0px 2px 14px 2px rgba(0,0,0,0.03);}
.newsDetail-article .tit {color: #333; font-size: var(--font36); font-weight: bold; line-height: 1.4;  margin-bottom: .2rem;}
.newsDetail-article .meta {flex-wrap: wrap; gap: .3rem; row-gap: .1rem; color: #999;; line-height: 1.4; padding-bottom: .2rem; margin-bottom: .4rem; border-bottom: 1px solid #F2F2F2;}
.newsDetail-article .content {}
.newsDetail-article .content img {max-width: 100%; height: auto !important;}

.newsDetail-related {margin-top: .6rem;}
.newsDetail-hd {display: flex; align-items: center; padding: .25rem .3rem; background: #F2F2F2; border-left: 4px solid #049344;}
.newsDetail-hd .tit {color: #049344; font-size: var(--font36); font-weight: bold; line-height: 1.3;}
.newsDetail-bd {margin-top: .45rem;}
.newsDetailSwiper {overflow: hidden; width: 100%; padding-bottom: .45rem;}
.newsDetailSwiper .swiper-slide {height: auto;}
.newsDetailSwiper .news-card,
.newsDetailSwiper .case-card {height: 100%;}
.newsDetail-pagination {position: relative; margin-top: .4rem; display: flex; align-items: center; justify-content: center; gap: .1rem;}
.newsDetail-pagination .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 !important; border-radius: 0; background: #fff; border: 1px solid #049344; opacity: 1; transition: background .3s;}
.newsDetail-pagination .swiper-pagination-bullet-active {background: #049344;}


/* 联系我们 - 联系方式 */
.tactOne {padding: .7rem 0 1rem; padding-bottom: 0; background: #fff; position: relative; overflow: hidden;}
.tactOne-hd {position: relative; align-items: flex-end; margin-bottom: .8rem;}
.tactOne-hd .tit {color: #222; font-size: .62rem;  line-height: 1.2;}
.tactOne-tabs-wrap {position: relative; display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: .06rem;}
.tactOne-tabs-wrap .en {position: absolute; right: -.05rem; bottom: -.08rem; z-index: 0; color: #333; opacity: .02; font-size: .8rem; font-weight: bold; line-height: 1;  white-space: nowrap; pointer-events: none; user-select: none;}
.tactOne-tabs {position: relative; z-index: 1; display: flex; align-items: center; gap: .6rem;}
.tactOne-tabs li {position: relative; color: #333; font-size: var(--font20); line-height: 1.4; cursor: pointer; padding-bottom: .1rem; transition: color .3s; user-select: none;}
.tactOne-tabs li::after {content: ''; position: absolute; left: 50%; bottom: 0; width: 100%; height: 3px; background: #049344; transform: translateX(-50%) scaleX(0); transition: transform .3s;}
.tactOne-tabs li.on {color: #049344; font-weight: bold;}
.tactOne-tabs li.on::after {transform: translateX(-50%) scaleX(1);}
@media (any-hover: hover) {
  .tactOne-tabs li:not(.on):hover {color: #049344;}
}

.tactOne-body {position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}
.tactOne-panel {position: relative; display: none; overflow: hidden; width: 100%;}
.tactOne-panel.on {display: block;}
.tactOne-map {position: absolute; inset: 0; z-index: 0;}
.tactOne-map > img {display: block; width: 100%; height: 100%; object-position: center;}

/* 点位以 pin 圆心为锚点；left/top 由 JS 按 object-fit:cover 换算，保证相对地图固定 */
.tactOne-marker {position: absolute; z-index: 2; width: 0; height: 0;  visibility: hidden;}
.tactOne-marker.is-ready {visibility: visible;}
.tactOne-marker .pin {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 10px; height: 10px; margin: 0; border-radius: 50%; background: #049344; box-shadow: 0 0 0 6px rgba(4, 147, 68, .5); transform: translate(-50%, -50%); flex-shrink: 0;}
.tactOne-marker .pop {position: absolute; left: 0; width: max-content; max-width: 60vw; bottom: .3rem; z-index: 2; display: flex; align-items: center; gap: .25rem; padding: .15rem .2rem; background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .1); white-space: nowrap; transform: translateX(-50%);}
.tactOne-marker .pop .logo {flex-shrink: 0; max-width: 1.5rem;}
.tactOne-marker .pop .logo img {display: block; width: 100%; height: auto;}
.tactOne-marker .pop .split {flex-shrink: 0; width: 1px; height: .4rem; background: #E5E5E5;}
.tactOne-marker .pop .addr {color: #333; font-size: var(--font18); line-height: 1.5;}

.tactOne-con {position: relative; inset: 0; z-index: 3; padding: .2rem 0; display: flex; align-items: center; justify-content: flex-end;  box-sizing: border-box;}
.tactOne-card {position: relative; width: 42%; max-width: 100%; max-height: 100%; padding: .6rem; background: #fff; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.08); border-bottom: 4px solid #049344; pointer-events: auto; box-sizing: border-box;}
.tactOne-card .card-tit {color: #333; font-size: var(--font32); font-weight: bold; line-height: 1.4; padding-bottom: .4rem; margin-bottom: .4rem; border-bottom: 1px solid #F2F2F2;}
.tactOne-card .card-list {display: flex; flex-direction: column; gap: .2rem;}
.tactOne-card .card-list li {display: flex; align-items: flex-start; color: #333; font-size: var(--font16); line-height: 1.55;}
.tactOne-card .card-list li i {flex-shrink: 0; margin-top: 2px; color: #333; font-size: var(--font18); line-height: 1.4; margin-right: .15rem;}
.tactOne-card .card-list li .lab {flex-shrink: 0; width: 6em; text-align: justify; text-align-last: justify;}
.tactOne-card .card-list li .val {flex: 1; min-width: 0; word-break: break-all;}
.tactOne-card .card-list li a {color: inherit; transition: color .3s;}
@media (any-hover: hover) {
  .tactOne-card .card-list li a:hover {color: #049344;}
}

/* 联系我们 - 留言表单 */
.tactTwo {position: relative; padding: .8rem 0 1rem; background: #fff;}
.tactTwo-inner {width: 100%;}
.tactTwo-tit {color: #333; font-size: .62rem;  line-height: 1.2; margin-bottom: .8rem;}
.tactTwo-form {width: 100%;}
.tactTwo .form-row {display: flex; align-items: stretch; gap: .3rem; margin-bottom: .3rem;}
.tactTwo .form-row--info .form-item {flex: 1; min-width: 0;}
.tactTwo .form-item--full {width: 100%; margin-bottom: .3rem;}
.tactTwo .form-input,
.tactTwo .form-textarea {display: block; width: 100%; border: 1px solid #F2F2F2; border-radius: 0; background: #fff; color: #333; box-sizing: border-box; outline: none; font-family: inherit; font-size: var(--font16); transition: border-color .25s, box-shadow .25s;}
.tactTwo .form-input {height: .6rem; min-height: 48px; padding: 0 .2rem;}
.tactTwo .form-textarea {height: 1.6rem; min-height: 100px; padding: .18rem .2rem; resize: none;}
.tactTwo .form-input::placeholder,
.tactTwo .form-textarea::placeholder {color: #999; font-size: var(--font16);}
.tactTwo .form-input:focus,
.tactTwo .form-textarea:focus {border-color: #049344; box-shadow: 0 0 0 1px rgba(4, 147, 68, .12);}
.tactTwo .form-row--action {gap:0; margin-bottom: 0;}
.tactTwo .form-code {position: relative; flex: 0 0 auto; width: calc(100% / 3 - 2rem); min-width: 260px; height: .6rem; min-height: 48px; border: 1px solid #F2F2F2; background: #fff; box-sizing: border-box; transition: border-color .25s, box-shadow .25s;}
.tactTwo .form-code:focus-within {border-color: #049344; box-shadow: 0 0 0 1px rgba(4, 147, 68, .12);}
.tactTwo .form-code .form-input {width: 100%; height: 100%; min-height: 0; padding-right: 1.5rem; border: 0; box-shadow: none; background: transparent;}
.tactTwo .form-code .form-input:focus {border: 0; box-shadow: none;}
.tactTwo .form-code img {position: absolute; right: .08rem; top: 50%; z-index: 1; width: 1.2rem; min-width: 80px; height: .4rem; min-height: 34px; transform: translateY(-50%); object-fit: contain; cursor: pointer; background: #fff; transition: opacity .25s;}
@media (any-hover: hover) {
  .tactTwo .form-code img:hover {opacity: .85;}
}
.tactTwo .form-btn {flex-shrink: 0; cursor: pointer; height: .6rem; min-height: 48px; padding: 0 .5rem; border: 0; border-radius: 0; background: #049344; color: #fff; font-size: var(--font16); line-height: 1; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; transition: background .3s, opacity .3s;}
.tactTwo .layui-form .form-btn {background: #049344;}
@media (any-hover: hover) {
  .tactTwo .form-btn:hover {background: #037a38; color: #fff;}
}
.tactTwo .form-btn:active {opacity: .92;}

/* 后台资料录入样式调整 */
@media screen and (max-width: 767px) {
  .appDate-bd .table_form div[style*="display: grid"] , .proDeta-bd .table_form div[style*="display: grid"] {grid-template-columns: 1fr !important; }
  
}