/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: absolute; left: 0; top: 1.5rem; z-index: 99; width: 100%;}
.headBox {padding: 0 3%;transition: .5s; display: flex; justify-content: space-between; align-items: center;}
.headBox .logo img {height: 3.375rem;}

/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
nav > ul {display: flex; height: 100%; align-items: center;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1;}
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative; z-index: 1; padding: 0 !important; font-size: var(--font16);opacity: .35;}
nav .layui-nav .layui-this > a {color: #fff;opacity: 1;}
nav .layui-nav .layui-this::before {opacity: 1;}
nav .layui-nav > .layui-this:after,nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-item:hover::before {opacity: 1;}
nav .layui-nav .layui-nav-item:hover > a {color: #fff;opacity: 1;}
nav .layui-nav .layui-nav-child a:hover {background: none; color: #6FBA2C !important;}
nav .layui-nav .layui-nav-more {top: .25rem;right: -1.25rem; font-size: var(--font14);}
nav .layui-nav-child {top: 100%;}
/* 二级导航 */
nav {width: 45%; height: 100%;background: rgba(10, 18, 16,.3);border-radius: 2.5rem; height: 4.813rem; padding: 0 3.75rem;}
nav ul {display: flex; justify-content: space-between;}
nav ul li::before {content: ''; position: absolute; left: 50%; top: 100%; transform: translate(-50%,-50%); background: url(../images/header-nav-icon.png) no-repeat center; background-size: contain;width: 1rem; height: .688rem; opacity: 0; transition: .5s;    z-index: 111;} 
nav ul li a {position: relative; font-weight: 700;}
nav ul li dl.layui-nav-child {background: #eaf1f9;border-radius: .625rem; padding: 1rem 1.25rem; box-shadow: none; top: 100%;}
nav ul li dl.layui-nav-child dd {margin: .625rem 0;}
nav ul li dl.layui-nav-child dd > a {padding: 0 !important;line-height: initial; font-size: var(--font16);color: #333333;}



/* 搜索 */
.head_search {width: 2.813rem; height: 2.813rem;background: #6fba2c;border-radius: .625rem; cursor: pointer;}
.head_search svg {width: 1.125rem; height: 1.125rem;}
/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(255, 255, 255,.9);display: none;}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap { margin: 0 20%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 3.75rem;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 4.375rem;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 3.75rem;height: 3.75rem;font-size: var(--font22);text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn svg {width: 50%; height: 100%;}
.searchFull .ssf-fields-wrap .ssf-btn:hover path {fill: #6fba2c;}
.ssfDismisser {position: absolute; top: 1.25rem; right: 1.875rem; font-size: var(--font30);color: #8e9295;line-height: 1.875rem; width: 1.875rem;height: 1.875rem; text-align: center;}
.ssfDismisser svg {width: 100%; height: 100%;}

/*顶部pc导航*/
.header .c-nav {position: fixed;top: -100%;left: 0;z-index: 1;width: 100%;height: 100%; pointer-events: auto;transition: 0s 1s;}
.header .c-nav .c-list {display: flex;align-items: flex-start;flex-wrap: wrap;height: 100%;width: 100%;}
.header .c-nav .c-list dt a:hover {text-decoration: underline;}
.c-nav .c-list li dt {margin-bottom: 5rem;}
.c-nav .c-list li dt a {font-size: var(--font30);color: #fff;transition: 0.3s; text-transform: uppercase;   display: inline-block;font-weight: bold;line-height: 1;   font-family: "DINCondensedBold";}
.c-nav .c-list li dd {margin-bottom: 1.25rem;}
.c-nav .c-list li dd a {font-size: var(--font20);color: #fff; position: relative;}
.c-nav .c-list li dd a::after {width: 0; bottom: -1px; content: ""; left: 0; height: 2px;width: 0; position: absolute; background: #fff; transition: .5s;}
.c-nav .c-list li dd a:hover::after {width: 100%;}
.c-nav .c-list li:nth-child(even) dt a {color: #6FBA2C;}
.c-nav .c-list li:nth-child(even) dd a {color: #666;}
.c-nav .c-list li:nth-child(even) dd a::after {background: #666;}
.c-nav .c-list > li {position: relative;top: -100%;padding: 11.25rem 2.5rem 5.625rem; width: calc(100% / 7);height: 100%;text-align: left;}
.c-nav .c-list > li:nth-child(1) {background-color: #6FBA2C;transition: all 0.5s cubic-bezier(0.17, 0.84, 0.44, 1);}
.c-nav .c-list > li:nth-child(2) {background-color: #fff;transition: all 0.5s 0.1s cubic-bezier(0.17, 0.84, 0.44, 1);}
.c-nav .c-list > li:nth-child(3) {background-color: #6FBA2C;transition: all 0.5s 0.2s cubic-bezier(0.17, 0.84, 0.44, 1);}
.c-nav .c-list > li:nth-child(4) {background-color: #fff;transition: all 0.5s 0.3s cubic-bezier(0.17, 0.84, 0.44, 1);}
.c-nav .c-list > li:nth-child(5) { background-color: #6FBA2C; transition: all 0.5s 0.4s cubic-bezier(0.17, 0.84, 0.44, 1);}
.c-nav .c-list > li:nth-child(6) {background-color: #fff;transition: all 0.5s 0.5s cubic-bezier(0.17, 0.84, 0.44, 1);}
.c-nav .c-list > li:nth-child(7) { background-color: #6FBA2C; transition: all 0.5s 0.6s cubic-bezier(0.17, 0.84, 0.44, 1);}
body.c-open {overflow: hidden;}
.c-open .header .c-nav {top: 0;transition: 0s 0s;}
.c-open .header .c-nav .c-list > li {top: 0;}

@media screen and (max-width: 1440px) {
  .c-nav .c-list li dt a {font-size: var(--font24);}
}

@media screen and (max-width: 768px) {
  .searchFull .ssf-fields-wrap {margin: 0;}
  .header .c-nav .c-list {background: #fff; overflow-y: auto;align-items: initial; }
  .header .c-nav {top: 0; top: -100%; transition: .8s;visibility: hidden;}
  .header .c-nav .c-list > li {width: 50%; height: 50%;  padding: 5rem 1.25rem 3.125rem; top: 0;}
  body.c-open .header .c-nav {transition: .8s;  visibility: visible;}
  .c-nav .c-list li dt {margin-bottom: 1.5rem;}
  .c-nav .c-list li dt a {font-size: var(--font24);}
  .c-nav .c-list li dd {margin-bottom: 1rem;}
  .c-nav .c-list li dd a {font-size: var(--font18);}
  .c-nav .c-list li {background: #fff !important; border-bottom: 1px solid #6FBA2C;}
  .c-nav .c-list li:nth-child(odd) {border: 1px solid #6FBA2C; border-top: 0;}
  .c-nav .c-list li:nth-child(even) {background: #6FBA2C !important;border-bottom: 1px solid #fff;}
  .c-nav .c-list li:nth-child(even) dt a {color: #fff;}
  .c-nav .c-list li:nth-child(even) dd a {color: #fff;}
  .c-nav .c-list li:nth-child(even) dd a::after {background: #fff;}
  .c-nav .c-list li:nth-child(odd) dt a {color: #6FBA2C;}
  .c-nav .c-list li:nth-child(odd) dd a {color: #666;}
  .c-nav .c-list li:nth-child(odd) dd a::after {background: #666;}
  body.c-open .c-nav .c-list > li {transition: 0s !important;}
  /* .header .c-nav .c-list {background: #fff; overflow-y: auto;align-items: initial; }
  .header .c-nav .c-list > li {height: auto;width: 50%; top: 0;  padding: 5rem 1.25rem 3.125rem;}
  .header .c-nav {top: 0; left: -100%; transition: .8s;visibility: hidden;}
  .c-open .header .c-nav {left: 0; transition: .8s;  visibility: visible;}
  .c-nav .c-list li dt {margin-bottom: 1.5rem;}
  .c-nav .c-list li dt a {font-size: var(--font24);}
  .c-nav .c-list li dd {margin-bottom: 1rem;}
  .c-nav .c-list li dd a {font-size: var(--font18);}
  .c-nav .c-list > li:nth-child(1) , .c-nav .c-list > li:nth-child(5) {background: #fff;}
  .c-nav .c-list > li:nth-child(2) {background: #6FBA2C;}
  .c-open .c-nav .c-list > li {transition: 0s !important;}
  .c-nav .c-list li:nth-child(1) dt a ,  .c-nav .c-list li:nth-child(5) dt a {color: #6FBA2C;}
  .c-nav .c-list li:nth-child(1) dd a ,  .c-nav .c-list li:nth-child(5) dd a {color: #666;}
  .c-nav .c-list li:nth-child(1) dd a::after ,  .c-nav .c-list li:nth-child(5) dd a::after {background: #666;}
  .c-nav .c-list li:nth-child(2) dt a {color: #fff;}
  .c-nav .c-list li:nth-child(2) dd a {color: #fff;}
  .c-nav .c-list li:nth-child(2) dd a::after {background: #fff;} */

}





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

/* ===============公用css end!!!!===================*/
.more1 {padding: 1rem 1.375rem; background: #6fba2c;border-radius: .625rem; color: #fff; display: inline-block; transition: .5s;}
.more1 span {margin-right: 1.875rem;}

.more2 {padding: 1rem 2.5rem; border-radius: 6.25rem;}

/* 向下箭头 */
.arrow {position: absolute; bottom: 0; right: 3%; bottom: 3.75rem; z-index: 3;}
.arrow img {display: block; min-height: .75rem; opacity: 0; animation: arrow-animation 2s linear infinite; margin: .188rem 0;}
.arrow .jt1 {animation-delay: 0s;}
.arrow .jt2 {animation-delay: .5s;/}
.arrow .jt3 {animation-delay: 1s;}
.arrow .jt4 {animation-delay: 1.5s;transform: scale(1);}
@keyframes arrow-animation {0% {opacity: 0;}33.33% { opacity: 1; }100% { opacity: 0;}}

/* 首页标题 */
.indexTle {}
.indexTle .t1 {position: relative; z-index: 1;}
.indexTle .t1::before {content: ''; left: 0; transform: translate(-50%,-50%); top: 50%; position: absolute; width: 1.563rem; height: 1.563rem;background: #6fba2c; z-index: -1;}
.indexTle .t1::before {-webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);}
@media (any-hover:hover) {
  .more1:hover {
    -webkit-box-shadow: 0 0 0 .625rem #2CAE3740;
    box-shadow: 0 0 0 .625rem #2CAE3740;
  }
}

/* =====网站首屏页===== */
.loadMain {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999;}
.loadMain .svg_box {width: 100%; height: 100%; position: relative; z-index: 1; transform: scale(1.5);transform-origin: 44.3% 35%; transition: 2s;}
.loadMain .svg_box svg {width: 100%; height: 100%;}
.loadMain .svg_box svg>rect {-webkit-mask: url(#cup-mask);mask: url(#cup-mask);fill: rgba(0, 0, 0, 0.5);}
/* .loadMain .svg_box svg ellipse {fill: #000; transform: scale(0);  transform-origin: 45% 35%; } */
.loadMain .svg_box svg path {stroke-dasharray: 310;stroke-dashoffset: 310; stroke-width: 2px;  stroke: #000;fill: #fff; }
.loadMain .svg_box svg path#ellipse5 { stroke-dasharray: 540;stroke-dashoffset: 540;}
.loadMain .svg_box svg path#ellipse6 { stroke-dasharray: 540; stroke-dashoffset: 540;}
@keyframes dash {
  to {stroke-dashoffset: 0;}
}
@keyframes toFill {
  form {
    fill: none;
  }
  to {
    fill: #000;
  }
}

.loadMain .svg_box svg .svg-path.on {animation: toFill 0.5s ease-out forwards;}
.loadMain.on .svg_box {transform: scale(50);}
.indexBanner > .bj_box {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.indexBanner > .bj_box img {width: 100%; height: 100%; object-fit: cover;}
.indexBanner .thumb_box {transition: opacity .5s; opacity: 0;}
.indexBanner .thumb_box.on {opacity: 0;}
.indexBanner .thumb_box.on2 {opacity: 1;}

.indexBanner .thumb_box li .icBox {position: absolute; top: 100%; width: 45px; height: 22px; left: 50%; transform: translateX(-50%) translateY(50%); opacity: 0; transition: .5s;}
.indexBanner .thumb_box li .icBox img {width: 100%; height: 100%; object-fit: contain;}
.indexBanner .thumb_box li.active .icBox {opacity: 1;}

.indexBanner {position: relative; overflow: hidden;height: 100vh; z-index: 1;}
.indexBanner .content_swiper {height: 100%;width: 100%; opacity: 0; transition: opacity .5s;}
.indexBanner .content_swiper.on { opacity: 0;}
.indexBanner .content_swiper.on2 {opacity: 1;}
.indexBanner .content_swiper .slide .bj_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.indexBanner .content_swiper .slide .bj_box img {width: 100%; height: 100%; object-fit: cover;}
.indexBanner .content_swiper .slide .content_box {height: 100%; text-align: center;padding-bottom: 15%;}
.indexBanner .content_swiper .slide .info {}
.indexBanner .content_swiper .slide .info h2 {letter-spacing: .5rem;}
.indexBanner .content_swiper .slide .info p {margin-top: 1.25rem;}
.indexBanner .content_swiper .slide .info .more2 span {margin-right: 1rem;}
.indexBanner .content_swiper .slide .info .more2 {padding: .9rem 1.5rem;}
.indexBanner .thumb_box {position: absolute; bottom: -37vw; left: 50%; transform: translate(-50%, 0); width: 50vw; height: 50vw; z-index: 1;color: #fff; }
.indexBanner .thumb_box .erath {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; height: 90%; z-index: -1;}
.indexBanner .thumb_box .erath img {width: 100%; height: 100%; object-fit: contain; animation: myfirst 60s linear infinite;}
/* 环形导航 */
#rotateContainer {width: 100%; height: 100%; position: relative;transition: transform 0.8s; transform-origin: center;}
#rotateContainer:after {content: "";width: 92%;height: 92%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border: 1px solid rgba(255, 255, 255, .2);border-radius: 50%;}
/* 环形容器样式 */
.corona-wrap {position: relative;  width: 100%;  height: 100%;}
.corona {position: relative;  width: 100%;  height: 100%;  list-style: none;  margin: 0;  padding: 0;}
.corona li { position: absolute;  color: #fff;  text-align: center;    transform-origin: center center;  opacity: 0.4; transition: opacity 0.3s;  cursor: pointer;  white-space: nowrap;  font-size: var(--font18);}
.corona li .title {}
.corona li.active {opacity: 1;}
.corona li.active .title { transform: scale(1.5);transition: 1s; font-weight: 700;}



/* ======首页======= */
.homeBanner {height: 100vh; position: relative; overflow: hidden;}
.homeBanner .swiper {height: 100%;}
.homeBanner .slide .bjBox {position: absolute; z-index: -1; height: 100%; width: 100%; left: 0; top: 0;}
.homeBanner .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;     transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.homeBanner .slide .slide_box {height: 100%;}
.homeBanner .slide .info {padding-top: 10%;}
.homeBanner .slide .info .p1 {line-height: 1.2;}
.homeBanner .slide .info .p2 {margin-top: 3.75rem;}
.homeBanner .slide .more {margin-top: 3.75rem; display: none;}
/* 当前 */
.homeBanner .swiper-slide-active .bjBox img, .homeBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.homeBanner .pagtion {text-align: left; bottom: auto; top: 90%;}
.homeBanner .pagtion span {margin: 0 .625rem !important;background: #ffffff; width: .813rem; height: .813rem; position: relative;}
.homeBanner .pagtion span::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/jt-icon1.png) no-repeat center; background-size: contain; opacity: 0;}
.homeBanner .pagtion .swiper-pagination-bullet-active {background: none;}
.homeBanner .pagtion .swiper-pagination-bullet-active::before {opacity: 1;}
.homeBanner .pagtion span:last-child.swiper-pagination-bullet-active {transform: rotate(180deg);}
/* 提示箭头 */
.homeBanner .arrow {left: auto; right: 3%; bottom: 3.125rem;}

.homeOne {background: url(../images/homeOne-bj.jpg) no-repeat center; background-size: cover; padding: 8.75rem 0 11.25rem;}
.homeOne .left {width: 43%;}
.homeOne .right {width: 52%;}
.homeOne .left .text {margin-top: 2.5rem; line-height: 1.8; text-indent: 2em;}
.homeOne .left .more {margin-top: 6.25rem;}
.homeOne .right ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem;}
.homeOne .right li {background: rgba(255, 255, 255, 0.8); padding: 2.5rem 1.875rem; border-radius: 1rem;}
/* 背景模糊效果 */
.homeOne .right li {backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); transition: .5s;} 
.homeOne .right li .icBox {height: 2.813rem; display: flex; align-items: center;}
.homeOne .right li .icBox img {max-height: 100%; min-height: 2.25rem; object-fit: contain;filter: brightness(0); -webkit-filter:brightness(0); transition: .5s;}
.homeOne .right li .li_info {text-align: right; margin-top: 3.125rem;}
.homeOne .right li .num {display: inline-flex; align-items: flex-end; line-height: .6;}
.homeOne .right li .dw {font-size: var(--font24); font-weight: 700;}
.homeOne .right li .p1 {margin-top: 1.25rem;color: #a8a8a8; display: block;}
@media (any-hover:hover) {
.homeOne .right li:hover {box-shadow: 0 0 1rem rgba(111, 186, 44,1);}
.homeOne .right li:hover .icBox img {filter: brightness(1); -webkit-filter:brightness(1);}
}


.homeTwo {background: url(../images/homeTwo-bj.jpg) no-repeat center; background-size: cover; padding: 8.75rem 0 11.25rem;}
.homeTwo .thumb_box {margin-top: 3.75rem;position: relative; z-index: 1;}
.homeTwo .thumb_box::before {content: ''; position: absolute; width: 8%;height: 3px; background: #71BB2E;  bottom: 0; opacity: 1;}
.homeTwo .thumb_box::after {content: ''; position: absolute; width: 100%;height: 3px;background: rgba(210, 210, 210,.5); bottom: 0;z-index: -1;}
.homeTwo .thumb_box .thumb {position: relative; padding-bottom: 1.25rem;}
.homeTwo .thumb_box .slide {text-align: right; text-align: center; cursor: pointer;}
.homeTwo .thumb_box .slide::before {content: ''; width: 2.688rem; height: .875rem; background: url(../images/trans-jt-icon1.png) no-repeat center; background-size: contain; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); }
.homeTwo .thumb_box .slide::after {content: ''; width: 2.688rem; height: .875rem; background: url(../images/trans-jt-icon2.png) no-repeat center; background-size: contain; position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%) scaleX(0); opacity: 0; transition: .5s; }
.homeTwo .thumb_box .slideBox {width: auto; display: inline-block;position: relative;z-index: 11;}
.homeTwo .thumb_box .slide .icBox {height: 2.188rem;}
.homeTwo .thumb_box .slide .icBox img { min-height: 1.875rem; max-height: 100%; object-fit: contain;filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.homeTwo .thumb_box .slide span {display: block; font-size: var(--font18); opacity: .6; margin-top: 1rem;}
.homeTwo .thumb_box .slide:last-child::before {display: none;}
.homeTwo .thumb_box .slide:last-child::after {display: none;}
/* 当前 */
.homeTwo .thumb_box .slide.swiper-slide-thumb-active .icBox img {filter: grayscale(0); -webkit-filter:grayscale(0);}
.homeTwo .thumb_box .slide.swiper-slide-thumb-active::after {transform: translate(50%, -50%) scaleX(1); opacity: 1;}
.homeTwo .thumb_box .slide.swiper-slide-thumb-active span {opacity: 1; color: #333;}
/* 控件 */
.homeTwo .thumb_box .pagtion {top: auto; bottom: 0; position: absolute; width: 100%;height: 3px;background: none;}
.homeTwo .thumb_box .pagtion span {background: #71BB2E;}
.homeTwo .thumb_box .pagtion i {display: block; position: absolute; transition-duration: 300ms;}
.homeTwo .thumb_box .pagtion i::after {content: ''; position: absolute; right: 0; top: 50%; transform: translate(80%, -50%); width: .625rem; height: .625rem; background: #71bb2e; border-radius: 50%;}
/* 轮播 */
.homeTwo .swiperBox {position: relative; margin-top: 4.375rem;}
.homeTwo .swiperBox .slide .left {width: 46%;}
.homeTwo .swiperBox .slide .right {width: 50%;}
.homeTwo .swiperBox .slide .left .imgBox {border-radius: 2.125rem; overflow: hidden;}
.homeTwo .swiperBox .slide .left .imgBox img {width: 100%;}
.homeTwo .swiperBox .slide .right {padding-top: 3.75rem;}
.homeTwo .swiperBox .slide .right .text {margin-top: 3.125rem; line-height: 1.8;}
.homeTwo .swiperBox .swjt {left: auto; right: 50%; top: auto; bottom: 1.25rem; transform: translate(230%); width: 3.5rem; height: 3.5rem; background: #cfd1cc; border-radius: 50%;  cursor: pointer; transition: .5s;}
.homeTwo .swiperBox .swjt.swiper-button-prev {transform: translate(100%) rotate(180deg);}
.homeTwo .swiperBox .swjt:active {background: #71BB2E;}
@media (any-hover:hover) {
  .homeTwo .swiperBox .swjt:hover {background: #71BB2E;}
}


.homeThre {background: url(../images/homeThre-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0 3.75rem;position: relative; overflow: hidden;}
.homeThre .box {margin-top: 2.5rem; align-items: flex-start;}
.homeThre .tle {align-items: flex-start;}
.homeThre .tle .desc {width: 60%; line-height: 1.8;}
.homeThre .right {width: 60%;}
.homeThre .left {position: relative;}
.homeThre .left::before {content: ''; position: absolute; left: 0; top: 5%; transform: translateX(-50%);  height: 90%; width: 100%; background: url(../images/homeThre-logo.png) no-repeat center; background-size: contain;}
.homeThre .left dd {padding: 1rem;}
.homeThre .left dl dd {margin-top: 1rem; display: flex;  align-items:flex-end; position: relative;}
.homeThre .left dl dd::before {content: ''; width: .5rem; height: .5rem; position: absolute; top: 1.25rem; left: 1rem;background: #6fba2c; border-radius: 50%;}
.homeThre .left dl dd {padding: 3.125rem 2.625rem 2.5rem; background: rgba(255, 255, 255,.8);border-radius: .625rem;box-shadow: 0px 0px 1.688rem 0px rgba(26,26,26,0.05);backdrop-filter: blur(.625rem);}
.homeThre .left dl dd .dd_con {display: flex; line-height: .6; align-items: flex-end;}
.homeThre .left dl dd .counter , .homeThre .left dl dd .dw {font-size: var(--font54);font-weight: 700;}
.homeThre .left dl dd span {font-size: var(--font18);color: #333; margin-left: .5rem; }
.homeThre .left dl dd .icBox {width: 2.25rem; height: 1.875rem; margin-right:  3.375rem; }
.homeThre .left dl dd .icBox img {max-width: 100%; height: 100%; object-fit: contain;}
.homeThre .right .map_box {display: inline-block; position: relative;}
.homeThre .right .map_box img {width: 100%;}
.homeThre .list {margin-top: 7.5rem;}
.homeThre .maplist li {position: absolute;}
.homeThre .maplist li .text {font-size: .875rem; color: #fff;background: #71bb2e;border-radius: 6.25rem; padding: .25rem .313rem; display: inline-block;}
.homeThre .maplist li .info {z-index: 1; padding: .625rem 1rem; position: absolute; background: #fff; min-width: 13.125rem; max-width: 18.75rem; border-radius: .375rem; color: #989898; font-size: .875rem;}
.homeThre .maplist li .info::after {content: ''; position: absolute; top: 50%; left: 0%; transform: translate(-100% , -50%); border: .625rem solid transparent; border-right: .625rem solid #ffffff;}
/* 1. 42-50万吨 区域1（左上方） */
.homeThre .maplist li.li1 {left: 26%; top: 28%;}
/* 2. 52-65万吨 区域（中上部） */
.homeThre .maplist li.li2 {left: 66%; top: 35%;}
/* 3. 42-50万吨 区域2（中上部偏右） */
.homeThre .maplist li.li3 {left: 62%; top: 41%;}
/* 4. 42-50万吨 区域3（中部偏右） */
.homeThre .maplist li.li4 {left: 59%; top: 47%;}
/* 5. 42-50万吨 区域4（右侧中部） */
.homeThre .maplist li.li5 {left: 78%; top: 46%;}
/* 6. 62-75万吨 区域1（右侧中下部） */
.homeThre .maplist li.li6 {left: 80%; top: 55%;}
/* 7. 62-75万吨 区域2（右侧下部） */
.homeThre .maplist li.li7 {left: 84%; top: 61%;}
/* 8. 62-75万吨 区域3（南部偏右） */
.homeThre .maplist li.li8 {left: 68%; top: 85%;}
/* 9. 38-45万吨 区域（最下方） */
.homeThre .maplist li.li9 {left: 62%; top: 95%;}
/* 默认在右 */
.homeThre .maplist li .info {left: 120%; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: .5s; }
.homeThre .maplist li:hover .info {opacity: 1; visibility: visible;}
/* 左侧区域 - 使用左侧侧提示框 */
.homeThre .maplist li[data-position="left"] .info {right: 120%; left:auto;}
.homeThre .maplist li[data-position="left"] .info::after {right: 0%; transform: translate(100% , -50%);  border-left: .625rem solid #ffffff;}

.homeThre .list {margin-top: 7.5rem;}
.homeThre .list ul { display: flex; justify-content: center;}
.homeThre .list li {margin: 0 5rem;flex-shrink: 0; width: 10.25rem; height: 4rem;  min-width: 120px;min-height: 60px; display: flex; align-items: center; justify-content: center;padding: .1rem;  box-sizing: border-box; }
.homeThre .list li img {width: 100%; height: 100%; object-fit: contain;}

.homeFour {position: relative; overflow: hidden;}
.homeFour .indexTle .t1::before {top: 20%;}
.homeFour .swiperBox .slide {overflow: hidden;}
.homeFour .swiperBox .slide .box {display: flex; justify-content: flex-end;}
.homeFour .swiperBox .slide .slide-inner img {width: 100%;}
.homeFour .swiperBox .con {width: 40%;}
/* 控件 */
.homeFour .pagtion { bottom: auto; top: 65%; width: 40%; left: 60%; transform: translateX(-50%);}
.homeFour .pagtion span {margin: 0 .625rem !important;background: #ffffff; width: .813rem; height: .813rem; position: relative;}
.homeFour .pagtion span::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/jt-icon1.png) no-repeat center; background-size: contain; opacity: 0;}
.homeFour .pagtion .swiper-pagination-bullet-active {background: none;}
.homeFour .pagtion .swiper-pagination-bullet-active::before {opacity: 1;}
.homeFour .pagtion span:last-child.swiper-pagination-bullet-active {transform: rotate(180deg);}

/* =====================底部==================== */
.footer {background: #1c1f1f; position: relative; z-index: 2;}
.footer .footerBox {padding: 6.125rem 0 4.375rem;}
.footer .left {}
.footer .left .footer_logo img {min-height: 4.75rem;}
.footer .right {width: 67%;}
.footer .left .foter_us {margin-top: 5.625rem;}
.footer .left .foter_us dl dd {display: flex; align-items: center; margin: .625rem 0;}
.footer .left .foter_us dd .icBox {width: 1.125rem; margin-right: .75rem;}
.footer .left .foter_us dd .icBox img {max-width: 100%; min-width: 1rem;}
.footer .left .foter_us dl dd p , .footer .left .foter_us dl dd p a {font-size: var(--font15); color: rgba(255, 255, 255,.5);}
.footer .left .foter_us dl dd p a:hover {color: #fff;}

/* 底部导航 */
.foternav {display: flex; justify-content: space-between;}
.foternav dl dt {padding-bottom: 1.875rem;}
.foternav dl dt a {font-size: var(--font17); color: #fff;}
.foternav dl dd {margin: .625rem 0;}
.foternav dl dd a {opacity: .76; color: #fff; font-size: var(--font15);}
.foternav dl dd a:hover {opacity: 1;}
/* 关注 */
.follow {display: flex; justify-content: flex-end;}
.follow dl .ddbox {display: flex;}
.follow dl dd {margin-right: .75rem; position: relative;}
.follow dl dd .icBox {width: 2.75rem; height: 2.75rem; border-radius: 50%;background: #ffffff; display: flex; align-items: center; justify-content: center;}
.follow dl dd .icBox svg {width: 50%; height: 50%; object-fit: contain;}
.follow dl dd.hover_code .code {position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: .625rem; border-radius: .625rem; opacity: 0; transition: .5s; pointer-events: none; visibility: hidden;}
.follow dl dd.hover_code .code span {display: block; margin-top: .313rem;}
.follow dl dd.hover_code .code img {width: 6.25rem;}
.follow dl dd.hover_code .code::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: .625rem solid transparent; border-top-color: #fff;}
.follow dl dd.hover_code:hover .code {opacity: 1;  bottom: 130%; visibility: visible; pointer-events: auto;}
/* 版权 */
.copyRight { padding: 2.5rem 0 1.875rem; border-top: 1px solid rgba(255, 255, 255,.1);}
.copyRight p , .copyRight p a {font-size: var(--font15); color: rgba(255, 255, 255,.5);}
.copyRight p a:hover {color: #fff;}

/* 右侧悬浮 */
.floatSlider {position: fixed; z-index: 11; right: 1%; top: 50%; transform: translateY(-50%); background: #fff; padding: .75rem .438rem; border-radius: 2.188rem;box-shadow: 0px 0px 1.875rem 0px rgba(183,183,183,0.28); opacity: 0; visibility: hidden; transform: translateX(100%); transition: 1s;}
.floatSlider ul li {margin-bottom: .625rem; position: relative; z-index: 1;background: #cfd1cc; border-radius: 50%;}
.floatSlider ul li .icBox {width: 3.5rem; height: 3.5rem; position: relative;  z-index: 2;}
.floatSlider ul li .icBox img {max-width: 50%; min-height: 1.5rem;}
.floatSlider ul li .con-hide {display: flex;align-items: center;justify-content: center;position: absolute;right: 0;width: 0;top: 0;overflow: hidden;height: 100%;z-index: 0;transition: all 0.36s ease-in-out;z-index: 0;background-color: #71BB2E;border-radius: 6.25rem;z-index: -1;}
.floatSlider ul li .con-hide span {color: #fff; opacity: 0;transition: all 0.36s ease-in-out; font-size: var(--font18);}
.floatSlider ul li a:hover .con-hide {width: 10.25rem;padding-right: 1.25rem;}
.floatSlider ul li a:hover .con-hide span {opacity: 1; transition-delay: 0.5s;}
.floatSlider.on {opacity: 1; visibility: visible; transform: translateX(0); }



/* =================================================================内页==================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .bjBox img {width: 100%;}
.ny-banner .box {padding-top: 5%;}
.ny-banner .box .con {line-height: 1;}
.ny-banner .indexTle .t1::before {width: 3.125rem; height: 3.125rem;transform: translate(-25%, -50%); top: 25%;}

/* =====产品中心===== */
.pro-banner {position: relative; overflow: hidden; z-index: 1;}
.pro-banner .bjbox {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.pro-banner .bjbox img {width: 100%; height: 100%; object-fit: cover;}
.pro-banner .box {min-height: 40.25rem;}
.pro-banner .box .con .t2 {line-height: 1.3;}
.pro-banner .box .more {display: inline-flex; justify-content: center;}
.pro-banner .more {position: absolute; width: 100%; display: flex; left: 0; justify-content: center; bottom: 2.75rem;}
.pro-banner .more .list {display: inline-flex;}
.pro-banner .more .item {background: #00000070;border-radius: 1rem; transition: .5s;}
.pro-banner .more .item a {display: block; padding: 1rem 2.5rem;}
.pro-banner .more .item .icBox {height: 1.875rem; display: flex; align-items: center; justify-content: center;}
.pro-banner .more .item .icBox img {max-height: 100%; min-height: 1.5rem;}
.pro-banner .more .item span {color: #ffffff; margin-top: .75rem;display: block;}
.pro-banner .more .item.on {transform: scale(1.2); z-index: 1; background: #6fba2c;}
@media (any-hover:hover) {
  /* 当鼠标悬停在非.on状态的.item上时，.on状态的.item恢复默认 */
 .pro-banner .more .list:hover .item.on:not(:hover) {transform: scale(1);z-index: 0;background: #00000070;}
  /* 非.on状态的.item悬停效果 */
  .pro-banner .more .item:not(.on):hover {transform: scale(1.2);z-index: 1; background: #6fba2c;}
}

.proOne {display: flex; justify-content: space-between;}
.proOne .lsit_nav {width: 16%; background: #fff; padding: 4.375rem 1rem; padding-left: 3.75rem;}
.proOne .proList {flex: 1; max-width: calc(100% - 16%); background: #818181;}

/* 产品筛选 */
.proOne .lsit_nav li {margin-bottom: 4.375rem; border: 0 !important;}
.proOne .lsit_nav li .title { font-size: var(--font22);font-weight: 700;color: #333333; padding: 0; padding-bottom: .625rem;} 
.proOne .lsit_nav li .layui-form .layui-form-radio {display: block; line-height: initial; margin: .625rem 0; padding-right: .625rem;}
.proOne .lsit_nav li .layui-form .layui-form-radio>* {font-size: var(--font16); color: #333;}
.proOne .lsit_nav li .layui-form .layui-form-radio i {display: inline-flex; align-items: center; justify-content: center; font-size: var(--font18); color: #CECECE; width: 1.125rem; height: 1.125rem;}
.proOne .lsit_nav li .layui-form .layui-form-radio i::before {width: 100%; height: 100%;display: inline-flex;align-items: center;justify-content: center;}
.proOne .lsit_nav li .layui-form .layui-icon-radio:before {content: "\e605";background: #6fba2c; border-radius: 50%; color: #fff;font-size: var(--font12);}
/* 去除layui样式 */
.proOne .lsit_nav ul {border: 0 !important;}
.proOne .lsit_nav li .title {border: 0; height: auto; line-height: initial; background: none;}
.proOne .lsit_nav li .title i {display: none;}
.proOne .lsit_nav li .layui-form {border: 0; padding: 0;}
/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #6fba2c;}
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}

/* PC端隐藏切换按钮 */
@media screen and (min-width: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 768px) {
  .proOne {position: relative;}
  .proOne .lsit_nav {position: fixed;left: -100%;top: 0;bottom: 0;width: 60%;background: #fff;z-index: 999;transition: all 0.3s;padding: 1rem;box-shadow: 2px 0 5px rgba(0,0,0,0.1);}
  .proOne .lsit_nav.show {left: 0;  overflow-y: auto;}
  .proOne .proList {width: 100%;}
  .filter-toggle {display: block;}
}

.proOne .proList {background: url(../images/proOne-bj.jpg) no-repeat center; background-size: cover; padding: 5.625rem 5rem;}
.proOne .proList .tle .xian {width: 3.75rem; height: .5rem; display: inline-block; background: #6fba2c;border-radius: .25rem;}
.proOne .proList ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-top: 3.75rem;}
.proOne .proList li {background: #fff;}
.proOne .proList li a {display: block; padding: 1.25rem;}
.proOne .proList li .imgBox { overflow: hidden;}
.proOne .proList li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.proOne .proList li .info {padding: .625rem; padding-top: 1.875rem;}
.proOne .proList li .smTit .xian {width: 2.25rem; height: .25rem;background: #6fba2c; display: inline-block;}
.proOne .proList li .taglist {margin-top: 1.875rem;}
.proOne .proList li .taglist dl {display: flex; justify-content: space-between; flex-wrap: wrap;}
.proOne .proList li dd {margin: .313rem 0; width: 49%;}
.proOne .proList li dd .sp1 {color: #A2A2A2;}
.proOne .proList li dd .sp2 {color: #333;}
.proOne .proList li:hover .imgBox img {transform: scale(1.1);}

/* =====产品详情===== */
.mbx .layui-breadcrumb .icBox {display: inline-block; line-height: 1; margin-right: .625rem; }
.mbx .layui-breadcrumb span {color: #fff !important;}
.mbx .layui-breadcrumb a {color: #fff !important;}
.layui-breadcrumb a cite {color: #fff;}

.proDateTle.indexTle .t1::before {width: 2.625rem; height: 2.625rem;}
.proDateTle.indexTle .t2 {text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}

.paroDateOne {padding-top: 12.5rem;  background: url(../images/paroDateOne-bj.jpg) no-repeat center; background-size: cover;}
.paroDateOne .box {}
.paroDateOne .left {width: 50%; padding-bottom: 6.25rem;margin-top: 4.375rem;}
.paroDateOne .right {width: 42%;background: #ffffff;border-radius: 1.25rem; transform: translateY(4.375rem);}
.paroDateOne .left .text {line-height: 1.8;}
.paroDateOne .left .more {margin-top: 6.25rem; display: none;}
.paroDateOne .left .more a {color: #fff;width: 11.5rem; height: 3.75rem;border: .125rem solid #ffffff; border-radius: 6.25rem; transition: .5s;}
.paroDateOne .left .more a:hover {background: #6fba2c; border-color: #6fba2c;}
.paroDateOne .swiper {width: 100%;}
.paroDateOne .swiper .slide .imgBox img {width: 80%;}
/* 控件 */
.paroDateOne .pagtion {width: auto; bottom: auto; top:50%;  left: auto; right: 1rem; transform: translateY(-50%);}
.paroDateOne .pagtion span {display: block; margin: .625rem !important;background: #B8B8B8; width: .813rem; height: .813rem; opacity: .32; position: relative;}
.paroDateOne .pagtion span::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/jt-icon2.png) no-repeat center; background-size: contain; opacity: 0;}
.paroDateOne .pagtion .swiper-pagination-bullet-active {background: none;opacity: 1;}
.paroDateOne .pagtion .swiper-pagination-bullet-active::before {opacity: 1;}
.paroDateOne .pagtion span:last-child.swiper-pagination-bullet-active {transform: rotate(180deg);}

.paroDateTwo {background: #f3f3f3; padding-top: 6.25rem;}
.paroDateTwo .box {background: #fff; margin-top: 1.875rem; border-radius: .625rem;padding: 2.5rem; font-size: var(--font20); font-weight: 700;white-space: pre-wrap; }
.paroDateTwo img {max-width: 100%;}

.paroDateThre {padding-bottom: 6.25rem;}

.paroDateFour {background: #f3f3f3; padding: 6.25rem 0;}
.paroDateFour .tle {position: relative;}
.paroDateFour .swiper {--swiper-theme-color: #71BB2E; position: static;}
.paroDateFour .swiperBox {margin-top: 3.125rem; position: relative;}
.paroDateFour .slide {background: #ffffff; padding: 1rem;}
.paroDateFour .slide .imgBox img {width: 100%; transition: .5s;}
.paroDateFour .slide .icBox img {min-height: 2rem;}
.paroDateFour .swjt {left: auto; right: 0%; top: auto; bottom: 1.25rem; width: 3.5rem; height: 3.5rem; background: #cfd1cc; border-radius: 50%;  cursor: pointer; transition: .5s;}
.paroDateFour .swjt.swiper-button-prev {transform: translate(-130%) rotate(180deg);}
.paroDateFour .swjt:active {background: #71BB2E;}
@media (any-hover:hover) {
  .paroDateFour .slide .imgBox img:hover {transform: scale(1.05);}
  .paroDateFour .swjt:hover {background: #71BB2E;}
}
.paroDateFour .pagtion {bottom: -2rem; top: auto;}

.paroDateFive {padding: 3.75rem 0; overflow: hidden;}
.paroDateFive .tle {position: relative;}
.paroDateFive .swiper {--swiper-theme-color: #71BB2E; position: static;overflow: visible;}
.paroDateFive .swiperBox {margin-top: 3.125rem; position: relative;}
.paroDateFive .slide {background: #ffffff; padding: 1rem;box-shadow: 0px 0px 20px 0px rgba(69,69,69,0.12);}
.paroDateFive .swjt {left: auto; right: 0%; top: auto; bottom: 1.25rem; width: 3.5rem; height: 3.5rem; background: #cfd1cc; border-radius: 50%;  cursor: pointer; transition: .5s;}
.paroDateFive .swjt.swiper-button-prev {transform: translate(-130%) rotate(180deg);}
.paroDateFive .swjt:active {background: #71BB2E;}
.paroDateFive .slide .imgBox {overflow: hidden; }
.paroDateFive .slide .imgBox img {width: 100%; transition: .5s;}
.paroDateFive .slide .info {padding: 1.875rem 1rem;}
.paroDateFive .slide .jtBox {width: 3.125rem; height: 3.125rem; border-radius: 50%;background: #d6d6d6; margin-top: 1.563rem; transform: rotate(180deg); color: #fff; transition: .5s;}
.paroDateFive .pagtion {bottom: -2rem; top: auto;}
@media (any-hover:hover) {
  .paroDateFive .slide:hover .imgBox img {transform: scale(1.1);}
  .paroDateFive .slide:hover .jtBox {background: #71BB2E;}
  .paroDateFive .swjt:hover {background: #71BB2E;}
}

.proDateMainTwo .paroDateThre {padding-bottom: 6.25rem;}


/* =====产品中心2===== */
.pro_nav {border-bottom: 1px solid rgba(183, 183, 183,.2);}
.pro_nav ul {display: flex; justify-content: center;}
.pro_nav li {margin: 0 2.25rem; position: relative;}
.pro_nav li a {padding: 1.875rem 0; display: block; font-size: var(--font18); transition: .5s;}
.pro_nav li::after {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: .25rem;background: #6fba2c;border-radius: .125rem; transition: .5s;}
.pro_nav li.on a {color: #6fba2c;}
.pro_nav li.on::after {width: 100%;left: 0;}
.pro_nav li.active {color: #6fba2c;}
.pro_nav li.active::after {width: 100%;left: 0;}
@media (any-hover:hover) {
  .pro_nav li:hover a {color: #6fba2c;}
  .pro_nav li:hover::after {width: 100%;left: 0;}
}

.proTwo {padding: 5.625rem 0;}
.proTwo .tle .xian {width: 3.75rem;height: .5rem;background: #6fba2c;border-radius: .25rem; display: inline-block;}
.proTwo .list {margin-top: 3.75rem;}
.proTwo .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.proTwo .list li {box-shadow: 0px 0px 10px 0px rgba(69,69,69,0.12); }
.proTwo .list li a {display: block; padding: 2.5rem;}
.proTwo .list li .imgBox {text-align: center; overflow: hidden;}
.proTwo .list li .imgBox img {width: 100%; transition: .5s;}
.proTwo .list li .info {margin-top: 2.5rem;}
.proTwo .list li .info .tit {position: relative; font-size: var(--font24); color: #333; padding-bottom: .625rem; transition: .5s;}
.proTwo .list li .info .tit::after {width: 2.25rem; height: .25rem; position: absolute; bottom: 0; left: 0; content: '';background: #6fba2c;}
@media (any-hover:hover) {
  .proTwo .list li:hover .imgBox img {transform: scale(1.05);}
  .proTwo .list li:hover .info .tit {color: #6fba2c;}
}



/* ====================竞争力中心==================== */
.ny_nav {border-bottom: 1px solid #E8E8E8; background: #fff;}
.ny_nav .navBox {display: flex; justify-content: space-between; align-items: center;}
.ny_nav ul li {margin-right: 9.375rem; position: relative;}
.ny_nav ul li a {font-size: var(--font18);display: block; padding: 2.25rem 0;}
.ny_nav ul li::after {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: .25rem;background: #6fba2c;border-radius: .125rem; transition: .5s;}
.ny_nav ul li.on a {color: #6fba2c;}
.ny_nav ul li.on::after {width: 100%;left: 0;}
.ny_nav ul li.active {color: #6fba2c;}
.ny_nav ul li.active::after {width: 100%;left: 0;}

.ny_nav .mbx a {color: #888888 !important;}
.ny_nav .mbx .layui-breadcrumb span {color: #888888 !important; margin: 0 .313rem;}
.ny_nav .layui-breadcrumb a cite {color: #333 !important;}
.ny_nav .mbx a:hover {color: #6fba2c !important;}

@media screen and (max-width: 1280px) {
 .ny_nav ul li {margin-right: 4.5rem;}
  
}
@media (any-hover:hover) {
  .ny_nav ul li:hover a {color: #6fba2c;}
  .ny_nav ul li:hover::after {width: 100%;left: 0;}
}

.petePageMian .ny_nav ul li {margin-right: 5rem;}


/* 上游供应 */
.petePageOne_one {background: url(../images/petePageOne_one-bj.jpg) no-repeat center center; background-size: cover;}
.petePageOne_one .box {padding: 7.5rem 0;}
.petePageOne_one .left {width: 42%;}
.petePageOne_one .right {width: 49%;}
.petePageOne_one .left .tle .p1 {position: relative; display: inline-block; z-index: 1; line-height: 1.2;}
.petePageOne_one .left .tle .p1 i {width: 100%; height: 1.25rem; position: absolute; bottom: 0; left: 0;background: #6fba2c; z-index: -1;}
.petePageOne_one .numlist {margin-top: 7.5rem;}
.petePageOne_one .numlist li .num {font-size: var(--font60); font-weight: 700; color: #6fba2c; line-height: .8; display: flex; align-items: flex-end;}
.petePageOne_one .numlist li .dw {transform: translateY(.5rem);}
.petePageOne_one .numlist li .dw2 {font-size: var(--font17);color: #6fba2c;}
.petePageOne_one .numlist li span {display: block; margin-top: 1.25rem; font-size: var(--font18);}
.petePageOne_one .right .text p {line-height: 1.8;}
.petePageOne_one .swiper .slide {overflow: hidden;}
.petePageOne_one .swiper .slide img {width: 100%;}
.petePageOne_one .swjt {left: 9%; right: auto;}
.petePageOne_one .swjt i {font-size: var(--font40); color: #fff; transition: .5s;}
.petePageOne_one .swiper-button-next {right: 9%;left: auto;}
@media (any-hover:hover) {
  .petePageOne_one .swjt:hover i {color: #6fba2c;}
}

.petePageOne_two {padding: 7.5rem 0; display: none;}
.petePageOne_two .box {margin-top: 3.125rem;}
.petePageOne_two .left {width: 52%;border-radius: 1.375rem; overflow: hidden;}
.petePageOne_two .left img {width: 100%;}
.petePageOne_two .right {width: 42%;}
.petePageOne_two .right .item {padding: 3.125rem 0;}
.petePageOne_two .right .item:first-child {border-bottom: 1px solid #D6D6D6;}

.petePageOne_thre {background: url(../images/petePageOne_thre-bj.jpg) no-repeat center; background-size: cover;padding: 7.5rem 0; display: none;}
.petePageOne_thre .tle ul {display: grid; grid-template-columns: repeat(2,auto); gap: 1rem;}
.petePageOne_thre .tle li {font-size: var(--font18); padding: .75rem 2.5rem; border-radius: 1px; transition: .5s; cursor: pointer;}
.petePageOne_thre .tle li:active {background: #6fba2c; color: #fff;}
.petePageOne_thre .tle li.active {background: #6fba2c; color: #fff; border-radius: 1.875rem;}
@media (any-hover:hover) {
  .petePageOne_thre .tle li:hover {background: #6fba2c; color: #fff; border-radius: 1.875rem;}
}
.petePageOne_thre .box {margin-top: 3.75rem;}
.petePageOne_thre .box .item {background: #fff;border-radius: 1.875rem; overflow: hidden; display: none;}
.petePageOne_thre .box .info {padding: 2rem 5rem; width: 50%;}
.petePageOne_thre .box .info .text {margin-top: 2.5rem;}
.petePageOne_thre .box .info .more {margin-top: 4.375rem;}
.petePageOne_thre .box .imgBox {width: 50%;}
.petePageOne_thre .box .imgBox img {width: 100%;}
.petePageOne_thre .box .item.active {display: block;}

.petePageOne_four {padding: 6.25rem 0;display: none;}
.petePageOne_four .itemlist {display: grid; grid-template-columns: repeat(2,auto); gap: 10rem; align-items: center;}
.petePageOne_four .itemlist .item .icBox {margin-right: 1.25rem; height: 3.5rem;}
.petePageOne_four .itemlist .item .icBox img { min-height: 2.5rem; max-height: 100%;}
.petePageOne_four .box {margin-top: 3.75rem; border-radius: 1.25rem; overflow: hidden; position: relative;}
.petePageOne_four .swiperOne .swiper-wrapper {transition-timing-function: linear;}
.petePageOne_four .swiperOne .slide .imgBox {}
.petePageOne_four .swiperOne .slide .imgBox img {width: 100%;object-fit: cover;}
.petePageOne_four .swiperOne .slide .item {position: absolute; width: 13%; white-space: nowrap;}
.petePageOne_four .swiperOne .slide .item span {position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); color: #333333; font-size: var(--font18); display: block; text-align: center;}
.petePageOne_four .swiperOne .slide .item .img {margin-top: .625rem;display: flex;justify-content: center;align-items: center;height: 10rem;}
.petePageOne_four .swiperOne .slide .item .img img {max-width: 100%; height: 100%; object-fit: contain;}
.petePageOne_four .swiperOne .slide .item1 {left: 14%; bottom: 60%;}
.petePageOne_four .swiperOne .slide .item2 {left: 14%; bottom: 17%;}
.petePageOne_four .swiperOne .slide .item3 {bottom: 33%;left: 42.8%;}
.petePageOne_four .swiperOne .slide .item4 {left: 72%; bottom: 60%;}
.petePageOne_four .swiperOne .slide .item5 {left: 72%; bottom: 17%;}
/* 控件 */
.petePageOne_four .swiperOne .swiper-pagination {bottom: 5%;}
.petePageOne_four .swiperOne .swiper-pagination span {width: .813rem; height: .813rem; background: #b1b1b1; opacity: 1; margin: 0 .375rem !important;}
.petePageOne_four .swiperOne .swiper-pagination .swiper-pagination-bullet-active {background: #6FBA2C;}
.petePageOne_four .mbSwiperBox {display: none; margin: 3.125rem 0; position: relative;}
.petePageOne_four .swiperTwo .slide {text-align: center;}
.petePageOne_four .swiperTwo .slide .img {height: 10rem;}
.petePageOne_four .swiperTwo .slide .img img {max-width: 100%; height: 100%; object-fit: contain;}
.petePageOne_four .swiperTwo .slide span {display: block; margin-top: 1.25rem;}
.petePageOne_four .swiperTwo {position: static;}
.petePageOne_four .swiperTwo .swiper-pagination {bottom: -2.5rem;}
.petePageOne_four .swiperTwo .swiper-pagination span {width: .813rem; height: .813rem;background: #b1b1b1; opacity: 1; margin: 0 .375rem !important;}
.petePageOne_four .swiperTwo .swiper-pagination .swiper-pagination-bullet-active {background: #6FBA2C;}
@media screen and (max-width: 768px) {
  .petePageOne_four {background: #d2d5dc;}
  .petePageOne_four .pcSwiperBox {display: none;}
  .petePageOne_four .mbSwiperBox {display: block;}
}

.petePageOne_five {position: relative; overflow: hidden;}
.petePageOne_five .tle {position: absolute; width: 100%; top: 10%; z-index: 2; text-align: center;}
.petePageOne_five .tle .t1 {}
.petePageOne_five .tle .t1 span {position: relative; z-index: 1;}
.petePageOne_five .tle .t1 span i { left: 0; position: absolute; bottom: 0; z-index: -1; width: 100%; display: block; height: 1rem;background: #6fba2c;}
.petePageOne_five .swiper .slide {overflow: hidden;}
.petePageOne_five .swiper .slide img {width: 100%;min-height: 15rem; object-fit: cover;}
/* 控件 */
.petePageOne_five .pagtion { bottom: auto; top:40%; left: auto; transform: translateY(-50%);}
.petePageOne_five .pagtion span {margin: 0 .625rem !important;background: #B8B8B8; width: .813rem; height: .813rem; opacity: .32; position: relative;}
.petePageOne_five .pagtion span::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/jt-icon1.png) no-repeat center; background-size: contain; opacity: 0;}
.petePageOne_five .pagtion .swiper-pagination-bullet-active {background: none;opacity: 1;}
.petePageOne_five .pagtion .swiper-pagination-bullet-active::before {opacity: 1;}
.petePageOne_five .pagtion span:last-child.swiper-pagination-bullet-active {transform: rotate(180deg);}

/* 竞争力中心--技术研发 */
.petePageThre_one {padding: 6.25rem 0;}
.petePageThre_one .left {width: 40%;}
.petePageThre_one .right {width: 54%;background: #cdcdcd;border-radius: 1.438rem;overflow: hidden;}
.petePageThre_one .left .text {margin-top: 1.875rem; line-height: 1.8;}
.petePageThre_one .right video {width: 100%; height: 100%; object-fit: contain; display: block;}

.petePageThre_two {background: #f3f3f3; padding: 6.25rem 0;}
.petePageThre_two .paroDateFour {padding: 0;}
.petePageThre_two .paroDateFour .swjt {right: 0; left: auto; top: 50%;transform: translateX(150%)}
.petePageThre_two .paroDateFour .swjt.swiper-button-prev {transform: translateX(-150%) rotate(180deg); left: 0; right: 0;}

.petePageThre_thre {padding: 6.25rem 0;}
.petePageThre_thre .swiperBox {margin-top: 3.75rem; position: relative;}
.petePageThre_thre .swiper {position: static; --swiper-theme-color: #71BB2E;}
.petePageThre_thre .slide .imgBox {overflow: hidden;border-radius: 1.25rem;}
.petePageThre_thre .slide .imgBox img {width: 100%;transition: .5s;}
.petePageThre_thre .slide .info {margin-top: 2.5rem;}
.petePageThre_thre .slide .more {margin-top: 2.5rem;}
.petePageThre_thre .slide .more i {transform: rotate(180deg);}
/* 控件 */
.petePageThre_thre .swjt {right: 0; left: auto; top: 50%;transform: translateX(150%); bottom: 1.25rem; width: 3.5rem; height: 3.5rem; background: #cfd1cc; border-radius: 50%;  cursor: pointer; transition: .5s;}
.petePageThre_thre .swjt.swiper-button-prev {transform: translateX(-150%) rotate(180deg); left: 0; right: 0;}
.petePageThre_thre .swjt:active {background: #71BB2E;}
@media (any-hover:hover) {
  .petePageThre_thre .slide .imgBox img:hover {transform: scale(1.05);}
  .petePageThre_thre .swjt:hover {background: #71BB2E;}
}
.petePageThre_thre .pagtion {bottom: -3rem; top: auto;}


/* 销售渠道 */
.petePageFour_one {padding: 6.25rem 0;}
.petePageFour_one .tle .t2 {display: inline-block; position: relative; z-index: 1; line-height: 1;}
.petePageFour_one .tle .t2 i {left: 0; position: absolute; bottom: 0; z-index: -1; width: 100%; display: block; height: 1.188rem;background: #6fba2c;}
.petePageFour_one .list {margin-top: 3.75rem;}
.petePageFour_one .list li {width: calc(100% / 3 - 3.125rem); padding: 5rem 3.125rem; background: #ffffff;border-radius: 1.625rem;box-shadow: 0px 0px 1rem 0px rgba(69,69,69,0.05); transition: .5s;}
.petePageFour_one .list li .icBox {display: flex; align-items: center; justify-content: center; margin: auto; width: 7rem; height: 7rem; border-radius: 50%;background: rgba(111, 186, 44,.1);}
.petePageFour_one .list li .icBox img {max-width: 60%; max-height: 60%; min-height: 3.75rem; object-fit: contain;}
.petePageFour_one .list li .p1 {margin-top: 3.75rem; line-height: 1.8; font-size: var(--font24); text-align: center;}
@media (any-hover:hover) {
  .petePageFour_one .list li:hover {box-shadow: 0px 0px 1rem 0px #71BB2E;}
}

.petePageFour_two {background: url(../images/petePageFour_two-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0;}
.petePageFour_two .nav {margin-top: 3.75rem;}
.petePageFour_two .nav li {margin: 0 1.25rem; display: flex; align-items: center;  border-radius: 6.25rem; padding: .875rem 1.875rem; transition: .5s; font-size: var(--font18); cursor: pointer;}
.petePageFour_two .nav li .icBox {height: 2rem; margin-right: .625rem;}
.petePageFour_two .nav li .icBox img {max-height: 100%; min-height: 1.75rem;}
.petePageFour_two .nav li.active .icBox img {filter: brightness(100); -webkit-filter:brightness(100)}
.petePageFour_two .nav li.active {background: #6fba2c; color: #fff;}
@media (any-hover:hover) {
  .petePageFour_two .nav li:hover .icBox img {filter: brightness(100); -webkit-filter:brightness(100)}
  .petePageFour_two .nav li:hover {background: #6fba2c; color: #fff;}
}
.petePageFour_two .tab-content {margin-top: 3.75rem;}
.petePageFour_two .tab-content .tab_pane {display: none; position: relative; z-index: 1;}
.petePageFour_two .tab-content .tab_pane.active {display: block;}
.petePageFour_two .tab_pane .box {padding: 5rem 7rem 7.5rem 3.75rem; width: 82%; background: linear-gradient(-29deg,rgba(0, 186, 129,.9) 0%, #97c618 100%);border-radius: 2.125rem;}
.petePageFour_two .tab_pane .field-title {font-size: var(--font30); color: #fff; font-weight: 700;}
.petePageFour_two .tab_pane .data-box {display: flex; justify-content: space-between; margin-top: 3.75rem;}
.petePageFour_two .tab_pane .data-item {text-align: center; width: calc(100% / 4); position: relative; }
.petePageFour_two .tab_pane .data-item::after {content: ''; height: 100%; width: 1px; background: #fff; position: absolute; right: 0; bottom: 0;opacity: 0.2;}
.petePageFour_two .tab_pane .data-item:last-child::after {display: none;}
.petePageFour_two .tab_pane .data-value {display: flex; align-items: flex-end; justify-content: center; line-height: 1; font-size: var(--font60); font-weight: 700; color: #fff;}
.petePageFour_two .tab_pane .data-value .dw {font-size: var(--font36);}
.petePageFour_two .tab_pane .data-desc {font-size: var(--font20); color: #fff; opacity: .7; margin-top: 1rem; display: block;}
.petePageFour_two .tab_pane .imgBox {position: absolute; width: 33%; bottom: 0; right: 0; height: 100%;border-radius: 2.125rem; overflow: hidden; z-index: -1;}
.petePageFour_two .tab_pane .imgBox img {height: 100%; width: 100%; object-fit: cover;}

.petePageFour_thre {background: url(../images/petePageFour_thre-bj.jpg) no-repeat center; background-size: cover; padding: 8.75rem 0 16.75rem;}
.petePageFour_thre .list ul {display: grid; grid-template-columns: repeat(2,auto); gap: 18.75rem; justify-content: center;}
.petePageFour_thre .list li {text-align: center; margin-top: 6.875rem;}
.petePageFour_thre .list li .num {display: flex; justify-content: center; align-items: flex-end;}
.petePageFour_thre .list li .counter {font-size: 6.875rem; font-weight: 700; color: #6FBA2C; line-height: 1.1;}
.petePageFour_thre .list li .dw {font-size: 4.125rem; color: #6FBA2C;}
.petePageFour_thre .list li .desc {display: block; font-size: var(--font24); margin-top: 1rem;}

/* 竞争力---政策导向 */
.petePageFive {padding: 5rem 0;}
.petePageFive .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 3.125rem;}
.petePageFive .list li .imgBox {position: relative;overflow: hidden; border-radius: 1.25rem;}
.petePageFive .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: all .3s ease;}
.petePageFive .list li .more i {transform: rotate(180deg);}
@media (any-hover:hover) {
  .petePageFive .list li:hover .imgBox img {transform: scale(1.1);}
  .petePageFive .list li:hover .more {color: #71BB2E;}
}

/* =====云工厂加盟===== */
.joinPage_one {padding: 5rem 0 7.5rem;}
.joinPage_one .text {margin-top: 2.5rem; text-align: center; line-height: 1.8; padding: 0 6.25rem;}
.joinPage_one ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 6.875rem;}
.joinPage_one li {width: calc(100% / 3 - 3.125rem); text-align: center;}
.joinPage_one li .icBox {width: 5.875rem; height: 5.875rem; border-radius: 50%;background: #6fba2c; margin: auto;}
.joinPage_one li .icBox img {max-width: 50%; max-height: 50%; object-fit: contain; min-height: 2.625rem;}

.joinPage_two {background: url(../images/joinPage_two-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0;}
.joinPage_two .list {margin-top: 4.375rem;}
.joinPage_two .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1.75rem;}
.joinPage_two .list li {padding: 3.75rem; padding-bottom: 12.5rem; background: #fff;border-radius: 1.875rem; position: relative;}
.joinPage_two .list li .p2 {margin-top: 1.875rem; line-height: 1.87; color: #666;}
.joinPage_two .list li .icBox {margin-left: auto; text-align: right; position: absolute; right: 3.75rem; bottom: 1.875rem;}
.joinPage_two .list li .icBox img {min-height: 3.563rem; object-fit: contain;}

.joinPage_thre {background: url(../images/joinPage_thre-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 290px;}
.joinPage_thre .list {margin-top: 6.25rem; position: relative; z-index: 1;}
.joinPage_thre .list .xian {position: absolute;left: 0; z-index: -1;    width: 100%;}
.joinPage_thre .list .xian img {width: 100%;}
.joinPage_thre ul {display: flex; justify-content: space-between;}
.joinPage_thre li {width: 24%; text-align: center;}
.joinPage_thre li .cirle {width: 9.5rem; height: 9.5rem; margin: auto; background: #fff; border-radius: 50%; padding: 1.875rem 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.joinPage_thre li .icBox {text-align: center; height: 2.875rem;}
.joinPage_thre li .icBox img {min-height: 2.625rem; max-height: 100%;}
.joinPage_thre li:nth-child(2) {transform: translateY(2.75rem);}
.joinPage_thre li:nth-child(3) {transform: translateY(6.25rem);}
.joinPage_thre li:nth-child(4) {transform: translateY(6.25rem);}
.joinPage_thre li:nth-child(5) {transform: translateY(1.875rem);}

.joinPage_four {background: #f1f1f1; padding: 6.25rem 0;}
.joinPage_four .list {margin-top: 6.25rem;}
.joinPage_four ul {display: flex; justify-content: center;}
.joinPage_four li {width: calc(100% / 3); text-align: center; display: flex; flex-direction: column; justify-content: space-between;}
.joinPage_four li .p1 {margin-top: 1.25rem;}
.joinPage_four li .icBox {height: 2.813rem;}
.joinPage_four li .icBox img {min-height: 1.875rem; max-height: 100%;}
.joinPage_four li .p2 a {font-size: var(--font30); color: #333;}

.joinPage_six {background: url(../images/joinPage_six-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0;}
.joinPage_six .nav {margin-top: 4.375rem;}
.joinPage_six .nav ul {display: grid; grid-template-columns: repeat(2,auto); gap: 3.125rem; justify-content: center;}
.joinPage_six .nav li {font-size: var(--font24); color: #333; padding: 1.25rem 3.25rem; border-radius: 0; transition: .5s; cursor: pointer;}
.joinPage_six .nav li.active {background: #fff; color: #6fba2c; border-radius: 3.125rem;}

.joinPage_six .list li {display: none;}
.joinPage_six .list li.active {display: block;}
.joinPage_six .list .li_box dl {display: flex; margin-top: 7.5rem;}
.joinPage_six .list .li_box dd {width: calc(100% / 3); text-align: center; position: relative;}
.joinPage_six .list .li_box dd::after {content: ''; position: absolute; right: 0; height: 100%; width: 1px; opacity: 0.5;background: #ababab; top: 0;}
.joinPage_six .list .li_box dd:last-child::after {display: none;}
.joinPage_six .list .li_box dd .icBox {height: 4.5rem;}
.joinPage_six .list .li_box dd .icBox img {min-height: 4.375rem; max-height: 100%; object-fit: contain;}
.joinPage_six .list .li_box dd span {font-size: var(--font24); margin-top: 1.25rem; display: block;}
@media (any-hover:hover) {
  .joinPage_six .nav li:hover {background: #fff; color: #6fba2c; border-radius: 3.125rem;}
}

.joinPage_five {background: #f1f1f1; padding-bottom: 7.5rem; position: relative; z-index: 1;}
.joinPage_five::before {content: ''; position: absolute; width: 100%; left: 0; height: 80%; background: #fff; bottom: 0; z-index: -1;}
.joinPage_five .box {display: flex; background: #fff;box-shadow: 0px 0px 2.25rem 0px rgba(69,69,69,0.09); border-radius: 1.125rem; overflow: hidden;}
.joinPage_five .left {width: 31.5%;background: linear-gradient(-27deg,#04bd83 0%, #6fba2c 100%); padding: 8.75rem 1rem 5.625rem 3.75rem;}
.joinPage_five .right {flex: 1; max-width: calc(100% - 31.5%); padding: 4.625rem; padding-right: 8.125rem;}
.joinPage_five .left .p2 {opacity: .5; margin-top: 30rem;}
/* 表单提交 */
.touch .form .line {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 1rem; position: relative;}
.touch .form .line.line_w100 .field-wrap {width: 100%;}
.touch .form .line .field-wrap {width: 48.5%;position: relative;}
.touch .form .line .field-wrap .label {position: absolute;top: 50%;transform: translateY(-50%);left: 1.5rem;color: #333;transition: all .2s;pointer-events: none; z-index: 1;}
.touch .form .line .field-wrap .input { box-shadow: none; background: #f4f4f4;border-radius: .625rem;width: 100%;height: 4.75rem;min-height: 40px;margin-bottom: 0;padding: 0 1.5rem;transition: all .2s;}
.touch .form .line .field-wrap .input.layui-textarea {height: 10rem;min-height: 120px; padding: 1rem 1.5rem;}
/* input聚焦样式 */
.touch .form .line .field-wrap .label.when-filled , .touch .form .line .field-wrap .label.is-focus {font-size: var(--font12);top: 0;z-index: 1;}
/* 验证码 */
.touch .form .line.code-wrap .field-wrap input {padding-right: 12.5rem;}
.touch .form .line.code-wrap .field-wrap img {position: absolute;top: 50%;transform: translateY(-50%);right: 1.5rem;width: 7.5rem;height: 3.75rem;cursor: pointer;object-fit: contain;}
/* 省市区样式调整 */
.touch .form .line .city-picker-input {left: 0; top: 0;}
.touch .form .line .field-wrap .city-picker-span {background: #f4f4f4;border-radius: .625rem;width: 100%;height: 4.75rem;min-height: 40px;margin-bottom: 0;padding: 0 1.5rem; border: 0;}
.touch .form .line .field-wrap .city-picker-span > .title {white-space: nowrap;overflow-x: auto; display: inline-block;max-width: 90%;padding-right: 10px;}
/* 上传图片展示层 */
.layui-upload-drag {padding: 1.25rem; background: #f4f4f4;}
.layui-upload-drag .layui-icon {color: #d7d7d7;}
/* 提交按钮 */
.touch .form .line.sub_wrap {margin-top: 2.5rem;}
.touch .form .line.sub_wrap button {width: 12.5rem;height: 4.375rem;background: #63bb46;border-radius: .625rem; cursor: pointer;}


/* ======销售加盟===== */
.saleOne {padding: 7.5rem 0;}
.saleOne .left {width: 40%;}
.saleOne .right {width: 50%;}
.saleOne .text {margin-top: 2.5rem; line-height: 1.8;}
.saleOne .left .more {margin-top: 5rem;}
.saleOne .left .more1 {display: inline-flex; align-items: center; justify-content: center; border-radius: 1.875rem; padding: 1rem 1.875rem;}
.saleOne .left .more1 .icBox img { min-height: 1.5rem; margin-right: .625rem;}
.saleOne .left .more1 span {margin-right: 0;}
.saleOne li {display: flex; align-items: center; padding: 2.5rem 0;}
.saleOne li:first-child {padding-top: 0;}
.saleOne li .icBox {width: 5.875rem; height: 5.875rem; margin-right: 1.75rem; background: #6fba2c; border-radius: 50%; border-radius: 50%;  display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.saleOne li .icBox img {max-height: 50%; object-fit: contain;}
.saleOne li .p1 {font-size: var(--font26);}
.saleOne li .p2 {color: #868686; margin-top: .8rem;}

.saleTwo .list ul {gap: 2.5rem;}
.saleTwo .list li {padding: 2.5rem; padding-bottom: 3.125rem;}
.saleTwo .list li .icBox2 {height: 4.5rem;}
.saleTwo .list li .icBox2 img {max-height: 100%; min-height: 3.75rem;}
.saleTwo .list li .s_tit {margin: 3.125rem 0;}
.saleTwo .list li .s_text {line-height: 1.8;}

.saleThre {padding-bottom: 10rem;}
.saleThre .list li {display: block;}
.saleThre .list li .icBox {margin-bottom: 2.5rem;}
.saleThre .list .li_box dd {width: calc(100% / 4);}
.saleThre .list .li_box dd::after {height: 50%; top: 5%;}

.saleFive {background: #fff; padding: 8.75rem 0 10.625rem;}
.saleFive::before {display: none;}
.saleFive .left .tle .xian {width: 3.75rem; height: .375rem; background: #ffffff;border-radius: .188rem; margin-top: 1.875rem;}
.saleFive .left dl {margin-top: 9.375rem;}
.saleFive .left dd {display: flex; align-items: center; padding: 1rem 0;}
.saleFive .left dd .icBox {width: 1.875rem; margin-right: .625rem;}
.saleFive .left dd .icBox img {max-width: 100%; min-width: 1.563rem; object-fit: contain;}


/* ======关于我们===== */
.aboutBanner {position: relative;}
.aboutBanner .imgBox {overflow: hidden;}
.aboutBanner .imgBox img {width: 100%;}

.aboutOne {background: #eeefee; padding: 7.5rem 0 11.25rem; position: relative; overflow: hidden; z-index: 1;}
.aboutOne .A {position: absolute; z-index: -1; bottom: 0; width: 24%;}
.aboutOne .A img {width: 100%;}
.aboutOne .tle .p2 {line-height: 1;}
.aboutOne .tle .p2 span {position: relative; z-index: 1; display: inline-flex;}
.aboutOne .tle .p2 span i {position: absolute; width: 100%; height: .875rem; background: #6fba2c; bottom: 2px; left: 0;z-index: -1;}
/* .aboutOne .box_top {margin-top: 3.125rem;} */
.aboutOne .box_top .left {width: 48%;}
.aboutOne .box_top .imgBox {width: 36%; margin-right: 6%;}
.aboutOne .box_top .imgBox img {width: 100%;}
.aboutOne .box_top .text {margin-top: 2.5rem; line-height: 1.8;}
.aboutOne .box_bottom {margin-top: 3.125rem;}
.aboutOne .le {width: 50%;}
.aboutOne .re {width: 47%; position: relative; border-radius: 1rem;overflow: hidden;}
.aboutOne .re .videoBox , .aboutOne .re .imgBox {height: 100%; background: #000; display: flex; align-items: center;}
.aboutOne .re .videoBox .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne .re .videoBox .btn {cursor: pointer;}
.aboutOne .re .videoBox .icBox img {width: 6.25rem; height: 6.25rem; object-fit: contain;}
.aboutOne ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem;}
.aboutOne li {background: #ffffff; border-radius: 1rem; padding: 1.875rem 1rem; text-align: center;backdrop-filter: blur(5px);}
.aboutOne li .icBox {height: 3.125rem;}
.aboutOne li .icBox img {max-height: 100%; min-height: 2.5rem;}
.aboutOne li .num {margin-top: 1.875rem; display: flex; align-items: flex-end; justify-content: center; line-height: .9;}
.aboutOne li .counter {font-size: 5rem; font-weight: 700;}
.aboutOne li .dw {font-size: var(--font32); font-weight: 700;}
.aboutOne li .desc {color: #a8a8a8; font-size: var(--font18); display: block; margin-top: 1.25rem;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0; position: relative; overflow: hidden;}
.aboutTwo .w1600 {position: relative; z-index: 1;}
.aboutTwo .w1600 .logo {position: absolute; width: 100%; left: 0; top: -100%; text-align: center; opacity: .1; z-index: -1;}
.aboutTwo .w1600 .logo img {max-width: 100%;}
.aboutTwo .swiperBox {margin-top: 5rem; position: relative;}
.aboutTwo .swiper {--swiper-theme-color: #fff; position: static;}
.aboutTwo .swiper .slide_box {padding: 3.75rem 0; transform: scale(.75); text-align: center;  background: #fff;border-radius: .625rem;box-shadow: 0px 0px 1rem 0px rgba(69,69,69,0.15); transition: 1s; overflow: hidden;}
.aboutTwo .swiper .slide_box::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; opacity: 0.5; transition: .5s;}
.aboutTwo .swiper .slide .xian {margin-top: 1.25rem; display: inline-block;width: 2.875rem;height: .375rem;background: #6fba2c;border-radius: .188rem; transition: .5s; } 
.aboutTwo .swiper .slide .text {margin-top: 3.125rem; line-height: 2; transition: .5s;}
.aboutTwo .swiper .slide .p2 {transition: .5s;}
.aboutTwo .swiper .slide.swiper-slide-active .slide_box {transform: scale(1); background: #6fba2c; color: #fff;}
.aboutTwo .swiper .slide.swiper-slide-active .slide_box::after {opacity: 0;}
.aboutTwo .swiper .slide.swiper-slide-active .xian {background: #fff;}
.aboutTwo .swiper .slide.swiper-slide-active .text {color: #fff;}
.aboutTwo .swiper .slide.swiper-slide-active .p2 {color: #fff;}
/* 控件 */
.aboutTwo .pagtion {bottom: -2rem;}
.aboutTwo .swjt {left: 30%; right: auto;}
.aboutTwo .swjt i {font-size: var(--font40); color: #fff; transition: .5s;}
.aboutTwo .swiper-button-next {right: 30%;left: auto;}
@media (any-hover:hover) {
  .aboutTwo .swjt:hover i {color: #6fba2c;}
}

.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0; position: relative; overflow: hidden;}
.aboutThre .homeThre {background: none; padding: 3.75rem 0;}
.aboutThre .homeThre .list {margin-top: 3.75rem;}


/* 人才招聘 */
.joinDatelist {background: #eeefee;}
.joinDatelist .form {padding: 1.875rem 0 3.125rem; border-bottom: 1px solid rgba(191, 191, 191,.3);}
.joinDatelist .form .form-group {margin-top: 1.875rem;}
.joinDatelist .form .form-group .tit {min-width: 100px; text-align: right; font-size: var(--font20);font-weight: 700; flex-shrink: 0; margin-right: 1.875rem; margin-top: 1rem;}
.joinDatelist .form .form-group .form-item input {margin: .625rem;}
.joinDatelist .form .form-group .form-item .layui-form-checkbox[lay-skin=primary]>div {font-size: var(--font16); color: #666; }
.joinDatelist .form .form-group .form-item .layui-form-checkbox[lay-skin=primary] {margin-right: 1.875rem; margin-top: 1.25rem;}

.layui-form-checked[lay-skin=primary]>i { border-color: #6fba2c !important; background: #6fba2c;}
@media (any-hover: hover) {
  .layui-form-checkbox[lay-skin=primary]:hover>i {border-color: #6fba2c;}
}
.joinDatelist .list {padding: 4.375rem 0 9.375rem;}
.joinDatelist .list li {padding: 2.813rem 0; border-bottom: 1px solid rgba(191, 191, 191,.45); display: flex; justify-content: space-between; flex-wrap: wrap;}
.joinDatelist .list li .re {display: flex; align-items: flex-end; margin: 1.25rem 0;}
.joinDatelist .list li .p1 {margin-right: 1.25rem;}
.joinDatelist .list li .p2 {color: #929292;}
.joinDatelist .list li .info {margin-top: 1.25rem;}
.joinDatelist .list li .info p {color: #878787;}
.joinDatelist .list li .more a {padding: .875rem 1.5rem; background: #6fba2c; border-radius: 100px; color: #fff; transition: .5s; }
.joinDatelist .list li .more a i {transform: rotate(180deg);margin-left: .625rem;}
.joinDatelist .list li .more a:hover {background: #6fba2c; color: #fff; border-color: #6fba2c;}

/* =====新闻中心===== */
.newsOne {background: url(../images/newsOne-bj.jpg) no-repeat center; background-size: cover;padding: 5rem 0;}
.newsOne .left {width: 54%;border-radius: .625rem; overflow: hidden;}
.newsOne .right {width: 40%;}
.newsOne .left .item .imgBox img {width: 100%;}
.newsOne .left .item {display: none;}
.newsOne .left.layui-show {display: block;}
.newsOne .right li {padding: 2.5rem 0; border-bottom: 1px solid #E2E2E2;}
.newsOne .right li:last-child {border: none;}
.newsOne .right li .tit {color: #333; font-size: var(--font24); transition: .5s;}
.newsOne .right li .time {color: #929292; margin-top: .625rem;}
.newsOne .right li:hover .tit {color: #6fba2c;}

.newslist {padding: 5rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.125rem;}
.newslist li .imgBox {overflow: hidden;border-radius: 1.25rem;}
.newslist li .imgBox img {transition: .5s; width: 100%;}
.newslist li .info {padding: 2.5rem 0;}
.newslist li .time {color: #7e7e7e;}
.newslist li .more {margin-top: 2.5rem;}
.newslist li .more i {transform: rotate(180deg); font-weight: 700;}
@media (any-hover:hover) {
.newslist li:hover .imgBox img {transform: scale(1.1);}
}

/* ==新闻详情 */
.newsDateMain {background: #f9f9f9; }
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;font-weight: 700;line-height: 1.4;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #6fba2c; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 0;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background: linear-gradient(30deg,#6fba2c 0%, #71BB2E 100%); width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #6fba2c;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}

/* =====可持续中心===== */
.sustain {background: url(../images/cloudMap-bj.jpg) no-repeat center; background-size: cover;  padding: 7.5rem 0;}
.sustain .left {width: 30%;}
.sustain .right {width: calc(100% - 30% - 9.375rem); }
/* .sustain .left {margin-top: 3.75rem;} */
.sustain .left ul {}
.sustain .left ul li {padding: 1.5rem 0; border-bottom: 1px solid rgba(209, 209, 209,.5);}
.sustain .left ul li:first-child {padding-top: 0;}
.sustain .left ul li a {display: flex; justify-content: space-between; align-items: center;}
.sustain .left ul li .tit {font-size: var(--font20);color: #333333;}
.sustain .left ul li .time {color: #9d9d9d;}
@media (any-hover:hover) {
  .sustain .left ul li:hover .tit {color: #6fba2c;}
  .sustain .left ul li:hover .time {color: #6fba2c;}
}

.sustain .left ul li:nth-child(n+5) {display: none;}



.sustain #map {position: relative; display: block;}
.sustain #map .map_img img {width: 100%;}
.sustain #map li {display: flex; align-items: center;position: absolute;}
.sustain #map li .cirle {position: relative; margin-right: .625rem;}
.sustain #map li .cirle i {width: .5rem; height: .5rem; border-radius: 50%; background: #E80000;z-index: 1; display: block;}
.sustain #map li .cirle::after {content: ""; position: absolute; width: 1.25rem; height: 1.25rem; background: #E80000; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; animation: scalemap 2s linear infinite}
.sustain #map li .name {color: #454545;}
.sustain #map li .info {position: absolute; left: 100%; min-width: 16.25rem; max-width: 18.75rem; z-index: 2; padding-left: 1rem; opacity: 0; visibility: hidden; transition: .5s;}
.sustain #map li .info .info_con {padding: 1.875rem; background: #ffffff;border-radius: 6px;box-shadow: 0px 0px 17px 0px rgba(69,69,69,0.05); }
.sustain #map li .info .info_tit {font-size: var(--font20);text-shadow: 0px 0px 1rem 0px rgba(69,69,69,0.05); }
.sustain #map li .info .time {color: #9d9d9d;text-shadow: 0px 0px 17px 0px rgba(69,69,69,0.05); font-size: var(--font14); }
.sustain #map li .info .more {margin-top: 1.25rem;}
.sustain #map li .info .more a {display: flex; align-items: center;font-size: var(--font14);color: #6fba2c;}
.sustain #map li .info .more i {transform: rotate(180deg); margin-left: 1.25rem; font-weight: 700; font-size: .75rem; transition: .5s;}
@media (any-hover:hover) {
  .sustain #map li:hover .info {opacity: 1; visibility: visible;}
  .sustain #map li .info .more:hover i {margin-left: 1.5rem;}
}
.sustain #map li .info::after {content: '';position: absolute;border: .625rem solid transparent;border-right: .625rem solid #ffffff;left: 0;top: 50%;transform: translate(-20%, -50%);}

/* 1. 黑龙江 */
.sustain #map li.li1 {left: 67.01%; top: 14.33%; }
/* 2. 吉林 */
.sustain #map li.li2 {left: 73.19%;top: 24.64%; }
/* 3. 辽宁 */
.sustain #map li.li3 {left: 70.93%;top: 32.38%; }
/* 4. 内蒙古 */
.sustain #map li.li4 {left: 53.61%;top: 33.96%; }
/* 5. 北京 */
.sustain #map li.li5 {left: 61.86%;top: 36.39%; }
/* 6. 河北 */
.sustain #map li.li6 {left: 60.31%;top: 42.12%; }
/* 7. 山西 */
.sustain #map li.li7 {left: 56.91%;top: 47.13%; }
/* 8. 山东 */
.sustain #map li.li8 {left: 67.32%;top: 49.43%; }
/* 9. 河南 */
.sustain #map li.li9 {left: 58.56%;top: 54.44%; }
/* 10. 安徽 */
.sustain #map li.li10 {left: 63.92%;top: 60.17%; }
/* 11. 上海 */
.sustain #map li.li11 {left: 72.16%;top: 63.18%; }
/* 12. 江西 */
.sustain #map li.li12 {left: 62.78%;top: 71.78%; }
/* 13. 福建 */
.sustain #map li.li13 {left: 68.97%;top: 75.50%; }
/* 14. 海南 */
.sustain #map li.li14 {left: 53.61%;top: 93.41%; }

/* =====云工厂加盟地图===== */
.cloudMap {background: url(../images/cloudMap-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 5.25rem;}
.cloudMap .box {margin-top: 4.375rem; align-items: center;}
.cloudMap .left {width: calc(100% - 35.63% - 3.7rem);}
.cloudMap .right {width: 35.63%; }
.cloudMap .map_box {position: relative; }
.cloudMap .map_img img {width: 100%;}
.cloudMap .map_box li {position: absolute; display: flex; align-items: center;}
.cloudMap .map_box li .icBox {height: 1.875rem; width: 1.875rem;}
.cloudMap .map_box li .icBox svg {width: 100%; height: 100%;}
.cloudMap .map_box li .icBox svg path {fill:#bebebe; transition: .5s;}
.cloudMap .map_box li span {margin-left: .375rem; font-size: var(--font14); left: 100%; position: absolute; white-space: nowrap; z-index: 1; opacity: 0; visibility: hidden; transition: .5s; pointer-events: none;}
.cloudMap .map_box li.active .icBox svg path {fill:#6fba2c;}
.cloudMap .map_box li.active span {opacity: 1; visibility: visible;}
/* 云工厂位置 */
.cloudMap .li1 {left: 78.5%; top: 18%;}
.cloudMap .li2 {left: 62.9%;top: 36.2%;}
.cloudMap .li3 {left: 59%;top: 63%;}
.cloudMap .li4 {left: 65%;top: 46%;}
.cloudMap .li5 {left: 68%;top: 54%;}
.cloudMap .li6 {left: 67.8%;top: 63%;}
.cloudMap .li7 {left: 70.5%;top: 65%;}
.cloudMap .li8 {left: 55%;top: 61%;} 

.cloudMap .info {width: 79%;}
.cloudMap .info .item { padding: 3.5rem; background: rgba(255, 255, 255,.6);border-radius: 1rem;box-shadow: 0px 0px 1rem 0px rgba(69,69,69,0.05); display: none;}
.cloudMap .info .item .item_tit .tit {font-size: var(--font36);font-weight: 700;color: #333333;}
.cloudMap .info .item .item_tit i {display: block; margin-top: 1.25rem; width: 2.5rem; height: .438rem; background: #6fba2c;border-radius: .25rem;}
.cloudMap .info .item dl {margin-top: 3.125rem;}
.cloudMap .info .item dl dd {font-size: var(--font18); margin: 1rem 0; padding-left: 2rem; position: relative;background-size: 1.25rem !important;}
.cloudMap .info .item dl dd.dd1 {background: url(../images/cloudMap-info-icon1.png) no-repeat left center;}
.cloudMap .info .item dl dd.dd2 {background: url(../images/cloudMap-info-icon2.png) no-repeat left center;}
.cloudMap .info .item dl dd.dd3 {background: url(../images/cloudMap-info-icon3.png) no-repeat left center;}
.cloudMap .info .item.active {display: block;}