/* =====头部===== */ 
body {}
#c-placeholder {}
.header { position: sticky; top: 0; z-index: 99;}
.headTop {background: #374e29; transition: .5s;}
.headTop .box {display: flex; justify-content: space-between;height: .6rem; align-items: center;} 
.headTop h1 {color: #ffffff; font-size: var(--font16);}
.headTop ul {display: flex; align-items: center;}
.headTop li {display: flex; align-items: center; color: #fff; margin-left: .3rem; font-family: 'Noto Serif SC', serif;}
.headTop li a {color: #ffffff; display: flex;}
.headTop li .icBox {margin-right: .1rem;}
.headTop li a:hover {color: #64964C;}
.headBox {display: flex; justify-content: space-between;  }
.headerlogo {display: flex; align-items: center;padding: .2rem 0;}
.headerlogo img {max-width: 1rem;}
.headBomBox {background: #fff; transition: .5s; position: relative;}
nav {width: 52%;}
nav ul {display: flex; justify-content: space-between; height: 100%;}
nav ul > li {height: 100%;display: flex;align-items: center;}
nav ul > li > a {color: #374e29; position: relative;}
nav ul > li > a::after {content: ""; position: absolute; bottom: -1px; height: 2px;background: #374e29; width: 0; left: 0; transition: .5s;}
nav ul > li:hover > a {font-weight: 700;}
nav ul > li:hover > a::after {width: 100%;}
/* 下拉 */
.navTwo {position: absolute;left: 0;top: 100%;width: 100%;box-sizing: border-box; display: none;}
.navTwo .navBox {background: #fff; border-top: 1px solid #f2f2f2;display: flex;}
.navTwo .navBox {padding: .8rem;}
.navTwo .navBox dl {width: calc(100% / 3); padding-right: 6%; box-sizing: border-box;}
.navTwo .navBox dl:last-child {padding-right: 0;}
.navTwo .navBox dl dt {padding-bottom: .2rem; border-bottom: 1px solid #f2f2f2; margin-bottom: .2rem;}
.navTwo .navBox dl dt a {color: #374e29; font-weight: 700; font-size: var(--font22);font-family: 'MartelBold';}
.navTwo .navBox dl dd {margin: .1rem 0;}
.navTwo .navBox dl dd a {color: #666666;}
.navTwo .navBox dl dd a:hover {color: #64964C;}
.navTwo .navBox dl .more {margin-top: .2rem; color: #333;}
.navTwo .navBox dl .more span {margin-right: .1rem;}
.navTwo .navBox dl .more a:hover {color: #64964C;}
.navTwo .navBox dl .more a:hover svg path {fill: #64964C;}
/* 搜索 */
.headform {width: 25.5%; display: flex; align-items: center;}
.headform form {height: 0.51rem;background: #f2f2f2; min-height: 42px; display: flex;    width: 100%;}
.headform input {width: 100%; background: none; border: 0; padding: 0 .2rem; box-sizing: border-box; height: 100%;}
.headform button {background: #64964c; height: 100%; padding: 0 .15rem; cursor: pointer;}


/* 搜索下拉 */
.headre {display: flex; align-items: center;}
.searchIcon {display: none;}
.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: 45px; background: #64964C;border-radius: 5px;font-size: var(--font24);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);}
}

.header.fh .headTop {transform: translateY(-.6rem);}
.header.fh .headBomBox {transform: translateY(-.6rem);}


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

/* 了解更多 */
.more1 {display: inline-flex;color: #ffffff; position: relative; border-bottom: 1px solid #FFFFFF; padding-bottom: .05rem; transition: .5s;}
.more1 span {margin-right: .15rem;}
.more1::after {content: ""; width: 0; height: 1px; background: #374E29; position: absolute; bottom: -1px; left: 0; width: 0; transition: .5s;}
.more1_1 {color: #333; border-color: #333;}
.more1_1 svg path {fill: #333;}
.more2 {display: inline-flex; align-items: center; transition: .5s;}
.more2 span {margin-right: .15rem;}
.more2 svg path {transition: .5s;}

@media (any-hover: hover) {
  .more1:hover {color: #374E29;}
  .more1:hover svg path {fill: #374E29;}
  .more1:hover::after {width: 100%;}
  .more2:hover {color: #374E29;}
  .more2:hover svg path {fill: #374E29;}
}

/* ===============公用css end!!!!===================*/


/* ======首页======= */
/* banner */
.indexBanner {position: relative;}
.bannerSwiper {}
.bannerSwiper .bjBox img {width: 100%;}
.bannerSwiper .wrapBox img {width: 100%;}
.bannerSwiper .box {height: 100%;}
.bannerSwiper .con .p1 {font-size: 0.6rem;color: #ffffff;}
.bannerSwiper .con .p1 span {display: block;}
.bannerSwiper .con .more {margin-top: .6rem;}
.bannerSwiper .swiper-slide .links {position: absolute;width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}

.bannerSwiper .wrapBox {display: none;}

@media screen and (min-width: 200px) and (max-width: 767px){
  .bannerSwiper .box {display: none;}
  .bannerSwiper .bjBox {display: none;}
  .bannerSwiper .wrapBox {display: block;}
}
/* 控件 */
.bannerSwiper .swjt {width: 0.61rem;height: 0.61rem; border: 1px solid #ffffff; border-radius: 50%; right: 4%; transition: .5s;}
.bannerSwiper .swjt.swiper-button-prev {transform: rotate(180deg); right: auto; left: 4%;}
.bannerSwiper .swjt svg {max-width: 50%;}
.bannerSwiper .swjt:active {background: #ffffff;}
.bannerSwiper .swjt:active svg path {fill: #64964C;}
.paginationBox { top: auto; bottom: .5rem;z-index: 1;line-height: 1;}
.swiper-num {color: #ffffff;}
.swiper-num .actives {font-size: 0.6rem;}
.paginationBox2 {top: auto; bottom: .5rem;z-index: 1;}
.paginationBox2 .swiper-pagination {text-align: left;}
.paginationBox2 .swiper-pagination span {width: 0.2rem;height: 1px; opacity: 0.4; background: #ffffff;transition: .5s;}
.paginationBox2 .swiper-pagination .swiper-pagination-bullet-active {width: 1rem; opacity: 1;}
@media (any-hover: hover) {
  .bannerSwiper .swjt:hover {background: #ffffff;}
  .bannerSwiper .swjt:hover svg path {fill: #64964C;}
}




.indexTle h3 {text-align: center;font-size: 0.46rem;color: #333333;}

.indexOne {padding: .5rem 0;}
.indexOne .box {margin-top: .5rem;}
.indexOne ul {display: flex; justify-content: space-between;}
.indexOne li {width: 48.5%; position: relative; overflow: hidden;}
.indexOne li .show {position: absolute; width: 100%; bottom: 0; padding: 0 .5rem; padding-bottom: .3rem;width: 100%; left: 0;}
.indexOne li .show {display: flex; justify-content: space-between; align-items: center;}
.indexOne li .show h5 {font-size: var(--font24); font-weight: 700; color: #374e29; letter-spacing: 0.01rem;}
.indexOne li .imgBox img {transition: .5s; width: 100%;}
.indexOne li:hover .imgBox img {transform: scale(1.05);}

.indexTwo {background: #fcfcfc; padding: .5rem 0;}
.indexTwo .swiper-fade .swiper-slide {pointer-events: auto;}
.indexTwo .tle {position: relative;z-index: 2;}
.indexTwo .swiperBox1 {display: flex; justify-content: flex-end;}
.indexTwo .swiperBox1 .swiper {margin: 0;}
.indexTwo .swiperBox1 .swiper .swiper-slide {width: auto;}
.indexTwo .swiperBox1 .swiper .swiper-slide a {display: flex;align-items: center;justify-content: center;width: 0.8rem; height: 0.8rem;border: 1px solid transparent; border-radius: 50%; overflow: hidden; transition: .5s;}
.indexTwo .swiperBox1 .swiper .swiper-slide img {max-width: 60%;}
.indexTwo .swiperBox1 .swiper .swiper-slide-thumb-active a {background: #f2f2f2;border: 1px solid #cdcdcd;}
.indexTwo .swiperBox2 {margin-top: -.45rem;}
.indexTwo .swiperBox2 h3 {font-size: var(--font38);font-weight: 400;color: #333333; line-height: 1; padding-left: .12rem; border-left: .04rem solid #374E29;} 
.indexTwo .swiperBox2 .swiper-slide-active {z-index: 11;}
.indexTwo .swiperBox3 {position: relative;margin-top: .5rem;}
.inTwoSwiper3 {position: static;}
.inTwoSwiper3 .imgBox {background: #ffffff; display: flex; align-items: center; justify-content:center;}
.inTwoSwiper3 .imgBox img {transition: .5s; max-width: 100%;}
.inTwoSwiper3 .swiper-slide span {color: #333333; padding: .15rem .1rem; box-sizing: border-box; display: block; text-align: center; position: relative;z-index: 1; transition: .5s;}
.inTwoSwiper3 .swiper-slide span::after {content: ""; width: 0;top: 0; background: #374e29; height: 100%; position: absolute; left: 0; transition: .5s; z-index: -1;}
.inTwoSwiper3 .swiper-slide:hover span {color: #fff;}
.inTwoSwiper3 .swiper-slide:hover span::after {width: 100%;}
.inTwoSwiper3 .swiper-slide:hover .imgBox img {transform: scale(1.05);}


.inTwoSwiper3 .swiper-slide .hide {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.inTwoSwiper3 .swiper-slide .hide i {width: 0.58rem;height: 0.58rem; background: #374e29; border-radius: 50%; transform: scale(0); transition: .5s;}
.inTwoSwiper3 .swiper-slide .hide i svg {max-width: 50%;}
.inTwoSwiper3 .swiper-slide .hide i svg path {fill: #fff;}
.inTwoSwiper3 .swiper-slide:hover i {transform: scale(1); transition-delay: .1s;}


/* 控件 */
.indexTwo .swiperBox3 .swjt {width: 0.61rem;height: 0.61rem; border: 1px solid #666666; border-radius: 50%; right: 0;transform: translateX(150%); transition: .5s;}
.indexTwo .swiperBox3 .swjt.swiper-button-prev {transform: rotate(180deg) translateX(150%); right: auto; left: 0;}
.indexTwo .swiperBox3 .swjt svg {max-width: 50%;}
.indexTwo .swiperBox3 .swjt:active {background: #374E29; border-color: #374E29;}
.indexTwo .swiperBox3 .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
  .indexTwo .swiperBox3 .swjt:hover {background: #374E29; border-color: #374E29;}
  .indexTwo .swiperBox3 .swjt:hover svg path {fill: #fff;}
}
.indexTwo .morelist {display: flex; justify-content: center; margin-top: .6rem;}
.indexTwo .morelist .more {display: flex; align-items: center; color: #666666; position: relative; padding: .14rem .25rem; box-sizing: border-box;}
.indexTwo .morelist .more span {line-height: 1;}
.indexTwo .morelist .more i {margin-left: .1rem; }
.indexTwo .morelist .more::before {content: ""; width: 100%; height: 1px; background: #666666; position: absolute; top: 0; left: 0;transition: .5s;}
.indexTwo .morelist .more::after {content: ""; width: 100%; height: 1px; background: #666666; position: absolute; bottom: 0; right: 0; transition: .5s;}
.indexTwo .morelist .more:hover {color: #64964C;}
.indexTwo .morelist .more:hover svg path {fill: #64964C;}
.indexTwo .morelist .more:hover::after {width: 0;}
.indexTwo .morelist .more:hover::before {width: 0;}

/* =========footer======== */
.publicMore {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: .9rem 0 .7rem;}
.publicMore .p1 {text-align: center;color: #ffffff; font-size: .46rem; }
.publicMore .text {padding-top: .25rem; width: 70%; margin: auto;}
.publicMore .text p {color: #ffffff; font-size: var(--font20); text-align: center;}
.publicMore .more {display: flex; justify-content: center; margin-top: .5rem;}

.foterBom {background: url(../images/footer-bj.jpg) no-repeat right; background-size: cover; padding-top: .8rem;}
.foterBox {display: flex;justify-content: space-between;}
.foterBox .le {width: 50%;}
.foterBox .foterUs {width: 35%;}
.foterBox .foterTit {font-size: var(--font38);font-family: 'MartelBold';font-weight: 700; color: #374e29; padding-bottom: .25rem; border-bottom: 1px solid rgba(100, 150, 76,.2);}
.foterBox form {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .2rem;}
.foterBox form .inBox {width: 46%; padding: 0 .25rem; margin-top: .2rem; display: flex;height: 0.62rem; min-height: 45px; border: 1px solid #dedede; box-sizing: border-box;}
.foterBox form .inBox .icBox {display: flex; align-items: center;}
.foterBox form .inBox input ,.foterBox form .inBox textarea {width: 100%; height: 100%; background: none;  padding-left: .15rem; resize: none; border: 0;}
.foterBox form .inBox.inText {height: 2rem; align-items: flex-start; padding-top: .2rem; width: 100%;}
.foterBox form .inBox.inText .icBox {margin-top: .05rem;}
.foterBox form .inBox.inCode {width: 46%; padding-right: 0;}
.foterBox form .inBox.inCode img {padding: .05rem; max-width: 1.3rem; object-fit: contain;}
.foterBox form .sub {width: 46%; margin-top: .2rem;}
.foterBox form .sub button {color: #ffffff; padding: 0 .5rem;background: #374e29; height: 100%; cursor: pointer;}
.foterBox .foterUs dl dd {margin-top: .35rem;}
.foterBox .foterUs dd {display: flex;}
.foterBox .foterUs dd .icBox {width: .2rem; margin-top: .03rem;margin-right: .15rem; flex-shrink: 0;}
.foterBox .foterUs dd .icBox img , .foterBox .foterUs dd .icBox svg {max-width: 100%;}
.foterBox .foterUs dd .p1 {font-size: var(--font24);font-family: 'MartelBold';font-weight: 700;color: #374e29;}
.foterBox .foterUs dd .p2 {margin-top: .1rem;}
.foterBox .foterUs dd .p2 a {color: #910000;}
.foterBox .foterUs dd .p3 {margin-top: .1rem;}
.foterBox .foterUs dd .p3 a {color: #333;}
.foterBox .foterUs dd .p3 a:hover {color: #374e29;}
.foterCopy {padding: .2rem 0; border-top: 1px solid #DEDEDE; margin-top: .8rem;}
.foterCopy p ,.foterCopy p a {color: #666666; font-size: var(--font14);}
.foterCopy p a:hover {color: #374e29;}


/* 留言弹出框 */
#c-sub-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; }
#c-sub-pop .c-box {position: absolute;top: 50%; left: 50%;padding: 40px; box-sizing: border-box; width: 530px;max-width: 92%;  border-radius: 5px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index: 1;}
#c-sub-pop .c-pop-bj {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}
#c-sub-pop .c-box .c-close { transition: all 0.5s; display: inline-flex; margin-left: auto; float: right; cursor: pointer;     margin-top: -20px;    margin-right: -20px;}
#c-sub-pop .c-box .c-close img,
#c-sub-pop .c-box .c-close svg {width: 24px;height: 24px; display: block; transition: .5s;}
#c-sub-pop .c-box .c-close:hover svg {transform: rotate(180deg);}
#c-sub-pop .c-box .tit {color: #333; font-size: 30px; margin-top: .2rem; font-weight: 600; text-align: center;}
#c-sub-pop .c-box .inBox {margin-top: .2rem; position: relative; border: 1px solid rgba(189, 189, 189,.62); border-radius: 5px}
#c-sub-pop .c-box .inBox input {border: 0; border-radius: 5px; height: .58rem; min-height: 45px; width: 100%; padding: 0 10px;box-sizing: border-box; font-size: 16px;}
#c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c;}
#c-sub-pop .c-box .incode input {width: calc(100% - 120px);}
#c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - 6px); width: 116px; height: 48px;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}
#c-sub-pop .c-box .insub {display: flex; justify-content: center; margin-top: .4rem;}
#c-sub-pop .c-box .insub button {cursor: pointer; font-size: 16px; border-radius: 30px; background: #64964C; border: 0;  padding: .15rem .5rem; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}
#c-sub-pop .c-box .insub button:active {box-shadow: 0 0 5px #64964C;}

@media screen and (min-width: 200px) and (max-width: 767px){
  #c-sub-pop .c-box .c-close {margin-top: -15px;margin-right: -15px;}
  #c-sub-pop .c-box { padding: 25px;}
  #c-sub-pop .c-box .tit {font-size: 24px;}
  #c-sub-pop .c-box .inBox input {min-height: 40px;}
  #c-sub-pop .c-box .inBox img {width: 88px; height: 36px;}
}

/* ====================================================================================内页========================================================================== */
/* 公用banner */
.ny-banner {position: relative;}
.ny-banner .bjBox img {width: 100%;}
.ny-banner .con i {display: none;}
.ny-banner .con i img {max-width: .45rem;}
.ny-banner .con .h2 {font-size: 0.6rem;font-weight: 400;color: #ffffff; text-transform: uppercase; margin-top: .3rem;}
.ny-banner .con .p1 {color: #ffffff; margin-top: .3rem;}
.ny-banner .mbxBox {top: auto; bottom: .2rem;}
.ny-banner .mbxBox .mbx {color: #fff;}
.ny-banner .mbxBox .mbx a {color: #fff;}

/* =====产品中心===== */
.mbx a {color: #666666; margin-top: .2rem; position: relative;}
.mbx a:hover {color: #374E29;}

.proOne {background: #efebe8; padding: .4rem 0 .4rem; overflow: hidden;}
.proOne .box {display: flex; justify-content: space-between;align-items: center; padding-bottom: .2rem;}
.proOne .le {flex: 1; margin-right: 5%;}
.proOne .le .p1 strong {display: block;color: #374e29;font-size: 0.46rem;font-weight: 400;}
.proOne .le .text {margin-top: .3rem;}
.proOne .le .text span {display: block;color: #666666; font-size: var(--font18);}
.proOne .le .more {margin-top: .8rem;}
.proOne .re {width: 50%;}
.proOne .re img {max-width: 100%;}

.proTwo {padding: .7rem 0;}
.proTwo .tle {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.proTwo .tle .tit {color: #333333;font-weight: 400; font-size: var(--font34);}
.proTwo .tle ul {display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.proTwo .tle li:first-child {margin-left: 0;}
.proTwo .tle li {margin-top: .1rem; margin-right: .7rem; }
.proTwo .tle li a {color: #999999; font-size: var(--font18);font-weight: 400; transition: .5s;}
.proTwo .tle li:hover  a{color: #333;}
.proTwo .tle li.on a {color: #333;}
.proTwo .list {margin-top: .4rem;}
.proTwo .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .15rem;}
.proTwo .list li {background: #efebe8;padding: .25rem; text-align: center; position: relative; transition: .5s;}
.proTwo .list li .imgBox {display: flex; align-items: center; justify-content: center;}
.proTwo .list li .imgBox img  {max-width: 100%; transition: .5s;}
.proTwo .list li h5 {color: #333333;font-weight: 300; font-size: var(--font20); margin-top: .25rem;}
.proTwo .list li span {color: #666666; font-size: var(--font15);display: block; margin-top: .1rem;}
.proTwo .list li .hide {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.proTwo .list li .hide i {width: 0.58rem;height: 0.58rem; background: #fcfcfc; border-radius: 50%; transform: scale(0); transition: .5s;}
.proTwo .list li .hide i svg {max-width: 50%;}
.proTwo .list li:hover {background: #f1e4d9;}
.proTwo .list li:hover i {transform: scale(1); transition-delay: .1s;}
.proTwo .list li:hover .imgBox img {transform: scale(1.05);}

/* 产品详情 */
.proDateNav {background: rgba(239, 235, 232,.6); padding: .3rem 0; padding-top: .2rem;}
.proDateNav .box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.proDateNav .box .mbx {margin-top: .1rem; margin-right: 1rem;}
.proDateNav .page {display: flex; align-items: center; margin-top: .1rem; }
.proDateNav .page a {display: flex; align-items: center;}
.proDateNav .page a i {margin-top: -.02rem;}
.proDateNav .page a span {margin: 0 .1rem;}
.proDateNav .page .prev {margin-right: 1rem;}
.proDateNav .page .prev i {transform: rotate(180deg);}
.proDateNav .page a:hover {color: #64964C;}
.proDateNav .page a:hover svg path {fill: #64964C;}

.proDateOne {margin-top: .5rem;}
.proDateOne .box {display: flex; justify-content: space-between;}
.proDateOne .le {width: 36%; position: relative;}
.proDateOne .re {width: 60%; margin-top: .2rem;}
.proDateOne .le .tips {white-space: nowrap; position: absolute; top: auto; bottom: 0;z-index: 1;background: rgba(0, 0, 0,.5); border-radius: 50px; display: inline-flex; align-items: center; color: #fff;}
.proDateOne .le .tips {padding: .08rem .22rem; font-size: 12px;}
.proDateOne .le .tips i {margin-bottom: .02rem; margin-right: .1rem;}
.proDateOne .le .swiperBox {height: 100%;}
.proDateSw2 {height: 100%;}
/* .proDateSw2  */
.proDateSw2 .imgBox {height: 100%;position: relative;}
.proDateSw2 .imgBox a {display: block; width: 100%; height: 100%;}
.proDateSw2 .imgBox img {width: 100%; height: 100%; object-fit: contain; opacity: 1 !important;}

.thuSwiper {position: absolute; right: .1rem; top: .1rem; width: auto; height: 65%; width: 10%;}
.thuSwiper .imgBox img {width: 100%;}
.proDateSw1 {height: 100%;}
.proDateOne .re .tit {font-size: 0.48rem; font-family: 'Noto Serif SC', serif;font-weight: 400;color: #374e29; padding-bottom: .4rem; border-bottom: 1px solid #F2F2F2;}
.proDateOne .re .ment ul {display: flex; flex-wrap: wrap; }
.proDateOne .re .ment li {width: 48%; margin-top: .5rem;}
.proDateOne .re .ment li .li1 {color: #666666;}
.proDateOne .re .ment li .li2 {color: #333333; font-weight: 700; margin-top: .1rem; font-family: 'Noto Serif SC', serif;}
.proDateOne .re .info {padding-top: .4rem; margin-top: .4rem; border-top: 1px solid #F2F2F2;}
.proDateOne .re .info .p1 {color: #666666; font-size: var(--font20);}
.proDateOne .re .info .more {margin-top: .3rem; display: inline-flex;}
.proDateOne .re .info .us {margin-right: .6rem; display: flex;}
.proDateOne .re .info .us a {padding: .16rem .3rem;background: #374e29; color: #fff; display: flex; align-items: center;}
.proDateOne .re .info .us a i {margin-right: .1rem;}
.proDateOne .re .info .us a.m2 {margin-left: .38rem;}
.proDateOne .re .info .us a:hover {box-shadow: 0 0 .1rem #374e29;}
.proDateOne .re .info .tel {display: inline-flex; align-items: center;}
.proDateOne .re .info .tel i {margin-right: .15rem;}
.proDateOne .re .info .tel p {font-size: var(--font24);color: #374e29;font-weight: 700;}
.proDateOne .re .info .tel p span { font-family: 'Noto Serif SC', serif; font-weight: 400;}

.previewBox {width: 80%; height: 70%; position: absolute; right: 0;top: 0; transform: translateX(100%); pointer-events: none; /* 防止放大镜框干扰鼠标事件 */}

.previewBox .magnifier-preview {width: 100% !important; height: 100% !important}

.magnifier-preview img {object-fit: contain;}

.magnifier-lens {background: none !important;}

@media screen and (max-width: 1024px) {
  /* .magnifier-lens {display: none !important;} */
  .previewBox {display: none !important;}
}


.proDateTwo {margin: 1rem 0; }
.proDateTwo .tit {font-size: var(--font38);color: #333333; padding-bottom: .3rem; border-bottom: 1px solid #F2F2F2;}
.proDateTwo .swiperBox {margin-top: .4rem; position: relative;}
.proDateTwo .swiper {position: static;}
.proDateTwo .imgBox {background: #efebe8; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.proDateTwo .imgBox img {max-width: 100%; transition: .5s;}
.proDateTwo .slide {text-align: center;}
.proDateTwo .slide h6 {color: #333333;font-size: var(--font20); margin-top: .1rem; font-family: 'Noto Serif SC', serif;}
.proDateTwo .slide span {margin-top: .1rem; display: block;color: #666666; font-size: var(--font15); font-family: 'Noto Serif SC', serif; font-weight: 700;}
.proDateTwo .slide:hover .imgBox img {transform: scale(1.05);}
.proDateTwo .slide:hover h6 {color: #374e29;}
/* 控件 */
.proDateTwo .swiper-scrollbar {bottom: -.2rem;}
.proDateTwo .swjt {width: 0.61rem;height: 0.61rem; border: 1px solid #666666; border-radius: 50%; right: 0;transform: translateX(150%); transition: .5s;}
.proDateTwo .swjt.swiper-button-prev {transform: rotate(180deg) translateX(150%); right: auto; left: 0;}
.proDateTwo .swjt svg {max-width: 50%;}
.proDateTwo .swjt:active {background: #374E29; border-color: #374E29;}
.proDateTwo .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
  .proDateTwo .swjt:hover {background: #374E29; border-color: #374E29;}
  .proDateTwo .swjt:hover svg path {fill: #fff;}
}

/* =====News===== */
.newslist {padding: .3rem 0;}
.newslist ul li {padding: .5rem 0; border-bottom: 1px solid #F2F2F2;}
.newslist .liBox {display: flex; justify-content: space-between;}
.newslist .liBox .imgBox {width: 30%; overflow: hidden;}
.newslist .liBox .imgBox img {transition: .5s; width: 100%; height: 100%; object-fit: cover;}
.newslist .liBox .info {width: 66%; margin-top: .15rem;}
.newslist .liBox .time {color: #64964c;}
.newslist .liBox .tit {font-size: var(--font20); padding-bottom: .2rem; border-bottom: 1px solid #F2F2F2; margin-top: .2rem;}
.newslist .liBox .text {margin-top: .2rem;}
.newslist .liBox .text p {color: #666666;}
.newslist .liBox .more {margin-top: .3rem;}
.newslist .liBox:hover .imgBox img {transform: scale(1.1);}
.newslist .liBox:hover .tit p {color: #64964C;}

/* 新闻详情 */
.newsDateMain {padding-top: .4rem; padding-bottom: 1rem;}
.newsxq-box {padding: 0.6rem 0; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding:.55rem ; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #F2F2F2; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: var(--font26); color: #333; font-weight: normal;}
.newsxq-title .titleDisc {margin-top: .2rem;}
.newsxq-title .titleDisc ul {display: flex; align-items: center; flex-wrap: wrap;}
.newsxq-title .titleDisc ul li {display: flex;align-items: center; color: #666; margin-right: .3rem;}
.newsxq-title .titleDisc li .icBox { margin-right: .15rem;}
/* 编辑框内容 */
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}

.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .1rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.newsxq-box .news-right h2 {font-family: 'MartelBold'; font-size: var(--font26);}
.newsDate .relist li {padding: .3rem 0; border-bottom: 1px solid #F2F2F2;}
.newsDate .relist li .time {font-size: var(--font14); font-weight: 500;color: #999999;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font16) ;transition: .35s;font-weight: 700;margin-top: .1rem;	font-family: 'MartelBold';}
.newsDate .relist li:hover h6 {color: #64964C;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: linear-gradient(99deg,#374E29 0%, #64964C 100%); width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem;  transform: translate(-50%, -50%);}
/* 分页*/
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{display: flex; align-items: center;} 
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; margin-top: .02rem;color: #666666;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 1.68rem; min-width: 125px; min-height: 42px; height: 0.58rem;background: #374E29;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #05b0b6;}

.newsxq-page .pagefy:active em {color: #64964C; }
.newsxq-page .pagefy:active svg path {fill: #64964C;}
@media (any-hover: hover) {
.newsxq-page .pagefy:hover em {color: #64964C; }
.newsxq-page .pagefy:hover svg path {fill: #64964C;}
}

/* ====关于我们===== */
.aboutOne {background: url(../images/aboutOne-bj.jpg) no-repeat center; background-size: cover;overflow: hidden; padding-bottom: .3rem;}
.aboutOne .box {position: relative;}
/* .aboutOne .box::after {content: ""; width: 50%; height: 100%; background: url(../images/aboutOne-img2.png) no-repeat center; background-size: contain; position: absolute; right: 0; bottom: 0; opacity: .1;} */
.aboutOne .info {padding-top: 1rem; position: relative; z-index: 1; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding-bottom: .5rem;}
.aboutOne .info::after {content: ""; width: 200vw; background: #64964c url(../images/aboutOne-img3.png) no-repeat right;background-position-x: 86%;mix-blend-mode: multiply; left:100vw; top: 0; height: 150%; position: absolute; z-index: -1; transition: 3s;}
.aboutOne .info .con {width: 50%; position: relative; padding-bottom: .3rem; display: inline-block; margin-top: .6rem;}
.aboutOne .info .con .tit {font-size: 3.52rem;opacity: 0.04;color: #ffffff; 	font-family: 'MartelBold'; text-transform: uppercase; left: 0;transform: translate(-0%, -50%);}
.aboutOne .info .p1 {font-size: 0.6rem;font-weight: 400; color: #fff; text-transform: uppercase;}
.aboutOne .info .text {margin-top: .3rem; line-height: 1.8;}
.aboutOne .info .text p {color: #ffffff;}
.aboutOne .mbx {color: #fff; position: relative; z-index: 2;}
.aboutOne .mbx a {color: #fff;}
.aboutOne .info .imgBox { width: 40%; position: relative; z-index: 1;}
.aboutOne .info .imgBox img {max-width: 100%;}
.aboutOne .info .imgBox .icBox {width: 168%; z-index: -1; z-index: -1;  left: auto;   right: -.4rem;transform:translate(0%, -50%);}



.aboutOne .box.on .info::after {left: -100vw;}

.aboutTwo {background: #ffffff; margin-top: .6rem; padding-bottom: 2rem; position: relative;}
.aboutTwo .container {position: relative; z-index: 1;}
.aboutTwo .box {box-shadow: 0rem 0.03rem 0.12rem 0rem rgba(0,0,0,0.06); padding: .8rem; box-sizing: border-box;    background: #fff; position: relative; z-index: 1;}
.aboutTwo .box .con {position: relative;}
.aboutTwo .box .tit {color: #333333;font-weight: 700; font-size: var(--font46); position: relative; padding-bottom: .3rem;}
.aboutTwo .box .tit::after {content: ""; width: 0.3rem;height: 2px;background: #374e29; position: absolute; left: 0; bottom: 0;}
.aboutTwo .box .textBox {margin-top: .3rem;position: relative;}
.aboutTwo .box .text p {color: #333333; margin-top: .3rem; line-height: 1.7;}
.aboutTwo .box .tit2 {position: absolute; padding-right: .1rem; right: 0; top: 0; transform: translateY(-70%); writing-mode:vertical-rl;color: #666666;font-weight: 700;letter-spacing: 0.09rem;}
.aboutTwo .box .tit2 i { position: absolute; width: 1px; height: 100%; background: #999; top: 0; right: 0; overflow: hidden;}
.aboutTwo .box .tit2 i::after {position: absolute; content: ""; width: 100%; background: #374E29; height: 50%; left: 0; animation: aline 3s infinite linear;}
@keyframes aline {from {bottom: 100%;} to {bottom: -100%;}}

.aboutTwo .imgBox {position: absolute; bottom: 0; width: 100%; left: 0; height: 76%;}
.aboutTwo .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.aboutThre {padding: .8rem 0;}
.aboutThre .tit {font-size: var(--font46);font-family: 'MartelBold'; font-weight: 700;color: #333333; text-align: center;}
.aboutThre ul {margin-top: .7rem; display: flex; justify-content: space-between;}
.aboutThre li {border: 1px solid #64964c; width: 30%; padding: .12rem;}
.aboutThre li .imgBox {position: relative; overflow: hidden;}
.aboutThre li .imgBox img {width: 100%; transition: .5s;}
.aboutThre li .imgBox .hide {position: absolute; width: 100%; height: 100%;background: rgba(100, 150, 76,.9); top: 0; left: 0; display: flex; align-items: center; justify-content: center; transform: scale(0); transition: .5s;}
.aboutThre li .imgBox span {color: #ffffff; font-size: var(--font24); text-transform: uppercase; opacity: 0; transition: .5s;}
.aboutThre li:hover .imgBox img {transform: scale(1.1);}
.aboutThre li:hover .imgBox .hide {transform: scale(1);}
.aboutThre li:hover .imgBox  span {transition-delay: .5s; opacity: 1;}

/* =====contact===== */
.tactOne {padding: .6rem 0;}
.tactOne ul {display: flex; justify-content: space-between;}
.tactOne li {width: 23.5%; padding: .6rem .1rem; background: #ffffff; box-shadow: 0rem 0.03rem 0.12rem 0rem rgba(0,0,0,0.02); }
.tactOne li {text-align: center;}
.tactOne li .p1 {font-size: var(--font24);color: #374e29;font-family: 'MartelBold'; margin-top: .1rem;}
.tactOne li .p2 {margin-top: .1rem;}
.tactOne li .p2 a {color: #333333; }
.tactOne li .p2 a:hover {color: #374E29;}
.tactOne li dl {display: flex; justify-content: center; justify-content: space-between;}
.tactOne li dl dd {width: 48%;}
.tactOne li dl .codeImg img {max-width: 100%;}
.tactOne li dl dd span {color: #333333; display: block; margin-top: .1rem; font-size: var(--font14);}

.tactTwo {margin-bottom: .6rem;}
.tactTwo .box {height: 50vh;}






























































.slideflex{position: fixed;right: 2%;bottom: 10%;z-index: 99;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;padding-bottom: 40px;}
.slideflex.fdown{/* padding-bottom:40px; */}
.slideflex.fdown .relate li.backtop {opacity: 1; visibility: visible; -webkit-transition: 0.5s 0.2s; -o-transition: 0.5s 0.2s; -moz-transition: 0.5s 0.2s; transition: 0.5s 0.2s;}
.slideflex.fdown .mouse{ opacity: 0; visibility: hidden; bottom: -134px;}
.relate {padding-bottom: 26px;}
.relate li {margin-bottom: 20px; position: relative;}
.relate li.backtop { position: absolute; left: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.35s 0s; -o-transition: 0.35s 0s; -moz-transition: 0.35s 0s; transition: 0.35s 0s;}
.relate li >a {transition: .5s; display: flex;  align-items: center;  justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #fff; box-shadow: 0px 12px 24px rgba(65,196,166,0.2); text-align: center; line-height: 48px; color: #41C4A6; font-size: 20px; position: relative; z-index: 3;}
.relate li >a img {max-width: 50%;display: block;}
.relate li >a i{ display: block; width: 16px; height: 16px; border-radius: 50%; text-align: center; line-height: 16px; color: #fff; font-size: 12px; font-family: arial; background: #FD758F; position: absolute; right: 4px; top: 7px; -webkit-animation: scolltops 2.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;}
.relate li:hover .telbox{ opacity: 1; visibility: visible; right: 100%;}
.relate li:hover .eqbox{ opacity: 1; visibility: visible; right: 120%;}


.telbox{ padding-right: 22px; position: absolute; right: 150%; top: -4px; opacity: 0; visibility: hidden; -webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}
.relate li.networkBg{ opacity: 0; visibility: hidden; transition: 0.5s; transform: scale(0);}
.relate li.networkBg >a {font-size: 22px; font-weight: bold;}
.relate li.networkBg.show {opacity: 1; visibility: visible; transform: scale(1);}
.telbox span{ font-family: 'Noto Serif SC', serif; display: block; padding: 20px 0 20px 27px; background: #fff; color: #1a7266; font-size: 16px; line-height: 16px; white-space: nowrap; padding-right: 12px; position: relative; border-radius: 12px;}
.telbox span:before { content: ""; width: 5px; height: 16px; background: #1a7266; position: absolute; left: 13px; top: 50%; margin-top: -8px;}
.telbox span:after { content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: -9px; top:50%; margin-top: -8px;}
.eqbox {top: 50%; transform: translateY(-50%);padding-right: 22px; position: absolute; right: 150%; top: 50%;  opacity: 0; visibility: hidden; -webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}
/* .eqbox:before {content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: 15px; top:50%; margin-top: -8px;} */
.eqbox {background: #fff; border-radius: 10px; padding: .2rem; width: max-content; font-size: var(--font14); text-align: center;box-sizing: border-box; box-shadow: 0 0 .1rem rgba(51, 51, 51,.1);}
.eqbox img {display: block; width: 120px; padding: 10px; background: #fff; border-radius: 12px;}
.productimg {position: relative; overflow: hidden;}
@media (any-hover: hover) {
  .relate li:hover a {background: #64964c;box-shadow: 0rem 0.04rem 0.11rem 0rem rgba(30,117,105,0.05); }
  .relate li:hover a > img {filter: brightness(100); -webkit-filter:brightness(100);}
}

@-webkit-keyframes scolltops {
    0%,75%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(-10px);
    }
}
@media (max-width: 767px) {
    .relate li {margin-bottom: 10px;}
    .relate li >a {width: 40px; height: 40px;}
}