/* =====头部===== */
#c-placeholder {height: 1.2rem;}
.header {position: fixed; top: 0;  z-index: 99; width: 100%; padding: 0 4%;box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255,.1); transition: .35s;}
.headerBox {height: 1.4rem;display: flex; justify-content: space-between; align-items: center; transition: .4s;}
.logoImg {max-width: 2.6rem;}
.logoImg img {max-width: 100%;}
.logoImg img:nth-child(2) {display: none;}
/* 导航 */
nav {width: 50%;}
nav ul {display: flex; justify-content: space-between;}
nav ul li {height: 1.4rem; display: flex; align-items: center; position: relative;}
nav ul li > a {color: #ffffff; font-size: var(--font18);position: relative; font-family: "PFMedium"; z-index: 1; transition: .35s;}
nav ul li > a::after {content: "";  position: absolute; right: 0; width: var(--font25); height: var(--font25); background: #46b248; border-radius: 50%; transition: .35s; z-index: -1; opacity: 0;}
nav ul li:hover > a::after , nav ul li.on > a::after {right: calc(100% - var(--font14)); opacity: 1;}
nav ul li::after {content: ""; width: 0; left: 45%; height: 0.06rem;background: #46b248; border-radius: 3px; position: absolute; bottom: -2%; transition: .5s;}
nav ul li.ons::after {content: ""; width: 140%; left: -20%; height: 0.06rem;background: #46b248; border-radius: 3px; position: absolute; bottom: -2%; transition: .5s;}
/* 搜索 */
.headerRe {position: relative; z-index: 3;}
.heSearch .input-holder {position: relative;}
.heSearch .input-holder .inBox {position: absolute;z-index: 0; width: 100%;height: 52px;  z-index: 0;  right: 0; background: #46b248; border-radius: 52px; transition: .5s; display: flex; align-items: center;}
.heSearch .input-holder .inBox input {height: 100%; color: #fff; opacity: 0; transition: .5s; visibility: hidden; width: 100%; padding:0 .2rem; box-sizing: border-box;}
.heSearch .input-holder .inBox input::placeholder {color: #fff;}
.heSearch .search-icon {width: 52px;height: 52px;background: #46b248; border-radius: 50%; position: relative; z-index: 1; cursor: pointer;}
.heSearch .input-holder:hover .inBox {width: 500%;}
.heSearch:hover .input-holder .inBox  input {opacity: 1; visibility: visible;transition-delay: .2s;}
/* 二级导航 */
.navTwo { position: absolute; text-align: center; top: 100%; line-height: initial; background: rgba(0, 0, 0,.6); padding: .2rem 0; border-radius: 10px; width: 215%; left: -55%; display: none; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);}
.navTwo::before {content: ""; width: 0; left: 15%; height: 0.06rem;background: #46b248; border-radius: 3px; position: absolute; top: -1%; transition: .5s;}
.navTwo.on::before {width: 70%; left: 0;}
.navTwo dl dd a {padding: 8px; color: #fff; transition: .5s; position: relative; display: block; border-radius: 20px;font-size:var(--font15);opacity: 0.8;}
.navTwo dl dd a:hover {background: #46b248; color: #fff;}
.navTwo dl dd a:hover::after {filter: brightness(100); -webkit-filter:brightness(100);}
/* 头部下滑 */
.header.fh {background: #fff; border-bottom-color: #E3E3E3;}
.header.fh .logoImg img:nth-child(1) {display: none;}
.header.fh .logoImg img:nth-child(2) {display: block;}
.header.fh nav ul li > a {color: #333;}
.header.fh nav ul li:hover > a , .header.fh nav ul li.on > a  {color: #46B248;}
.header.fh nav ul li > a::after {display: none;}
.header.fh .headerBox {height: 1.2rem;}
.header.fh nav ul li {height: 1.2rem;}

/* =====首页===== */
/* 了解更多 */
.more1 {width: 1.74rem; height: 0.55rem; min-width: 110px; min-height: 30px; background: #46b248;border: 0.01rem solid #46b248;border-radius: 0.29rem; transition: .5s;}
.more1 span {color: #fff;}
.more1 svg {margin-left: 5%;}
.more1:hover {background: none; border: 1px solid #46b248;}
.more1:hover span {color: #46B248;}
.more1:hover svg path {fill: #46B248;}
.more2 {border: 1px solid #46b248; background: none;}
.more2 span {color: #46B248;}
.more2 svg path {fill: #46B248;}
.more2:hover {background: #46b248;border: 1px solid #46b248;}
.more2:hover span {color: #fff;}
.more2:hover svg path {fill: #fff;}

/* banner */
.bannerSwiper {position: relative;}
.bannerSwiper .imgBox img {width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
.indexSwiper .con {display: flex; justify-content: space-between;align-items: center;max-width: 1465px;}
.indexSwiper .con strong {font-size: 0.7rem;color: #ffffff;   font-family: "PFHeavy"; display: block;    line-height: 0.9rem;}
.indexSwiper .con p {color: #ffffff; font-size: var(--font24); margin-top: .3rem;}
.indexSwiper .con .le img {display: block; margin-top: .5rem;}
.indexSwiper .con .re {position: absolute;right: 0; width: 50%; display: flex; align-items: flex-end;}
.indexSwiper .con .re img {max-width: 20%; position: relative; }
.indexSwiper .con .re img:nth-child(1) {top: 1rem;}
.indexSwiper .con .re img:nth-child(2) {top: 2.2rem; margin: 0 .3rem;}
.indexSwiper .con .re img:nth-child(4) {top: 1.1rem;}
.indexSwiper .con .re img:nth-child(5) {top: 1.6rem;}
.indexSwiper .swjt { flex-wrap: wrap; right: 2%;}
.indexSwiper .swjt .i1 {width: 30px;height: 30px;opacity: 1; display: block; background: #fff; -webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); transition: .5s;}
.indexSwiper .swjt .i2 {transform: rotateX(-180deg); width: 30px;height: 20px; position: relative; left: 35%; opacity: 1; display: block; background: #46B248; -webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); transition: .5s;}
.indexSwiper .swjt:hover {opacity: 1;}
.indexSwiper .swjt:hover .i1 {background: #46B248;}
.indexSwiper .swjt:hover .i2 {left: 0; height: 30px;}
.indexSwiper .swjt.swiper-button-prev {transform: rotateY(180deg); left: 2%;}
.indexSwiper .swiper-pagination span {opacity: .7; width: 20px; height: 25px;-webkit-clip-path: polygon(65% 0, 100% 0, 35% 100%, 0 100%); clip-path: polygon(65% 0, 100% 0, 35% 100%, 0 100%); background: #fff;}
.indexSwiper .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}

.indexOne {padding: .9rem 0; overflow: hidden; background: #fff;}
.indexOne .tleBox {display: flex; justify-content: space-between; flex-flow:row wrap; align-items: center; position: relative;}
.indexOne .tle strong {font-size: 0.5rem;color: #262826;display: block;font-weight: normal; line-height: 1.2;}
.indexOne .tleBox .bjzt {font-size: 1.98rem;opacity: 0.2;color: #E2E2E2;font-weight: 700;line-height: 1; position: absolute; top: 35%; left: -11%; z-index: 0; font-weight: 700;   font-family: "DINBold";}
.indexOne .tleBox .more {position: relative; z-index: 1;}
.indexOne .box {margin-top: .7rem;}
.indexOne ul {display: flex; margin-left: -.2rem;}
.indexOne ul li {position: relative; height: 6.15rem; overflow: hidden;background: #46b248;border-radius: 15px; transition: .5s; margin-left: .2rem; flex: 1;}
.indexOne ul li.on {flex: 2;}
.indexOne ul li .imgBox {height: 100%; height: 100%;position: absolute;left: 0;top: 0; width: 100%; z-index: 0;}
.indexOne ul li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexOne ul li .con { padding: .5rem;position: relative; display: flex;flex-direction: column; height: 100%; justify-content: end;  }
.indexOne ul li p {color: #fff; font-size: var(--font15); margin-top: .3rem;transform: translateY(0.3rem); opacity: 0;transition: .4s;}
.indexOne ul li h4 {position: absolute; bottom: 0; width: 100%; padding: 0 .1rem; padding-bottom: .6rem; color: #ffffff; opacity: 1; font-size: var(--font26);  font-family: "PFBold"; text-align: center; transition: .3s;}
.indexOne ul li h5 {color: #ffffff; font-size: var(--font30);  font-family: "PFBold"; opacity: 0; transform: translateY(0.3rem); transition: .4s;}
.indexOne ul li .more {opacity: 0; transform: translateY(0.3rem); transition: .4s;}
.indexOne ul li .more1:hover {background: #fff; border-color: #fff;}
.indexOne ul li .more1 {margin-top: .3rem;width: 1.2rem; height: .43rem;  }
.indexOne ul li .more1 span {font-size: var(--font14);}
.indexOne ul li.on h4 {opacity: 0;}
.indexOne ul li.on h5 {transform: translateY(0); opacity: 1; transition-delay: .2s;}
.indexOne ul li.on p {transform: translateY(0); opacity: 1; transition-delay: .4s;}
.indexOne ul li.on .more {transform: translateY(0); opacity: 1; transition-delay: .5s;}

.indexTwo {background: url(../images/indextwo-bj.jpg) no-repeat center; background-size: cover; padding: 1.3rem 0;}
.indexTwo .box {display: flex; justify-content: space-between;}
.indexTwo .le h3 {font-size: 0.5rem;color: #46B248; font-weight:bold;}
.indexTwo .le .leTime {margin-top: .7rem;}
.indexTwo .le em {font-size: 0.24rem;color: #444444;display: block;}
.indexTwo .le strong {font-size: 1rem;color: #46b248;font-weight: 700;font-style: italic;font-family: "DINBold"; line-height: 1;}
.indexTwo .box .re {width: 61%; margin-top: .4rem;}
.indexTwo .text p {color: #444444; font-size: var(--font18); line-height: 1.5; text-align: justify;}
.indexTwo .re dl {margin-top: .8rem; display: flex; justify-content: space-between;}
.indexTwo .re dd .num {display: flex;}
.indexTwo .re dd .counter {font-size: 0.72rem; font-family: "DINBold";font-weight: 700;color: #46b248;}
.indexTwo .re dd i {font-size: 0.3rem;color: #46b248; font-style: normal;}
.indexTwo .re dd .numBox {display: flex; align-items: center;    align-items: flex-end;}
.indexTwo .re dd .disc {color: #979797; font-size: var(--font20);margin-bottom:0.15rem}
.indexTwo .re dd span {color: #555555;}
.indexTwo .re .more {margin-top: .8rem;}

.indexTle {text-align: center;}
.indexTle h3 {font-size: 0.5rem;color: #ffffff;}
.indexTle .tle {display: inline-block; position: relative;}
.indexTle .tle .en {font-size: 0.78rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;color: #ffffff;opacity: 0.09; font-weight: 700;  font-family: "DINBold";}
.indexThree {background: url(../images/indexthree-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0; padding-bottom: 0;}
.indexThree ul {margin-top: 1rem; display: grid; grid-template-columns: repeat(5,auto); justify-content: center;  left: 0;position: relative;}
.indexThree ul li {border-radius: 10px;width: 2.8rem;height: 2.4rem; position: relative; overflow: hidden; margin-right: .25rem;}
.indexThree ul li {background: url(../images/indexthreeli-bj.png) no-repeat center; background-size: 100% 100%; -webkit-clip-path: polygon(50% -1%, 101% 50%, 50% 101%, -1% 50%);clip-path: polygon(50% -1%, 101% 50%, 50% 101%, -1% 50%);}
.indexThree ul li:nth-child(n+6) {transform: translateX(54.5%) translateY(-48%);}
.indexThree ul li:nth-child(10) {grid-column-start: 1; transform: translateX(109%) translateY(-96%);}
.indexThree ul li:nth-child(11) { transform: translateX(109%) translateY(-96%)}
.indexThree ul li:nth-child(12) { transform: translateX(109%) translateY(-96%)}
.indexThree ul li .liBox {height: 100%;text-align: center; display: flex;flex-direction: column;justify-content: center; align-items: center;}
.indexThree ul li .liBox .icBox {max-width: .5rem; margin-top:-30px; display: flex; align-items: center; justify-content: center;}
.indexThree ul li .liBox .icBox img {max-width: 100%;}
.indexThree ul li .liBox span {font-size: .18rem; margin-top:23px;}
.indexThree ul li span {color: #fff; margin-top: .2rem;}
.indexThree ul li .bj2 {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;transition: .5s;}
.indexThree ul li .bj2::after {content: "";width: 100%;height: 100%;position: absolute; left: 0; top: 0; background: #268B27; opacity: 1;}
.indexThree ul li .bj2 img {width: 100%; position: absolute; top: 0; left: 0;}
.indexThree ul li .tle {position: relative; z-index: 11;height: 100%;color: #333;    display: flex; flex-direction: column;justify-content: center;align-items: center;}
.indexThree ul li .tle h5 {font-size: .18rem;color: #ffffff;  font-family: "PFHeavy"; margin-top:60px;}
.indexThree ul li .tle .jia {width: 0.42rem;height: 0.42rem;background: #46b248; border-radius: 50%; color: #fff;font-size: 0.3rem;padding-bottom: .05rem; margin-top: .3rem;}
.indexThree ul li:hover .bj2 {opacity: 1;}
.indexThree .more {display: flex; justify-content: center; transform: translateY(-200%);}
.indexThree .inthMore {width: 4.4rem;height: 0.65rem;background: #46b248; border-radius: 0.33rem;}
.indexThree .inthMore span {color: #fff; font-size: var(--font18); margin-right: .3rem;}
.indexThree .inthMore span ,.indexThree .inthMore img{transition: all .5s;}
.indexThree .inthMore:hover img{margin-left:0.2rem}
.indexFour {padding: 1rem 0 1rem 0; overflow: hidden;}
.indexFour .tle {display: flex; justify-content: space-between; align-items: center;}
.indexFour .le strong {display: block;font-size: 0.5rem;color: #262826;line-height: 1.25;}
.indexFour .le em {display: block;font-size: 0.24rem; color: #46B248; margin-bottom: .2rem;}
.strength-list {margin-top: 1rem;}
.strength-list ul {display: flex; justify-content: space-between; }
.strength-list ul li{position: relative; max-width: 18%;}
.strength-list ul li svg {width: 100%; height: 100%;}
.strength-list ul li .icon {top: 0;position: absolute;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 22;bottom: 0;left: 0;right: 0;}
.strength-list ul li b {display: inline-block; font-size: .4rem;  color: #333;   font-family: "DINBold";font-weight: bold; }
.strength-list ul li span {display: inline-block; font-size: .3rem; font-family: "DINBold";}
.strength-list ul li sup {display: inline-block; font-size: 12px; font-family: "DINBold";}
.strength-list ul li.item1 span {font-size: .24rem;}
.strength-list ul li h2 {display: block; font-size: var(--font16); color: #333; margin-top: .05rem;}
.strength-list ul li.on #progress {animation: circleProgress 3.5s forwards;}
.strength-list ul li:nth-child(2).on #progress2 {animation: circleProgress2 4s forwards;}
.strength-list ul li:nth-child(3).on #progress3 {animation: circleProgress3 4s forwards;}
.strength-list ul li:nth-child(4).on #progress4 {animation: circleProgress4 4s forwards;}
.strength-list ul li:last-child.on #progress5 {animation: circleProgress5 4s forwards;}
@keyframes circleProgress { to {stroke-dashoffset: 300;}}
@keyframes circleProgress2 {to {  stroke-dashoffset: 340;}}
@keyframes circleProgress3 { to {  stroke-dashoffset: 340;}}
@keyframes circleProgress4 {to {  stroke-dashoffset: 340; }}
@keyframes circleProgress5 {to { stroke-dashoffset: 340; }}


/* 底部 */
.footer {padding-top: .6rem;}
.footer .foterTop {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; border-bottom: 1px solid rgba(218, 218, 218,.35); padding-bottom: .4rem;}
.foterTop .tople p {font-size: 0.42rem;color: #333333;  font-family: "PFHeavy";}
.foterTop .tople p span {color: #46B248;}
.foterTop .tople .disc {color: #b9b9b9;font-size: var(--font15); text-transform: uppercase;}
.foterTop .topre {width: 50%; text-align: right;}
.foterTop .topre img {max-width: 100%;}
.foternav {display: flex; justify-content: space-between; flex-flow: row wrap; padding-top: .5rem;}
.foternav dl {margin-right: .25rem;}
.foternav dl:last-child {margin-right: 0;}
.foternav dt {font-size: var(--font18);color: #333333; font-family: "PFBold"; margin-bottom: .15rem;}
.foternav dd {margin: .1rem 0;}
.foternav dd a {color: #808080; font-size: var(--font16);}
.foternav dd a:hover {color: #46B248;}
.foternav .navUs {margin-left: 3%;}
.foternav .navUs strong {font-size: 0.38rem;color: #46b248;font-weight: 700;  font-family: "DINBold";}
.foternav .navUs span {display: block; font-size: var(--font15);color: #7b7b7b;}
.copyRight {border-top: 1px solid rgba(218, 218, 218,.35);margin-top: .5rem; padding: .25rem 0; display: flex;  align-items: center;  justify-content: space-between;}
.copyRight p , .copyRight p a {font-size: var(--font15);color: #666666;}
.copyRight p a:hover {color: #46B248;}
.copyRight .c-code-btn {margin-left: .2rem;}
.copyRight .c-code-btn svg path {transition: .35s;}
.copyRight .c-code-btn:hover svg path {fill: #46B248;}

.indexFive {background: url(../images/indexfive-bj.jpg) no-repeat center; background-size: cover; padding: .7rem 0 1rem 0;}
.indexFive .indexTle h3 {color: #333; z-index: 1; position: relative;}
.indexFive .indexTle .en {color: #c9c9c9;opacity: .38;z-index: 0;top: 25%;}
.indexFive .container {width: 1700px;}
.indexFive .swiperBox {margin-top: .8rem; position: relative;}
.infiveSwiper {max-width: 93%; margin: auto;}
.infiveSwiper .swiper-slide { padding-bottom: .1rem; background: #fff; border-radius: 0.15rem; height: auto;}
.infiveSwiper .pic {overflow: hidden; border-radius: 0.15rem .15rem 0 0;}
.infiveSwiper .pic img {width: 100%; transition: .5s;}
.infiveSwiper .swiper-slide:hover .pic img {transform: scale(1.1);}
.infiveSwiper .content {padding: 0 .25rem; margin-top: -.3rem; z-index: 2;position: relative;}
.infiveSwiper .content .time {width: 1.16rem;min-width: 100px; min-height: 30px; height: 0.42rem;background: #46B248; border-radius: 5px 0rem 0rem 0rem;color: #ffffff; font-family: Arial, Helvetica, sans-serif;}
.infiveSwiper .content h4 {color: #333;font-size: var(--font22); margin: .25rem 0; transition: .4s;font-family: "PFBold";}
.infiveSwiper .swiper-slide:hover .content h4 {color: #46B248;}
.infiveSwiper .content p {color: #666666;}
.infiveSwiper .content .more {margin-top: .5rem;}
.infiveSwiper .content .more div {width: 1.22rem;height: 0.43rem; min-width: 100px; min-height: 30px; border: 1px solid rgba(226, 226, 226);border-radius: 4px; position: relative; z-index: 1; transition: .4s;}
.infiveSwiper .content .more div span {color: #666666; font-size: var(--font15); transition: .35s; opacity: .5;}
.infiveSwiper .content .more div svg path {transition: .35s; opacity: .5;}
.infiveSwiper .content .more div::after {content: ""; width: 0; height: 100%; background: #46B248; left: 0; top: 0; position: absolute; z-index: -1; transition: .35s;}
.infiveSwiper .swiper-slide:hover .content .more div {border-color: #46B248;}
.infiveSwiper .swiper-slide:hover .content .more div span {color: #fff;opacity: 1;}
.infiveSwiper .swiper-slide:hover .content .more div svg path {fill: #fff; opacity: 1;}
.infiveSwiper .swiper-slide:hover .content .more div::after {width: 100%;}

.infiveSwiper .swiper-pagination {display: none;}
.infiveSwiper .swiper-pagination-bullet-active {background: #F08519;}

.indexFive .swiperBox .swjt {flex-wrap: wrap; right: 0%; }
.indexFive .swiperBox .swjt .i1 {width: 30px;height: 30px;opacity: 1; display: block; background: #BCBCBC; -webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); transition: .5s;}
.indexFive .swiperBox .swjt .i2 {transform: rotateX(-180deg); width: 30px;height: 20px; position: relative; left: 35%; opacity: 1; display: block; background: #46B248; -webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); transition: .5s;}
.indexFive .swiperBox .swjt:hover .i1 {background: #46B248;}
.indexFive .swiperBox .swjt:hover .i2 {left: 0; height: 30px;}
.indexFive .swjt.swiper-button-prev {transform: rotateY(180deg); left: 0%;}

.indexSix {background: url(../images/indexsix-bj.jpg) no-repeat center; height:400px; background-size: cover; padding: 1rem 0;}
.indexSix .container {display: flex; align-items: center; justify-content: center; height: 100%; text-align: center;}
.indexSix .info h3 {display: block; font-size: .36rem; color: #fff;font-family: "PFBold";}
.indexSix .info .more {display: flex; justify-content: center; margin-top: .5rem;}
.indexSix .info .more .more1 {transition: .35s;}
.indexSix .info .more .more1:hover {background: #fff; border-color: #fff;}





/* =========================================================================================内页============================================================================ */
/* 面包屑 */
/* .mbx {margin-top: .1rem;} */
.mbx a {color: #575757;}
.mbx img {margin-right: 5px;}
.mbx a:hover {color: #46B248;}


.aboutOne {padding: .7rem 0; position: relative; overflow: hidden;}
.aboutOne .con span {font-size: var(--font28);color: #46b248; display: block;}
.aboutOne .con strong {font-size: 0.6rem; color: #333333;font-family: "PFBold";display: block; line-height: 1.25;}
.aboutOne .bjBox {position: absolute; right: 0; bottom: -60%;    z-index: -1;}

/* 关于我们导航 */
.nypagenav {margin-top: .6rem;}
.nypagenav .box {display: flex; justify-content: space-between; flex-flow: row wrap;}
.nypagenav ul {display: flex;margin-top: .1rem;}
.nypagenav ul li {margin-right: .7rem; position: relative; display: flex; align-items: center;}
.nypagenav ul li a {color: #555555; font-size: var(--font18); margin-left: 5px; transition: .4s;}
.nypagenav ul li::before {content: ""; background: url(../images/nypagenav-icon.png) no-repeat center;width: 0.15rem;height: 0.15rem; opacity: 0; visibility: hidden; transition: .4s; background-size: contain;}
.nypagenav ul li:hover::before , .nypagenav ul li.on::before {opacity: 1; visibility: visible;}
.nypagenav ul li:hover a , .nypagenav ul li.on a {color: #46B248;}

.aboutTle {padding:1rem 0 0.5rem 0}
.aboutTle h3 {font-size: 0.48rem;font-family: "PFBold";color: #333333; ;line-height: 1;}
.aboutTle i {display: inline-block;width: 0.63rem;height: 0.03rem; background: #46b248;}
.aboutTwo .imgBox img {width: 100%;}
.aboutTwo .box {display: flex; justify-content: space-between;}
.aboutTwo .box .le {background: #f7f7f7; width: 42%; padding: .8rem .5rem; box-sizing: border-box;    margin-top: -2rem;}
.aboutTwo .re {width: 53%;padding-bottom: .1rem;}
.aboutTwo .re .text p {color: #666666; margin-bottom: .3rem; line-height: 30px;}
.aboutTwo dl dd {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #DDDDDD; padding: .4rem .2rem;}
.aboutTwo dl dd:first-child {padding-top: 0;}
.aboutTwo dl dd:last-child {border: 0; padding-bottom: 0;}
.aboutTwo dl .ddle {display: flex; align-items: center;}
.aboutTwo dd .icBox {margin-right: .35rem;}
.aboutTwo dl dd .counter {font-size: 0.72rem;  font-family: "DINBold"; font-weight: 700;}
.aboutTwo dd .num {display: flex;}
.aboutTwo dd i {font-size: 0.3rem;color: #333; font-style: normal;}
.aboutTwo dd .numBox {display: flex; align-items: center;}
.aboutTwo dd .disc {color: #333; font-size: var(--font20);}
.aboutTwo dd span {color: #333;}
.aboutTwo.on .box .le {transform: translateY(0);}

.aboutThree {padding-top: .8rem;}
.aboutThree .aboutTle {text-align: center;}
.aboutThree ul {display: flex;}
.aboutThree ul {display: flex;min-height: 7rem; flex-flow: row wrap;}
.aboutThree ul li {width: calc(100%/4); position: relative; z-index: 1;}
.aboutThree ul li::before {content: "";position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0,.6);top: 0;left: 0;z-index: 0;opacity: 1;transition: .4s;}
/* .aboutThree ul li::after {content: ""; position: absolute; width: 100%; height: 100%; background: rgba(70, 178, 72,.5); top: 0;left: 0; z-index: 0;opacity: 0;transition: .4s;} */
.aboutThree ul li .bjBox {height: 100%; }
.aboutThree ul li .bjBox img {width: 100%; height: 100%; object-fit: cover;transition:all 0.5s ;}
.aboutThree ul li .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center; z-index: 1; width: 80%;}
.aboutThree ul li .icBox img {margin: auto; max-width: 100%;}
.aboutThree ul li .tle {margin: 0.3rem 0;}
.aboutThree ul li .tle i {width: 0.3rem;height: 0.03rem;background: #46b248; display: inline-block; margin-top: .3rem;}
.aboutThree ul li h4 {color: #ffffff;font-size: var(--font40);}
.aboutThree ul li .en {color: #ffffff;letter-spacing: 2px;font-size: var(--font16);  font-family: "OPENSANS";}
.aboutThree ul li span {color: #ffffff;font-weight: 400;font-size: var(--font18);}
.aboutThree ul li:hover::after {opacity: 1;}
.aboutThree ul li:hover::before {background: rgba(0, 0, 0,.2);}

.aboutFour .aboutTle {text-align: center;}
.aboutFour .box {display: flex; justify-content: space-between; align-items: center;}
.aboutFour .box .le {display: flex; align-items: flex-start; width: 50%;}
.aboutFour .box .le .icBox {transform: translateY(-60%); margin-right: .3rem;}
.aboutFour .box .le .icBox img {max-width: 1.3rem;}
.aboutFour .box .leCon p {font-size: 0.48rem;color: #46b248; font-family: "PFBold";}
.aboutFour .box .leCon p span {color: #333333; display: inline-block;}
.aboutFour .box .leCon .text {color: #333333;font-size: 0.25rem; margin: .4rem 0;}
.aboutFour .box .leCon .name {text-align: right; margin-top: 1rem;}
.aboutFour .box .leCon .name img {max-width: 2.6rem;}
.aboutFour .box .re {width: 34%;}
.aboutFour .box .re img {max-width: 100%;}

.aboutFive {margin-top: 1.2rem; position: relative; }
.aboutFive .box {position: absolute; top: 0;left: 0;width: 100%; z-index: 2;   text-align: center;}
.aboutFive .abtbox2_cont .img { width: 100%;height: 10rem;position: relative;overflow: hidden;}
.aboutFive .abtbox2_cont .img img {width: 100%; height: 100%; object-fit: cover;}
.aboutFive .abtbox2_cont .on .img img {animation: scalefz1 60s linear infinite;}
.aboutFive .aboutTle {padding-bottom: .1rem;}
.aboutFive .aboutTle h3 {color: #fff; }
.aboutFive .aboutTle i {background: #fff;}
.aboutFive .text {width: 55%; color: #fff; margin:.35rem auto; line-height: 35px;}
.aboutFive .more {display: flex; justify-content: center;}
.aboutFive .more a {width: 2.22rem; height: 0.6rem;min-width: 125px; min-height: 30px;  background: #ffffff;border: 0.01rem solid #ffffff;border-radius: 0.31rem; transition: .5s;}
.aboutFive .more a span {font-size: var(--font18);color: #333333; margin-right: .1rem; transition: .35s;}
.aboutFive .more a svg path {transition: .35s;}
.aboutFive .more a:hover {background: #46B248; border-color: #46B248;}
.aboutFive .more a:hover span {color: #fff;}
.aboutFive .more a:hover svg path {fill: #fff;}
.aboutFive .fz_nav {width: 100%; position: relative;margin-top: 0.8rem; padding-top: 1rem;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.aboutFive .fz_nav .abtbox2_page {position: absolute;top: 0; left: 0;width: 100%;height: 1px;}
.aboutFive .fz_nav .abtbox2_page span {background-color: #fff;content: "";display: block; height: 1px; width: 0;}
.aboutFive .fz_nav .abtbox2_page.on span {width: 100%;transition: all 5.1s linear;}
.aboutFive .fz_nav .abtbox2_nav .swiper-slide .item {font-size: 2.38rem;line-height: 1;color: transparent;-webkit-text-stroke: 2px #fff; text-stroke: 2px #fff;opacity: 0.27;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;font-family: Arial, Arial-Black;font-weight: 900;}
.aboutFive .fz_nav .abtbox2_nav .swiper-slide { width: 50%;}
.aboutFive .fz_nav .abtbox2_nav .swiper-slide.on .item {opacity: 1;}
@keyframes scalefz1 {0% {transform: scale(1);}100% {transform: scale(3);}}

.aboutSix {background: #f9f9f9;}
.aboutSix .aboutTle {text-align: center;}
/* 上面 */
.hon_box {padding-bottom: 1.5rem;}
.hon_con_box { overflow: hidden; position: relative; margin-bottom: .7rem;}
.hon_con_box .swiper-container {width: 39.1%; margin: 0 auto; overflow: visible;}
.hon_con_box .swiper-container .swiper-slide {overflow: visible;}
.hon_con_box .swiper-container .swiper-wrapper { align-items: center;}
.hon_con_box .swiper-container .honor_con_me {transform: scale(0.8); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;display: flex; flex-direction: column;align-items: center; justify-content: center;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;display: none;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box::before { margin-top: 64.8208%;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box .pub_img {background-size: contain; background-repeat: no-repeat; background-position: center;}
.hon_con_box .swiper-container .honor_con_me .honor_img_ { display: block;margin: 0 auto; max-width: 100%; max-height: 3.5rem;}
.hon_con_box .swiper-container .honor_con_me .honor_t {font-family: "PFMedium";font-size: .2rem; text-align: center; margin-top: .3rem;color: #333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;  opacity: 0;}
.hon_con_box .swiper-container .active .honor_con_me {transform: none;}
.hon_con_box .swiper-container .active .honor_con_me .honor_img_ {     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.hon_con_box .swiper-container .active .honor_con_me .pub_img_box {box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.15);}
.hon_con_box .swiper-container .active .honor_con_me .honor_t {opacity: 1;}
.hon_con_box {cursor: url("../images/shubiao.png"), auto;}
/* 下面 */
.hon_nav_box {margin-top: .3rem; position: relative; max-width: 68%; margin: auto;}
.hon_nav_box .swiper-container {overflow: hidden;}
.hon_nav_box .swiper-slide { width: auto; cursor: pointer; pointer-events: auto;}
.hon_nav_box .swiper-slide.active-nav .hon_n  {color: #46B248;}
.hon_nav_box .hon_n {color: #666666;line-height: 1.5;text-align: center; padding: 0 .2rem;}
.hon_nav_box .swiper-pagination span:focus { outline: none;}
.hon_nav_box .swiper-button-prev,
.hon_nav_box .swiper-button-next {width: .56rem;height: .56rem; font-size: 14px; color: #333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;text-align: center;background-image: none !important; top: 50%; margin-top: 0;}
.hon_nav_box .swiper-button-prev > div,
.hon_nav_box .swiper-button-next > div {border: 1px solid #333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; width: 80%;height: 80%;position: absolute;left: 10%; top: 10%; transform: rotate(45deg); border-radius: .06rem; z-index: 1;}
.hon_nav_box .swiper-button-prev svg,
.hon_nav_box .swiper-button-next svg { position: relative; z-index: 2;}
.hon_nav_box .swiper-button-prev:hover img,
.hon_nav_box .swiper-button-next:hover img {filter: none; -webkit-filter:none;}
.hon_nav_box .swiper-button-prev:hover > div,
.hon_nav_box .swiper-button-next:hover > div {border-color: #46B248;background-color: #46B248;}
.hon_nav_box .swiper-button-prev:hover svg path,
.hon_nav_box .swiper-button-next:hover svg path {fill: #fff;}
.hon_nav_box .swiper-button-prev {left: 0;transform: translate(-250%, -50%) rotate(180deg);}
.hon_nav_box .swiper-button-next {right: 0;transform: translate(250%, -50%);}
/* .sha_tra { position: absolute; width: 100%;height: 100%;background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%); background: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ffffff), color-stop(0.25, rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(1, #ffffff));background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 88%, rgba(255, 255, 255,.5) 100%);z-index: 3;top: 0; left: 0; pointer-events: none;}
 */

/* 发展历程 */
.historyList { padding: 1.39rem 0 1.15rem; background: url(../images/develop-bg.jpg) no-repeat center top; background-size: cover;}
.historyList ul {background: url(../images/history-bj.png) repeat-y center; padding-bottom: 1.45rem; }
.hislist li {float: left; width: 43%; text-align: right; position: relative;  display: none;}
.hislist li .time {display: flex; flex-direction: column; align-items: flex-end; position: relative;}
.hislist li .time .timeCon {text-align: center;}
.hislist li .time .timeCon img {max-width: 1rem;}
.hislist li .time .timeCon::after {content: ""; position: absolute;z-index: 0; width: 14%; left: 109%;top: 35%;transform: translate(-50%, -50%);  border: 1px dashed #E5E5E5; }
.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 i { z-index: 2; width: 0.11rem;height: 0.11rem; position: absolute;left: 116.2%;top: 35%;transform: translate(-50%, -50%);  background: #3C876A; box-sizing: border-box; display: inline-block;  border-radius: 50%;}
.hislist li i::after {content: "";width: 0.33rem; height: 0.33rem; animation: milestones 1s infinite linear; opacity: 0.24;   background: #2C7C9E; display: block; border-radius: 50%; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); }
.hislist li dd {font-size: var(--font16);color: #333333;position: relative;padding-right: 0.18rem;box-sizing: border-box;margin-bottom: 0.16rem;}
.hislist li dd::after {content: ""; width: 5px; height: 5px; border-radius: 50%; background: #3C876A; position: absolute;left: 100%;top: 50%;transform: translate(-50%, -50%); }
.hislist li:nth-child(even) {width: 100%; }
.hislist li:nth-child(even) .box {display: flex; justify-content: flex-end;}
.hislist li:nth-child(even) .box .boxCon {width: 43%;}
.hislist li:nth-child(even) .time {align-items: flex-start;}
.hislist li:nth-child(even) {float: right; text-align: left;}
.hislist li:nth-child(2n) i {left: -16.2%; right: auto;}
.hislist li:nth-child(2n) .time .timeCon::after {left: -9%;}
.hislist li:nth-child(2n) dd {padding-left: 0.18rem;padding-right: 0;}
.hislist li:nth-child(2n) dd::after {left: 0; }
.hislist-more {width: 2.34rem;height: 0.8rem; background: #46b248;border-radius: 0.4rem; margin: auto;}
.hislist-more a {display: flex;  align-items: center; justify-content: center; height: 100%;}
.hislist-more span {font-size: 0.18rem;color: #ffffff; margin-right: 0.15rem;}
@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); }}


/* =====服务范围===== */
.ny-banner {position: relative;}
.ny-banner .imgBox img {width: 100%;}
.ny-banner .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: 1; width: 100%; text-align: center;}
.ny-banner .con h3 {font-size: 0.6rem;color: #f9f9f9;font-family: "PFHeavy";}

.servicesMain {background: #f9f9f9; padding-bottom: 1rem;}
.servicesMain .mbx {padding: .4rem 0;}
.servicesList ul {display: flex; flex-wrap: wrap; justify-content: center;}
.servicesList li {flex-shrink: 0; width: 100%;  overflow: hidden;   transform: scale(1.15, 1.15); margin: auto; background: #ffffff;border-radius: 0.3rem; padding: 1rem;  margin-bottom: .4rem; position: sticky;position: -webkit-sticky;top: 1.6rem;  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.05);}
.servicesList li a {display: flex; justify-content: space-between; align-items: center;}
.servicesList li:first-child {   transform: scale(1);}
.servicesList li h4 {font-size: var(--font40);color: #333333;font-family: "PFBold"; transition: .35s; display: inline-block;}
.servicesList li h4:hover {color: #46B248;}
.servicesList li .tle i {width: 0.53rem; height: 0.04rem;background: #46b248; display:block; margin-top: .1rem;}
.servicesList li .con {margin-top: .6rem;color: #666666; line-height: 34px;}
.servicesList li .more {margin-top: .6rem;}
.servicesList li .le {width: 47%;}
.servicesList li .re {width: 40%; display: flex; justify-content: center;}
.servicesList li .re img {max-width: 100%; }

/* =====联系我们===== */
.contactOne .nypagenav {margin-top: 0;}
.contactOne .nypagenav .box {justify-content: flex-end;}
.contactOne .nypagenav .box .mbx {transform: translateY(-100%);}

.contactTwo {background: url(../images/contacttwo-bj.jpg) no-repeat center; background-size: cover; padding: 1.5rem 0; }
.contactTwo .box {display: flex; justify-content: space-between; align-items: center; }
.contactTwo .box .le h3 {font-size: 0.5rem;color: #ffffff; font-family: "PFBold";}
.contactTwo .box .re img {max-width: 2.6rem;}
.contactTwo .box .mobinfo {margin-top: .5rem;}
.contactTwo .box .mobinfo dd {margin: .125rem 0;}
.contactTwo .box .mobinfo p {color: #fff; width: auto;}
.contactTwo .box .mobinfo p a {color: #fff;}
.contactTwo .box .mobinfo dl dd i {flex-shrink: 0;}
.contactTwo .box .mobinfo dl dd i img {filter: invert(90%) sepia(58%) saturate(6705%) hue-rotate(185deg) brightness(129%) contrast(100%); -webkit-filter: invert(90%) sepia(58%) saturate(6705%) hue-rotate(185deg) brightness(129%) contrast(100%);}

.contactThree {padding-bottom: 1.8rem;}
.contactThree .aboutTle {text-align: center;}
.contactThree .box {display: flex; justify-content: space-between; align-items: center;}
.contactThree .box .le {width: 54%;}
.contactThree .box .le img {max-width: 100%;}
.contactThree .box .re {background: #f9f9f9;border-radius: 0.1rem; padding: .6rem; width: 387px;}
.contactThree .box dl {display: flex; flex-wrap: wrap; margin-top: .4rem;}
.contactThree .box dl dd {width: 50%;}
.contactThree .box small {text-align: center; display: block; font-size: var(--font28);color: #333333;font-family: "PFBold";}
.contactThree .box dd {display: flex; align-items: center; margin: .05rem 0;color: #666666;}
.contactThree .box dd i {display: flex; align-items: center; margin-right: 5px;}
.contactThree .box dd:nth-child(2n) {padding-left: 10%;}

.contactFour {background: url(../images/contactfour-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1.2rem;}
.contactFour .container {width: 1300px;}
.contactFour .aboutTle {text-align: center;}
.contact-mess dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-mess dd {width: 32%; margin-bottom: .1rem;}
.contact-mess dd input {border: 0; background: #fff; width: 100%; height: .73rem; padding: 0 .25rem; box-sizing: border-box;border-radius: 5px;    min-height: 45px;}
.contact-mess dd:last-child {width: 100%;margin-top: .25rem;}
.contact-mess dd:last-child textarea {width: 100%;padding: .3rem; box-sizing: border-box;background: #ffffff;border-radius: 5px; border-color: #fff;}
.contact-mess .sub {display: flex; justify-content: center; margin-top: .2rem;}
.contact-mess .sub button {width: 1.73rem; height: 0.55rem; background: #46b248; border-radius: 0.05rem; cursor: pointer;}


/* =====产品列表===== */
.productBox {background: #f9f9f9;}
.productBox .container {position: relative;}
.productBox .container::after {content: "";position: absolute; height: 100%; width: 1px; background: #DDDDDD; top: 0; left: 23%;}
.productBox .le {padding: 1rem 0; width: 20%; position: sticky; top: .5rem;}

.productBox .le ul li {padding: 0 .2rem; position: relative; z-index: 1;}
.productBox .le ul li::after {content: ""; width: 0; background: #46B248; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; border-radius: 50px; transition: .5s;}
.productBox .le ul li a {display: flex; justify-content: space-between; align-items: center; color: #333; padding: .15rem 0; font-size: var(--font18); font-family: "PFBold"; border-bottom: 1px solid #DDDDDD; transition: .35s;}
.productBox .le ul li a svg {opacity: 0; visibility: hidden; transition: .5s;}
.productBox .box {display: flex; justify-content: space-between; align-items: flex-start;}
.productBox .re {width: 73%; padding: 1rem 0;}
.productBox .le ul li:hover::after , .productBox .le ul li.on::after {width: 100%;}
.productBox .le ul li:hover a , .productBox .le ul li.on a {color: #fff;}
.productBox .le ul li:hover svg , .productBox .le ul li.on svg {opacity: 1; visibility: visible; transition-delay: .5s;}
.productBox .tleCon h4 {font-size: 0.4rem;color: #333333; font-family: "PFBold";}
.productBox .tleCon p {color: #555555; font-size: var(--font16); margin-top: .4rem; line-height: 30px;}
.productBox .tleCon i {display: block;height: 0.04rem;background: #46b248; margin-top: .45rem;}
.productBox .re ul {margin-top: .7rem; display: grid; grid-template-columns: repeat(3,1fr); gap: .25rem;}
.productBox .re ul li {background: #fff;}
.productBox .re ul li a {background: #ffffff; border-radius: 10px; display: block; padding: .25rem; position: relative;}
.productBox .re ul li .imgBox {display: flex; justify-content: center;}
.productBox .re ul li .imgBox img {max-width: 100%;}
.productBox .re ul li span {color: #333333; font-size: var(--font16); margin-top: .25rem; text-align: center; display: block; position: relative;z-index: 1; transition: .3s;}
.productBox .re ul li .hide {opacity: 0; visibility: hidden;  background: rgba(255, 255, 255,.5); position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; transition: all .5s;}
.productBox .re ul li .hide .jtBox {color: #fff; font-size: var(--font36); padding-bottom: .05rem; width: 0.64rem; height: 0.64rem;opacity: 0.9; background: #46b248; border-radius: 0.1rem; display: flex; align-items: center; justify-content: center;transform: scale(0); transition: .5s;}
.productBox .re ul li:hover .hide {opacity: 1; visibility: visible;}
.productBox .re ul li:hover .hide .jtBox {transform: scale(1);}
.productBox .re ul li:hover span {color: #46B248; font-family: "PFBold";}
/* 产品详情 */
.productDateMain .container {width: 1500px;}
.proDateTop {background: #f3f3f3 url(../images/prodatetop-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0 1.25rem 0;}
.pro-xq {margin-top: .6rem;}
.proxq-box {display: flex; justify-content: space-between;}
.proxq-pic {width: 40%; background: #fff;}
.proxq-info {width: 55%;}
.proxq-info .text {line-height: 1.8;}
.proxq-info .text d {color: #53ce55;margin-bottom: .1rem; display: block; font-size: var(--font18); font-weight: 700;}
.propic-big {height: 100%;}
.propic-big ul li .pic {display: flex; justify-content: center; align-items: center; padding: .5rem; box-sizing: border-box;    height: 100%;}
.propic-big ul li .pic img {display: block; max-width: 100%;}
.proxq-info strong {display: block; font-size: var(--font40); color: #333; border-bottom: 1px solid #E2E2E2; padding-bottom: 0.25rem; margin-bottom: 0.25rem;}
.proxq-btn {margin-top: .4rem; padding-bottom: 0.5rem; border-bottom: 1px solid #dbdbdb; margin-bottom: 0.3rem;}
.proxq-btn a {z-index: 0; height: 100%; position: relative; overflow: hidden;  width: 1.7rem; height: .55rem; min-width: 120px; min-height: 32px; font-size: var(--font16); background: #46B248; border-radius: 3px; text-align: center; color: #fff; }
.proxq-btn a:before{content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s;}
.proxq-btn a:before{background: #53ce55;}
.proxq-btn a:hover:before{width: 100%;left: 0;opacity: 1;}
.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 0.5rem;    height: 0.5rem; min-width: 35px;min-height: 35px;  border-radius: 5px;  border: 1px solid #dbdbdb; transition:0.5s}
.proxq-arrow h5{display: block; font-size: var(--font16); color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 0.125rem;}
.proxq-arrow a:last-child i {margin-left: 0.125rem;}
.proxq-arrow a:hover i {background: #46B248;border-color: #46B248;}
.proxq-arrow a:hover i svg path {	fill: #ffffff;}
.proxq-arrow a:hover h5 {color: #46B248;}

.proDateInfo {background: #f9f9f9; padding: .8rem 0 2rem 0;}
.proDateInfo .box {display: flex; justify-content: space-between; align-items: flex-start;}
.proDateInfo .box .le {width: 60%;}
.proDateInfo .box .re {width: 30%; position: sticky; top: 1.3rem;}
.proDateInfo .box .le .tle {display: none;}
.proDateInfo .tle {padding-bottom: .2rem; border-bottom: 1px solid #DDDDDD;}
.proDateInfo .tle h3 {font-size: var(--font36);color: #333333; position: relative; padding-left: .25rem;}
.proDateInfo .tle h3::before {content: ""; height: 70%;width: 0.05rem;background: #46b248; position: absolute; left: 0; bottom: 15%;}
.proDateInfo .infoCon {margin:.2rem 0; overflow: hidden;}
.proDateInfo .infoCon img {max-width: 12rem;}
.proDateInfo .re ul li {  background: #ffffff;  border-radius: 10px; margin-top: .15rem;}
.proDateInfo .re ul li a {display: flex;align-items: center; padding: .2rem; box-sizing: border-box;}
.proDateInfo .re ul li .imgBox {width: 40%; max-width: 1.7rem; display: flex; align-items: center; justify-content: center;}
.proDateInfo .re ul li .imgBox img {max-width: 100%;}
.proDateInfo .re ul li .recon {margin-left: .15rem;}
.proDateInfo .re ul li h6 {color: #333333; font-size: var(--font18); font-family: "PFBold"; transition: .35s;}
.proDateInfo .re ul li span {color: #46b248; font-size: var(--font14); margin-top: .35rem; display: block;}
.proDateInfo .re ul li:hover h6 {color: #46B248;}

/* =====实力展示===== */
.baselistMain .aboutOne .bjBox {bottom: -33%;}
.strengthBox {background: url(../fonts/2fc02c12c497447994e2085fc54ec03e.woff) {stroke:#fff;}

.strengthTwo {margin-top: 2rem;}
.strengthTwo .tle h3 {font-size: 0.6rem;color: #333333;  font-family: "PFBold"; text-align: center;}
.strengthTwo .tle i {display: block; width: 0.66rem; height: 0.07rem; background: #46b248; margin: auto;}
.proapp-list {margin-top: .8rem;    padding-bottom: 1rem;}
.proapp-list .pic {overflow: hidden;background: #ffffff;border-radius: .2rem;}
.proapp-list .pic img {width: 100%; transition: .5s;}
.proapp-list .pic:hover img {transform: scale(1.1);}
#proapp-num {width: 70%;position: relative; background: #fff; margin: auto;}
#proapp-num .swiper-scrollbar-drag{ height: 5px; background: #46B248; position: relative; top: 46%;  }
#proapp-num .swiper-scrollbar-drag:before,#proapp-num  .swiper-scrollbar-drag:after{  position: absolute; content: ''; width: 14px; height: 14px; background: #46B248; border-radius: 50%; right: 0; top: 50%; transform:  translateY(-50%);}
#proapp-num .swiper-scrollbar-drag:before{z-index: 3;}
#proapp-num .swiper-scrollbar-drag:after{z-index: 1; width: 28px; height: 28px; background: transparent; border:4px solid #46B248; right: -11px; }
/* 生产基地 */
.baselist {background: url(../images/baselist-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 1.2rem 0 1rem 0;}
.baselist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .35rem;}
.baselist ul li .imgBox {overflow: hidden;border-radius: .2rem;}
.baselist ul li .imgBox img {width: 100%; transition: .5s;}
.baselist ul li:hover .imgBox img {transform: scale(1.1);}

/* =====新闻中心===== */
.newslistMain {background: #f9f9f9; padding: .4rem 0 1.4rem 0;}
.newslistMain .container {width: 1500px;}
.newsnav {display: flex; justify-content: space-between; margin-top: 0;}
.newsnav ul li:last-child {margin-right: 0;}
 
.newslist {margin-top: .6rem; display: flex; justify-content: space-between; align-items: flex-start;}
.newslist .le {width: 69%;}
.newslist .re {width: 28%; background: #fff; border-radius: 15px;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newslist .lelist li a {display: flex; background: #fff;border-radius: .15rem; margin-bottom: .3rem;}
.newslist .lelist li .leImg {width: 37%;border-radius: .15rem 0 0 .15rem ; overflow: hidden;}
.newslist .lelist li .leImg a {display: block; height: 100%;}
.newslist .lelist li .leImg img {width: 100%; transition: .5s; height: 100%;object-fit: cover;}
.newslist .lelist li:hover .leImg img {transform: scale(1.05);}
.newslist .lelist li .leCon {padding: .5rem .5rem; width: 63%;}
.newslist .lelist li .leCon .time {color: #333333; font-family: Arial, Helvetica, sans-serif;}
.newslist .lelist li h5 {color: #333333; font-family: "PFBold"; font-size: var(--font20); margin-top: .1rem; transition: .35s; display: inline-block;}
.newslist .lelist li:hover h5 {color: #46B248;}
.newslist .lelist li p {color: #666666; margin-top: 5px;}
.newslist .lelist li .more {margin-top: .3rem;}
.newslist .lelist li .more div {width: 1.22rem;height: 0.43rem;  min-width: 100px;min-height: 32px; border: 1px solid rgba(226, 226, 226);border-radius: 4px; position: relative; z-index: 1; transition: .4s;}
.newslist .lelist li .more div span {color: #666666; font-size: var(--font15); transition: .35s; }
.newslist .lelist li .more div svg path {transition: .35s; }
.newslist .lelist li .more div::after {content: ""; width: 0; height: 100%; background: #46B248; left: 0; top: 0; position: absolute; z-index: -1; transition: .35s;}
.newslist .lelist li:hover .more div{border-color: #46B248;}
.newslist .lelist li:hover .more div span {color: #fff;opacity: 1;}
.newslist .lelist li:hover .more div svg path {fill: #fff; opacity: 1;}
.newslist .lelist li:hover .more div::after {width: 100%;}
.newslist .re {position: sticky; top: 1.5rem;}
.newslist .re h5 {font-size: var(--font26);color: #333333;font-family: "PFBold";}
.newslist .re::after {content: ""; background: #46B248; width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}
.newslist .relist li a {display: flex;}
.newslist .relist .reImg {width: 50%;border-radius: 5px; overflow: hidden;}
.newslist .relist .reImg img {width: 100%;    height: 100%;object-fit: cover; transition: .35s;}
.newslist .relist .recon {margin-left: .2rem; width: 50%;}
.newslist .relist li {margin-top: .3rem;}
.newslist .relist span {color: #999999; font-size: var(--font14);}
.newslist .relist h6 {color: #333333; font-size: .18rem;font-family: "PFBold"; transition: .35s;}
.newslist .relist li:hover h6 {color: #46b248;}
.newslist .relist li:hover .reImg img {transform: scale(1.05);}
/* 新闻详情 */
.newsDateMain {background: #f9f9f9; padding: .5rem 0 1rem 0;}
.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: 10px;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding: .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;  font-family: "PFBold"; margin-bottom: 0.1rem;}
.newsxq-title span {display: block; font-size: var(--font16); color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: 100% !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.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.51rem;height: 0.51rem;min-width: 35px;min-height: 35px;   border: 0.02rem solid #eeeeee;border-radius: 0.05rem;}
.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;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #46b248; border-color: #46b248; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 15px;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 a {display: flex;}
.newsDate .relist .reImg {width: 50%;border-radius: 5px; overflow: hidden;}
.newsDate .relist .reImg img {width: 100%;    height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {margin-left: .2rem; width: 50%;}
.newsDate .relist li {margin-top: .3rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font18);font-family: "PFBold"; transition: .35s;}
.newsDate .relist li:hover h6 {color: #46b248;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right ::after {content: ""; background: #46B248; width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}

/* =====常见问题===== */
.questionsMain {padding-bottom: 1rem;}
.questionsMain .container {width: 1500px;}
.questionsMain .aboutOne {overflow: visible;}
.questionsMain .aboutOne .bjBox {bottom: -33%;}
.questionslist li {background: #f9f9f9; border-radius: 10px; margin-top: 0.2rem;}
.questionslist li a {display: flex;justify-content: space-between; align-items: center; padding: .4rem;}
.questionslist li .tle {display: flex; align-items: center; width: 80%;}
.questionslist li .tle h4 {color: #333333;font-family: "PFBold"; font-size: var(--font26); margin-left: .2rem; transition: .5s; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.questionslist li .jt {display: flex;}
.questionslist li .jt svg {max-width: .4rem;}
.questionslist ul li:hover h4 {color: #46B248;}
.questionslist ul li:hover svg path {fill: #46b248;} 

/* 应用案例 */
.questionsCase ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .25rem;}
.questionsCase ul li {background: #f9f9f9;border-radius: 10px;}
.questionsCase li .imgBox {overflow: hidden;border-radius: 10px 10px 0 0;}
.questionsCase li .imgBox img {width: 100%; transition: .5s;}
.questionsCase li:hover .imgBox img {transform: scale(1.05);}
.questionsCase li .con {padding: .3rem .2rem; box-sizing: border-box;}
.questionsCase li h5 {font-size: var(--font20);color: #333333;  font-family: "PFBold"; transition: .5s;}
.questionsCase li p {color: #666666; font-size: var(--font14);margin-top: .15rem;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.questionsCase li span {color: #46b248; font-size: var(--font14); display: block; margin-top: .2rem;}
.questionsCase li:hover h5 {color: #46B248;}





























































































/* 搜索页面 */
.search-page .box {margin-top: 1.25rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchicon.png) no-repeat center; outline: none; border: none; background-size:100%; filter: brightness(0); -webkit-filter:brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #46B248; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: var(--font18); margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: var(--font16); color: #666; }
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 2px solid #cccccc; display: flex; align-items: center; justify-content: center;  color: #666; font-size: var(--font16); border-radius: 3px;}
.fy a {width: .5rem; height: .5rem; min-width: 35px; min-height: 35px; transition: .4s; margin:5px;}
.fy a:hover {color: #fff; background: #46B248; border-color: #46B248;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center;}
.fy .layui-laypage-curr {width: .5rem; height: .5rem; min-width: 35px; min-height: 35px; color: #fff; background: #46B248; font-size: var(--font16); margin: 0 5px;border-radius: 3px;}
.fy a:first-child::before , .fy a:last-child::before {content: ''; color: #333; width: 30px; height: 30px; background: url(../images/jt5.svg) no-repeat center; background-size: 80%; transition: all .4s;}
.fy a:first-child::before {transform: rotate(180deg);}
.fy a:first-child:hover::before ,.fy a:last-child:hover::before {filter: brightness(100); -webkit-filter:brightness(100);}