/* =====头部===== */ 
body {}
html { scroll-behavior: smooth;}
#c-placeholder {height: 1rem;min-height: 80px;}
.header {position: fixed; top: 0; z-index: 99; left: 0; width: 100%; transition:background-color .5s; }
.header .headBox {padding: 0 4% 0 2%; box-sizing: border-box; display: flex; justify-content: space-between; height: 1rem; min-height: 70px;transform: translateY(.2rem);transition: .5s;}
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {max-width: 2.2rem;  object-fit: contain;}

/* 导航 */
nav {width: 35%;height: 100%; display: flex; align-items: center; margin-right: 25%;}
nav > ul {display: flex; height: 100%; width: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; position: relative; display: flex; align-items: center;}
nav > ul > li > a {font-size: var(--font18); color: #333; position: relative;transition: .5s;}
nav > ul > li > a::after {content: '';width: .12rem; height: .11rem; background: url(../images/header-nav-icon.png) no-repeat center; background-size: contain;transform: translateX(0%) translateY(-0%) rotate(-90deg); opacity: 0; transition: .5s;}
nav > ul > li > a::after {position: absolute; top: 0;right: 0;}
nav > ul > li:hover > a::after {transform: translateX(100%) translateY(-60%) rotate(0); opacity: 1;}
nav > ul > li:hover > a {color: #327037;}

/* 头部右侧 */
.headBox .re {display: flex; align-items: center;}

/* 搜索按钮 */
.heSearch {cursor: pointer; margin-left: .7rem;}
.heSearch a {width: 0.4rem;height: 0.4rem; min-height: 30px; min-width: 30px; border-radius: 50%; background: linear-gradient(-20deg,#327037 0%, #93bc34 100%);}
.heSearch a svg {max-width: 40%;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}
.hadbox-sec4 .close svg {max-width: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 40px; background: #327037;border-radius: 5px;font-size: var(--font20);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: .6rem .3rem;}
  .hadbox-sec4 .form {padding-bottom: .2rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
}
/* 语言 */
.headlang .layui-nav {background: none; padding: 0;}
.headlang .layui-nav .layui-nav-item {line-height: initial;}
.headlang .layui-nav .layui-nav-item > a{border-radius: 100px; display: flex; align-items: center; }
.headlang .layui-nav .layui-nav-more {position: relative; color: #333; right: 0; margin-left: .1rem;}
/* 语言下拉 */
.headlang .layui-nav .layui-nav-item .layui-nav-child {top: 150%;}

/* 头部下滑样式 */
.header.c-style2 {background: rgba(255, 255, 255, .7);box-shadow: -0.17rem 0rem 0.08rem 0.17rem rgba(18, 50, 20, 0.01); }
.header.c-style2 .headBox {transform: translateY(0);}

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

/* ===============公用css end!!!!===================*/
.more1 {padding: .16rem .31rem;background: linear-gradient(-6deg,#2a6a38 0%, #93bc34 100%);border-radius: 100px;letter-spacing: 0.02rem; color: #fff; transition: .5s;display: inline-block;}
.more2 {padding: .16rem .25rem;background: linear-gradient(-6deg,#2a6a38 0%, #93bc34 100%);border-radius: 100px;letter-spacing: 0.01rem; color: #fff; transition: .5s; display: inline-block;}
.more2 span {margin-right: .1rem;}
.more2 i {transition: .5s; color: #fff; display: inline-block;}
.more2:hover i {transform: translateX(.1rem);}
@media (any-hover: hover) {
  .more1:hover { -webkit-box-shadow: 0 0 0 0.1rem rgba(42, 106, 56,.2); box-shadow:0 0 0 0.1rem rgba(42, 106, 56,.2);}
  .more2:hover { -webkit-box-shadow: 0 0 0 0.1rem rgba(42, 106, 56,.2); box-shadow:0 0 0 0.1rem rgba(42, 106, 56,.2);}
}

.index-title{position: relative;}
.index-title b{font-size: 0.96rem;font-family: Arial; color: rgba(183,183,183,0.2); line-height: 1;}
.index-title h2{position: absolute; top: 0; left: 0; font-size: 0.5rem; color: #333; font-weight: 700; padding-right: 0.22rem; line-height: 1;}
.index-title h2::after{position: absolute; content: ''; background: url(../images/title-logo.png) no-repeat; width: 0.19rem;height: 0.18rem; right: 0; top: 0; background-size: contain;}
.index-title strong{color: #256738;}

/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; height: auto;}
.indexBanner .swiper {height: 100%;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%; width: 100%;height: auto; min-height: 7rem;transition: 1s linear 2s;transform: scale(1.1, 1.1); display: block; object-fit: cover;}
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
.indexBanner .con .p2 {margin-top: .1rem;}
.indexBanner .con .p3 {margin-top: .3rem;letter-spacing: 0.07rem;}
.indexBanner .con .more {margin-top: .7rem;}
/* 控件 */
.indexBanner .pagtion {width: 100px; height: 2px;background: rgba(255, 255, 255,.2); left: 50%;   transform: translateX(-50%); bottom: .4rem; top: auto;}
.indexBanner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #2B6B38;}


.indexTwo {padding: 1rem 0; overflow: hidden; position: relative;}
.indexTwo .box {margin-top: 1.4rem;}
.indexTwo ul {display: flex; justify-content: space-between;  align-items: flex-end; /* 默认对齐到底部 */}
.indexTwo li {width: 24%; position: relative;  height: 4.6rem;}
.indexTwo li .imgBox {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 1.75rem 1.75rem 0rem 0rem;  overflow: hidden;transition: .5s;}
.indexTwo li .imgBox img {width: 100%; height: 100%; object-fit: cover; }
.indexTwo li .imgBox::before {content: ''; position: absolute; bottom: 0; height: 100%; width: 100%; left: 0;    background: linear-gradient(to bottom, rgba(255, 255, 255, .01) 40%, #000000);  transition:.5s;}
.indexTwo li .imgBox::after {content: ''; position: absolute; bottom: 0; height: 0; width: 100%; left: 0; background: linear-gradient(36deg,rgba(42, 106, 56,.9) 0%, rgba(147, 188, 52,.9) 100%); transition: .5s;}
.indexTwo li .show {position: absolute; bottom: 0; left: 0; padding: .2rem;width: 100%; text-align: center; transition: .5s;}
.indexTwo li .show .more {font-size: var(--font38);color: #ffffff; opacity: .64; text-align: right; line-height: 1; font-weight: 300;}
.indexTwo li .hide {position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: .2rem .3rem; text-align: center; opacity: 0; transition: .5s;}
.indexTwo li .hide .text {margin-top: .38rem;}
.indexTwo li .hide .text p {color: #fff; opacity: .8;}
.indexTwo li .hide .jt {width: 0.49rem;height: 0.49rem;background: #ffffff; border-radius: 50%; margin: auto; margin-top: 1rem;}
.indexTwo li .hide .jt i {color: #256738; font-size: var(--font14); font-weight: 700;}

@media (any-hover: hover) {
  .indexTwo li:hover .imgBox {height: 120%;}
  .indexTwo li:hover .show {opacity: 0;}
  .indexTwo li:hover .hide {opacity: 1; transition-delay: .25s;}
  .indexTwo li:hover .imgBox::after {height: 100%;}
}

.indexThre {background: #f5f5f5; padding: 1.1rem 0; overflow: hidden; position: relative;}
.indexThre .boxCon {position: relative;}
.indexThre .le {width: 46%;}
.indexThre .re {width: 45%;max-height: 110%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-radius: 3.29rem 0 0 3.29rem;overflow: hidden;}
.indexThre .re > img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .le .t2 {margin-top: .6rem; color: #256738;}
.indexThre .le .text {margin-top: .3rem;}
.indexThre .le .text p {color: #666; line-height: 1.8;}
.indexThre .le .more {margin-top:.7rem;}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding: 1.2rem 0 1.7rem;}
.indexFour .index-title strong {color: #fff;}
.indexFour .box {margin-top: 1.7rem;}
.indexFour ul {display: flex; justify-content: space-between;}
.indexFour li {text-align: center;}
.indexFour li .icBox {width: 2.06rem;height: 2.06rem; margin: auto; background: #ffffff; border-radius: 0.68rem; display: flex; align-items: center; justify-content: center; transform: rotate(45deg); position: relative;z-index: 1; overflow: hidden;}
.indexFour li .icBox::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: linear-gradient(-26deg,#2a6a38 0%, #93bc34 100%); opacity: 0; transition: .5s; z-index: -1;}
.indexFour li .icBox img {max-width: 40%; transform: rotate(-45deg);}
.indexFour li .p1 {color: #fff; font-size: var(--font26); font-weight: 700;color: #ffffff; margin-top: .5rem;}
.indexFour li .p2 {color: #fff;}
.indexFour li:hover .icBox::after {opacity: 1;}
.indexFour li:hover .icBox img { filter: invert(1);filter: brightness(100); -webkit-filter:brightness(100);}
/* .indexFour li .icBox {animation: rotate 2s linear infinite; } */

@keyframes rotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(180deg);}
}
@keyframes counter-rotate {
  0% {transform: rotate(0deg) }
  100% {transform: rotate(-180deg); /* 反向旋转 */}
}

/* 应用领域 */
.app {padding-top: 1rem;}
.app .title-box{margin-bottom: .78rem;}
.app-list ul li{width: 25%; position: relative;}
.app-list ul li .pic{overflow: hidden;}
.app-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.app-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.app-list ul li .info{position: absolute; content: ''; background: rgba(0, 0, 0, 0.4); z-index: 1; width: 100%; height: 100%; top:0}
.app-list ul li .text{transition: 0.6s;}
.app-list ul li .icon{width: 1.13rem;height: 1.13rem;background:rgba(255,255,255,0.3); border-radius: 50%;  transition: 0.6s; margin: 0 auto;}
.app-list ul li .icon img{display: block; max-width: .58rem;}
.app-list ul li strong{color: #ffffff; margin-top: .55rem; display: block; text-align: center;}
.app-list ul li:hover .icon{background: linear-gradient(-6deg,#2a6a38 0%, #93bc34 100%);}
.app-list ul li:hover .text{transform: translateY(-20%);}


/* 新闻中心 */

.index-btn a{border: 0.01rem solid #666666;border-radius: 29px; padding: .14rem .43rem;  transition: 0.6s; cursor: pointer;}
.index-btn a:last-child{margin-left: .28rem;}
.index-btn a:hover{background: linear-gradient(-6deg,#2a6a38 0%, #93bc34 100%);    border-color: #93bc34;  color: #fff;}
.news{padding: 1.46rem 0 1.3rem;}
.news .title-box{margin-bottom: .78rem;}
.news-list{overflow: hidden;--swiper-theme-color: #2a6a38; }
.news-box {position: relative;}
.news-list .pagtion {bottom: -.6rem;}
#news-prev,#news-next{border: 2px solid #d6d6d6; border-radius: 50%; width: .62rem; height: .62rem; min-width:35px; min-height: 35px; transition: 0.6s;}
#news-prev,#news-next img{max-width: 100%;}
#news-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#news-prev{left: 5%;}
#news-next{right: 5%;}
#news-prev:hover,#news-next:hover{background: linear-gradient(-6deg,#2a6a38 0%, #93bc34 100%);  border-color: #93bc34;  }
.news-list ul li .pic{overflow: hidden;border-radius: 0.19rem;}
.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .info{padding: 0.3rem 4% 0; box-sizing: border-box;}
.news-list ul li .info span{color: #333333; margin-bottom: .08rem;}
.news-list ul li .info h3{color: #333333;}

/*公共底部 */
.footer{background: #f3f3f3; }
.footer-box{padding: 0.7rem 0 .92rem; border-bottom: 1px solid rgba(176,176,176,0.2);}
.foot-logo img{display: block;  margin-bottom: .26rem; max-width: 2.19rem;}
.foot-logo h2{color: #2b6b38;}
.foternav,.foot-nav{ margin-top: .23rem;}
.foternav{width: 30%;}
.foternav dl dt{ font-weight: 700; margin-bottom: 0.12rem;}
.foternav dl dd {color: #484848; font-weight: 500; line-height: 2.2;}
.foternav dl dd a {color: #484848;}
.foternav dl dd a:hover {color: #2b6b38;}
.foot-nav dl dt{ font-weight: 700; margin-bottom: 0.12rem;}
.foot-nav dl dd {color: #484848; font-weight: 500; line-height: 2.2;}
.foot-nav dl dd a {color: #484848;}
.foot-nav dl dd a:hover {color: #2b6b38;}
.foot-wechat {width: 9.2%; min-width: 120px; text-align: center; margin-top: .47rem;}
.foot-wechat img{display: block; max-width: 100%; margin: 0 auto .07rem;}
.foot-wechat em {}
.footer-copy{padding: 0.29rem 0;}
.footer-copy p,.footer-copy a{color: #6a6a6a;}
.footer-copy a:hover{color: #2b6b38;}
/* .backTop a {z-index: 99; width: 0.5rem;height: 0.5rem; min-width: 35px; min-height: 35px; background: linear-gradient(-57deg,#93bc34 0%, #2a6a38 100%); position: fixed; bottom: 2%; right: 2%; border-radius: 50%;}
.backTop a img {width: 0.2rem;min-width: 15px;} */



.layui-fixbar li {width: .5rem; height: .5rem; min-height: 35px; min-width: 35px; background: linear-gradient(-57deg,#93bc34 0%, #2a6a38 100%) !important; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.layui-fixbar .layui-icon-top:before {content: '';}
.layui-fixbar .layui-icon-top::after {content: ''; width:100%; height: 100%; background: url(../images/top-back.png) no-repeat center;    background-size: 50%;display: block;}