/* 禁止复制 */
* {
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}


/* =====头部===== */
#c-placeholder {height: 1rem; min-height: 80px;}
.header {position: fixed; width: 100%;top: 0; left: 0;z-index: 999; box-sizing: border-box; transition: .4s;}
.headerBox {display: flex;height: 1rem; min-height: 80px; justify-content: space-between;  align-items: center;}
.headerlogo a {position: relative; display: block;}
.headerlogo img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: .8rem;}
.headerlogo .ablogo {position: relative; left: 0; top: 0; transform: none; opacity: 0; visibility: hidden;}
.headerlogo .logo1 {opacity: 1; transition: .5s;}
.headerlogo .logo2 {opacity: 0; transition: .5s;}

/* 导航栏目 */
nav {width: 45%; height: 100%;}
nav ul {display: flex; justify-content: space-between; height: 100%;}
nav ul > li {position: relative; display: flex;align-items: center;}
nav ul > li > a {color: #fff; transition: .35s; position: relative; z-index: 1;}
nav ul > li > a::before {content: ""; position: absolute; left: 50%; top: -25%; background: none;width: .22rem; height: .22rem; min-width: 18px; min-height: 18px; border-radius: 50%; border: 5px solid rgba(67, 98, 49,.36); z-index: -1; box-sizing: border-box; opacity: 0; transition: .5s;}
nav ul > li:hover > a::before {left: -8%; opacity: 1;}
nav ul > li:hover > a {color: #436231 !important;}
/* 二级下拉 */
.navTwo {line-height: initial; width: max-content;position: absolute;pointer-events: none; left: 50%; top: 100%; transform: translate(-50%, 15%); opacity: 0; z-index: 10;transition: all 0.4s;}
.navTwo .box {padding: .1rem;background: #fff;box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.02); position: relative; border-bottom-left-radius: 20px;}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translate(-50%, 0%);}
.navTwo dl dd {position: relative; text-align: center; padding: 0 .1rem;}
.navTwo dl dd a {display: inline-block; padding: .1rem 0; text-align: center; transition: .4s; color: #6e7168; font-size: var(--font15); position: relative;}
.navTwo dl dd a::after {content: ""; position: absolute; bottom: 0; left: 50%; width: 0;background-color: rgb(67, 98, 49); height: 3px; transition: .5s;}
.navTwo dl dd a:hover::after {width: 50%; left: 25%;}
.navTwo dl dd a:hover {color: #436231;}
/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);     border-top: 1px solid #eee; box-sizing: border-box;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; 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;font-size: 0.2rem; color: #333333;}
.hadbox-sec4 .form .f_sub { width: 2.4rem; height: 0.66rem; background-color: #333333;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
.hadbox-sec4 .form .f_sub:hover {background: #436231;}
/* 头部下滑 */
.header.fh {background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.header.fh .headerlogo a {margin-top: 0;}
.header.fh .headerlogo .logo1 {opacity: 0;}
.header.fh .headerlogo .logo2 {opacity: 1;}
.header.fh nav ul > li > a {color: #333;}
.header.fh nav ul > li.on > a::before {left: -8%; opacity: 1;}
.header.fh nav ul > li.on > a {color: #436231 !important; }
.header.fh .heSearch svg path {fill: #333;}
.header.fh .mobmenu h4 {color: #333;}
.header.fh .mobmenu dl dd {background: #333;}
.header.fh2 {background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.header.fh2 .headerlogo a {margin-top: 0;}
.header.fh2 .headerlogo .logo1 {opacity: 0;}
.header.fh2 .headerlogo .logo2 {opacity: 1;}
.header.fh2 nav ul > li > a {color: #333;}
.header.fh2 nav ul > li.on > a::before {left: -8%; opacity: 1;}
.header.fh2 nav ul > li.on > a {color: #436231 !important; }
.header.fh2 .heSearch svg path {fill: #333;}
.header.fh2 .mobmenu h4 {color: #333;}
.header.fh2 .mobmenu dl dd {background: #333;}

/* 公用css */
/* 滚动条 */
.headerNavScroll {scrollbar-width:thin;scrollbar-color:#486636 #DDDDDD; overflow-y: auto;}
.headerNavScroll::-webkit-scrollbar {width: 3px;}
.headerNavScroll::-webkit-scrollbar-thumb {background: #486636; border-radius: 5px;}
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}
/* 了解更多 */
.more1 {background: #486636;border-radius: 30px; padding: .18rem .24rem; box-sizing: border-box; display: inline-flex; transition: .5s;}
.more1 span {margin-right: .14rem; color: #fff;}
.more1:hover {box-shadow: 0 0 10px #486636;}
.more2 {padding: .14rem .3rem; background: #486636; border-radius: 30px;transition: .5s; color: #fff; display: inline-flex;}
.more2:hover {box-shadow: 0 0 .1rem #486636; }

/* =====首页===== */
/* banner */
.indexBanner {overflow: hidden; position: relative;}
.bannerSwiper {}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%;height: 100%; min-height: 6rem;transition: 1s linear 2s;transform: scale(1.1,1.1); object-fit: cover;}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear; transform: scale(1,1);}
.bannerSwiper .con {}
.bannerSwiper .con h2 strong {display: flex;font-size: .52rem; font-weight: 900; color: #ffffff;}
.bannerSwiper .con .disc {}
.bannerSwiper .con p {}
.bannerSwiper .swiper-pagination {text-align: left; left: 50%; top: 92%; transform: translate(-50%, -50%);width: 1650px;}
.bannerSwiper .swiper-pagination span {width: 0.08rem;height: 0.08rem; background: #FFFFFF; opacity: .64; margin: 0 .1rem !important; position: relative; transition: .4s;}
.bannerSwiper .swiper-pagination span::before { content: "";width: 200%;height: 200%;left: 50%; top: 50%;  border-radius: 50%; background-color: transparent; position: absolute; z-index: 19; border: 3px solid #81B426;transform: translate(-50%, -50%) scale(0);  transition: .5s;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: none; opacity: 1;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active::before {transform:translate(-50%, -50%) scale(1);}

/* 首页内容 */
.indexTle .en {font-size: var(--font48);font-family: "popMedium"; font-weight: normal;color: #486636; font-weight: 900;}
.indexTle h3 {font-size: 0.6rem; font-weight: 700;color: #3f4535; line-height: 1.2;}
.indexTle i {display: block;width: 0.47rem; height: 0.05rem;  background: #486636; border-radius: 0.03rem; margin-top: .35rem;}

.indexOne {position: relative; padding: 1.5rem 0; padding-top: .5rem;}
.indexOne .box {display: flex; justify-content: space-between; align-items: center;}
.indexOne .indexTle .more1 {margin-top: .5rem;}
.indexOne .box .le {width: auto;}
.indexOne .lecon {margin-top: 2.5rem; position: relative; padding-left: .2rem; font-size: var(--font20); font-weight: 500;color: #3f4535;}
.indexOne .lecon::before {content: ""; position: absolute; height: 100%; width: 0.11rem;background: #486636;border-radius: 0.06rem; left: 0;}
.indexOne .swiperBox {width: 45%;}
.inOneSwiper {padding-left: .1rem; padding-bottom: .1rem;}
.inOneSwiper .con h4 {font-size: 0.5rem;font-family: "popMedium"; font-weight: 900;color: #486636;}
.inOneSwiper .con span {font-size: .3rem;font-weight: 700;color: #3f4535;}
.inOneSwiper .con .tle i {display: block;width: 0.58rem; height: 0.04rem;  background: #65934a; margin-top: .2rem;}
.inOneSwiper .con .text {margin-top: .45rem;}
.inOneSwiper .con .text p {font-size: var(--font15);font-weight: 500;color: #3f4535; line-height: 1.7; text-align: justify;}
.inOneSwiper .con .more2 {margin-top: .5rem;}
/* 圆圈整体 */
/* .indexOne .ulBox {position: relative; display: inline-block; max-width: 6.2rem; max-height: 6.2rem;} */
.indexOne .ulBox {position: relative; display: inline-block; max-width: 30%;}
.indexOne .ulBox svg {display: block; width: 100%; height: 100%;}
.indexOne .ulBox ul li {position: absolute;}
.indexOne .ulBox ul li:hover .i {border-color: #65934A;}
.indexOne .ulBox ul li:hover .i svg path {fill:#65934A ;}
.indexOne .ulBox ul {width: 0; position: absolute; transform: scale(1.038); bottom: 50.4%; left: 50%; height: 50%;}
.indexOne .ulBox ul > li { height: 100%;position: absolute;top: 0;left: 0;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%; cursor: pointer;}
.indexOne .ulBox ul > li span {position: absolute;left: 50%;top: 0;transform: translate(-50%, -120%) rotate(180deg); opacity: 0; transition: .5s;font-family: "popMedium"; white-space: nowrap;}
.indexOne .ulBox ul > li .i {width: 0.29rem;height: 0.29rem; border: 2px solid #f7f7f7; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; transition: .5s;}
.indexOne .ulBox ul > li .i {position: absolute; top: 0;left: 50%; transform: translate(-50%, 0%);}
.indexOne .ulBox ul > li .i svg {max-width: 60%; max-height: 60%;}
.indexOne .ulBox ul > li.on .i {border-color: #65934A;}
.indexOne .ulBox ul > li.on .i svg path {fill: #486636;}
.indexOne .ulBox ul > li.on span {font-size: 0.3rem;color: #3f4535; opacity: 1;}
.indexOne .ulBox ul > li.li1 { transform: rotate(180deg);}
.indexOne .ulBox ul > li.li2 {transform: rotate(225deg);}
.indexOne .ulBox ul > li.li2 span {transform: translate(0%, -160%) rotate(135deg);}
.indexOne .ulBox ul > li.li3 {transform: rotate(270deg);}
.indexOne .ulBox ul > li.li3 .i {transform:translate(-50%, 0%) translateY(-10%);}
.indexOne .ulBox ul > li.li3 span {transform: translate(-50%, -212%) rotate(90deg);}
.indexOne .ulBox ul > li.li4 {transform: rotate(312deg);}
.indexOne .ulBox ul > li.li4 .i {transform: translate(-50%, -15%);}
.indexOne .ulBox ul > li.li4 span {transform: translate(-100%, -170%) rotate(48deg);}
.indexOne .ulBox ul > li.li5 .i {transform: translate(-50%, -15%);}
.indexOne .ulBox ul > li.li5 span {transform: translate(-50%, -120%) rotate(0);}
.indexOne .ulBox ul > li.li6 {transform: rotate(-312deg) translateY(-2.5%);}
.indexOne .ulBox ul > li.li6  span {transform: translate(0%, -165%) rotate(312deg);}
.indexOne .ulBox ul > li.li7 {transform: rotate(-270deg) translateY(-1.5%);}
.indexOne .ulBox ul > li.li7 span {transform: translate(-68%, -200%) rotate(270deg);}
.indexOne .ulBox ul > li.li8 {transform: rotate(-225deg);}
.indexOne .ulBox ul > li.li8 span {transform: translate(-50%, -195%) rotate(225deg);font-size: .2rem; }
/* 圆圈内部 */
.indexOne .dlBox {position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%); width: 70%; height: 70%;}
.indexOne .dlBox dd {height: 100%;}
.indexOne .dlBox dd .imgBox {display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; height: 100%;}
.indexOne .dlBox dd .imgBox::after {content: ""; z-index: -1; position: absolute; width: 100%; height: 100%; opacity: 0.17; transform: scale(0); transition: .5s; background: #97a2a4; border-radius: 50%;}
.indexOne .dlBox dd .imgBox img {max-width: 100%;  max-height: 100%; transition: .5s; transform: scale(0); opacity: 0;}
.indexOne .dlBox dd {opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.indexOne .dlBox dd.on {opacity: 1; visibility: visible;;}
.indexOne .dlBox dd.on .imgBox::after {transform: scale(1);}
.indexOne .dlBox dd.on .imgBox img {transform: scale(1); opacity: 1;transition-delay: .35s;}

/* 首页产品改版 */
.indexOne2 .swiperImg {width: 24%;}
.indexOne2 .swiperImg .swiper-slide {height: auto;}
.indexOne2 .swiperImg .imgBox {display: flex; justify-content: center; align-items: center; height: 100%;}
.indexOne2 .swiperImg .imgBox img {max-width: 100%;}
/* .indexOne2 .swiperlist {margin-top: .7rem;} */
.indexOne2 .swiperlist .swiper::after {content: '';width: 86%; border-bottom: 1px dashed #97a2a4; position: absolute;left: 7%;top: 1.1rem;}
.indexOne2 .swiperlist .imgBox {height: .8rem; opacity: 0; transition: .5s;transform: scale(0);}
.indexOne2 .swiperlist .imgBox img {max-width: 100%; max-height: 100%;}
.indexOne2 .swiperlist .cirle {width: .3rem; height: .3rem; margin: auto; margin-top: .15rem; border-radius: 50%; border: 2px solid transparent; display: flex; align-items: center; justify-content: center; transition: .5s;}
.indexOne2 .swiperlist .cirle svg {max-width: 60%;}
.indexOne2 .swiperlist .slide {text-align: center; cursor: pointer;}
.indexOne2 .swiperlist .slide span {color: #888888; font-size: .22rem; display: block; margin-top: .3rem; transition: .5s;}
.indexOne2 .swiperlist .slide.swiper-slide-thumb-active .imgBox {opacity: 1; transform: scale(1);}
.indexOne2 .swiperlist .slide.swiper-slide-thumb-active .cirle {border-color: #65934a;}
.indexOne2 .swiperlist .slide.swiper-slide-thumb-active .cirle svg path {fill: #65934a;}
.indexOne2 .swiperlist .slide.swiper-slide-thumb-active span {color: #3f4535; font-size: .26rem; font-weight: 700;}
.indexOne2 .swiperlist .swjt {width: 0.58rem; height: 0.58rem;background: #eef4f8; border-radius: 50%; transition: .5s; right: 0;}
.indexOne2 .swiperlist .swjt svg {max-width: 40%;}
.indexOne2 .swiperlist .swjt.swiper-button-prev {transform: rotate(180deg); left: 0;}
.indexOne2 .swiperlist .swjt:active {background: #436231;}
.indexOne2 .swiperlist .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
.indexOne2 .swiperlist .swjt:hover {background: #436231;}
.indexOne2 .swiperlist .swjt:hover svg path {fill: #fff;}
}


.indexTwo {background: #eef4f8; padding: 1rem 0; position: relative; max-width: 2600px; margin: auto; overflow: hidden;}
.indexTwo .disc {font-size: var(--font22);font-weight: 500;color: #686868; margin-top: .3rem;}
.indexTwo .le {width: 50%;}
.indexTwo .numlist {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; margin-top: .4rem;}
.indexTwo .numlist li {width: 32%; margin-top: .5rem;}
.indexTwo .numlist li .num {display: flex; align-items: center;   font-family: "popMedium";}
.indexTwo .numlist li .num .counter {font-size: 0.5rem;font-weight: 500; color: #486636;}
.indexTwo .numlist li .num em {font-size: .36rem; color: #486636;}
.indexTwo .numlist li span {color: #6d6d6d;display: block;}
.indexTwo .numlist li .sp1 {font-size: 0.45rem;font-weight: 500; color: #486636;}
.indexTwo .numlist li .sp2 {font-weight: 500;color: #486636; margin-left: .05rem;}
.indexTwo .mapBox {width: 60%;position: absolute;left: auto;top: 50%; transform: translate(0%, -50%);  right: 0;}
.indexTwo .mapBox img {width: 100%;}

.indexTwo .cirlist li {position: absolute;}
.indexTwo .cirlist li i {width: 0.12rem; height: 0.12rem; opacity: 0.66; background: #ffffff; border-radius: 50%; display: block;  z-index: 2;}
.indexTwo .cirlist li::before, .indexTwo .cirlist li::after {background: #93C253; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: -1;}
.indexTwo .cirlist li::before {animation: scale 2s infinite;}
.indexTwo .cirlist li::after {animation: scale2 2s infinite;}
.indexTwo .cirlist li.cor2::before, .indexTwo .cirlist li.cor2::after {animation: scale2 2s 1s infinite;}
.indexTwo .cirlist li.cor2::before, .indexTwo .cirlist li.cor2::after {animation: scale2 2s 1s infinite;}
.indexTwo .cirlist li.cor2::before , .indexTwo .cirlist li.cor2::after {background: #4E7B33;}
.indexTwo .cirlist li.cor3::before , .indexTwo .cirlist li.cor3::after {background: #92C496;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(5); opacity: 0;}}
@keyframes scale2 {0% {transform:translate(-50%, -50%) scale(1); opacity: .9; }100% { transform:translate(-50%, -50%) scale(10);opacity: 0;}}
.indexTwo .cirlist li.li1 {left: 31%; bottom: 25%;}
.indexTwo .cirlist li.li2 {left: 27%; bottom: 79%;}
.indexTwo .cirlist li.li3 {left: 33%; bottom: 86%;}
.indexTwo .cirlist li.li4 {left: 45%;bottom: 48%;}
.indexTwo .cirlist li.li5 {left: 49%;bottom: 42%;}
.indexTwo .cirlist li.li6 {left: 54%;bottom: 20%;}
.indexTwo .cirlist li.li7 {left: 72%;bottom: 63%;}
.indexTwo .cirlist li.li8 {left: 74%;bottom: 72%;}
.indexTwo .cirlist li.li9 {left: 82%;bottom: 66%;}
.indexTwo .cirlist li.li10 {left: 77%;bottom: 45%;}
.indexTwo .cirlist li.li11 {left: 85%;bottom: 30%;}
.indexTwo .cirlist li.li12 {left: 83%;bottom: 20%;}
.indexTwo .cirlist li.li13 {left: 18%;top: 40%;}

.indexThre {padding: .7rem 0;}
.indexThre .box {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.indexThre .le {width: 51%;}
.indexThre .le img {max-width: 100%;}
.indexThre .mapBox {position: relative;}
.indexThre .mapBox .icBox {position: absolute;left: 77.6%;top: 57.5%; max-width: 0.25rem; z-index: 1; text-align: center;}
.indexThre .mapBox .icBox img {max-width: 0.25rem; position: relative; z-index: 2;}
.indexThre .mapBox .icBox .i1 , .indexThre .mapBox .icBox .i2 {width: 0.09rem;height: 0.09rem;background: #ffffff; display: block; margin: auto; border-radius: 50%; margin-top: -0.05rem; position: absolute; left: 32%; z-index: 1;}
.indexThre .mapBox .icBox .i2 {z-index: 2;}
.indexThre .mapBox .icBox .i1::after {content: ""; width: 1rem; height: 1rem; background: #B7D1D6; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;animation: scalemap 2s linear infinite;}
.indexThre .re {width: 42%;}
.indexThre .indexTle span {font-size: .32rem; color: #5E5F5D;}
.indexThre .re .text {margin-top: .4rem; max-height: 3rem;}
.indexThre .re .text p {font-size: var(--font18);color: #4c5142; line-height: 1.8;}

.indexFour {background: #dde7ef; padding: .8rem 0;}
.indexFour .tleBox {display: flex; justify-content: space-between; align-items: flex-start;}
.indexFour .tleBox .more a {padding: .2rem .3rem; border: 1px solid #486636;border-radius: 33px; position: relative; overflow: hidden; transition: .5s; z-index: 1;}
.indexFour .tleBox .more a span {margin-right: .4rem; color: #486636;transition: .5s;}
.indexFour .tleBox .more a::after {position: absolute; content: ""; right: 0; height: 100%; width: 34%; opacity: 0.15;background: #486636; border-radius: 36px; transition: .5s; z-index: -1;}
.indexFour .tleBox .more a svg path {transition: .5s;}
.indexFour .tleBox .more a:hover::after {width: 100%;}
.indexFour .tleBox .more a:hover {background: #486636; transition-delay: .4s;}
.indexFour .tleBox .more a:hover span {color: #fff;}
.indexFour .tleBox .more a:hover svg path {fill: #fff;}
.indexFour .swiperBox1 {margin-top: 1rem; position: relative;}
.infourSwiper1 .con {display: flex;justify-content: space-between; max-width: 80%;margin: auto;}
.infourSwiper1 .imgBox {width: 40%;border-radius: 0.43rem; overflow: hidden;}
.infourSwiper1 .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.infourSwiper1 .con .text {width: 52%; padding: .5rem 0;}
.infourSwiper1 .con .time {font-size: var(--font36); font-weight: 700; color: #486636;}
.infourSwiper1 .con .p1 {margin-top: .1rem;}
.infourSwiper1 .con .p1 p {font-size: var(--font22); font-weight: 500; color: #333333;}
.infourSwiper1 .swjt {width: 0.58rem; height: 0.58rem;background: #fff; border-radius: 50%; transition: .5s; right: 0;}
.infourSwiper1 .swjt svg {max-width: 60%;}
.infourSwiper1 .swjt.swiper-button-prev {transform: rotate(180deg); left: 0;}
.infourSwiper1 .swjt:active {background: #436231;}
.infourSwiper1 .swjt:active svg path {fill: #fff;}

@media (any-hover: hover) {
    .infourSwiper1 .swjt:hover {background: #436231;}
    .infourSwiper1 .swjt:hover svg path {fill: #fff;}
    .infourSwiper2 .swiper-slide:hover .c-dot {background: #486636;}
    .infourSwiper2 .swiper-slide:hover .c-dot::before {transform: scale(2);}
}
.swiperBox2 {position: relative;z-index: 8;color: #00787e; text-align: center; margin-top: .8rem;}
.swiperBox2::before {content: "";position: absolute;top: 19px;left: 0; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2);}
.infourSwiper2 .swiper-slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 65px;cursor: pointer;}
.infourSwiper2 .c-dot {margin: 0 auto; margin-top: 15px; display: flex;align-items: center;justify-content: center;width: 9px;height: 9px; background: #909090; border-radius: 50%;position: relative; transition: all 0.4s;}
.infourSwiper2 .c-dot::before {content: "";width: 100%; height: 100%;border-radius: 50%; background-color: transparent; position: absolute; z-index: 19;border: 1px solid #486636; transform: scale(0); transition: .5s;}
.infourSwiper2 .swiper-slide::after {height: 1px; content: ""; width: 0; background:#4E7B33; position: absolute; top: 19px;left: 50%; transform: translate(-0%, -50%);}
.infourSwiper2 .syear {width: 100%;transition: all 0.4s;line-height: 1; font-size: var(--font20); color: #777777; font-weight: 700;}
.infourSwiper2 .swiper-slide:active .c-dot {background: #486636;}
.infourSwiper2 .swiper-slide:active .c-dot::before {transform: scale(2);}
.infourSwiper2 .swiper-slide-thumb-active .c-dot {background: #486636;}
.infourSwiper2 .swiper-slide-thumb-active .c-dot::before {transform: scale(2);}
.infourSwiper2 .swiper-slide-thumb-active .syear {color: #486636;}
.infourSwiper2 .swiper-slide.swiper-slide-thumb-active::after {animation: toWidth100 5s linear forwards;}
@keyframes toWidth100 {0% {width: 0;} 100% { width: 100%;}}

.indexfive {padding: .7rem 0 .9rem 0; overflow: hidden;}
.indexfive .tleBox {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.indexfive .tleBox .more {margin-top: .2rem;}
.indexfive .box {position: relative; margin-top: .5rem;}
.infiveSwiper {position: static; overflow: visible;}
.infiveSwiper .swiper-slide {height: auto;}
.infiveSwiper .con {display: block; width: 100%; height: 100%; padding: .22rem; box-sizing: border-box;background: #e8f6f9;border-radius: 0.1rem;}
.infiveSwiper .imgBox {overflow: hidden;border-radius: 0.15rem;}
.infiveSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.infiveSwiper .con h5 {font-size: var(--font20);font-weight: 700;color: #3f4535; margin-top: .3rem; transition: .5s;}
.infiveSwiper .con .time { font-weight: 500; color: #9b9b9b; margin-top: .3rem;}
.infiveSwiper .con:hover .imgBox img {transform: scale(1.1);}
.infiveSwiper .con:hover h5 {color: #436231;}
.infiveSwiper .swiper-pagination {bottom: -.6rem; display: none;}
.infiveSwiper .swiper-pagination span {background: #436231;}


/* 底部 */
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 .6rem 0 ; position: relative; overflow: hidden;}
.footer .box {display: flex; justify-content: space-between;}
.footer .le .tle .en {font-size: var(--font48); color: #ffffff; font-weight: 700; line-height: 1.1;}
.footer .le .tle b {font-size: var(--font48); font-weight: 700;  color: #ffffff;line-height: 1.1;}
.footer .le dl {margin-top: .5rem;}
.footer .le dd {padding: .3rem 0; border-bottom: 1px solid rgba(255, 255, 255,.15);}
.footer .le dd:last-child {border-bottom: 0;}
.footer .le .ddtop {display: flex; align-items: flex-end;}
.footer .le .ddtop .icBox {width: .6rem;}
.footer .le .ddtop .icBox img {max-width: 100%;}
.footer .le .ddtop h5 {font-size: var(--font30); font-weight: 700;color: #ffffff; margin-left: .1rem;}
.footer .le .ddbom {margin-top: .15rem;}
.footer .le .ddbom p {font-weight: 500;text-align: left;color: rgba(255, 255, 255,.73); line-height: 1.7;} 
.footer .le {width: 36%;}
.footer .re {width: 47%; position: relative; z-index: 2;}
.footer .re .en {font-size: var(--font48);text-align: left; color: #ffffff; font-weight: 700;}
.footer .re h4 {font-size: var(--font36); font-weight: 700;color: #ffffff;}
.footer .form {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .5rem;}
.footer .form .inBox {width: 48.5%;margin-top: .15rem;}
.footer .form input ,.footer .form textarea { height: 0.61rem; padding: 0 .2rem; box-sizing: border-box; min-height: 42px; border: 1px solid rgba(255, 255, 255,.6); width: 100%; color: #fff;}
.footer .form input::placeholder ,.footer .form textarea::placeholder  {color: #ffffff; opacity: .88;}
.footer .form textarea {background: none; padding: .2rem; min-height: 1.3rem; box-sizing: border-box; resize: none;}
.footer .form .inBox.intext {width: 100%;}
.footer .form .inCode {width: 49%; display: flex; align-items: center; }
.footer .form .inCode input {border-right: 0;}
.footer .form .inCode img {height: .61rem; min-height: 42px;}
.footer .form .sub {width: 100%; margin-top: .32rem;}
.footer .form button {padding: .2rem .42rem; color: #ffffff;background: #434343; border-radius: 31px; cursor: pointer;}
.footer .form button:active {background: #436231;}
.foterlinks {margin-top: .5rem;}
.foterlinks span {color: #ffffff; font-weight: 700; font-size: var(--font18);}
.foterlinks ul {display: flex; margin-top: .2rem;}
.foterlinks li {margin-right: .25rem;position: relative;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.foterlinks li p {color: #fff;  font-size: var(--font14);text-align: center;}
.foterlinks li a { width:.6rem;height: .6rem; min-width: 40px; min-height: 40px; background: rgba(43, 43, 43,.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; transition: .5s;}
.foterlinks li a svg {max-width: 65%; object-fit: contain; }
.foterlinks li a svg path {fill: #fff;}
.foterlinks li .codeBox {position: absolute; left: 50%; bottom: 10%; transform: translate(-50%, -50%); box-sizing: border-box;  z-index: 1; padding-bottom: .1rem; opacity: 0; visibility: hidden;}
.foterlinks li .code {position: relative;padding: .05rem; background: #fff; border-radius: 5px;}
.foterlinks li .code img {max-width: 1rem; max-height: 1rem;}
.foterlinks li .code::after {content: ""; display: block; width: 0px;height: 0px; border: 8px solid transparent; border-bottom-color: #fff;position: absolute;  bottom: -13px;transform: rotate(180deg);left: 50%; margin-left: -8px;}

@media screen and (min-width: 1024px) {
    .foterlinks li:hover .codeBox {opacity: 1; visibility: visible; transition: .5s;  bottom: 0%;}
    .foterlinks li:hover a { background: #fff;}
    .foterlinks li:hover a svg path {opacity: 1; fill: revert-layer;}
}

.foterTel {margin-top: .2rem; color: #fff;}
.foterbj {position: absolute; background: #51773a; width: 0; height: 150%;right: 0; bottom: -15%; border-top-left-radius: 55%; border-bottom-left-radius: 45%; overflow: hidden; transition: 1s;}
.foterbj img {width: 100%; height: 100%; object-fit: cover; opacity: .1;}
.footer.on .foterbj {width: 58%;}
.copyRight p , .copyRight p a  {color: #ffffff; font-size: var(--font14);font-weight: 500;}



/* ================================================================================内页============================================================================================= */
/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox {overflow: hidden;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover; min-height: 4.5rem;}
.ny-banner {text-align: center;}
.ny-banner h2 {font-size: 0.6rem;color: #ffffff; text-transform: uppercase; font-family: "YouShe"; font-weight: 400;}
.bannernav {position: absolute;bottom: .4rem;width: 100%;}
.bannernav .navbox {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.bannernav ul {display: flex; margin-top: .1rem; flex-wrap: wrap;}
.bannernav ul li {padding:0 .2rem; margin-top: .1rem; position: relative; display: flex; justify-content: space-between; align-items: center; color: #fff;}
.bannernav ul li:first-child {padding-left: 0;}
.bannernav ul li:last-child {padding-right: 0;}
.bannernav ul li a {color: #ffffff; font-size: var(--font18); display: block; padding: .14rem .23rem; border-radius: 28px; transition: .5s;}
.bannernav ul li:hover a , .bannernav ul li.on a {background: #486636;}
.mbx {display: flex; color: #fff; align-items: center; margin-top: .2rem;}
.mbx .onpotion {display: flex; align-items: center;}
.mbx .onpotion img {margin-right: .1rem;}
.mbx .mbxlist {color: #fff;}
.mbx .mbxlist a {color: #fff;}
.mbx .mbxlist a:hover {color: #486636;}

/* =====关于我们=====*/
.aboutOne {padding-top: 1.2rem; padding-bottom: 1rem;}
.aboutOne .box {display: flex; justify-content: space-between; align-items: center; }
.aboutOne .box .le {width: 70%;}
.aboutOne .box .le .text {margin-top: .42rem;}
.aboutOne .box .le .text p {color: #5a5c57; font-size: var(--font18);line-height: 1.6;margin-bottom: 0.1rem;text-indent: var(--font36);}
.aboutOne .box .re {margin-top:2rem; width: 25%; text-align: center;}
.aboutOne .box .re .disc {margin-top: .3rem; font-size: var(--font18);}
.aboutOne .box .re img {max-width: 2.25rem;}
.aboutOne .numlist {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-top: .9rem;}
.aboutOne .numlist li {margin-top: .3rem; margin-right: .3rem;}
.aboutOne .numlist li .num {display: flex; align-items: center;   font-family: "popMedium";}
.aboutOne .numlist li .num .counter {font-size: 0.5rem;font-weight: 500; color: #486636;}
.aboutOne .numlist li .num em {font-size: .36rem; color: #486636;}
.aboutOne .numlist li span {color: #6d6d6d;display: block;}
.aboutOne .numlist li .sp1 {font-size: 0.45rem;font-weight: 500; color: #486636;}
.aboutOne .numlist li .sp2 {font-weight: 500;color: #486636; margin-left: .05rem;}
.aboutOne .imgBox {position: relative; margin-top: .7rem;padding-bottom: 42%;}
.aboutOne .imgBox .img {position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background: url(../images/aboutOne-img.jpg) no-repeat center; background-size: 100%; background-attachment: fixed;}
.aboutOne .imgDisc {text-align: center; margin-top: .3rem; color: #333; font-size: var(--font24);}

.aboutOne .imgBox2 {margin-top: .7rem;}
.aboutOne .imgBox2 img {max-width: 100%;}

.aboutTwo {background: #f9f9f9; padding: 1rem 0;}
.aboutTwo ul {display: flex; justify-content: space-between; padding-top: .3rem;}
.aboutTwo li { background: #ffffff;width: 19%; margin-top: .3rem; padding:.9rem .3rem .7rem .3rem; box-sizing: border-box; text-align: center; transition: .5s;}
.aboutTwo li .icBox img {transition: .5s;}
.aboutTwo li h5 {font-size: var(--font24); font-weight: 700;color: #333333; margin-top: .35rem;}
.aboutTwo li span {color: #808080;font-weight: 500;margin-top: .3rem; display: block;}
.aboutTwo li:hover {transform: translateY(-.15rem);}
.aboutTwo li:hover .icBox img {transform: rotateY(180deg);}

/* 发展历程 */
.historyMain {padding:0.2rem 0 0rem; position: relative;}
.historyMain .container {width: 1400px; position: relative;}
.historyMain .scrollXian {position: absolute; left: 50%; width: 1px; height: 0; background: #486636; top: 0; z-index: -1;}
.hislist {background: url(../images/history-xian.png) repeat-y center;}
.hislist li {position: relative; margin-top:1rem;}
.hislist li .liTime {opacity: 0.01; font-size: 3.46rem; color: #757575; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); font-family: "popMedium"; font-weight: 900;}
.hislist li dl dt {display: flex; justify-content: flex-end;}
.hislist li dl dd {float: right; width: 45%; text-align: left; position: relative;}
.hislist li dt .year {font-size: 0.58rem; font-weight: 700;color: #333333; position: relative; width: 45%;}
.hislist li dt .year i {position: absolute; left: -11%; top: 50%; transform: translate(-50%, -50%); width: 0.24rem;height: 0.24rem;  background: #486636; box-sizing: border-box;  border-radius: 50%;z-index: 3; }
.hislist li dt .year i::after {content: ""; animation: milestones 1s infinite linear; width: 180%; height: 180%; opacity: 0.24;   background: #486636; display: block; border-radius: 50%; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); }
.hislist li dd {margin-bottom: 0.5rem;}
.hislist li dd .tle {font-size: var(--font22);font-weight: 500;color: #575757; position: relative;    text-align: justify;}
.hislist li dd .tle::before {content: ""; position: absolute; left: -11%; top: 50%; transform: translate(-50%, -50%); background: #6A855A; border-radius: 50%; width: 0.14rem; height: 0.14rem; background: #6a855a;}
.hislist li dd .imgBox {margin-top: .3rem; height: auto; }
.hislist li dd .imgBox img {width: 100%; height: 100%; object-fit:cover ; border-radius: 10px;overflow:hidden; }
.hislist li .ddBox dd:nth-child(even) {float: left; margin-top: 2rem; text-align: right;}
.hislist li .ddBox dd:nth-child(even) .tle::before {left: auto; right: -11%; transform: translate(60%, -50%);}
.hislist li h3 {font-size: var(--font36);color: #3C876A;margin-top: 0.18rem;font-weight: 700;margin-bottom: 0.42rem;position: relative;transition: .5s;}
.hislist li dd {position: absolute;}
.hislist li:first-child dl dt {position: relative; top: -.4rem;}
@keyframes milestones {0% {transform: translate(-50%, -50%) scale(1);;}33% {transform: translate(-50%, -50%) scale(1.1);}66% {transform: translate(-50%, -50%) scale(1.2);}100% {transform: translate(-50%, -50%) scale(1); }}

.hislist li:nth-child(4) .ddBox dd:nth-child(2) {margin-top: 1rem;}
.hislist li:nth-child(4) .ddBox dd:nth-child(4) {margin-top: 1rem;}

/* =====产品介绍===== */
.proinfoMain {position: relative;}
.proinfoMain .container {width: 1550px; max-width: 75%;}
.proinfoMain .indexTle h3 {font-size: var(--font48);}
.proinfoMain .menu {position: fixed;z-index: 2; right: 2%; top: 55%; text-align: right;z-index: 9; transition: .5s; opacity: 0; transform: translateY(-50%) translateX(100%);}
.proinfoMain .menu li {margin-top: .7rem; cursor: pointer;}
.proinfoMain .menu li a {font-size: var(--font18);font-weight: 500;color: #999999; position: relative; padding-right: 0; transition: .3s;}
.proinfoMain .menu li a::after {border-radius: 50%; position: absolute;right: -.1rem; top: 50%; transform: translate(100%, -50%); content: "";width: 0.07rem;height: 0.07rem;opacity: 0.57;background: #999999;}
.proinfoMain .menu li a:hover {color: #486636; }
.proinfoMain .menu li a:hover::after {background: #486636;}
.proinfoMain .menu li.active a {color: #486636;font-size: var(--font24); }
.proinfoMain .menu li.active a::after  {background: #486636;width: 0.09rem;height: 0.09rem; opacity: 1;}
.proinfoMain .menu.show {opacity: 1; }
.proinfoMain .menu.show {transform: translateY(-50%) translateX(0);}

.proOne {padding-bottom: 1.5rem;}
.proOne .imgBox {position: relative; padding: 2.2rem 0;}
.proOne .imgBox > .imgBj {width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; z-index: -1;}
.proOne .imgCon {text-align: center;}
.proOne .imgCon .en {font-size: 0.8rem; font-weight: 400;color: #fff;}
.proOne .imgCon .en span {color: #fff;}
.proOne .imgCon h3 {font-size: 0.9rem;font-family: "YouShe"; font-weight: 400;color: #ffffff; display: flex; align-items: flex-start; justify-content: center; line-height: 1;}
.proOne .imgCon h3 em {font-size: .52rem;}
.proOne .imgCon .tleText {margin-top: .2rem; color: #fff; font-size: var(--font20);}
.proOne .imgCon .more {display: flex; justify-content: center; margin-top: .6rem;}
.proOne .imgCon .more a {font-size: var(--font20); padding: .19rem .45rem; border: 1px solid #ffffff; color: #ffffff; border-radius: 35px; transition: .5s;}
.proOne .imgCon .more a:hover {background: #fff; color: #00787e;}
.proOne .info {margin-top: 1rem;}
.proOne .box {display: flex; justify-content: space-between;}
.proOne .le {width: 60%;}
.proOne .le ol li {list-style-type: disc;line-height: 1.8;color: #333333;}
.proOne .le .text {margin-top: .4rem; width: 80%;}
.proOne .le .text p {font-weight: 500;color: #333333; line-height: 1.8;}
.proOne .le .img1 {margin-top: .4rem;}
.proOne .le .img1 img {max-width: 100%;}
.proOne .le .imgtext {color: #565656; font-size: 12px;margin-top: .2rem;}
.proOne .re {width: 36%;}
.proOne .re li:first-child {margin-top: 0;}
.proOne .re li {margin-top: .5rem; text-align: center;}
.proOne .re li .img img {max-width: 100%;}
.proOne .re li span {color: #666666; display: block; margin-top: .2rem;}

.proTwo .imgBox {position: relative; padding: 1.5rem 0;}
.proTwo .imgBox > .imgBj {width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; z-index: -1;}
.proTwo .imgCon {text-align: center;}
.proTwo .imgCon .en {font-size: 0.6rem; font-weight: 400;color: #ffffff; text-transform: uppercase;}
.proTwo .imgCon h3 {font-size: 0.9rem;font-family: "YouShe"; font-weight: 400;color: #ffffff; display: flex; align-items: flex-start; justify-content: center; line-height: 1;}
.proTwo .imgCon h3 em {font-size: .52rem;}
.proTwo .imgCon .tleText {margin-top: .2rem; color: #fff; font-size: var(--font20);}
.proTwo .imgCon .text {font-size: var(--font20);font-weight: 500;color: #ffffff; width: 70%; margin: .3rem auto .5rem auto;}
.proTwo .imgCon .more {display: flex; justify-content: center; margin-top: .3rem;}
.proTwo .imgCon .more a {font-size: var(--font20); padding: .19rem .45rem; border: 1px solid #ffffff; color: #ffffff; border-radius: 35px; transition: .5s;}
.proTwo .imgCon .more a:hover {background: #fff; color: #00787e;}
.proTwo .indexTle {text-align: center; padding-top: .8rem;}
.proTwo .box {padding: .7rem 0;}
.proTwo ul {display: grid; grid-template-columns: repeat(4,1fr);gap: .35rem;}
.proTwo ul li {background: #f9f9f9;border-radius: 0.3rem; padding: .7rem .2rem; text-align: center;}
.proTwo ul li .icBox{height:70px}
.proTwo ul li h5 {font-size: var(--font24);font-weight: 700; color: #333333; margin-top: .3rem;}
.proTwo ul li p {color: #666666; margin-top: .3rem;}

.proThre {background: url(../images/proThre-bj.jpg) no-repeat center; background-size: cover; padding: 1.5rem 0 .5rem 0; height: 0; opacity: 0;}
.proThre .box {display: flex; justify-content: space-between; align-items: center;}
.proThre .le {width: 50%;}
.proThre .re {width: 42%;}
.proThre .re img {max-width: 100%;}
.proThre .tle h4 {font-family: "YouShe";font-size: 0.9rem;font-weight: 400;  color: #486636; line-height: 1.2;}
.proThre .tle span {font-size: var(--font24);font-weight: 400;color: #3d3d3d;}
.proThre .le .text {font-weight: 400;color: #3d3d3d;margin-top: .5rem; line-height: 1.7;}
.proThre .le .more {margin-top: .8rem;}
.proThre .le .more1 {color: #fff;padding: .2rem .65rem;border-radius: 34px;}

/* 产品详情 */
/* 手机端栏目导航 */
.wrapistnav {padding: .3rem 0; display: none;}
.wrapistnav .container {position: relative;}
.pronavSwiper .swiper-slide {width: auto; text-align: center;}
.pronavSwiper .swiper-slide a {display: block; padding: .3rem 0; position: relative; color: #999999; transition: .5s;}
.pronavSwiper {max-width: 90%; margin: auto; position: static;}
.pronavSwiper .swjt {right: -4%;}
.pronavSwiper .swjt.swiper-button-prev {right: auto; left: -4%; transform: rotate(180deg);}
.pronavSwiper .swiper-slide a.on {color: #486636; font-weight: 600;}

.proDateOne .box {display: flex; justify-content: center; margin-right: 2%; align-items: flex-start; position: relative;}
.proDateOne .tle {margin: 0.5rem auto; position: relative; width: 75%; text-align: center;}
.proDateOne .tle small {font-size: var(--font28);  font-weight: 500; color: #486636;}
.proDateOne .tle h3 {font-size: 0.6rem; font-weight: 700; color: #333333;}
.proDateOne .tle .text {color: #333; font-size: var(--font20);}
.proDateOne .mbx {color: #a8a8a8; text-align: center; justify-content: center;}
.proDateOne .mbx a  {color: #a8a8a8;}
.proDateOne .mbx .onpotion img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .5;}
.proDateOne .mbx .mbxlist {color: #a8a8a8; }
.prolistnav {position: absolute; top: .5rem; padding: 1rem 0; right:0;}
.prolistnav .svgBox {position: absolute; width: 2px; height: 110%; right: 0; top: 0;}
.prolistnav .svgBox img {width: 100%; height: 100%;}
.prolistnav li {margin: .45rem 0; position: relative;  padding-right: .3rem; text-align: right;}
.prolistnav li i {content: "";width: 0.09rem;height: 0.09rem; background: #eaeaea; border-radius: 50%; position: absolute; right: -0.08rem; top: 50%; transform: translate(-50%, -50%); z-index: 1; transition: .4s;}
.prolistnav li i::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: #486636; border-radius: 50%;  z-index: -1; opacity: 0;}
.prolistnav li a {font-weight: 400;color: #8C8C8C; font-size: var(--font18);}
.prolistnav li.on i {background: #486636;}
.prolistnav li.on i::after {animation: shubiao 1s infinite linear .65s;}
.prolistnav li.on a {font-size: var(--font20); color: #486636; font-weight: 700;}
.prolistnav li:hover a {color: #486636;}
.prolistnav li:hover i {background: #486636;}

.proDateTwo {overflow: hidden; position: relative; padding-bottom: 3rem;}
.proDateSwiper {position: static; overflow: visible;}
.proDateSwiper .swiper-slide {text-align: center; cursor: pointer;}
.proDateSwiper .swiper-slide span {display: block; font-size: var(--font24); font-weight: 700; color: #486636; margin-top: .3rem;}
.proDateSwiper .swiper-slide h5 {height: 0; opacity: 0; visibility: hidden;}
.proDateSwiper .swiper-slide .disc {height: 0; opacity: 0; visibility: hidden;}
.proDateSwiper .imgBox {overflow: hidden; height: 3rem;display: flex; flex-direction: column-reverse;align-items: center; align-content: stretch;justify-content: center;flex-wrap: wrap;}
.proDateSwiper .imgBox img {max-width: 100%; max-height: 100%;}
.proDateSwiper .swjt {top: auto; left: 50%; right: auto; bottom: 10%;width: 1.04rem; height: 1.04rem;  border: 0.01rem solid #e4e4e4; border-radius: 50%; transition: .5s;}
.proDateSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%);left: calc(50% - 0.4rem);}
.proDateSwiper .swjt svg {max-width: 50%;}
.proDateSwiper .swjt:active {background: #f9f9f9; border-color: #f9f9f9;}
.proDateSwiper .swiper-slide {text-align: center;}
@media (any-hover: hover) {
.proDateSwiper .swjt:hover {background: #f9f9f9; border-color: #f9f9f9;}
}

/* 产品详情弹窗 */
#c-pro-pop {display: none; position: fixed;top: 0;left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
#c-pro-pop .pop-box {position: absolute;top: 50%; left: 50%;padding: .7rem; width: 85%; border-radius: 5px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#c-pro-pop .tleBox {display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: .3rem; border-bottom: 1px solid #EEEEEE;}
#c-pro-pop .tleBox .tle {width: 80%;}
#c-pro-pop .tleBox span {font-size: 0.54rem;font-weight: 700;color: #486636;}
#c-pro-pop .tleBox h5 {font-size: var(--font40);color: #474747; font-weight: 700;}
#c-pro-pop .c-close svg {cursor: pointer;transition: all 0.5s; max-width: 100%;}
#c-pro-pop .c-close img,
#c-pro-pop .c-close:hover svg {transform: rotate(180deg);}
#c-pro-pop .c-con-box {margin-top: .3rem; padding-right: .3rem; height: 4.5rem; overflow-y: auto; scrollbar-width:thin;scrollbar-color:#486636 #DDDDDD;}
#c-pro-pop .c-con-box::-webkit-scrollbar {width: 4px; height: 2px;}
#c-pro-pop .c-con-box::-webkit-scrollbar-thumb {border-radius: 5px;background: #486636}
#c-pro-pop .c-con-box::-webkit-scrollbar-track {border-radius: 5px; background: #E4E4E4;}
#c-pro-pop .c-con-box img {max-width: 100%; width: auto !important; height: auto !important;}
#c-pro-pop.c-pro-pop2 .tleBox span {font-size: var(--font16);display: block; margin-top: .2rem;}
@media screen and (min-width: 200px) and (max-width: 768px) {   
.c-close {width: .45rem;margin-top: -.2rem;margin-right: -.2rem;}
 #c-pro-pop .c-con-box {height: 75%;}
 #c-pro-pop .tleBox .tle {width: 90%;}
 #c-pro-pop .pop-box {width: 98%; height: 98%; padding: .4rem;}
}  

#c-pro-pop .table1 tr {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#c-pro-pop .table1 tr td {width: 48%;}
#c-pro-pop .table1 tr td img {width: auto !important; height: auto !important;}

#c-pro-pop .table2Box {overflow-x: auto;}
#c-pro-pop .table2 {white-space: nowrap;}
#c-pro-pop .table2Box tr td {border-width: 1px;border-style: solid;border-color: rgb(242, 242, 242);}

.table8 tr td {padding: .1rem; box-sizing: border-box;}

@media screen and (min-width: 200px) and (max-width: 767px) { 
    #c-pro-pop .table1 tr td {width: 100%;}
    #c-pro-pop .table4 tr {display: flex; flex-wrap: wrap;}
    #c-pro-pop .table4 tr td {width: 50%; margin-top: .3rem;}

    .table8 tr {display: flex; flex-wrap: wrap;}
    .table8 tr td {width: 50%;}
}



/* =====应用案例===== */
.caseMain {padding: 1rem 0;}
.caseBox {display: flex; justify-content: center; margin-left: 2%; align-items: flex-start;}
.caselist {margin: auto; position: relative; width: 75%;}
.caselist .indexTle {text-align: center;}
.caselitnav {position: sticky; top: 1rem; padding: 1rem 0; max-width: 20%;}
.caselitnav .svgBox {position: absolute; width: 2px; height: 110%; left: 0; top: 0;}
.caselitnav .svgBox img {width: 100%; height: 100%;}
.caselitnav li {margin: .45rem 0; position: relative; padding-left: .3rem; text-align: left;}
.caselitnav li i {content: "";width: 0.09rem;height: 0.09rem; background: #eaeaea; border-radius: 50%; position: absolute; left: 0.01rem; top: 50%; transform: translate(-50%, -50%); z-index: 1; transition: .4s;}
.caselitnav li i::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: #486636; border-radius: 50%;  z-index: -1; opacity: 0;}
.caselitnav li a {font-weight: 400;color: #979797;;}
.caselitnav li.on i {background: #486636;}
.caselitnav li.on i::after {animation: shubiao 1s infinite linear .65s;}
.caselitnav li.on a {font-size: var(--font20); color: #486636; font-weight: 700;}
.caselitnav li:hover a {color: #486636;}
.caselitnav li:hover i {background: #486636;}

.caselist ul {padding-top: .4rem;}
.caselist li {background: #f0f5fb; padding: .5rem; margin-top: .35rem;}
.caselist li a {display: flex; justify-content: space-between;}
.caselist li .imgBox {width: 31%;border-radius: 0.16rem; overflow: hidden;}
.caselist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.caselist li .con {width: 66%; padding: .32rem 0; padding-right: 0.5rem;}
.caselist li h5 {font-size: var(--font26);font-weight: 700; color: #333333;}
.caselist li .time {font-size: var(--font20);font-weight: 500; color: #8f8f8f; margin-top: .1rem;}
.caselist li .text {margin-top: .4rem;}
.caselist li .text p { font-weight: 500;color: #6e6e6e; line-height: 1.8;}
.caselist li .more {font-weight: 700; color: #486636; margin-top: .45rem;}
.caselist li:hover .imgBox img {transform: scale(1.1);}
.caselist li:hover h5 {color: #486636;}

/* 实景案例 */
.scenelist {width: 81%;}
.scenelist ul {margin-top: .7rem; display: grid; grid-template-columns: repeat(4,1fr); gap: .3rem;}
.scenelist li {margin: 0; background: none; padding: 0; width: 100%; position: relative;}
.scenelist li a {display: block;}
.scenelist.caselist li .imgBox {width: 100%; border-radius: 0;}
.scenelist li .con2 {position: absolute; bottom: 0; width: 100%; left: 0; padding: .25rem .1rem; background: rgba(255, 255, 255,.7); text-align: center;}
.scenelist li .con2 span {color: #486636; font-size: var(--font22);}

/* =====新闻资讯===== */
.newsMain {padding: .8rem 0;}
.newsMain .container {width: 1550px; max-width: 82%;}
.newsinfo {}
.newsinfo .box {border: 1px solid #efefef; box-sizing: border-box;}
.newInSwiper .swiper-slide a {display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}
.newInSwiper .imgBox {overflow: hidden; width: 50%;height:5rem;overflow: hidden;}
.newInSwiper .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.newInSwiper .swiper-slide a:hover img {transform: scale(1.1);}
.newInSwiper .swiper-pagination {width: auto; right: 0; left: auto; bottom: 15%;padding-right: 8%;}
.newInSwiper .swiper-pagination-bullet {background: #CECFD4; opacity: 1;}
.newInSwiper .swiper-pagination-bullet-active {background: #4D6A3B;}
.newsinfo .box .con {width: 50%; padding: 3%; padding-right: 8%; box-sizing: border-box;}
.newsinfo .box .con h5 {font-size: var(--font24);font-weight: 400;color: #333333; font-weight: 700; }
.newsinfo .box .con .time {font-size: var(--font18);font-family: Arial, Arial-Regular;font-weight: 400;color: #b6b6b6; margin-top: .3rem;}
.newsinfo .box .con p {margin-top: .1rem; font-weight: 400;color: #888888;line-height: 1.7;}
.newsinfo .box .con i {background: #e4e4e4; display: block; width: 100%; height: 1px; margin: .5rem 0;}
.newsinfo .box .more {display: flex; align-items: center; }
.newsinfo .box .more span {font-weight: 400;color: #4D6A3B; margin-right: 0.1rem; transition: .5s;}
.newsinfo .box .more svg {transform: rotate(90deg);}
.newsinfo .box .more:hover span {margin-right: .25rem;}

.newsList {margin-top: 1rem;}
.newsList ul {display: flex; justify-content: space-between;flex-wrap: wrap;}
.newsList ul li {padding: .3rem; box-sizing: border-box; border: 1px solid #eeeeee; width: 50%; margin-top: -1px;}
.newsList ul li:nth-child(2n) {    margin-left: -1px;margin-right: 1px;;}
.newsList ul li .imgBox {width: 39%; overflow: hidden;}
.newsList ul li img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.newsList ul li a {display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsList ul li .con {width: 56%; padding: .25rem 0; padding-right: .4rem; box-sizing: border-box;}
.newsList ul li .con h6 {font-size: var(--font20);font-weight: 700;color: #333333;}
.newsList ul li .con .text {margin-top: .15rem;}
.newsList ul li .con .text p {font-size: var(--font14);color: #747474;font-weight: 500;}
.newsList ul li .con span {font-size: var(--font15); font-family: Arial, Arial-Regular; font-weight: 400; color: #adadad; margin-top: .3rem; display: block;}
.newsList ul li:hover img {transform: scale(1.1);}
.newsList ul li:hover h6 {color: #4D6A3B;}

/* =====高端学术===== */
.micsMain {margin: 1rem 0;}
.micsMain .micsTle {width: 90%; margin-left: 12%;}
.micsMain .micsTle .container {    max-width: 100%; margin: 0; width: 100%;}
.micsTle {text-align: center;}
.micsTle h3 {font-size: .54rem;}
.micsTle p {width: 70%;font-size: var(--font16); font-weight: 500;color: #666; margin: auto; padding-top: .5rem;text-align: left;text-indent:var(--font32) ;    line-height: 30px;}

.micsBox {margin-left: 3%;}
.micslist {width: 72%; padding: .7rem .5rem; box-sizing: border-box; background: #f9f9f9; margin-top: .5rem;border-radius: 0.2rem;}
.micslist .tle {text-align: center;}
.micslist .tle h4 {font-size: var(--font42);font-weight: 700; color: #486636;}
.micslist .tle .text {padding-top: .4rem; margin: auto;}
.micslist .tle .text p {font-weight: 500; color: #333333; line-height: 1.7;text-align: left;text-indent:var(--font32) ;  }
.micslist li {background: none; margin: 0; padding: .35rem 0; border-bottom: 1px solid rgba(187, 187, 187,.5); }
.micslist li:last-child {border: 0;}
.micslist li .imgBox {width: 28%;}
.caselist li .con {width: 65%;}
.caselist li .con h6 {font-size: var(--font26); font-weight: 700; color: #333333;}
.caselist li .con .p1 {margin-top: .35rem;}
.caselist li .con .p1 p {color: #6e6e6e; line-height: 1.7;}
.caselist li:hover .con h6 {color: #486636;}

/* 详情页面 */
.newsDateMain {padding-top: .4rem; padding-bottom: 2rem;}
.newsDateMain .mbx {color: #333;}
.newsDateMain .mbx img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .6; margin-right: .1rem;}
.newsDateMain .mbx a {padding: 0 .05rem;}
.newsDateMain .mbx a:hover {color: #486636;}
.newsDateMain .container {width: 1500px;}
.newsxq-box {padding: 0.5rem 0; margin-bottom: 0.44rem; 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:.9rem .4rem ; box-sizing: border-box;}
.newsxq-title {border-bottom: 0.01rem solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.4rem; color: #333; margin-bottom: 0.1rem;}
.newsxq-title span {display: block; font-size: var(--font16); color: #777; margin: .1rem .3rem 0 0; }
.newsxq-title .titleDisc {display: flex; flex-wrap: wrap;}
.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;}
.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(--font18); transition: .35s;font-weight: 700;margin-top: .1rem;}
.newsDate .relist li:hover h6 {color: #486636;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: linear-gradient(99deg,#00787d 0%, #486636 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{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.6rem;height: 0.6rem;min-width: 35px;min-height: 35px;  border: 1px solid #486636;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.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: #486636;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #486636;}
.newsxq-page a:active .news-prev,.newsxq-page a:active .news-next {background: #486636; border-color: #486636; }
.newsxq-page a:active svg path {fill: #fff;}
@media (any-hover: hover) {
    .newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next {background: #486636; border-color: #486636; }
    .newsxq-page a:hover svg path {fill: #fff;}
}

/* 公益事业 */
.fare-banner .bannernav {bottom: 24%;}
.fareMain {overflow: hidden;}
.meco-history-box { height: auto; position: relative; background-color: #fff;}
.scroll-fix { position: absolute; left: 0; top: 0; height: 100vh; width: 100%; overflow: hidden;}
.cup-line .zhan-line {width: 100%; opacity: 0;}
.scroll-wrapper {height: 100%;}
.meco-history-box .cup-line {position: absolute; left: 0; top: 25%; width: 200vw; z-index: 3;}
.cup-line .line {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left center; background-size: cover;}
.cup-line .m-line {display: none;}
.meco-list .item {position: absolute;width: 2.29rem; height: 2.29rem;}
.meco-list .item img {width: 100%; height: 100%; object-fit: cover;}
.meco-list .item a {display: block;width: 100%; height: 100%;  border-radius: 50%; overflow: hidden;}
.meco-list .item::after {content: ""; position: absolute; width: 100%; height: 100%; opacity: 0.15; background: #b7ba9e; border-radius: 50%; top: 0; left: 0; transition: .5s; z-index: -1;}
.meco-list .item .more {width: 55%; height: 55%; border-radius: 50%; color: #ffffff; font-size: var(--font15);position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); background: rgba(72, 102, 54,.9); transition: .5s; opacity: 1;transition-delay: .25s;}
.meco-list .item .text {position: absolute;top: 130%; text-align: center; width: 140%; left: -20%; font-size: var(--font20); font-weight: 700; opacity: 0; visibility: hidden; transition: .5s; pointer-events: none;}
.meco-list .item .text p {color: #486636;}
.meco-list .item .con {height: 0; visibility: visible; opacity: 0; position: absolute; pointer-events: none;}
.meco-list .item:hover::after {transform: scale(1.4);}
.meco-list .item:hover .more {transform: translate(-50%, -50%) scale(1); opacity: 1; }
.meco-list .item:hover .text {opacity: 1; visibility: visible; pointer-events: auto;}
.meco-list .item:nth-child(1) {left: 4%;top: 10%;}
.meco-list .item:nth-child(2) {left: 14%;top: 36%;}
.meco-list .item:nth-child(3) {left: 24%;top: 70%;}
.meco-list .item:nth-child(4) {left: 34%;top: 65%;}
.meco-list .item:nth-child(5) {left: 44%;top: 44%;}
.meco-list .item:nth-child(6) {left: 54%;top: 0%;}
.meco-list .item:nth-child(7) {left: 64%;top: 0%;}
.meco-list .item:nth-child(8) {left: 74%;top: 10%;}
.meco-list .item:nth-child(9) {left: 84%;top: 20%;}
.meco-list .item:nth-child(10) {left: 94%;top: 30%;}
.meco-list .item:nth-child(11) {left: 104%;top: 44%;}
.meco-list .item:nth-child(12) {left: 114%;top: 44%;}
.meco-list .item:nth-child(13) {left: 124%;top: 44%;}
.meco-list .item:nth-child(14) {left: 134%;top: 44%;}
.meco-list .item:nth-child(15) {left: 144%;top: 44%;}
.meco-list .item:nth-child(16) {left: 154%;top: 44%;}
.meco-list .item:nth-child(17) {left: 164%;top: 44%;}

.faremolie {margin: 1rem 0; display: none;}
.faremolie ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.faremolie li { width: 48%; margin-top: .3rem;}
.faremolie li .imgBox {overflow: hidden;}
.faremolie li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.faremolie li span {color: #333; margin-top: .2rem; display: block; font-size: var(--font14);}


.nyXq .product-xq img {max-width: 100%;}
/* .nyXq .table1 tr {display: flex; align-items: center;}
.nyXq .table1 tr td {width: 50%; padding: .2rem;}
.nyXq .table1 tr td img {max-width: 100%; width: auto !important; height: auto !important; max-height: 100%; object-fit: contain;} */


.nyXq .product-xq .table1 tr {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.nyXq .product-xq .table1 tr td {width: 48%;   }
.nyXq .product-xq .table1 tr td img {width: auto !important; height: auto !important;}
.nyXq .product-xq .table2Box {overflow-x: auto;}
.nyXq .product-xq .table2 {white-space: nowrap;}
.nyXq .product-xq .table2Box tr td {border-width: 1px;border-style: solid;border-color: rgb(242, 242, 242); padding: 0 .2rem;}


@media screen and (min-width: 200px) and (max-width: 767px) { 
    .nyXq .product-xq .table1 tr td {width: 100%;}
    .nyXq .product-xq .table4 tr {display: flex; flex-wrap: wrap;}
    .nyXq .product-xq .table4 tr td {width: 50%; margin-top: .3rem;}
}


.nyXq .product-xq .table1{text-align: justify;}