@charset "UTF-8";
/* 多语言切换bug */
.trp-language-switcher .trp-ls-shortcode-current-language{
    width: auto!important;
}
.trp-language-switcher .trp-ls-shortcode-language{
    width: auto!important;
}
/* 多语言切换样式优化 end */
/*header start*/
#menuWap {
  display: none;
}

/*header end*/
/*footer start*/
/*footer end*/

.navBox {
  display: none;
  position: fixed;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}
.navBox .navContentBox {
  padding: 9.89vw 5.2vw 5.2vw;
  z-index: 999;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 4vw;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.navBox .navContentBox > ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 50px;
  overflow-y: auto;
  flex: 1;
}
.navBox .menuQuickTools {
  display: none;
}
.navBox dl {
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transition: transform 0.6s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 3;
  background: #fff;
  padding: 10px 20px;
  text-align: center;
  border-radius: 8px;
}
.navBox dd {
  padding: 10px 0;
  text-align: left;
}
.navBox dd a {
  position: relative;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.navBox dd a::after {
  background-color: #6EB92B;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: 50% 50%;
  transition: transform 0.3s ease;
  width: 100%;
}
.navBox dd a:hover {
  color: #004EA2;
}
.navBox dd a:hover::after {
  transform: scaleX(1);
}
.navBox li:hover dl {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 100%) scaleY(1);
}
.navBox li:hover > a {
  color: #006835;
}
.navBox li a {
  display: flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
  color: #1A1A1A;
  gap: 30px;
}
.navBox li .a-svg{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.navBox li .a-svg a{
    flex: 1;
    display: flex;
    align-items: center;
}
.navBox li .a-svg .svg {
  width: 30px;
  cursor: pointer;
  height: 30px;
  transition: all 0.6s;
  transform: rotate(0deg);
  display: flex;
    align-items: center;
    justify-content: center;
}
.navBox li.cur > .a-svg .svg {
    transform: rotate(180deg);
}
.navBox li .a-svg .svg svg {
  width: 16px;
  height: auto;
}
.navBox li ul {
  display: none;
  flex-direction: column;
  gap: 15px;
  padding-left: 20px;
  margin-top: 15px;
}
.navBox li ul a {
  color: #333333;
}
.navBox .cur > ul {
  display: flex;
}

.navBox .cur > a {
  color: #006835;
}
splay: none;
}
.navBox .CopyrightNav {
  color: #1A1A1A;
  line-height: 14px;
}

.header .open {
  display: block;
}
.header .open .navContentBox {
  animation: slideInFromRight 0.4s ease-out;
}

@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}



.crumbs-box {
  padding: 12px 0;
}
.crumbs-box a {
  color: #bfbfbf;
  display: inline-block;
  transition: all 0.4s;
}
.crumbs-box a:hover {
  color: #B24249;
}
.crumbs-box i {
  display: inline-block;
  padding: 0 5px;
  color: #bfbfbf;
}
.crumbs-box span {
  color: #bfbfbf;
}
.productDetail-one-box .wpcvs-terms.wpcvs-type-color .wpcvs-term {
    width: 45px;
    height: 20px;
    background: #FEFAE9;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
}
.productDetail-one-box .wpcvs-terms.wpcvs-type-color .wpcvs-term .wpcvs-term-color {
    flex:1;
    border-radius: 5px;
    height: 100%;
    
}
.productDetail-one-box .wpcvs-terms .wpcvs-term .wpcvs-term-inner{
    height: 18px;
    line-height: 18px;
}
.productDetail-one-box .wpcvs-terms .wpcvs-term.wpcvs-selected .wpcvs-term-inner:before {
    display: none;
}
.productDetail-one-box .wpcvs-terms.wpcvs-type-color .wpcvs-selected {
    border-color:#006835;
}
.productDetail-one-box .wpcvs-attributes-stacked .wpcvs-attribute-label label {
    font-family: Gotu;
    font-size: 18px;
    color: #1A1A1A;
}

.productDetail-one-box .wpcvs-attribute-selected{
    font-family: Gotu;
    font-weight: 400;
    font-size: 10px;
    color: #1A1A1A;
}

.productDetail-one-box  .variations {
    display: flex;
   flex-direction: column;
    gap:20px;
}

.productDetail-one-box .wpcvs-attribute:nth-child(2) .wpcvs-terms.wpcvs-type-color .wpcvs-term,
.productDetail-one-box .wpcvs-attribute:nth-child(3) .wpcvs-terms.wpcvs-type-color .wpcvs-term{
   border: 1px solid #006835;
   border-radius: 5px 5px 5px 5px;
   line-height: 22px !important;
   height: 24px !important;
    font-family: Gotu, Gotu;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}
.productDetail-one-box .wpcvs-attribute:nth-child(2) .wpcvs-terms.wpcvs-type-button .wpcvs-term,
.productDetail-one-box .wpcvs-attribute:nth-child(3) .wpcvs-terms.wpcvs-type-button .wpcvs-term{
   line-height: 22px !important;
   height: 24px !important;
    font-family: Gotu, Gotu;
    font-weight: 400;
    font-size: 14px;
    color: #333333; 
    border-radius: 5px 5px 5px 5px;
}
.productDetail-one-box .wpcvs-attribute:nth-child(2) .wpcvs-terms .wpcvs-term .wpcvs-term-inner,
.productDetail-one-box .wpcvs-attribute:nth-child(3) .wpcvs-terms .wpcvs-term .wpcvs-term-inner{
    height: 100%;
    line-height: 22px;
    border-radius: 5px 5px 5px 5px;
}

.productDetail-one-box .wpcvs-attribute:nth-child(2) .wpcvs-attribute-selected {
    display: none;
}
.productDetail-one-box .qib-button-wrapper button.qib-button , 
.productDetail-one-box .qib-button-wrapper .quantity input.input-text.qty.text ,
.productDetail-one-box .qib-button-wrapper div.quantity.wqpmb_quantity{
    height: 26px !important;
    border:none;
    background: transparent;
}
.productDetail-one-box .qib-button-wrapper {
    width: 120px;
    height: 26px;
    background: #F8F8F8;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid rgba(0,0,0,0.2);
    margin:0;
}
.productDetail-one-box .single_add_to_cart_button {
    width: 120px;
    height: 26px;
    background: #006835;
    border-radius: 20px 20px 20px 20px;
    font-family: Gotu, Gotu;
    font-size: 12px;
    color: #FFFFFF;
    border:none;

}
.productDetail-one-box .woocommerce-variation-add-to-cart{
    margin-top:20px;
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}

.wpcvs-terms.wpcvs-type-color .wpcvs-term {
    width: 34px;
    height: 34px;
    padding:0;
}
.wpcvs-terms .wpcvs-term{
    height: fit-content;
    padding:0;
}
.wpcvs-terms.wpcvs-type-button .wpcvs-term{
    height: fit-content;
    line-height: auto;
}
/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
.ipd-20 {
  padding: 0 0px;
}

/* 内容区域宽度+40px */
.m-width-content {
  max-width: 1400px;
  margin: 0 auto;
}

/*置顶按钮 start*/
#toTop {
  width: 40px;
  height: 40px;
  left: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 999;
  background: #b24249;
}

/*置顶按钮 end*/
/*分页 start*/
.page-box {
  text-align: center;
}
.page-box .wp-pagenavi {
  display: flex;
  justify-content: center;
}
.page-box .wp-pagenavi a,
.page-box .wp-pagenavi span {
  display: flex;
  font-size: 18px;
  color: #999999;
  margin: 0 5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  line-height: 24px;
  justify-content: center;
  background: transparent;
  text-align: center;
  border:none;
  padding:0;
}
.page-box .wp-pagenavi .current {
  background: #006835;
  color: #fff;
  border-radius: 50%;
}

/*分页 end*/
#header {
  position: relative;
  z-index: 2;
}

.header-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 9999;
  background: #fff;
}
.header-box .logo .meidia-box {
  padding-bottom: 19.88636%;
  overflow: hidden;
  position: relative;
}
.header-box .logo .meidia-box img,
.header-box .logo .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.header-box .m-width-content {
  width: 100%;
}
.header-box .m-width-content .ipd-20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.header-box .nav-box {
  display: flex;
  flex: 1;
}
.header-box #menuWap {
  display: none;
}
.header-box #menuPc {
  width: 100%;
}
.header-box #menuPc dl {
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transition: transform 0.6s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 3;
  background: #fff;
  padding: 10px 20px;
  text-align: center;
  border-radius: 8px;
}
.header-box #menuPc dd {
  padding: 10px 0;
  text-align: left;
}
.header-box #menuPc dd a {
  position: relative;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.header-box #menuPc dd a::after {
  background-color: #6EB92B;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: 50% 50%;
  transition: transform 0.3s ease;
  width: 100%;
}
.header-box #menuPc dd a:hover {
  color: #004EA2;
}
.header-box #menuPc dd a:hover::after {
  transform: scaleX(1);
}
.header-box #menuPc li:hover dl {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 100%) scaleY(1);
}
.header-box #menuPc li a {
  display: flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}
.header-box #menuPc li a img {
  width: 17px;
  height: 17px;
  transition: all 0.3s;
  margin-top: 5px;
}
.header-box .search-box {
  display: flex;
  align-items: center;
  font-size: clamp(10.66667px, 0.83333vw, 16px);
  gap: clamp(26.66667px, 2.08333vw, 40px);
}
.header-box .whiteImg {
  display: none;
}
.header-box .searchImg {
  max-width: 20px;
}

.whiteNav .header-box {
  background: #FFFFFF;
  color: #333333;
  box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.08);
}
.whiteNav .header-box .fixed a {
  color: #333333;
}
.whiteNav .header-box .logoImg {
  display: none;
}
.whiteNav .header-box .whiteImg {
  display: block;
}

.banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  line-height: 1;
  margin: 0 auto;
  width: 100%;
}

.banner {
  position: relative;
}
.banner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}
.banner .btn {
  width: 190px;
  height: 52px;
  background: rgba(107, 188, 110, 0);
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 20px;
  box-sizing: border-box;
  font-family: Figtree;
  font-weight: 600;
  color: #FFFFFF;
  position: absolute;
  bottom: 4.12vw;
  left: clamp(66.66667px, 5.20833vw, 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  cursor: pointer;
}
.banner .bg-box .meidia-box {
  padding-bottom: 41.66667%;
  overflow: hidden;
  position: relative;
}
.banner .bg-box .meidia-box img,
.banner .bg-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.banner .absolutemg {
  position: absolute;
  right: 20px;
  bottom: 79px;
  background: rgba(0, 109, 155, 0.7);
  border-radius: 27px;
  padding: 10px 16px;
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  z-index: 99;
}
.banner .absolutemg .item1 {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.banner .absolutemg .item1:hover .leftBox {
  display: block;
  opacity: 1;
}
.banner .absolutemg .leftBox {
  opacity: 0;
  background: #fff;
  border-radius: 8px;
  background: #fff;
  padding: 10px 20px;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.banner .absolutemg .leftBox::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #fff;
}
.banner .centerbOX {
  background: rgba(0, 0, 0, 0.45);
  border-radius: 10px 10px 10px 10px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  padding: 20px 10px 20px 3.5vw;
  box-sizing: border-box;
  min-height: 345px;
  justify-content: center;
}
.banner .centerbOX .title {
  font-family: Roboto;
  font-weight: bold;
  position: relative;
  line-height: 59px;
  z-index: 2;
}
.banner .centerbOX .title::before {
  content: attr(data-text);
  /* 用自定义属性取文字，避免重复写 */
  position: absolute;
  top: -16px;
  left: 0;
  color: rgba(255, 255, 255, 0.2);
  /* 透明度0.3，和主文字同色 */
  transform: translate(2px, 2px) scale(1.02);
  font-size: clamp(30px, 2.34375vw, 45px);
  line-height: 59px;
  letter-spacing: 1.6px;
  z-index: 1;
}
.banner .centerbOX .desc {
  color: #FBFBFB;
  font-family: Open Sans;
  padding-left: 25px;
  margin-top: 38px;
  line-height: 30px;
  max-width: 1118px;
  box-sizing: border-box;
}
.banner .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.25);
  opacity: 1;
}
.banner .swiper-pagination-bullet-active {
  background: #fff;
}
.banner .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -18px;
  transform: translateY(100%);
}

.customerBanner .centerbOX .desc {
  margin-top: 19px;
  line-height: 31px;
}
.customerBanner .bg-box .meidia-box {
  padding-bottom: 31.25%;
  overflow: hidden;
  position: relative;
}
.customerBanner .bg-box .meidia-box img,
.customerBanner .bg-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.pd30 {
  padding-bottom: 30px;
}

.banner .bottomImg {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  bottom: 30px;
  z-index: 2;
  cursor: pointer;
}

.productBanner .bg-box .meidia-box {
  padding-bottom: 36.30208%;
  overflow: hidden;
  position: relative;
}
.productBanner .bg-box .meidia-box img,
.productBanner .bg-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}

body, input, select, button, textarea {
  font-size: clamp(12px, 0.9375vw, 18px);
}

.f-8 {
  font-size: 8px;
}

.f-10 {
  font-size: 10px;
}

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}

.f-15 {
  font-size: clamp(10px, 0.78125vw, 15px);
}

.f-16 {
  font-size: clamp(10.66667px, 0.83333vw, 16px);
}

.f-18 {
  font-size: clamp(12px, 0.9375vw, 18px);
}

.f-19 {
  font-size: clamp(12.66667px, 0.98958vw, 19px);
}

.f-20 {
  font-size: clamp(13.33333px, 1.04167vw, 20px);
}

.f-22 {
  font-size: clamp(14.66667px, 1.14583vw, 22px);
}

.f-24 {
  font-size: clamp(16px, 1.25vw, 24px);
}

.f-25 {
  font-size: clamp(16.66667px, 1.30208vw, 25px);
}

.f-26 {
  font-size: clamp(17.33333px, 1.35417vw, 26px);
}

.f-27 {
  font-size: clamp(18px, 1.40625vw, 27px);
}

.f-28 {
  font-size: clamp(18.66667px, 1.45833vw, 28px);
}

.f-30 {
  font-size: clamp(20px, 1.5625vw, 30px);
}

.f-32 {
  font-size: clamp(21.33333px, 1.66667vw, 32px);
}

.f-34 {
  font-size: clamp(22.66667px, 1.77083vw, 34px);
}

.f-36 {
  font-size: clamp(24px, 1.875vw, 36px);
}

.f-38 {
  font-size: clamp(25.33333px, 1.97917vw, 38px);
}

.f-40 {
  font-size: clamp(26.66667px, 2.08333vw, 40px);
}

.f-42 {
  font-size: clamp(28px, 2.1875vw, 42px);
}

.f-45 {
  font-size: clamp(30px, 2.34375vw, 45px);
}
.f-46 {
  font-size: clamp(30px, 2.34375vw, 46px);
}

.f-48 {
  font-size: clamp(32px, 2.5vw, 48px);
}

.f-55 {
  font-size: clamp(36.66667px, 2.86458vw, 55px);
}

.f-56 {
  font-size: clamp(36.66667px, 2.86458vw, 55px);
}

.f-52 {
  font-size: clamp(34.66667px, 2.70833vw, 52px);
}

.f-60 {
  font-size: clamp(40px, 3.125vw, 60px);
}
.f-64 {
  font-size: clamp(42.66667px, 3.33333vw, 64px);
}

.f-68 {
  font-size: clamp(45.33333px, 3.54167vw, 68px);
}

.f-70 {
  font-size: clamp(46.66667px, 3.64583vw, 70px);
}

.f-72 {
  font-size: clamp(48px, 3.75vw, 72px);
}

.f-86 {
  font-size: clamp(57.33333px, 4.47917vw, 86px);
}

.f-90 {
  font-size: clamp(60px, 4.6875vw, 90px);
}
.f-250 {
  font-size: clamp(166.66667px, 13.02083vw, 250px);
}
.f-160 {
  font-size: clamp(100px, 13.02083vw, 160px);
}

.header-box {
  background: #EFEFEF;
}

.headerTopFlex {
  display: flex;
  justify-content: space-between;
  height: 60px;
  align-items: center;
  position: relative;
  width: 100%;
}
.headerTopFlex a {
  line-height: 0;
}
.headerTopFlex .absoluteImg {
  position: absolute;
  left: 0;
  width: 32.7vw;
  top: 0;
  height: 100%;
}
.headerTopFlex .leftFlex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  position: relative;
  z-index: 2;
  padding-left: 12px;
}
.headerTopFlex .rightFlex {
  display: flex;
  align-items: center;
  gap: 14px;
}
.headerTopFlex .rightItem {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
}
.headerTopFlex .rightItem:nth-child(3) {
  margin-left: 9px;
}
.headerTopFlex .rightItem a {
  color: #333333;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.fbold {
  font-weight: bold;
}

.f-500 {
  font-weight: 500;
}

.f-600 {
  font-weight: 600;
}

.footerfixedRight {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 99999;
  padding: 60px 32px 40px;
  background: #006835;
  border-radius: 0px 50px 0px 0px;
}
.hideFooterRight {
    display: none;
}
.footerfixedRight .isShowHrefTop {
  display: none;
}

.fb600 {
  font-weight: 600;
}

.loading {
  padding-top: 0px;
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.loading .bg-box {
  height: 100vh;
}
.loading .bg-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.loading .bg-box .meidia-box {
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.loading .bg-box .meidia-box img,
.loading .bg-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.loading .topContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 104, 53, 0.8);
}
.loading .contentbOX {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
}
.loading .bgImg img {
  width: 100%;
}
.loading .absoluteImg {
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.loading .absoluteImg img {
  width: 100%;
  opacity: 0;
  transform: translateY(24px);
  animation: loading3Enter 0.9s ease-out 0.25s forwards;
}
.loading .flexLine {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.loading .flexLine a {
  font-family: Gotu;
  font-weight: 400;
  font-size: 16px;
  color: #F9EBAC;
  line-height: 16px;
  padding: 0 7px;
  position: relative;
}
.loading .flexLine a::after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 10px;
  background: #F9EBAC;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.loading .flexLine a:last-child::after {
  display: none;
}

.headerContent {
  width: 100%;
  background: #006835;
  /*height: 50px;*/
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.headerContent .headerNotice {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.headerContent .headerNoticeTrack {
  display: inline-flex;
  align-items: center;
  animation: headerNoticeScroll 18s linear infinite;
}
.headerContent .headerNotice:hover .headerNoticeTrack,
.headerContent .headerNoticeTrack:hover {
  animation-play-state: paused;
}
.headerContent .headerNoticeTrack span a{
  color: #fff;
  font-size: 14px;
  line-height: 1;
  margin-right: 60px;
}

.contentVh {
  height: 100vh;
  box-sizing: border-box;
}

.banner {
  height: 100vh;
}
.banner .swiper-slide {
  height: 100%;
}
.banner .oneSwiper .meidia-box {
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.banner .oneSwiper .meidia-box img,
.banner .oneSwiper .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.banner .oneSwiper .meidia-box,
.banner .oneSwiper .bg-box {
  height: 100%;
  box-sizing: border-box;
}
.banner .oneSwiper .topBox {
  position: absolute;
  top: 50%;
  left: 14vw;
  transform: translateY(-50%);
}
.banner .oneSwiper .sTitle {
  line-height: 1;
  margin-bottom: 39px;
}
.banner .oneSwiper .learnMore {
  margin-top: 6.4vw;
}
.banner .twoSwiper,
.banner .threeSwiper {
  background: #fff;
  padding: 0 8.6vw 0 13.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #1A1A1A;
  position: relative;
}
.banner .twoSwiper .sTitle,
.banner .threeSwiper .sTitle {
  max-width: 1251px;
}
.banner .twoSwiper .desc,
.banner .threeSwiper .desc {
  max-width: 502px;
}
.banner .twoSwiper .uT,
.banner .threeSwiper .uT {
  margin-top: 2.5vw;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 8px;
}
.banner .twoSwiper ul,
.banner .threeSwiper ul {
  display: flex;
  gap: 30px;
  max-width: 47.9vw;
}
.banner .twoSwiper .p-item,
.banner .threeSwiper .p-item {
  border: 1px solid #999999;
  border-radius: 5px 5px 5px 5px;
  display: block;
  color: #1A1A1A;
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
}
.banner .twoSwiper .p-item div,
.banner .threeSwiper .p-item div {
  line-height: 20px;
}
.banner .twoSwiper .p-item div:first-child,
.banner .threeSwiper .p-item div:first-child {
  line-height: 24px;
  padding: 4px 0 6px;
}
.banner .twoSwiper .flexBtn,
.banner .threeSwiper .flexBtn {
  display: flex;
  gap: 30px;
  margin-top: 3vw;
}
.banner .twoSwiper .cur,
.banner .threeSwiper .cur {
  background: #006835;
  color: #FFFFFF;
}
.banner .twoSwiper .absoluteImg,
.banner .threeSwiper .absoluteImg {
  position: absolute;
  bottom: 0;
  right: 8.6vw;
  height: 38vw;
  background: #EFEFEF;
  border-radius: 150px 0px 30px 0px;
  width: 27.5vw;
}
.banner .twoSwiper .absoluteImg img,
.banner .threeSwiper .absoluteImg img {
  position: absolute;
  left: -4.89vw;
  bottom: 2.7vw;
  width: 29.16vw;
}
.banner .threeSwiper {
  padding: 0px 12.5vw 0 13.54vw;
  /*margin-top:110px;*/
}
.banner .threeSwiper .absoluteImg {
  bottom: none;
  top: 68%;
  transform: translateY(-50%);
  right: 7.5vw;
  background: none;
  width: 37.815vw;
}
.banner .threeSwiper .absoluteImg img {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: none;
}
.banner .threeSwiper .learnMore {
  margin-top: 5.885vw;
}
.banner .fourSwiper {
  padding: 110px 12.5vw 0;
  display: flex;
  align-items: center;
}
.banner .fourSwiper .contentBox {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  gap: 3vw;
}
.banner .fourSwiper .leftBox {
  display: flex;
  align-items: baseline;
  gap: 40px;
}
.banner .fourSwiper .meidia-box {
  opacity:0;
}
.banner .fourSwiper .imgBox {
  height: -moz-fit-content;
  height: fit-content;
  width: 20.833vw;
  min-height: 31.25vw;
  background: #006835;
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  color: #FFFFFF;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
}
.banner .fourSwiper .imgBox img {
  width: 100px;
  margin-bottom: 5px;
}
.banner .fourSwiper .imgBox .meidia-box {
  padding-bottom: 195%;
  overflow: hidden;
  position: relative;
  transition: all 0.6s ease-in-out;
}
.banner .fourSwiper .imgBox .meidia-box img,
.banner .fourSwiper .imgBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.banner .fourSwiper .imgBox .absoluteTop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding:clamp(26.66667px, 2.08333vw, 40px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.banner .fourSwiper .cur .meidia-box {
  opacity:1;
}
.banner .fourSwiper .rightItem {
  display: flex;
  flex-direction: column;
  gap: 30px;
  opacity: 0;
  transition: all 0.2s;
  visibility: hidden;
  display: none;
}
.banner .fourSwiper .rightItem .topImg {
  width: 4vw;
  margin-bottom: 3vw;
  margin-top: 3.125vw;
}
.banner .fourSwiper .active {
  display: flex;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-height: 700px) {
    
    .banner .fourSwiper .imgBox{
        height:auto;
        min-height:auto;
    }
    .banner .fourSwiper .imgBox.cur .meidia-box{
        padding-bottom:150%;
    }
    .banner .fourSwiper .imgBox .meidia-box{
        padding-bottom:100%;
    }
}
/* bannerB PC 入场交互 */
@media screen and (min-width: 1024px) {
  #page > .bannerB {
    --banner-ease-soft: cubic-bezier(0.2, 0.78, 0.2, 1);
    --banner-ease-out: cubic-bezier(0.18, 0.86, 0.32, 1);
  }

  #page > .bannerB .swiper-slide .oneSwiper .sTitle,
  #page > .bannerB .swiper-slide .oneSwiper .topBox .ipd-20 > div,
  #page > .bannerB .swiper-slide .oneSwiper .learnMore,
  #page > .bannerB .swiper-slide .threeSwiper .sTitle,
  #page > .bannerB .swiper-slide .threeSwiper .desc,
  #page > .bannerB .swiper-slide .threeSwiper .learnMore,
  #page > .bannerB .swiper-slide .fourSwiper .leftBox .imgBox,
  #page > .bannerB .swiper-slide .fourSwiper .rightItem .topImg,
  #page > .bannerB .swiper-slide .fourSwiper .rightItem .title,
  #page > .bannerB .swiper-slide .fourSwiper .rightItem .learnMore {
    opacity: 0;
    filter: blur(5px);
    transform: translate3d(0, 56px, 0) scale(0.985);
    transition: opacity 0.78s var(--banner-ease-soft), transform 0.98s var(--banner-ease-out), filter 0.88s var(--banner-ease-soft);
    will-change: opacity, transform, filter;
  }

  #page > .bannerB .swiper-slide .threeSwiper .absoluteImg {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(48px, -50%, 0) scale(0.95);
    transition: opacity 0.9s var(--banner-ease-soft), transform 1.1s var(--banner-ease-out), filter 0.9s var(--banner-ease-soft);
    will-change: opacity, transform, filter;
  }

  #page > .bannerB .swiper-slide .oneSwiper .sTitle,
  #page > .bannerB .swiper-slide .threeSwiper .sTitle {
    opacity: 0;
    filter: blur(10px);
    transform: translate3d(0, 88px, 0) scale(0.92);
    letter-spacing: 0.03em;
    transition: opacity 0.92s var(--banner-ease-soft), transform 1.12s var(--banner-ease-out), filter 0.92s var(--banner-ease-soft), letter-spacing 0.92s var(--banner-ease-soft);
  }

  #page > .bannerB .swiper-slide.is-entered .oneSwiper .sTitle,
  #page > .bannerB .swiper-slide.is-entered .oneSwiper .topBox .ipd-20 > div,
  #page > .bannerB .swiper-slide.is-entered .oneSwiper .learnMore,
  #page > .bannerB .swiper-slide.is-entered .threeSwiper .sTitle,
  #page > .bannerB .swiper-slide.is-entered .threeSwiper .desc,
  #page > .bannerB .swiper-slide.is-entered .threeSwiper .learnMore,
  #page > .bannerB .swiper-slide.is-entered .fourSwiper .leftBox .imgBox,
  #page > .bannerB .swiper-slide.is-entered .fourSwiper .rightItem .topImg,
  #page > .bannerB .swiper-slide.is-entered .fourSwiper .rightItem .title,
  #page > .bannerB .swiper-slide.is-entered .fourSwiper .rightItem .learnMore {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
  #page > .bannerB .swiper-slide.is-entered .threeSwiper .absoluteImg{
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, -50%, 0) scale(1);
  }
  #page > .bannerB .swiper-slide.is-entered .oneSwiper .sTitle,
  #page > .bannerB .swiper-slide.is-entered .threeSwiper .sTitle {
    letter-spacing: 0;
  }

  #page > .bannerB .swiper-slide.is-entered .oneSwiper .sTitle,
  #page > .bannerB .swiper-slide.is-entered .threeSwiper .sTitle {
    transition-delay: 0.05s;
  }

  #page > .bannerB .swiper-slide.is-entered .oneSwiper .topBox .ipd-20 > div:nth-child(2),
  #page > .bannerB .swiper-slide.is-entered .threeSwiper .desc {
    transition-delay: 0.2s;
  }

  #page > .bannerB .swiper-slide.is-entered .oneSwiper .learnMore,
  #page > .bannerB .swiper-slide.is-entered .threeSwiper .learnMore {
    transition-delay: 0.34s;
  }

  #page > .bannerB .swiper-slide.is-entered .threeSwiper .absoluteImg {
    transition-delay: 0.16s;
  }

  #page > .bannerB .swiper-slide.is-entered .fourSwiper .leftBox .imgBox:nth-child(1) {
    transition-delay: 0.08s;
  }

  #page > .bannerB .swiper-slide.is-entered .fourSwiper .leftBox .imgBox:nth-child(2) {
    transition-delay: 0.18s;
  }

  #page > .bannerB .swiper-slide.is-entered .fourSwiper .leftBox .imgBox:nth-child(3) {
    transition-delay: 0.28s;
  }

  #page > .bannerB .swiper-slide.is-entered .fourSwiper .rightItem .topImg {
    transition-delay: 0.24s;
  }

  #page > .bannerB .swiper-slide.is-entered .fourSwiper .rightItem .title {
    transition-delay: 0.34s;
  }

  #page > .bannerB .swiper-slide.is-entered .fourSwiper .rightItem .learnMore {
    transition-delay: 0.46s;
  }

  #page > .bannerB .swiper-slide-prev .oneSwiper .sTitle,
  #page > .bannerB .swiper-slide-next .oneSwiper .sTitle,
  #page > .bannerB .swiper-slide-prev .threeSwiper .sTitle,
  #page > .bannerB .swiper-slide-next .threeSwiper .sTitle,
  #page > .bannerB .swiper-slide-prev .fourSwiper .rightItem .title,
  #page > .bannerB .swiper-slide-next .fourSwiper .rightItem .title {
    opacity: 0.28;
    filter: blur(2px);
    transform: translate3d(0, 24px, 0) scale(0.99);
    transition-duration: 0.56s;
    transition-delay: 0s;
  }
}

@media (prefers-reduced-motion: reduce) {
  #page > .bannerB .swiper-slide .oneSwiper .sTitle,
  #page > .bannerB .swiper-slide .oneSwiper .topBox .ipd-20 > div,
  #page > .bannerB .swiper-slide .oneSwiper .learnMore,
  #page > .bannerB .swiper-slide .threeSwiper .sTitle,
  #page > .bannerB .swiper-slide .threeSwiper .desc,
  #page > .bannerB .swiper-slide .threeSwiper .learnMore,
  #page > .bannerB .swiper-slide .threeSwiper .absoluteImg,
  #page > .bannerB .swiper-slide .fourSwiper .leftBox .imgBox,
  #page > .bannerB .swiper-slide .fourSwiper .rightItem .topImg,
  #page > .bannerB .swiper-slide .fourSwiper .rightItem .title,
  #page > .bannerB .swiper-slide .fourSwiper .rightItem .learnMore {
    transition: none !important;
    filter: none !important;
    transform: none !important;
  }
}
.learnMore, .learnMorCur {
  border-radius: 25px;
  border: 1px solid #006835;
  padding: 0px 20px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #006835;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.2s;
  cursor: pointer;
  box-sizing: border-box;
}
.learnMore:hover, .learnMorCur:hover {
  transform: scale(1.1);
}

.learnMorCur {
  background: #006835;
  COLOR: #FFF;
}

.mm-menu.mm-offcanvas {
  z-index: 999999999;
  top: 110px;
  background: #fff;
}
.mm-menu.mm-offcanvas .mm-panels > .mm-panel {
  padding: 0;
}
.mm-menu.mm-offcanvas .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin: 0;
}
.mm-menu.mm-offcanvas .mm-menu, .mm-menu.mm-offcanvas .mm-panels {
  left: 5.2vw;
}
.mm-menu.mm-offcanvas .mm-panels > .mm-panel > .mm-listview {
  margin: 0;
}
.mm-menu.mm-offcanvas .mm-vertical .mm-listview .mm-panel, .mm-menu.mm-offcanvas .mm-listview .mm-vertical .mm-panel {
  padding: 15px 0 0px 16px;
}
.mm-menu.mm-offcanvas .mm-listview > li > a,
.mm-menu.mm-offcanvas .mm-listview > li > span {
  padding: 0;
  line-height: 31px;
}
.mm-menu.mm-offcanvas .mm-listview > li > a:hover {
  color: #006835;
}
.mm-menu.mm-offcanvas .mm-listview .mm-opened > a {
  color: #006835;
}
.mm-menu.mm-offcanvas .mm-listview > li:hover > .mm-next:after {
  border-color: #006835;
}
.mm-menu.mm-offcanvas .mm-listview > li {
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 30px;
}
.mm-menu.mm-offcanvas .mm-listview > li::after {
  display: none;
}
.mm-menu.mm-offcanvas .mm-panel li {
  margin-bottom: 15px;
}
.mm-menu.mm-offcanvas .mm-title {
  display: none;
}
.mm-menu.mm-offcanvas .mm-listview > li > a,
.mm-menu.mm-offcanvas .mm-listview > li > span {
  font-family: Gotu;
  color: #1A1A1A;
}
.mm-menu.mm-offcanvas .mm-navbar {
  border: none;
}
.mm-menu.mm-offcanvas .mm-listview .mm-next:before {
  border: none;
}
.mm-menu.mm-offcanvas .mm-listview > li .mm-next:after {
  transform: rotate(45deg);
  border: 4px solid transparent;
  border-top: 0;
  border-left: 0;
  border-color: #999999;
}
.mm-menu.mm-offcanvas .mm-listview .mm-next {
  right: -15px;
}
.mm-menu.mm-offcanvas .mm-listview .mm-next {
  height: 31px;
}
.mm-menu.mm-offcanvas .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-offcanvas .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
  background: none;
}
.mm-menu.mm-offcanvas .mm-listview > li.mm-opened.mm-vertical > a.mm-next {
  background: none;
}
.mm-menu.mm-offcanvas .mm-listview > li .mm-next:after {
  bottom: transparent;
  bottom: 50%;
  transform: rotate(45deg) translateY(-50%) !important;
  transition: all 0.2s;
}
.mm-menu.mm-offcanvas .mm-listview .mm-opened > .mm-next:after {
  transform: rotate(225deg) translateY(-50%) !important;
  border-color: #006835;
}

.mm-slideout {
  transform: translateX(0) !important;
}

html.mm-blocking #mm-blocker {
  background: rgba(0, 0, 0, 0.5);
  top: 110px;
}

.mm-opened #menuWap {
  display: block;
}

#menuWap::after {
  content: "Copyright © 2026 RINSUN ECOAll Rights Reserved.";
  position: absolute;
  bottom: 25px;
  left: 25px;
  color: #1A1A1A;
  font-size: 10px;
  width: 8vw;
  min-width: 153px;
  line-height: 14px;
}

.headTitle {
  color: #1A1A1A;
  text-align: left;
}

.headDesc {
  color: #1A1A1A;
}

.index-one-box {
  padding: 5.2vw 0;
  color: #1A1A1A;
}
.index-one-box .headTitle {
  padding-bottom: 19px;
}
.index-one-box .headDesc {
  max-width: 798px;
  margin-bottom: 2.5vw;
}
.index-one-box .bottomSwiper {
  display: flex;
  justify-content: space-between;
}
.index-one-box .rightBoxSwiper {
  text-align: right;
  max-width: 11.8vw;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 5.2vw;
}
.index-one-box .rightBoxSwiper .meidia-box {
  padding-bottom: 182.81938%;
  overflow: hidden;
  position: relative;
}
.index-one-box .rightBoxSwiper .meidia-box img,
.index-one-box .rightBoxSwiper .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-one-box .rightBoxSwiper .swiper-pagination-bullet {
  width: 30px;
  height: 30px;
  opacity: 1;
  background: none;
  position: relative;
}
.index-one-box .rightBoxSwiper .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(0, 0, 0, 0.2);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.index-one-box .rightBoxSwiper .swiper-pagination {
  display: flex;
  align-items: center;
  position: static;
  width: -moz-fit-content;
  width: fit-content;
}
.index-one-box .rightBoxSwiper .swiper-pagination-bullet-active {
  width: 30px;
  height: 30px;
  border: 1px solid #006835;
  position: relative;
  background: none;
}
.index-one-box .rightBoxSwiper .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #006835;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.index-one-box .rTITL {
  margin: 25px 0 10px;
}
.index-one-box .leftBoxSwipe {
  width: 31.25vw;
}
.index-one-box .leftBoxSwipe .meidia-box {
  padding-bottom: 133.33333%;
  overflow: hidden;
  position: relative;
}
.index-one-box .leftBoxSwipe .meidia-box img,
.index-one-box .leftBoxSwipe .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-one-box .flexBottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 3.25vw;
}
.index-one-box .swiper-button-next1 {
  display: flex;
  align-items: center;
}
.index-one-box .readMore{
    margin-bottom: 0;
}
.readMore {
    width: 216px;
    height: 54px;
    background: #004EA2;
    border-radius: 5px 5px 5px 5px;
    font-weight: 600;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    cursor: pointer;
    margin: clamp(33.33333px, 2.60417vw, 50px) auto;
    transition: all 0.6s;
}

.index-two-box {
  padding: 3.125vw 0 5.2vw;
}
.index-two-box .headTitle {
  display: flex;
  align-items: baseline;
  gap: 4vw;
  margin-bottom: 30px;
}
.index-two-box .hotSwll {
  display: flex;
  gap: 10px;
}
.index-two-box .item {
  flex-shrink: 0;
  width: 6.25vw;
  height: 560px;
  border-radius: 10px;
  overflow: hidden;
  transition: width 0.6s ease;
  position: relative;
  cursor: pointer;
}
.index-two-box .item img {
  width: 100%;
  height: 100%;
  -o-object-position: right center;
     object-position: right center;
     object-fit: cover;
}
.index-two-box .item-info {
  position: absolute;
  left: 2.5vw;
  bottom: 2.5vw;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
}
.index-two-box .item-info a{
    color:#fff;
}
.index-two-box .item-info p {
  width: 54%;
  margin-top: 7px;
}
.index-two-box .active {
  width: calc(100% - 18.75vw - 30px);
}
.index-two-box .active::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  z-index: 2;
}
.index-two-box .active .item-info {
  opacity: 1;
  transition-delay: 0.6s;
}

.navLinkBox {
  padding-top: 105px;
  color: #999999;
}
.navLinkBox a {
  color: #999999;
}
.navLinkBox a:hover {
  color: #006835;
}

.topButton {
  height: 30px;
  background: #006835;
  border-radius: 5px 5px 5px 5px;
  padding: 0 2.86vw;
  color: #FFFFFF;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.about-one-box {
  padding: 3.38vw 13.5vw 8.33vw;
  color: #1A1A1A;
}
.about-one-box .headTitle {
  margin: 10px 0 30px;
}
.about-one-box .flexBox {
  display: flex;
  gap: 20px;
  padding-right: 5.78vw;
}
.about-one-box .rightBox {
  width: 37.39vw;
}
.about-one-box .rightBox .meidia-box {
  padding-bottom: 48.46797%;
  overflow: hidden;
  position: relative;
}
.about-one-box .rightBox .meidia-box img,
.about-one-box .rightBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.about-one-box .rightBox {
  position: relative;
}
.about-one-box .rightBox .meidia-box {
  border-radius: 15px;
  overflow: hidden;
}
.about-one-box .rightBox .meidia-box:hover img {
  transform: scale(1.1);
}
.about-one-box .absoluteImg {
  position: absolute;
  top: -2.3vw;
  right: -3.4vw;
  width: 6.458vw;
  height: 6.458vw;
}
.about-one-box .absoluteImg img {
  width: 100%;
  height: 100%;
}
.about-one-box .leftFlex {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.about-one-box .leftFlex div {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
}
.about-one-box .flexBtn {
  display: flex;
  gap: 30px;
}

.about-two-box {
  background: #F8F8F8;
  padding: 4.5vw 5.72vw 5vw 4.5vw;
  margin: 0 7.81vw 0 8.85vw;
}
.about-two-box .headTitle {
  line-height: 1.7;
}
.about-two-box .flexContent {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width:51.25vw;
  width: 100%;
  /*min-width: 500px;*/
}
.about-two-box .flexBtn {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.86vw;
}
.about-two-box .learnMorCur {
  padding: 0 2.86vw;
}
.about-two-box .stats-container {
  display: flex;
  gap: 10px; /* 消除容器间隙 */
  margin-left: 3.125vw;
  /* 左侧单列 */
}
.about-two-box .stats-container .col-left {
  flex: none;
  width: 13.54vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 34px 30px 25px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
}
.about-two-box .stats-container .number {
  color: #006633;
  margin-bottom: 60px;
}
.about-two-box .stats-container .label {
  color: #006633;
  line-height: 1.4;
}
.about-two-box .stats-container {
  /* 右侧双列容器 */
}
.about-two-box .stats-container .col-right {
  flex: 1;
  display: flex;
  gap: 10px 11px;
  flex-wrap: wrap;
}
.about-two-box .stats-container .row {
  display: flex;
  gap: 10px;
  width: calc((100% - 11px) / 2);
}
.about-two-box .stats-container .row .left {
  flex: 1;
}
.about-two-box .stats-container .row .left .meidia-box {
  padding-bottom: 84.55598%;
  overflow: hidden;
  position: relative;
}
.about-two-box .stats-container .row .left .meidia-box img,
.about-two-box .stats-container .row .left .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.about-two-box .stats-container .row .left:hover img {
  transform: scale(1.1);
}
.about-two-box .stats-container .row .meidia-box {
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
}
.about-two-box .stats-container .row .card {
  flex: 1;
  border-radius: 15px;
  background: #F9EBAC;
  padding: 29px 0px 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #006835;
  box-sizing: border-box;
}
.about-two-box .stats-container .row .number {
  margin-bottom: 0;
  padding-left: 20px;
}
.about-two-box .stats-container .row .label {
  padding-left: 49px;
}
.about-two-box .stats-container .row:nth-child(3), .about-two-box .stats-container .row:nth-child(4) {
  flex-direction: row-reverse;
}
.about-two-box .stats-container .row:nth-child(3) .card, .about-two-box .stats-container .row:nth-child(4) .card {
  background: #006835;
}
.about-two-box .stats-container .row:nth-child(3) .number, .about-two-box .stats-container .row:nth-child(3) .label, .about-two-box .stats-container .row:nth-child(4) .number, .about-two-box .stats-container .row:nth-child(4) .label {
  color: #F9EBAC;
}

.about-three-box {
  padding: 8.33vw 0 8.75vw;
  text-align: center;
  color: #1A1A1A;
}
.about-three-box .headTitle {
  line-height: 1.7;
  margin: 5px 0 0px;
  text-align: center;
}
.about-three-box .topButton {
  margin: 0 auto;
}
.about-three-box .meidia-box {
  padding-bottom: 69.44444%;
  overflow: hidden;
  position: relative;
}
.about-three-box .meidia-box img,
.about-three-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.about-three-box .itemBox {
  margin-top: 34px;
}
.about-three-box .aboutSwiper {
  margin-top: 16px;
}
.about-three-box .meidia-box {
  border-radius: 10px;
  overflow: hidden;
}

.about-four-box {
  color: #1A1A1A;
  padding: 0 0px 7vw;
  text-align: center;
  line-height: 1.7;
}
.about-four-box .headTitle {
  margin: 5px 0 0px;
  text-align: center;
}
.about-four-box .topButton {
  margin: 0 auto;
}
.about-four-box .text {
  margin-top: 16px;
}
.about-four-box .aboutFourSwiper {
  position: relative;
  margin-top: 35px;
  padding: 0 40px;
}
.about-four-box .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.about-four-box .meidia-box img,
.about-four-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.about-four-box .swiper-slide {
  opacity: 0.2;
  transition: all 0.3s ease;
  position: relative;
  width: 17.424%;
  transition: all 0s;
}
.about-four-box .text {
  opacity: 0;
  transition: all 0.3s ease;
}
.about-four-box .swiper-slide{
  opacity: 0.5;
  transition: all 0.6s;
  transform: scale(0.9);
}
.about-four-box .avatar-wrapper{
    padding:20px;
}
.about-four-box .swiper-slide-active {
    opacity:1;
    transform: scale(1);
}
.about-four-box .swiper-slide-active .avatar-wrapper {
  padding:20px;
}
.about-four-box .swiper-slide-active .text {
  opacity: 1;
}
.about-four-box .avatar-wrapper {
    position: relative;
}
.about-four-box .avatar-wrapper::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px dashed #006835;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transition: all 0.6s;
  transform: scale(0.9);
}
.about-four-box .swiper-slide-active .avatar-wrapper::after {
  opacity: 1;
  transform: scale(1);
}
.about-four-box .swiper-button-next,
.about-four-box .swiper-button-prev {
  width: 48px;
  height: 48px;
  background: #006835;
  border-radius: 50%;
  color: #fff;
  transform: translateY(-36px);
}
.about-four-box .swiper-button-next::after,
.about-four-box .swiper-button-prev::after {
  font-size: 18px;
}

.about-five-box {
  color: #1A1A1A;
  padding: 0 0px 10vw;
  text-align: center;
  line-height: 1.7;
}
.about-five-box .headTitle {
  margin: 5px 0 35px;
  text-align: center;
}
.about-five-box .topButton {
  margin: 0 auto;
}
.about-five-box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.about-five-box li {
  cursor: pointer;
  width: calc((100% - 50px) / 3);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5vw;
  text-align: center;
  padding: 0 2.5vw;
  background: #006835;
  color: #fff;
  min-height: 15.625vw;
  box-sizing: border-box;
}
.about-five-box li:nth-child(even) {
  background: #EFEFEF;
  color: #006835;
}
.about-five-box li:nth-child(even) .line {
  background: #006835;
}
.about-five-box li:nth-child(2) {
  flex-direction: column-reverse;
}
.about-five-box .unActive {
  transition: all 0.3s;
}
.about-five-box .activeShow {
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: all 0.3s;
}
.about-five-box .active .activeShow {
  opacity: 1;
  visibility: visible;
  display: block;
}
.about-five-box .active .unActive {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.about-five-box .line {
  width: 5.2vw;
  height: 4px;
  background: #fff;
  margin: 0 auto;
}

.footerBox {
  background: #006835;
  line-height: 1.7;
  color: #FFFFFF;
  padding-top: 3.5vw;
  position: relative;
  z-index: 9999;
}
.footerBox .footerTop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5vw;
}
.footerBox .button {
  display: flex;
  gap: 12px;
  padding-left: 13px;
  margin-top: 8px;
  align-items: center;
}
.footerBox .checkbox {
  height: 14px;
  width: 14px;
  border: 1px solid #FFFFFF;
  accent-color: #008833;
}
.footerBox .input-box {
  position: relative;
}
.footerBox .input-box p{
    line-height: 1;
    position: relative;
}
.footerBox .input-box p .wpcf7-submit {
    position: absolute;
    
}
.footerBox .input-box input {
  height: 46px;
  display: flex;
  outline: none;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  width: 100%;
  color: #fff;
  padding-left: 12px;
  font-size: 12px;
}
.footerBox .input-box input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.footerBox .input-box input::placeholder {
  color: #fff;
  opacity: 1;
}
.footerBox .input-box .btn {
  position: absolute;
  top: 50%;
  right: -11px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  color: transparent;
    /*background-image: url('https://ysjc.xhlcustomer.com/wp-content/themes/custom/static/images/footer4.png');*/
    background-size: cover;
    border-bottom: none;
    background-image: url('../images/footer1.png');
}
.footerBox .input-box .wpcf7-spinner {
    display: none;
}
.footerBox .wpcf7-form-control-wrap label{
     display: flex;
     align-items:baseline;
     gap:10px;
    
}
.footerBox .wpcf7-form-control-wrap .wpcf7-list-item-label {
    display: flex;
    align-items: cover;
    line-height: 1;
}
.footerBox .wpcf7-form-control-wrap .wpcf7-list-item-label a{
    color: #FFFFFF;
    margin-left: 5px;
}
.footerBox .wpcf7-form-control-wrap .wpcf7-list-item-label a:hover{
    text-decoration: underline;
}
.footerBox .wpcf7-form-control-wrap .wpcf7-list-item-label::before , .footerBox .wpcf7-form-control-wrap .wpcf7-list-item-label::after{
    display: none;
}
.footerBox .footerCenter {
  display: flex;
  justify-content: space-between;
}
.footerBox .footerCenter .leftFlex {
  width: 33.33%;
  max-width: 350px;
}
.footerBox .footerCenter .leftFlex a:last-child {
  line-height: 1.2;
}
.footerBox .footerCenter .bottomFlex {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footerBox .footerCenter .Active {
  display: none;
}
.footerBox .footerCenter a {
  color: #FFFFFF;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  cursor: pointer;
}
.footerBox .footerCenter a img {
  width: 16px;
}
.footerBox .footerCenter a:hover {
  color: #F9EBAC;
}
.footerBox .footerCenter a:hover .Active {
  display: block;
}
.footerBox .footerCenter a:hover .unActive {
  display: none;
}
.footerBox .footerCenter .centerFlex {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.footerBox .flexBtn {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.footerBox .flexBtn a {
  width: 120px;
  height: 30px;
  background: #006835;
  border-radius: 50px 50px 50px 50px;
  border: 1px solid #FFFFFF;
  line-height: 30px;
  text-align: center;
  display: block;
}
.footerBox .flexBtn a:hover {
  border-color: #F9EBAC;
}
.footerBox .bottomImg {
  margin-top: 18px;
  width: 21.09vw;
  margin: 18px auto 0;
}
.footerBox .bottomImg .meidia-box {
  padding-bottom: 11.25%;
  overflow: hidden;
  position: relative;
}
.footerBox .bottomImg .meidia-box img,
.footerBox .bottomImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.footerBox .rightFlex, .footerBox .leftFlex {
  margin-bottom: 18px;
}
.footerBox .rightFlex {
  display: flex;
  flex-direction: column;
}
.footerBox .flexBetween {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footerBox .footerBottom {
  height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #FFFFFF;
  margin-top: 19px;
  padding-right: 20px;
}
.footerBox .footerBottom .flexRight {
  display: flex;
  gap: 1.5vw;
}
.footerBox .footerBottom .flexRight a {
  color: #FFFFFF;
  cursor: pointer;
}
.footerBox .footerBottom .flexRight a:hover {
  color: #F9EBAC;
}

.case-one-box {
  padding-top: 3.125vw;
}

.searchPopBtn {
  display: none;
  justify-content: flex-end;
}

.caseDetailFlex {
  margin-top: 25px;
  display: flex;
  gap: 40px;
  color: #1A1A1A;
  line-height: 1.7;
  align-items: flex-start;
}
.caseDetailFlex .leftTitlt {
  margin-bottom: 5px;
}
.caseDetailFlex .leftFlex {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: clamp(166.66667px, 13.02083vw, 250px);
  position: sticky;
  left:0;
  top:100px;
}
.caseDetailFlex .columBox {
  display: flex;
  flex-direction: column;
  padding-left: 25px;
  position: relative;
}
.caseDetailFlex .columBox a {
  color: #1A1A1A;
  cursor: pointer;
  position: relative;
}
.caseDetailFlex .columBox a::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: -14px;
  width: 10px;
  height: 1px;
  background: #666;
}
.caseDetailFlex .columBox a::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 1px;
  height: 100%;
  background: #666;
}
.caseDetailFlex .columBox a:last-child::after {
  display: none;
}
.caseDetailFlex .centerFlex {
  width:calc(100% - clamp(340px, 26.5625vw, 510px));
  padding-bottom:4.5vw;
}
.caseDetailFlex .centerFlex .topImg {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 1.5vw;
}
.caseDetailFlex .centerFlex .leftImg {
  width: 64.28%;
}
.caseDetailFlex .centerFlex .leftImg .meidia-box {
  padding-bottom: 118.51852%;
  overflow: hidden;
  position: relative;
}
.caseDetailFlex .centerFlex .leftImg .meidia-box img,
.caseDetailFlex .centerFlex .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.caseDetailFlex .centerFlex .r-t-Img .meidia-box {
  padding-bottom: 50%;
  overflow: hidden;
  position: relative;
}
.caseDetailFlex .centerFlex .r-t-Img .meidia-box img,
.caseDetailFlex .centerFlex .r-t-Img .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.caseDetailFlex .centerFlex .r-b-Img .meidia-box {
  padding-bottom: 142.85714%;
  overflow: hidden;
  position: relative;
}
.caseDetailFlex .centerFlex .r-b-Img .meidia-box img,
.caseDetailFlex .centerFlex .r-b-Img .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.caseDetailFlex .centerFlex .rightImg {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.caseDetailFlex .centerFlex .bottomFlex {
  display: flex;
  gap: 20px;
}
.caseDetailFlex .centerFlex .leftText {
  width:clamp(360px, 28.125vw, 540px);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
}
.caseDetailFlex .centerFlex .leftText span {
  color: #006835;
}
.caseDetailFlex .centerFlex .rightBtn {
  flex: 1;
  padding: 0 20px;
}
.caseDetailFlex .centerFlex .learnMore {
  width: 100%;
  background: #006835;
  color: #fff;
  height: 46px;
  text-align: center;
}

.rightProduct {
  max-width: clamp(173.33333px, 13.54167vw, 260px);
    width:100%;
    
}
.rightProduct .ttle {
  margin-bottom: 10px;
}
.rightProduct ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.rightProduct li {
  width: calc((100% - 20px) / 2);
}
.rightProduct .p-item {
  display: block;
  color: #1A1A1A;
}
.rightProduct .p-item:hover .topImg img {
  transform: scale(1.1);
}
.rightProduct .topImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.rightProduct .topImg .meidia-box img,
.rightProduct .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.rightProduct .topImg {
  border-radius: 10px;
  overflow: hidden;
}
.rightProduct .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 10px 0;
  text-align: center;
  line-height: 20px;
}
.rightProduct .number {
  color: #006835;
  text-align: center;
}
.rightProduct .top {
}
.rightProduct .bottomBox {
  position: relative;
}
.rightProduct .bottomBox .meidia-box {
  padding-bottom: 123.07692%;
  overflow: hidden;
  position: relative;
}
.rightProduct .bottomBox .meidia-box img,
.rightProduct .bottomBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.rightProduct .topContent {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 104, 53, 0.5);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}
.rightProduct .centerText {
  margin: 7px 0 25px;
  border-radius: 10px 10px 10px 10px;
}
.rightProduct span {
  margin-left: 6px;
}
.rightProduct .btext {
  padding-top: 1.5vw;
}
.rightProduct .learnMore {
  margin: 25px 30px 0;
  width: auto;
  background: #006835;
  color: #fff;
  box-sizing: border-box;
  padding: 0 10px;
}

.mt30 {
  margin-top: 30px;
}

.FAQ-one-box {
  padding-top: 1.82vw;
  color: #1A1A1A;
}
.FAQ-one-box .topFlex {
  display: flex;
  align-items: center;
  gap: 2vw;
}
.FAQ-one-box .topFlex .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.FAQ-one-box .topFlex .meidia-box img,
.FAQ-one-box .topFlex .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.FAQ-one-box .topFlex {
  margin-bottom: 2vw;
}
.FAQ-one-box .leftImg {
  width: 5.2vw;
}
.FAQ-one-box .topLine {
  padding: 11px 10px;
  border-bottom: 1px solid rgb(112, 112, 112);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.FAQ-one-box .bottomText {
  color: #7A7A7A;
  padding: 20px 2.5vw 25px 20px;
}
.FAQ-one-box .bottomText {
  display: none;
}
.FAQ-one-box .active .bottomText {
  display: block;
}

.Installation-one-box .stepT {
  margin: 2.5vw 0 20px;
}
.Installation-one-box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
  margin-bottom: 2vw;
}
.Installation-one-box li {
  flex: 1;
}
.Installation-one-box .p-item {
  display: block;
  color: #1A1A1A;
}
.Installation-one-box .p-item .meidia-box {
  padding-bottom: 78.125%;
  overflow: hidden;
  position: relative;
}
.Installation-one-box .p-item .meidia-box img,
.Installation-one-box .p-item .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.Installation-one-box .p-item {
  text-align: center;
  cursor: pointer;
}
.Installation-one-box .p-item:hover .topImg img {
  transform: scale(1.1);
}
.Installation-one-box .p-item .f-12 {
  color: #666666;
}
.Installation-one-box .topImg {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #707070;
}
.Installation-one-box .marigncenter {
  margin: 15px 0 3px;
}
.Installation-one-box .bottomBox {
  color: #1A1A1A;
  background: rgba(0, 104, 53, 0.05);
  padding: 3vw 3.5vw;
  border-radius: 10px 10px 10px 10px;
}
.Installation-one-box .text {
  color: #666666;
  margin: 5px 0 16px;
}

.Installation-TWO-box {
  margin: 5.2vw 0;
}
.Installation-TWO-box .headTitle {
  margin-bottom: 20px;
}
.Installation-TWO-box .p-item {
  display: flex;
  gap: 2.5vw;
  align-items: center;
  color: #1A1A1A;
}
.Installation-TWO-box li {
  margin-bottom: 3.5vw;
}
.Installation-TWO-box li:last-child {
  margin-bottom: 0;
}
.Installation-TWO-box li:nth-child(even) .p-item {
  flex-direction: row-reverse;
}
.Installation-TWO-box .leftImg {
  width: 43.16%;
  border-radius: 10px;
  overflow: hidden;
}
.Installation-TWO-box .leftImg .meidia-box {
  padding-bottom: 96.66667%;
  overflow: hidden;
  position: relative;
}
.Installation-TWO-box .leftImg .meidia-box img,
.Installation-TWO-box .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.Installation-TWO-box .leftImg:hover img {
  transform: scale(1.1);
}
.Installation-TWO-box .rightBox {
  flex: 1;
}
.Installation-TWO-box .title {
  margin-bottom: 20px;
}
.Installation-TWO-box .text {
  color: #666666;
}
.Installation-TWO-box .bottomList {
  margin-top: 10px;
}
.Installation-TWO-box .bottomList div {
  padding-left: 30px;
  position: relative;
  color: #666666;
  margin-bottom: 10px;
  line-height: 1.5;
}
.Installation-TWO-box .bottomList div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(calc(0.7em - 50%));
  width: 16px;
  height: 4px;
  background: #006835;
  border-radius: 20px 20px 20px 20px;
}

.login-one-box, .forgetPassword-one-box, .register-one-box {
  height: 100vh;
  box-sizing: border-box;
}
.login-one-box h2{
    font-family: Gotu;
    font-weight: 400;
    font-size: 34px;
    color: #1A1A1A;
    margin-bottom: 23px;
}
.login-one-box .m-width-content , .forgetPassword-one-box .m-width-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-bottom: 4vw;
    box-sizing: border-box;
}
.forgetPassword-one-box .m-width-content{
    max-width: 850px;
    margin:0 auto;
}
.login-one-box .m-width-content{
    max-width: 850px;
    margin:0 auto;
}
.lost_reset_password{
    max-width: 850px;
    margin: 0 auto;
}
.lost_reset_password p{
    color:#1A1A1A;
    font-size: 16px;
}
.login-one-box .form-row-wide , .forgetPassword-one-box .form-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.login-one-box .form-row-wide input , .forgetPassword-one-box .form-row input{
    height: 60px;
    background: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #707070;
    box-sizing: border-box;
    padding-left: 20px;
}
.login-one-box .form-row-wide label , .forgetPassword-one-box .form-row label{
    color:#1A1A1A;
    font-size: 19px;
}
.login-one-box .form-row , .forgetPassword-one-box .form-row {
    display: flex;
    flex-direction: column;
    padding-top:10px;
}
.forgetPassword-one-box .form-row {
    padding-top:14px;
    margin-bottom: 0;
}
.login-one-box .form-row  input[type=checkbox]{
    width: 23px;
    height: 23px;
    background: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #707070;
    box-sizing: border-box;
}
.login-one-box .form-row label{
    align-items: center;
    display: flex;
    gap:15px;
    color: #1A1A1A;
    font-size: 15px;
}
.login-one-box .woocommerce-button , .forgetPassword-one-box .woocommerce-Button{
    max-width: 850px;
    height: 50px;
    background: #006835;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 17px;
    margin:11px 0 40px;
    border:none;
}
 .forgetPassword-one-box .woocommerce-Button{
     margin-top:6px;
 }
.login-one-box .lost_password a{
 
    font-family: Gotu, Gotu;
    font-weight: 400;
    font-size: 13px;
    color: #006835;
    text-decoration: underline;
    
    
}
.login-one-box .woocommerce-form-register p{
    color: #1A1A1A;
    
    font-size: 16px;
}
.login-one-box .woocommerce-privacy-policy-text p{
    color:#666;
}

.login-one-box .woocommerce-form-register .woocommerce-button {
    margin-top:40px;
}



.woo-account >.woocommerce{
    display: flex;
    gap:20px;
    padding:0 20px;
    padding-top:170px;
    max-width: 1240px;
    margin:0 auto;
    padding-bottom: 4.5vw;
    min-height:100vh;
}
.woocommerce-MyAccount-navigation ul{
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li a{
    height: 55px;
    background: #F5F5F5;
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    color: #333333;
    font-size: 18px;
}
.woocommerce-MyAccount-navigation ul .is-active a{
    background: #fff;
    position: relative;
}
.woocommerce-MyAccount-navigation ul .is-active a::before{
        content:' ';
        position: absolute;
        top:0;
        left:0;
        bottom:0;
        width: 2px;
        height: 55px;
        background: #006835;
        border-radius: 0px 0px 0px 0px;
}
.woocommerce-MyAccount-navigation {
    width:23.72%;
}
.woocommerce-MyAccount-content{
    
    flex:1;
}
.woocommerce-MyAccount-content table:not(.is-elementor).add-to-card-same-button tr td.last-column .button:not(.minus):not(.plus){
     background: #006835 !important;
    color:#fff !important;
}
.woocommerce-MyAccount-content :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.butto {
    background: #006835 !important;
    color:#fff !important;
}
.woocommerce-MyAccount-content .woo-account{
    background: #006835 !important;
    color:#fff !important;
    
}
.woocommerce-MyAccount-content p:first-of-type {
    font-size: 16px;
    color: #333333;
}
.woocommerce-Address{
    border: 1px solid rgba(0,0,0,0.2);
    padding: 20px;
    box-sizing: border-box;
    margin-top:30px;
    color: #333333;
    font-size: 16px;
    font-family: Poppins;
}
.woocommerce-Address h2{
    color: #333333;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 5px;
}
.woocommerce-MyAccount-content a{
    color: #006835;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first{
    float: none;
    clear: both;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last{
    width:100%;
    box-sizing: border-box;
}
.woocommerce form .form-row-first {
    width:100%;
}
.woocommerce form .form-row label {
    font-size: 18px;
    color: #333333;
    font-weight: 500;
    font-family: Poppins, Poppins;
    margin-bottom: 10px;
    line-height: 1;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    height: 40px;
}
:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection {
    border-color: rgba(0,0,0,0.2);
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
    width:100%;
    height: 50px;
    background: #006835;
    border-radius: 5px 5px 5px 5px;
    color:#fff;
    font-size: 18px;
    font-weight: 600;
    margin-top:40px;
}






.cart-one-box .woo-cart{
        padding-top:60px;
}
.cart-one-box .carFlexContent{
    display: flex;

    justify-content: space-between;
}


.tableHeight  table.shop_table  , .woocommerce table.shop_table {
    border:none;
     border-collapse: separate;
    border-spacing: 0 20px;
}
.tableHeight  table.shop_table td{
    border-top:none;
 
}
.tableHeight  table.shop_table th {
   color: #333333;
   font-weight: 600;
   font-size: 20px;
   font-family: Poppins, Poppins;
}
.tableHeight tbody td{
    margin-bottom: 20px;
    background: #F8F8F8;
}
.tableHeight tbody tr td:first-child{
    border-radius: 12px 0 0 12px;
}
.cart-one-box .cart-collaterals{
    width:24.47%;
}
.tableHeight{
    max-height: 534px;
    overflow-y: auto;
    padding:10px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 15px 15px 15px 15px;
    margin-bottom:40px;
   
    
}
.tableHeight .product-thumbnail img{
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 5px;
    object-fit: cover;
}
.product-name >a{
    color: #666666;
    font-size: 18px;
    font-weight: 500;
    font-family: Poppins, Poppins;
}
.variation{
    max-width: 400px;
    display: flex;
    flex-wrap: wrap;
    color: #666666;
   
    
}
.variation dd , .variation p{
    display: flex;
    flex-direction: column;
    justify-content: center;
     font-size: 12px;
    font-family: Poppins, Poppins;
    gap:5px;
}
.product-price bdi , .quantity bdi{
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    font-family: Poppins, Poppins;
    
}
.qib-button-wrapper .quantity input.input-text.qty.text{
    width: 60px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    color: #666666;
    font-size: 16px;
    padding:0;
}
body .qib-button-wrapper .minus.qib-button, body .qib-button-wrapper .plus.qib-button {
    background: none;
    border:none;
    padding:0;
}
body .qib-button-wrapper .minus.qib-button:hover , body .qib-button-wrapper .plus.qib-button:hover{
    background: none;
}
.tableHeight .quantity {
    display: flex;
    justify-content: center;
    gap:4px;
    align-items: center;
}
.car-update {
    /*display: flex;*/
    /*align-items: center;*/
    /*flex-wrap: wrap;*/
}
.car-update .input-text{
    max-width: 240px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 50px 50px 50px 50px;
    height: 40px;
    text-align: center;
    
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .car-update button.button {
    max-width: 240px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 50px 50px 50px 50px;
    border: 1px solid #006835;
    color: #006835;
    font-size: 18px;
}
.cart_totals {
    border-radius: 15px 15px 15px 15px;
    border: 1px solid rgba(0,0,0,0.2);
    padding:40px 45px 40px 35px;
}
.cart_totals h2{
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}


.woocommerce .cart-collaterals .cart_totals {
    width: 100%;
}
.cart_totals th , .cart_totals td{
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    font-family: Poppins, Poppins;
    
}
 :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce  .wc-proceed-to-checkout a.button.alt{
    width: 100%;
    height: 46px;
    background-color: #006835;
    border-radius: 30px 30px 30px 30px;
    font-family: Poppins, Poppins;
    font-weight: 500;
    font-size: 20px;
    padding:0;
    text-align: center;
    line-height: 46px;
    color:#fff;
    border:none;

    
    
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn{
    background: #006835;
    color:#fff;
}
.xoo-wsc-items-count, .xoo-wsch-items-count{
     background: #006835;
}
.Customized{
    padding:0 29px;
}
.cart-collaterals::before , .cart-collaterals::after{
    display: none;
}
.woocommerce-message::before {
    color:#006835;
}
.woocommerce-message{
    border-top-color:#006835;
}
.woo-account .woocommerce-MyAccount-content table{
    border: 1px solid rgba(0,0,0,0.2);
    background: #F9F9F9;
    font-family: Poppins, Poppins;
}
.woo-account .woocommerce-MyAccount-content table th span{
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    
}
.woo-account .woocommerce-MyAccount-content table tr{
    height: 80px;
}
.woo-account .woocommerce-MyAccount-content tbody th a{
    color: #333333;
    font-size: 20px;
    font-weight: 600;
}
.woo-account .woocommerce-MyAccount-content tbody th{
    border-right:1px solid rgba(0,0,0,0.2) ;
    min-width: 11vw;
}
.woo-account .woocommerce-MyAccount-content table th  , .woo-account .woocommerce-MyAccount-content table td{
    text-align: center;
}


.woo-account table.shop_table {
    border-spacing: 0 0px;
}

.woo-account .woocommerce-MyAccount-content  tbody tr td{
    background: #fff;
    color: #333333;
    font-size: 16px;
    font-family: Poppins, Poppins;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woo-account .woocommerce a.button {
    width: 120px;
    height: 30px;
    background: #006835;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    padding:0;
    line-height: 30px;
}
.woocommerce-info::before{
    color:#006835;
}
.woocommerce-info{
    border-top-color:#006835;
}


.form-row label .required {
    color:#FF0000;
}


.product1-TWO-box {
  color: #1A1A1A;
}
.product1-TWO-box .ipd-20{
    position: relative;
}
.absoluteRight{
    position: absolute;
    top:0px;
    right:0;
    color: #E8E8E8;
    line-height: 1.7;
}
.absoluteRight .panel{
    position: absolute;
    top:-15px;
    right:0;
}
.product1-TWO-box .productSwiper {
  padding-bottom: 8.854vw;
}
.product1-TWO-box .topDesc {
  width: 42.23vw;
  min-width: 300px;
  margin: 3.38vw 0 25px;
  position: relative;
  z-index: 2;
}
.product1-TWO-box .topBg {
  position: absolute;
  left: 0;
  right: 0;
  height: -moz-fit-content;
  height: fit-content;
  bottom: 0;
  padding: 32px 0 0 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  color: #fff;
  font-size: 20px;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
  z-index: 2;
  padding-bottom: 2.86vw;
  text-align: center;
}
.product1-TWO-box .topBg:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2.3vw;
  width: 80px;
  height: 2px;
  background: #fff;
  transform: translateX(-50%);
}
.product1-TWO-box .swiper-slide .meidia-box {
  padding-bottom: 150%;
  overflow: hidden;
  position: relative;
}
.product1-TWO-box .swiper-slide .meidia-box img,
.product1-TWO-box .swiper-slide .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.product1-TWO-box .swiper-slide {
  cursor: pointer;
}
.product1-TWO-box .swiper-slide .content {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.product1-TWO-box .contentBox{
    display: block;
}
.product1-TWO-box .swiper-slide .content::before {
  position: absolute;
}
.product1-TWO-box .swiper-slide .content:hover .topBg {
  opacity: 1;
  transition: opacity 0.8s cubic-bezier(0.7, 0.2, 0.2, 1);
}
.product1-TWO-box .swiper-slide:nth-child(1) .contentBox {
  padding: 4.5vw 0 0;
}
.product1-TWO-box .swiper-slide:nth-child(2) .contentBox {
  padding: 0 0 4.5vw;
}
.product1-TWO-box .swiper-slide:nth-child(3n+1) .contentBox {
  padding: 4.5vw 0 0;
}
.product1-TWO-box .swiper-slide:nth-child(3n+2) .contentBox {
  padding: 2.25vw 0;
}
.product1-TWO-box .swiper-slide:nth-child(3n) .contentBox {
  padding: 0 0 4.5vw;
}
.product1-TWO-box .swiper-pagination-bullet {
  width: 50px;
  height: 4px;
  background: #000000;
  border-radius: 20px 20px 20px 20px;
  opacity: 0.1;
}
.product1-TWO-box .swiper-pagination-bullet-active {
  opacity: 1;
  background: #006835;
}
.product1-TWO-box .flexBtnBox {
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
  height: 48px;
  margin-top: 2.5vw;
}
.product1-TWO-box .swiper-button-prev, .product1-TWO-box .swiper-button-next, .product1-TWO-box .swiper-pagination {
  position: static;
}
.product1-TWO-box .swiper-pagination {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.product1-TWO-box .swiper-button-prev:after, .product1-TWO-box .swiper-button-next:after {
  display: none;
}
.product1-TWO-box .swiper-button-prev, .product1-TWO-box .swiper-button-next {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin: 0;
}
.product1-TWO-box .swiper-button-next {
  border-color: #006835;
}

.productList-TWO-box {
  padding-top: 35px;
  color: #1A1A1A;
}
.productList-TWO-box .productListBox {
  display: flex;
  gap: 20px;
  position: sticky;
  top: 120px;
  z-index: 2;
}
.productList-TWO-box .noImg {
  width:clamp(46.66667px, 3.64583vw, 70px);
}
.productList-TWO-box .noImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.productList-TWO-box .noImg .meidia-box img,
.productList-TWO-box .noImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productList-TWO-box .noImg {
  margin-top: 20px;
}
.productList-TWO-box .leftContent {
  width:clamp(160px, 12.5vw, 240px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: calc(100vh - 35px - 153px - 66px);
  overflow-y: auto;
  gap: 30px;
  line-height: 1.5;
  min-width: 200px;
  position: sticky;
  top:110px;
}
.productList-TWO-box .leftContent .flexItem {
    margin-bottom:20px;
}
.productList-TWO-box .leftContent .flexItem::last-child{
    margin-bottom: 0;
}
.productList-TWO-box .leftContent li {
  padding-left: 16px;
}
.productList-TWO-box .leftContent a {
  color: #333333;
  margin-bottom: 15px;
  cursor: pointer;
  display: block;
}
.productList-TWO-box .leftContent a:hover , .productList-TWO-box .leftContent .cur {
  color: #006835;
}
.productList-TWO-box .leftContent .cur a {
  color: #006835;
}
.productList-TWO-box .leftContent .active ul, .productList-TWO-box .leftContent .active .activeImg {
  display: block;
}
.productList-TWO-box .leftContent .active .uactiveImg {
  display: none;
}
.productList-TWO-box .leftContent .active .nameBox {
  color: #006835;
}
.productList-TWO-box .leftContent ul, .productList-TWO-box .leftContent .activeImg {
  display: none;
}
.productList-TWO-box .nameBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  cursor: pointer;
  margin-bottom: 10px;
}
.productList-TWO-box .centerBox {
  flex: 1;
}
.productList-TWO-box .centerBox .topSelect {
  display: flex;
  gap: 5px;
  align-items: center;
}
.productList-TWO-box .centerBox .topSelect label {
  margin-left: 10px;
  color: #1A1A1A;
  display: flex;
  align-items: baseline;
  gap: 6px;
  cursor: pointer;
}
.productList-TWO-box .centerBox .topSelect label input[type=checkbox]{
    height: 8px;
    width: 8px;
}
.productList-TWO-box .centerBox .itemLine {
  display: flex;
  justify-self: center;
  justify-content: space-around;
  width: 24px;
  height: 24px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px;
  box-sizing: border-box;
  cursor: pointer;
}
.productList-TWO-box .centerBox .itemLine div {
  width: 2px;
  height: 100%;
  background: #666666;
}
 .productList-TWO-box .centerBox .itemLine:nth-child(3) {
  display: none;
}


.productList-TWO-box .centerBox .itemLine:nth-child(4) {
  flex-direction: column;
}
.productList-TWO-box .centerBox .itemLine:nth-child(4) div {
  width: 100%;
  height: 2px;
}
.productList-TWO-box .centerBox .active {
  background: #333333;
}
.productList-TWO-box .centerBox .active div {
  background: #fff;
}
.productList-TWO-box .centerBox .desc {
  color: #999999;
  margin: 15px 0 18px;
}
.productList-TWO-box .centerBox ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 45px;
}
.productList-TWO-box .centerBox li {
  width: calc((100% - 90px) / 3);
}
.productList-TWO-box .centerBox .productListBox0 {
  gap: 30px;
}
.productList-TWO-box .centerBox .productListBox0 li {
  width: calc((100% - 30px) / 2);
}
.productList-TWO-box .centerBox .productListBox0 .p-item {
  display: flex;
  gap: 20px;
  align-items: center;
}
.productList-TWO-box .centerBox .productListBox0 .topImg {
  width: 9.375vw;
}
.productList-TWO-box .centerBox .productListBox0 .topImg .meidia-box {
  padding-bottom: 83.33333%;
  overflow: hidden;
  position: relative;
}
.productList-TWO-box .centerBox .productListBox0 .topImg .meidia-box img,
.productList-TWO-box .centerBox .productListBox0 .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productList-TWO-box .centerBox .productListBox0 .centerBottom {
  flex: 1;
  box-sizing: border-box;
}
.productList-TWO-box .centerBox .productListBox2 {
  gap: 30px;
}
.productList-TWO-box .centerBox .productListBox2 li {
  width: calc((100% - 90px) / 4);
}
.productList-TWO-box .centerBox .productListBox3 {
  flex-direction: column;
}
.productList-TWO-box .centerBox .productListBox3 li {
  width: 100%;
}
.productList-TWO-box .centerBox .productListBox3 .p-item {
  display: flex;
  gap: 30px;
  align-items: center;
}
.productList-TWO-box .centerBox .productListBox3 .topImg {
  width: 14.58vw;
}
.productList-TWO-box .centerBox .productListBox3 .topImg .meidia-box {
  padding-bottom: 71.42857%;
  overflow: hidden;
  position: relative;
}
.productList-TWO-box .centerBox .productListBox3 .topImg .meidia-box img,
.productList-TWO-box .centerBox .productListBox3 .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productList-TWO-box .centerBox .productListBox3 .centerBottom {
  flex: 1;
  box-sizing: border-box;
}
.productList-TWO-box .centerBox .productListBox3 .countFlex {
  margin-top: 15px;
}
.productList-TWO-box .centerBox .centerBottom {
  padding: 0 10px;
}
.productList-TWO-box .centerBox .p-item {
  color: #1A1A1A;
}
.productList-TWO-box .centerBox .p-item .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.productList-TWO-box .centerBox .p-item .meidia-box img,
.productList-TWO-box .centerBox .p-item .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productList-TWO-box .centerBox .p-item {
  cursor: pointer;
  display: block;
  height: 100%;
}
.productList-TWO-box .centerBox .p-item:hover img {
  transform: scale(1.1);
}
.productList-TWO-box .centerBox .p-item .meidia-box {
  border-radius: 10px;
  overflow: hidden;
}
.productList-TWO-box .centerBox .topTex {
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.productList-TWO-box .centerBox .countFlex {
  display: flex;
  align-items: center;
  color: #006835;
}
.productList-TWO-box .centerBox .countFlex span {
  color: #999;
  text-decoration: line-through;
  text-decoration-color: #000; 
}
.productList-TWO-box .centerBox .page-box {
  padding-top: 42px;
}
.productList-TWO-box .rightProduct {
  width:clamp(173.33333px, 13.54167vw, 260px);
}
.productList-TWO-box .rightProduct .bottomFlex {
  display: flex;
  justify-content: space-between;
  color: #1A1A1A;
  margin-top: 8px;
}
.productList-TWO-box .rightProduct .layui-slider-wrap-btn {
  background: #006835;
}

.mt20 {
  margin-top: 20px;
}

.MT45 {
  margin-top: 45px;
}

.productDetail-one-box {
  padding-bottom: 4.8vw;
}
.productDetail-one-box .detailCenter {
  flex: 1;
}
.productDetail-one-box .detailTop {
  display: flex;
  gap: 30px;
}
.productDetail-one-box .detailleftBox {
  width: clamp(346.66667px, 27.08333vw, 520px);
}
.productDetail-one-box .detailrightBox {
  flex: 1;
}
.productDetail-one-box .topSwiper .meidia-box {
  padding-bottom: 108.33333%;
  overflow: hidden;
  position: relative;
}
.productDetail-one-box .topSwiper .meidia-box img,
.productDetail-one-box .topSwiper .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productDetail-one-box .topSwiper .meidia-box {
  border-radius: 10px;
  overflow: hidden;
}
.productDetail-one-box .bottomSwiper {
  margin-top: 10px;
}
.productDetail-one-box .bottomSwiper .swiper-slide-thumb-active .meidia-box{
    box-sizing: border-box;
    border:2px solid #006835;
}
.productDetail-one-box .bottomSwiper .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
  border:2px solid transparent;
}
.productDetail-one-box .bottomSwiper .meidia-box img,
.productDetail-one-box .bottomSwiper .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productDetail-one-box .bottomSwiper .meidia-box {
  border-radius: 10px;
  overflow: hidden;
}
.productDetail-one-box .headImg {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.productDetail-one-box .detailrightBox {
  color: #1A1A1A;
  display: flex;
  flex-direction: column;
}
.productDetail-one-box .detailrightBox .headTitle {
  margin: 11px 0 0px;
  line-height: 1.7;
  display: flex;
  justify-content: space-between;
}
.productDetail-one-box .detailrightBox .detailbottomBox {
  margin: 4.5px 0 25px;
  display: flex;
  align-items: center;
  color: #006835;
}
.productDetail-one-box .detailrightBox .detailbottomBox span {
  color: #999999;
  margin: 0 10px 0 5px;
}
.productDetail-one-box .detailrightBox .detailbottomBox .rightdetail {
  padding: 0 10px;
  width: -moz-fit-content;
  width: fit-content;
  height: 18px;
  background: #F9EBAC;
  border-radius: 12px 12px 12px 12px;
  color: #1A1A1A;
  line-height: 18px;
}
.productDetail-one-box .detailrightBox .productcenter {
  background: #F8F8F8;
  border-radius: 10px 10px 10px 10px;
  padding: 15px 15px 2vw;
  flex: 1;
}
.productDetail-one-box .detailBottom {
  margin-top: 2.25vw;
}
.productDetail-one-box .flexbtn {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.productDetail-one-box .flexbtn .item {
  flex: 1;
  height: 27px;
  max-width: 200px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.productDetail-one-box .flexbtn .active {
  border-bottom: 3px solid #006835;
}
.productDetail-one-box .bottomItem {
  display: none;
  position: relative;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s;
  transform: translateX(-40px);
  opacity: 0;
}
.productDetail-one-box .bottomItem.active {
  display: block;
  transform: translateX(0);
  opacity: 1;
}
.productDetail-one-box .productDetailImg {
  margin: 30px 45px 0;
}
.productDetail-one-box .productDetailImg .meidia-box {
  padding-bottom: 52%;
  overflow: hidden;
  position: relative;
}
.productDetail-one-box .productDetailImg .meidia-box img,
.productDetail-one-box .productDetailImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productDetail-one-box .productDetailImg .meidia-box {
  border-radius: 10px;
  overflow: hidden;
}
.productDetail-one-box .productDetailImg .meidia-box:hover img {
  transform: scale(1.1);
}
.productDetail-one-box .FAQItem {
  margin-top: 2vw;
  display: flex;
  gap: 15px;
}
.productDetail-one-box .FAQItem .leftCont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.productDetail-one-box .FAQItem .Num {
  width: 4.32vw;
  padding: 0 20px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  box-sizing: border-box;
  text-align: center;
  color: #006835;
  display: flex;
}
.productDetail-one-box .FAQItem .Num span {
  display: block;
  margin-top: 22px;
}
.productDetail-one-box .rightCont {
  color: #006835;
  margin-right: 22px;
  flex: 1;
}
.productDetail-one-box .descFAQ {
  margin-top: 10px;
  color: #666666;
  line-height: 24px;
}
.productDetail-one-box .ReviewsDetail {
  padding: 0 30px;
}
.productDetail-one-box .ReviewsTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1A1A1A;
  margin: 20px 0 30px;
}
.productDetail-one-box .ReviewsTop .topRight {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #666666;
}
.productDetail-one-box .ReviewsItem {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.productDetail-one-box .itemTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1A1A1A;
}
.productDetail-one-box .itemTop .itemLeft {
  display: flex;
  gap: 5px;
  align-items: center;
}
.productDetail-one-box .itemTop .itemLeft .time {
  color: #666666;
}
.productDetail-one-box .itemRight {
  display: flex;
}
.productDetail-one-box .itemDesc {
  margin-top: 5px;
}
.productDetail-one-box .child {
  padding: 10px 0 0 30px;
}
.productDetail-one-box .fenYe {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productDetail-one-box .fenYe .prevpostslink {
  width: 120px;
  height: 36px;
  background: #006835;
  border-radius: 36px;
  align-items: center;
}
.productDetail-one-box .fenYe .nextpostslink {
  width: 36px;
  height: 36px;
  background: #E5EFEA;
  border-radius: 50%;
  align-items: center;
}
.productDetail-one-box .fenYe img {
  width: 12px;
  height: 12px;
}

.dingZhiSingle-one-box {
  margin-top: 35px;
}
.dingZhiSingle-one-box .liuChengBox {
  display: flex;
  margin-top: 30px;
  padding-bottom: 30px;
  min-width: 900px;
}
.dingZhiSingle-one-box .liuChengBox .item {
  flex: 1;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.dingZhiSingle-one-box .liuChengBox .item::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 20px;
  width: 100%;
  height: 1px;
  background: #000;
}
.dingZhiSingle-one-box .liuChengBox .item:last-child::after {
  display: none;
}
.dingZhiSingle-one-box .liuChengBox .number {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #006835;
  color: #FFFFFF;
  border-radius: 50%;
  margin: 0 auto 40px;
  position: relative;
  z-index: 2;
}
.dingZhiSingle-one-box .liuChengBox .number::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 100%);
  bottom: 0;
  width: 1px;
  height: 30px;
  background: #000;
}
.dingZhiSingle-one-box .liuChengBox .centerImg {
  width: clamp(53.33333px, 4.16667vw, 80px);
  margin: 0 auto;
}
.dingZhiSingle-one-box .liuChengBox .centerImg img {
  width:100%;
  height:auto;
}
.dingZhiSingle-one-box .liuChengBox .activeImg {
  display: none;
}
.dingZhiSingle-one-box .liuChengBox .active .activeImg , .dingZhiSingle-one-box .liuChengBox .item:hover .activeImg {
  display: block;
}
.dingZhiSingle-one-box .liuChengBox .active .uactiveImg, .dingZhiSingle-one-box .liuChengBox .item:hover .uactiveImg {
  display: none;
}
.dingZhiSingle-one-box .liuChengBox .itemText {
  text-align: center;
  margin-top: 10px;
  text-align: center;
  max-width: 150px;
  margin: 0 auto;
}

.dingZhiSingle-two-box {
  padding-top: 5.2vw;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent {
  display: flex;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .rightBox {
  padding-left: 5.729vw;
  flex: 1;
  color: #1A1A1A;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .leftBox {
  width: 43.43vw;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}

.dingZhiSingle-two-box .dingZhiSingleTwoContent .item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .item .meidia-box {
  padding-bottom: 154.71698%;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .item .meidia-box img,
.dingZhiSingle-two-box .dingZhiSingleTwoContent .item .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .item .unActive, .dingZhiSingle-two-box .dingZhiSingleTwoContent .item .Active {
  width: 160px;
  height: 26px;
  background: #1A1A1A;
  border-radius: 20px 20px 20px 20px;
  line-height: 26px;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .item .unActive {
  left: auto;
  right: 80px;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .item .Active {
  display: none;
  background: #006835;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .absolutePoint {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  border-radius: 10px 10px 10px 10px;
  cursor: pointer;
  display: none;
  color: #1A1A1A;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .absolutePoint:hover {
  display: flex;
  align-items: center;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .absolutePoint:hover .text {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .absolutePoint .text {
  width: 0;
  display: none;
  transition: all 0.6s;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .swiper-slide-active .unActive {
  display: none;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .swiper-slide-active .Active {
  display: block;
}
.dingZhiSingle-two-box .dingZhiSingleTwoContent .swiper-slide-active .absolutePoint {
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.dingZhiSingle-two-box .effectpicture {
  display: none;
  padding: 5px;
  background: #fff;
}
.dingZhiSingle-two-box .effectpicture .meidia-box {
  padding-bottom: 62.5%;
  overflow: hidden;
  position: relative;
}
.dingZhiSingle-two-box .effectpicture .meidia-box img,
.dingZhiSingle-two-box .effectpicture .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.dingZhiSingle-two-box .effectpicture {
  border-radius: 10px;
}

.dingZhiSingle-two-box .textTile {
  padding-left: 13px;
  position: relative;
  color: #1A1A1A;
  display: flex;
  align-items: center;
}
.dingZhiSingle-two-box .textTile::before {
  content: " ";
  position: absolute;
  width: 3px;
  height: 20px;
  background: #006835;
  border-radius: 5px 5px 5px 5px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.dingZhiSingle-two-box .textTile span {
  color: #666666;
  margin-left: 5px;
}
.dingZhiSingle-two-box .margin30 {
  margin-bottom: 3vw;
}
.dingZhiSingle-two-box .colorList {
  display: flex;
  flex-wrap: wrap;
}
.dingZhiSingle-two-box .colorList .colorItem {
  margin-top: 30px;
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dingZhiSingle-two-box .colorList .circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #006835;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.dingZhiSingle-two-box .colorList .text {
  color: #333333;
}
.dingZhiSingle-two-box .colorList .cur .circle {
  border-color: #006835;
}
.dingZhiSingle-two-box .flexSize {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 15px;
 align-items: center;
}
.dingZhiSingle-two-box .flexSize .selectSize {
    flex:none;
	max-width: 180px;
	padding:0 20px;
	width: fit-content;
	box-sizing: border-box;
	height: 30px;
	border-radius: 5px 5px 5px 5px;
	line-height: 30px;
	text-align: center;
	flex:1;
	cursor: pointer;
	border: 1px solid rgba(0,0,0,0.2);
	box-sizing: border-box;
	color: #333333;
	white-space: nowrap;
}
.dingZhiSingle-two-box .flexSize .cur {
  background: #006835;
  color: #FFFFFF;
  border-color: #006835;
}
.dingZhiSingle-two-box .flexSize .input-text {
    flex:none;
	text-align: center;
	font-size: 13px;
	max-width: 180px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid rgba(0,0,0,0.2);
	padding:0 20px;
	width: fit-content;
	white-space: nowrap;
	box-sizing: border-box;
}
.dingZhiSingle-two-box .flexSize .input-text::-moz-placeholder {
  color: #333333;
}
.dingZhiSingle-two-box .flexSize .input-text::placeholder {
  color: #333333;
}
.dingZhiSingle-two-box .Customized {
  max-width: 220px;
  height: 36px;
  background: #1A1A1A;
  border-radius: 20px 20px 20px 20px;
  text-align: center;
  line-height: 36px;
  color: #FFFFFF;
  display: block;
  margin-top: 2vw;
  cursor: pointer;
}
.dingZhiSingle-two-box .rightBox {
  padding-bottom: 2vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



.dingZhiSingle-three-box {
  padding: 3.5vw 0 9.16vw;
  color: #1A1A1A;
}
.dingZhiSingle-three-box .headTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}
.dingZhiSingle-three-box select {
  border: none;
}
.dingZhiSingle-three-box ul {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 37px;
}
.dingZhiSingle-three-box li {
  width: calc((100% - 148px) / 5);
}
.dingZhiSingle-three-box .p-item {
  display: block;
  color: #1A1A1A;
}
.dingZhiSingle-three-box .p-item:hover {
  color: #006835;
}
.dingZhiSingle-three-box .p-item:hover .meidia-box img {
  transform: scale(1.1);
}
.dingZhiSingle-three-box .p-item .meidia-box {
  padding-bottom: 60%;
  overflow: hidden;
  position: relative;
}
.dingZhiSingle-three-box .p-item .meidia-box img,
.dingZhiSingle-three-box .p-item .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.dingZhiSingle-three-box .p-item .meidia-box {
  border-radius: 10px;
}
.dingZhiSingle-three-box .text {
  margin-top: 25px;
  text-align: center;
}



.conatcal-one-box {
  position: relative;
  min-height: 570px;
  padding-bottom: 2.5vw;
  box-sizing: border-box;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 3.125vw;
}
.conatcal-one-box .navLinkBox {
  padding-top: 55px;
}
.conatcal-one-box::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 104, 53, 0.8);
}
.conatcal-one-box .conatcalTopFlex {
  display: flex;
  gap: 2vw;
}
.conatcal-one-box .citem {
  padding: 20px;
  border: 1px solid #FFFFFF;
  color: #fff;
  box-sizing: border-box;
  flex: 1;
  transition: all 0.6s;
  transform: scale(1);
}
.conatcal-one-box .citem:hover{
    transform: scale(1.1);
}
.conatcal-one-box .activeItem {
  width: 37.5vw;
  flex: none;
  font-size: 18px;
}
.conatcal-one-box .activeItem a {
  font-size: 18px;
}
.conatcal-one-box .content, .conatcal-one-box .navLinkBox {
  position: relative;
  z-index: 2;
  color: #fff;
}
.conatcal-one-box .content a, .conatcal-one-box .navLinkBox a {
  color: #fff;
}
.conatcal-one-box .content {
  margin-top: 3.38vw;
}
.conatcal-one-box .content .title {
  margin: 7px 0;
}
.conatcal-one-box .bottomFlex {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.conatcal-one-box .bottomFlex .Active {
  display: none;
}
.conatcal-one-box .bottomFlex a {
  color: #FFFFFF;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  cursor: pointer;
  margin: 4px 0;
}
.conatcal-one-box .bottomFlex a img {
  width: 16px;
}
.conatcal-one-box .bottomFlex a:hover {
  color: #F9EBAC;
}
.conatcal-one-box .bottomFlex a:hover .Active {
  display: block;
}
.conatcal-one-box .bottomFlex a:hover .unActive {
  display: none;
}

.conatcal-two-box {
  margin-top:calc(-1 * clamp(66.66667px, 5.20833vw, 100px));
  position: relative;
  z-index: 3;
}
.conatcal-two-box .conatcal-two-content {
  background: #F8F8F8;
  padding: 2.5vw;
}
.conatcal-two-box .headTitle {
  margin: 7px 0;
}
.conatcal-two-box .topBox {
  display: flex;
  color: #1A1A1A;
  gap: 40px;
}
.conatcal-two-box .topBox .rightBox {
  width: 27vw;
}
.conatcal-two-box .topBox .leftBox {
  flex: 1;
}
.conatcal-two-box .desc {
  padding-bottom: 1.5vw;
  border-bottom: 1px solid #1A1A1A;
  color: #666666;
}
.conatcal-two-box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 3.5vw;
  margin-top: 20px;
}
.conatcal-two-box li {
  width: calc((100% - 3.5vw) / 2);
}
.conatcal-two-box .text a,
.conatcal-two-box .text {
  color: #666666;
}
.conatcal-two-box .text a:hover{
    text-decoration: underline;
    color:#006835;
}
.concatForm {
  padding: 40px;
  background: #fff;
  margin-top: 2.5vw;
}
.concatForm .flexForm {
  display: flex;
  gap: 20px;
}
/*.concatForm .flexForm p{*/
/*    display: none;*/
/* } */
.concatForm .usedComp {
  width: calc((100% - 60px) / 4);
}
.concatForm .usedComp input {
  width: 100%;
  height: 50px;
  background: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  padding-left: 20px;
}
.concatForm .usedComp input::-moz-placeholder {
  color: #999999;
}
.concatForm .usedComp input::placeholder {
  color: #999999;
}
.concatForm .usedComp2 {
  width: 100%;
}
.concatForm .usedComp2 textarea {
  height: 150px;
  background: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 20px;
  box-sizing: border-box;
}
.concatForm .usedComp2 textarea::-moz-placeholder {
  color: #999999;
}
.concatForm .usedComp2 textarea::placeholder {
  color: #999999;
}
.concatForm #xhlFormSubmit , .concatForm .wpcf7-form-control {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #006835;
  border-radius: 5px 5px 5px 5px;
  font-size: 16px;
  color:#fff;
  bordeR:none;
}

.SEARCHoNE-one-box {
  padding-top: 0;
  padding-bottom: 32px;
}
.SEARCHoNE-one-box .page-box{
    margin-top:20px;
}
.SEARCHoNE-one-box .page-box .wp-pagenavi .previouspostslink:first-child{
    transform: rotate(180deg);
}
.SEARCHoNE-one-box .leftContent {
  margin-top: 25px;
}
.SEARCHoNE-one-box .bgImg {
  border-radius: 10px;
  overflow: hidden;
}
.SEARCHoNE-one-box .bgImg .meidia-box {
  padding-bottom: 18.96552%;
  overflow: hidden;
  position: relative;
}
.SEARCHoNE-one-box .bgImg .meidia-box img,
.SEARCHoNE-one-box .bgImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.SEARCHoNE-one-box .bgImg {
  position: relative;
}
.SEARCHoNE-one-box .bgImg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 104, 53, 0.7);
  z-index: 2;
}
.SEARCHoNE-one-box .searchCenter {
  flex: 1;
}
.SEARCHoNE-one-box .searchCenter .text {
  line-height: 1.5;
  margin-top: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.SEARCHoNE-one-box .searchTop {
  position: relative;
}
.SEARCHoNE-one-box .topContent {
  position: absolute;
  bottom: 2.1vw;
  left: 32px;
  right: 32px;
  z-index: 3;
  margin-bottom: 2.5vw;
  top:50%;
  transform: translateY(-50%);
  height: fit-content;
}
.SEARCHoNE-one-box .topContent .SEARCHt {
  color: #fff;
  text-align: center;
}
.SEARCHoNE-one-box .topContent .searchInput {
  position: relative;
  margin-top: 8px;
}
.SEARCHoNE-one-box .topContent input {
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 18px;
  padding-left: 30px;
  padding-right: 76px;
  box-sizing: border-box;
  outline: none;
  width: 100%;
  font-size: 12px;
}
.SEARCHoNE-one-box .topContent input::-moz-placeholder {
  color: #999999;
}
.SEARCHoNE-one-box .topContent input::placeholder {
  color: #999999;
}
.SEARCHoNE-one-box .topContent .rightBOX {
  width: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 9px;
  right: 0;
  cursor: pointer;
}
.SEARCHoNE-one-box .topContent .rightBOX img {
  width: 16px;
  height: 16px;
}
.SEARCHoNE-one-box .newsItem {
  display: flex;
  gap: 30px;
  align-items: center;
  color: #1A1A1A;
  line-height: 1.5;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
.SEARCHoNE-one-box .newsItem:last-child {
  margin-bottom: 0;
}
.SEARCHoNE-one-box .newsItem:hover .leftImg img {
  transform: scale(1.1);
}
.SEARCHoNE-one-box .newsItem:hover .rtitle {
  color: #006835;
}
.SEARCHoNE-one-box .leftImg {
  width: 13vw;
}
.SEARCHoNE-one-box .leftImg .meidia-box {
  padding-bottom: 72%;
  overflow: hidden;
  position: relative;
}
.SEARCHoNE-one-box .leftImg .meidia-box img,
.SEARCHoNE-one-box .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.SEARCHoNE-one-box .text {
  color: #666666;
}
.SEARCHoNE-one-box .newsBox {
  margin-top: 2.5vw;
  padding: 0 32px;
}
.SEARCHoNE-one-box .rightBox {
  flex: 1;
}

.Policy-one-box {
  padding: 35px 0 5.2vw;
  color: #666666;
}
.Policy-one-box .headTitle {
  margin-bottom: 36px;
}
.Policy-one-box p {
  margin-bottom: 30px;
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
}
.Policy-one-box p a {
  color: #0033FF;
}
.Policy-one-box h2 {
  color: #1A1A1A;
  font-weight: 400;
  margin-bottom: 20px;
}
.Policy-one-box h3 {
  color: #1A1A1A;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 24px;
}
.Policy-one-box div {
  color: #1A1A1A;
}

.bottomLeftSearch {
  min-height: 220px;
}
.bottomLeftSearch a {
  color: #333333;
  margin-bottom: 15px;
}
.bottomLeftSearch .cur {
  color: #006835;
}

.newsList-one-box {
  padding-top: 35px;
}
.newsList-one-box .leftContent {
  margin-top: 0;
}
.newsList-one-box .newsBox {
  margin-top: 0;
}
.newsList-one-box .leftImg {
  width: 15.625vw;
  gap: 38px;
}
.newsList-one-box .leftImg .meidia-box {
  padding-bottom: 60%;
  overflow: hidden;
  position: relative;
}
.newsList-one-box .leftImg .meidia-box img,
.newsList-one-box .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.newsList-one-box .center {
  text-align: center;
  color: #006835;
}

.newsDetail-one-box .newsDetailcenterBox {
  flex: 1;
  color: #1A1A1A;
}
.newsDetail-one-box .newsDetailcenterBox .meidia-box {
  padding-bottom: 31.46603%;
  overflow: hidden;
  position: relative;
}
.newsDetail-one-box .newsDetailcenterBox .meidia-box img,
.newsDetail-one-box .newsDetailcenterBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.newsDetail-one-box .newsDetailcenterBox .meidia-box {
  margin: 20px 0;
}
.newsDetail-one-box .newsDetailcenterBox > p {
  color: #666666;
  line-height: 1.8;
  margin-bottom: 20px;
}
.newsDetail-one-box .f-30 {
  margin-bottom: 20px;
}
.newsDetail-one-box .newsDetailRight {
  width: clamp(173.33333px, 13.54167vw, 260px);
  min-width: 250px;
}
.newsDetail-one-box .newsDetailRight .newDetailRightTop {
  display: flex;
  gap: 11px;
  align-items: center;
  margin-bottom: 20px;
}
.newsDetail-one-box .newsDetailRight .leftImg {
  width: 2.6vw;
  border-radius: 50%;
  overflow: hidden;
  min-width: 40px;
}
.newsDetail-one-box .newsDetailRight .leftImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.newsDetail-one-box .newsDetailRight .leftImg .meidia-box img,
.newsDetail-one-box .newsDetailRight .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.newsDetail-one-box .newsDetailRight .topRight {
  line-height: 1.7;
  color: #1A1A1A;
}
.newsDetail-one-box .newsDetailRight .flexCenter {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #999999;
}
.newsDetail-one-box .newsDetailRight .centerRight {
  padding: 20px;
  background: #F8F8F8;
  border-radius: 10px;
  color: #666666;
  min-height: 250px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.newsDetail-one-box .newsDetailRight .rt {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #1A1A1A;
}
.newsDetail-one-box .newsDetailRight .centerUl {
  margin-top: 9px;
  line-height: 1.5;
}
.newsDetail-one-box .newsDetailRight .centerUl li {
  color: #666666;
  margin-bottom: 10px;
}
.newsDetail-one-box .newsDetailRight .centerUl dd {
  padding-left: 10px;
}
.newsDetail-one-box .shareTo {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #1A1A1A;
  margin: 16px 0;
}
.newsDetail-one-box .shareTo a:first-child {
  margin-left: 5px;
}
.newsDetail-one-box .shareTo a:hover .activeImg {
  display: block;
}
.newsDetail-one-box .shareTo a:hover .uactiveImg {
  display: none;
}
.newsDetail-one-box .shareTo img {
  width: 16px;
}
.newsDetail-one-box .shareTo .activeImg {
  display: none;
}
.newsDetail-one-box .page-box .wp-pagenavi {
  margin-bottom: 3.7vw;
  display: flex;
  justify-content: space-between;
}
.newsDetail-one-box .page-box .wp-pagenavi a {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  color: #666666;
  font-size: 16px;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  line-height: normal;
  text-align: center;
}
.newsDetail-one-box .page-box .wp-pagenavi a img {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.newsDetail-one-box .page-box .wp-pagenavi a:hover {
  color: #006835;
}
.newsDetail-one-box .page-box .wp-pagenavi a:hover .activeImg {
  display: block;
}
.newsDetail-one-box .page-box .wp-pagenavi a:hover .uactiveImg {
  display: none;
}
.newsDetail-one-box .page-box .wp-pagenavi .activeImg {
  display: none;
}
.newsDetail-one-box .page-box .wp-pagenavi .prevpostslink .uactiveImg {
  transform: rotate(180deg);
}
.newsDetail-one-box .page-box .wp-pagenavi .nextpostslink .activeImg {
  transform: rotate(180deg);
}
.newsDetail-one-box .concatBox {
  padding: 25px 20px 25px 29px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.newsDetail-one-box .concatBox .concatLeft {
  color: #006835;
  width: clamp(173.33333px, 13.54167vw, 260px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  line-height: 1.7;
}
.newsDetail-one-box .concatBox .concatLeft .title {
  margin-bottom: 7px;
}
.newsDetail-one-box .concatBox .concatLeft .concatBtn {
  display: flex;
  gap: 17px;
  align-items: center;
  color: #1A1A1A;
}
.newsDetail-one-box .concatBox .concatLeft .flowUs {
  color: #1A1A1A;
}
.newsDetail-one-box .concatBox .concatLeft .flexBtn {
  display: flex;
  align-items: center;
  gap: 5px;
}
.newsDetail-one-box .concatBox .concatLeft .flexBtn img {
  transition: all 0.2s;
}
.newsDetail-one-box .concatBox .concatLeft .flexBtn img:hover {
  transform: translateY(-5px);
}
.newsDetail-one-box .concatBox .concatRight {
  flex: 1;
  width:calc(100% - clamp(173.33333px, 13.54167vw, 260px));
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px 10px 10px 10px;
  padding: 25px 21px;
}
.newsDetail-one-box .concatBox .concatForm {
  padding: 0;
  margin: 0;
}
.newsDetail-one-box .concatBox .concatForm .usedComp {
  width: calc((100% - 40px) / 3);
}
.newsDetail-one-box .concatBox .concatForm label {
  color: #333333;
  font-size: 16px;
  margin-bottom: 6px;
  display: inline-block;
}
.newsDetail-one-box .concatBox .concatForm label[required]:after {
  content: "*";
  color: #ff0000;
  margin-left: 3px;
}
.newsDetail-one-box .concatBox .concatForm .usedComp2 textarea {
  height: 80px;
  padding: 8px 20px;
}
.newsDetail-one-box .concatBox .concatForm #xhlFormSubmit {
  height: 32px;
  line-height: 32px;
}
.newsDetail-one-box .bottomRight {
  color: #1A1A1A;
  line-height: 1.5;
  padding: 18px 20px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.newsDetail-one-box .bottomRight .bottomRightUl li {
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-left: 10px;
  position: relative;
}
.newsDetail-one-box .bottomRight .bottomRightUl li a {
  color: #1A1A1A;
  cursor: pointer;
}
.newsDetail-one-box .bottomRight .bottomRightUl li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: " ";
  width: 2px;
  height: 100%;
  background: #006835;
}
.newsDetail-one-box .bottomRight .bottomRightUl li:hover a {
  color: #006835;
}

.bottomFixBar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  height: 4.5vw;
}

.case-one-content {
  display: flex;
  padding-bottom: 4.5vw;
}
.case-one-content .moreBtn {
  padding: 0 37px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #006835;
  color: #006835;
  cursor: pointer;
  margin-bottom: 15px;
  display: block;
  line-height: 40px;
}
.case-one-content .moreBtn:hover {
  background: #006835;
  color: #fff;
}
.case-one-content .moreText {
  color: #1A1A1A;
  line-height: 1.2;
}
.case-one-content {
  /* 语义化容器 */
}
.case-one-content .gallery-main {
  width: 100%;
  display: flex;
  max-width: 1800px;
  gap: 34px;
  justify-content: space-between;
}
.case-one-content {
  /* 侧边栏 SEO 优化：包含 H1 核心关键词 */
}
.case-one-content .gallery-sidebar {
  width: 250px;
  position: sticky;
  top: calc(3.125vw + 110px);
  height: -moz-fit-content;
  height: fit-content;
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 9.375vw;
}
.case-one-content .gallery-sidebar h1 {
  color: #006835;
  font-family: Gotu;
  font-weight: 400;
  line-height: 1.5;
}
.case-one-content {
  /* 瀑布流布局 */
}
.case-one-content .gallery-content {
  flex: 1;
  max-width: 875px;
  padding-bottom: 4.5vw;
}
.case-one-content .gallery-grid {
    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom:40px;
    position: relative;
}
.case-one-content {
  /* 文章块 SEO 语义化 */
}
.case-one-content .placeholder-card{
    opacity:0;
    visibility: hidden;
}
.case-one-content .item-card {
  background: #fff;
  width:calc(20% - 15px);
  margin-bottom:15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  overflow: hidden;
  height:auto;
  transition: transform 0.3s ease;
}
.case-one-content .item-card:hover {
  transform: translateY(-5px);
}
.case-one-content .item-card img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius:3px;
}
.case-one-content .layui-flow-more{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    text-align: center;
}
.case-one-content .loader {
  text-align: center;
  padding: 60px;
  color: var(--primary-color);
}

.overFlowX {
  width: 100%;
  overflow-x: auto;
}

.productDetailForm .pTitle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 40px 0 6px;
}
.productDetailForm .pTitle .f-24 {
  color: #1A1A1A;
}
.productDetailForm .pTitle .f-12 {
  color: #666666;
}
.productDetailForm .usedComp {
  float: none;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
}
.productDetailForm .usedComp label {
  color: #1A1A1A;
  font-size: 18px;
}
.productDetailForm .usedComp .xhl-controls {
  flex: 1;
}
.productDetailForm .usedComp .layui-inline {
  display: flex;
  align-items: center;
}
.productDetailForm .usedComp .layui-inline span {
  height: 24px;
  line-height: 24px;
}
.productDetailForm .usedComp .layui-rate {
  display: flex;
}
.productDetailForm .usedComp input {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 5px 5px;
  height: 40px;
  padding: 0 10px;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
}
.productDetailForm .usedComp2 {
  margin-bottom: 15px;
  flex-direction: column;
}
.productDetailForm .usedComp2 label {
  color: #1A1A1A;
  font-size: 18px;
}
.productDetailForm .usedComp2 textarea {
  height: 80px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 5px 5px;
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
}
.productDetailForm .flexForm {
  display: flex;
  width: 100%;
  gap: 20px;
}
.productDetailForm .flexForm .usedComp {
  width: calc((100% - 20px) / 2);
  flex-direction: column;
  align-items: flex-start;
}
.productDetailForm .flexForm .xhl-controls {
  width: 100%;
}
.productDetailForm .usedComp span {
  color: #1A1A1A;
  font-family: Gotu;
}
.productDetailForm .layui-rate {
  padding: 0;
}
.productDetailForm .xhl-checkBox {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1A1A1A;
  font-size: 12px;
}
.productDetailForm .xhl-checkBox input {
  width: -moz-fit-content;
  width: fit-content;
}
.productDetailForm #xhlFormSubmit {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #006835;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  font-size: 18px;
}

.PageBoxContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #333333;
  align-items: center;
  height: 100vh;
}
.PageBoxContent .learnMorCur {
  margin-top: 3.5vw;
  border-radius: 5px;
  width: 250px;
  padding: 0;
  text-align: center;
}

.productFlexiStoneRight {
  flex: 1;
}
.productFlexiStoneRight .productFlexiStoneRight {
  display: flex;
  flex-wrap: wrap;
}
.productFlexiStoneRight .pFlex, .productFlexiStoneRight .pFlex2 {
  display: flex;
  gap: 20px;
}
.productFlexiStoneRight .pFlex .topImg, .productFlexiStoneRight .pFlex2 .topImg {
  position: relative;
}
.productFlexiStoneRight .pFlex li, .productFlexiStoneRight .pFlex2 li {
  border-radius: 5px;
  overflow: hidden;
}
.productFlexiStoneRight .pFlex li a, .productFlexiStoneRight .pFlex2 li a {
  display: block;
  color: #fff;
  cursor: pointer;
}
.productFlexiStoneRight .pFlex li, .productFlexiStoneRight .pFlex2 li {
  position: relative;
}
.productFlexiStoneRight .pFlex li:hover .hoverBox, .productFlexiStoneRight .pFlex2 li:hover .hoverBox {
  opacity: 1;
  visibility: visible;
}
.productFlexiStoneRight .pFlex li:hover .centerText, .productFlexiStoneRight .pFlex2 li:hover .centerText {
  opacity: 1;
  transform: translateY(0);
}
.productFlexiStoneRight .pFlex li:first-child {
  flex: none;
  width: 77.19%;
}
.productFlexiStoneRight .pFlex li:first-child .meidia-box {
  padding-bottom: 31.81818%;
  overflow: hidden;
  position: relative;
}
.productFlexiStoneRight .pFlex li:first-child .meidia-box img,
.productFlexiStoneRight .pFlex li:first-child .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productFlexiStoneRight .pFlex li:last-child {
  flex: none;
  width: 21%;
}
.productFlexiStoneRight .pFlex li:last-child .meidia-box {
  padding-bottom: 116.66667%;
  overflow: hidden;
  position: relative;
}
.productFlexiStoneRight .pFlex li:last-child .meidia-box img,
.productFlexiStoneRight .pFlex li:last-child .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productFlexiStoneRight .pFlex2 {
  margin-top: 20px;
}
.productFlexiStoneRight .pFlex2 li:last-child {
  flex: none;
  width: 31.57%;
}
.productFlexiStoneRight .pFlex2 li:last-child .meidia-box {
  padding-bottom: 119.44444%;
  overflow: hidden;
  position: relative;
}
.productFlexiStoneRight .pFlex2 li:last-child .meidia-box img,
.productFlexiStoneRight .pFlex2 li:last-child .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productFlexiStoneRight .pFlex2 li:last-child {
  height: -moz-fit-content;
  height: fit-content;
}
.productFlexiStoneRight .pFlex2 .leftBoxContent {
  flex: 1;
}
.productFlexiStoneRight .pFlex2 .leftBox {
  display: flex;
  gap: 20px;
}
.productFlexiStoneRight .pFlex2 .leftBox li {
  flex: none;
}
.productFlexiStoneRight .pFlex2 .leftBox li:first-child {
  width: 66.66%;
}
.productFlexiStoneRight .pFlex2 .leftBox li:first-child .meidia-box {
  padding-bottom: 48.07692%;
  overflow: hidden;
  position: relative;
}
.productFlexiStoneRight .pFlex2 .leftBox li:first-child .meidia-box img,
.productFlexiStoneRight .pFlex2 .leftBox li:first-child .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productFlexiStoneRight .pFlex2 .leftBox li:last-child {
  flex: 1;
  width: auto;
}
.productFlexiStoneRight .pFlex2 .leftBox li:last-child .meidia-box {
  padding-bottom: 113.63636%;
  overflow: hidden;
  position: relative;
}
.productFlexiStoneRight .pFlex2 .leftBox li:last-child .meidia-box img,
.productFlexiStoneRight .pFlex2 .leftBox li:last-child .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productFlexiStoneRight .hoverBox {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-radius: 5px;
}
.productFlexiStoneRight .hoverBox .centerText {
  padding-bottom: 8px;
  position: relative;
  transform: translateY(-20px);
  opacity: 0;
  transition: all 0.6s ease;
}
.productFlexiStoneRight .hoverBox .centerText::after {
  content: " ";
  width: 80px;
  height: 0px;
  border: 2px solid #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-40%);
}
.productFlexiStoneRight .centerText {
  padding-left: 20px;
  margin: 30px 0 50px;
}
.productFlexiStoneRight .page-box .wp-pagenavi {
  justify-content: flex-start;
}
.productFlexiStoneRight .page-box .wp-pagenavi a {
  width: 36px;
  height: 36px;
}

.selectText {
  color: #1A1A1A;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.7;
  position: relative;
  z-index: 2;
}
.selectText .centertext {
    cursor: pointer;
}
.selectText img {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
.selectText .bottomBoxSelect {
  width: 300px;
  height: 136px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
  border-radius: 5px 5px 5px 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  box-sizing: border-box;
}
.selectText .bottomBoxSelect div {
  padding: 0 25px;
  display: block;
  color: #333333;
  margin-bottom: 20px;
}
.selectText .bottomBoxSelect div:first-child {
  margin-top: 25px;
}
.selectText .bottomBoxSelect .cur {
  color: #006835;
}

.curSelectText img {
  transform: rotate(0deg);
}
.curSelectText .bottomBoxSelect {
  max-height: 300px;
  overflow-y: auto;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 136px;
  padding-bottom: 20px;
}
.leftFlexBtn li {
  padding-left: 16px;
}
.leftFlexBtn a {
  color: #333333;
  margin-bottom: 15px;
  cursor: pointer;
  display: block;
}
.leftFlexBtn a:hover {
  color: #006835;
}
.leftFlexBtn .cur a {
  color: #006835;
}
.leftFlexBtn .active ul, .leftFlexBtn .active .activeImg {
  display: block;
}
.leftFlexBtn .active .uactiveImg {
  display: none;
}
.leftFlexBtn .active .nameBox {
  color: #006835;
}
.leftFlexBtn ul, .leftFlexBtn .activeImg {
  display: none;
}
.leftFlexBtn .nameBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  cursor: pointer;
  margin-bottom: 10px;
  color: #333333;
}
.tuJingPop {
  max-width: 90vw;
  background:#fff;
  margin:0 auto;
  border-radius: 20px 20px 20px 20px;
  padding:clamp(26.66667px, 2.08333vw, 40px);
  box-sizing: border-box;
}
.isShowHrefTop{
    text-align: center;
}
.tuJingPop .title {
  color: #1A1A1A;
  text-align: center;
  margin-bottom: 3.5vw;
}
.tuJingPop input[type=text] {
  height: 30px;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #707070;
}
.tuJingPop label {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #1A1A1A;
  font-size: 22px;
  cursor: pointer;
}
.tuJingPop label div{
    flex:1;
}
.tuJingPop label input[type=checkbox] {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  padding: 0;
  background: #FFFFFF;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #707070;
  background: #fff;
  display: inline-block;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.tuJingPop label input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: #006835;
  border-radius: 2px 2px 2px 2px;
}
.tuJingPop .usedComp {
  width: 49%;
  display: inline-flex;
  align-items: center;
  gap: 2%;
  float: none;
  margin-bottom: 35px;
}
.tuJingPop #xhlFormSubmit {
  width: 100%;
  margin: 20px auto;
  max-width: 580px;
  height: 50px;
  line-height: 50px;
  background: #006835;
  border-radius: 5px 5px 5px 5px;
}
.tuJingPop .bottomText {
  font-size: 16px;
  color: #1A1A1A;
  text-align: center;
}

@media screen and (max-width: 1720px) {
  .ipd-20 {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1480px) {
  .m-width-content {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1300px) {
  .GlobalPresence-one-box .bottomSwiper {
    padding: 2.5vw 40px;
  }
  .GlobalPresence-one-box .bottomSwiper .swiper-button-next {
    right: 0;
    transform: translate(0, -50%);
  }
  .GlobalPresence-one-box .bottomSwiper .swiper-button-prev {
    left: 0;
    transform: translate(0, -50%);
  }
}
@media screen and (max-width: 1023px) {
    .case-one-content .placeholder-card{
        display:none;
    }
    .case-one-content .item-card{
        width:calc(50% - 10px);
        margin-left:20px;
        margin-bottom:20px;
    }
    .case-one-content .item-card:nth-child(2n+1){
        margin-left:0;
    }
    .about-two-box .flexContent {
        max-width: 100vw;
    }
    .headerTopFlex .leftFlex{
        padding-left: 0;
    }
    .headerTopFlex .rightFlex .mobile-move-item {
      display: none;
    }
    .navBox .menuQuickTools {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 8px 0 22px;
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
    .navBox .menuQuickTools .toolItem {
      width: 36px;
      height: 36px;
      border-radius: 18px;
      background: #f4f6f5;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .navBox .menuQuickTools .toolItem img {
      width: 18px;
      height: 18px;
      object-fit: contain;
    }
    .navBox .menuQuickTools .langTool {
      width: auto;
      height: auto;
      background: none;
      border-radius: 0;
      margin-left: 2px;
    }
    .navBox .menuQuickTools .langTool .trp_language_switcher_shortcode .trp-ls-shortcode-current-language > a {
      padding: 0 !important;
    }
    .navBox .menuQuickTools .langTool .trp_language_switcher_shortcode .trp-ls-shortcode-current-language > a:hover {
      border-color: rgba(0, 0, 0, 0.28);
      background: #ecefee;
    }
    .tuJingPop {
      width: 100vw;
      max-width: 100%;
      border-radius: 14px;
      padding: 22px 14px 16px;
      max-height: calc(100vh - 32px);
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .tuJingPop .title {
      margin-bottom: 16px;
      font-size: 20px;
      line-height: 1.3;
      text-align: left;
      padding-right: 8px;
    }
    .tuJingPop .usedComp {
      width: 100%;
      margin-bottom: 12px;
      gap: 8px;
    }
    .tuJingPop label {
      font-size: 14px;
      line-height: 1.5;
      gap: 8px;
      align-items: flex-start;
      flex: 1;
      min-width: 0;
    }
    .tuJingPop label input[type=checkbox] {
      width: 18px;
      height: 18px;
      margin-top: 2px;
      flex-shrink: 0;
    }
    .tuJingPop input[type=text] {
      width: calc(100% - 25px);
      height: 38px;
      border-radius: 6px;
      padding: 0 10px;
      font-size: 14px;
    }
    .tuJingPop #xhlFormSubmit {
      margin: 14px auto 10px;
      height: 44px;
      line-height: 44px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
    }
    .tuJingPop .bottomText {
      font-size: 12px;
      line-height: 1.6;
      text-align: left;
    }
    .leftFlexBtn {
    display: none;
    padding: 40px 20px;
  }
  .case-one-box .gallery-sidebar {
    width: 100%;
  }
  body, input, select, button, textarea {
    font-size: 12px;
  }
  /* 手机菜单 start */
  html.mm-blocking body {
    overflow: initial;
  }
  #menuPc {
    display: none;
  }
  #page {
    background: #FFFFFF;
  }
  .btn-nav {
    position: fixed;
    top: 0;
    right: 20px;
    background: transparent;
    border: none;
    padding: 7px 0;
    transition: all 0.5s ease;
    z-index: 99999;
    display: block;
    width: 30px;
    float: right;
  }
  .btn-nav .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #006D9B;
    box-shadow: 0 1px 1px #000000;
    transition: all 0.7s ease;
    z-index: 999999;
  }
  .mm-opening .top {
    transform: translateY(8px) rotateZ(45deg);
  }
  .mm-opening .bottom {
    transform: translateY(-10px) rotateZ(-45deg);
  }
  .mm-opening .middle {
    width: 0;
  }
  .navBox {
    background: rgba(0, 0, 0, 0.58);
    backdrop-filter: blur(8px);
  }
  .navBox .navContentBox {
    width: min(84vw, 360px);
    padding: 22px 18px 20px;
    padding-top: 22px;
    box-shadow: -8px 0 28px rgba(0, 0, 0, 0.14);
    overflow-y: auto;
  }
  .navBox .navContentBox > ul {
    gap: 14px;
    padding-bottom: 22px;
  }
  .navBox .menuQuickTools {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  .navBox .menuQuickTools .toolItem {
    width: calc(50% - 5px);
    height: 42px;
    border-radius: 12px;
    background: #f4f6f5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .navBox .menuQuickTools .toolItem img {
    width: 18px;
    height: 18px;
    object-fit: contain;
  }
  .navBox .menuQuickTools .langTool {
    width: 100%;
    height: auto;
    background: none;
    border-radius: 0;
    margin-left: 0;
    display: block;
  }
  .navBox .menuQuickTools .langTool .trp_language_switcher_shortcode {
    width: 100%;
    display: block;
  }
  .navBox .menuQuickTools .langTool .trp-language-switcher {
    width: 100%;
    display: block;
  }
  .navBox .menuQuickTools .langTool .trp-ls-shortcode-current-language,
  .navBox .menuQuickTools .langTool .trp-ls-shortcode-language {
    width: 100% !important;
  }
  .navBox .menuQuickTools .langTool .trp-ls-shortcode-current-language > a {
    width: 100%;
    justify-content: center;
    height: 42px;
    border-radius: 12px;
    color: #1a1a1a;
    border-color: rgba(0, 0, 0, 0.12);
    background: #f4f6f5;
  }
  .navBox .menuQuickTools .langTool .trp-ls-shortcode-current-language > a::after {
    margin-left: auto;
  }
  .navBox .menuQuickTools .langTool .trp-ls-shortcode-language {
    top: calc(100% + 8px);
    left: 0;
    min-width: 100%;
    padding: 8px;
  }
  .navBox .menuQuickTools .langTool .trp-ls-shortcode-language a {
    height: 38px;
  }
  .navBox .navContentBox > ul > li {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  .navBox .navContentBox > ul > li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .navBox .navContentBox > ul > li > a,
  .navBox .navContentBox > ul > li > .a-svg > a {
    width: 100%;
    justify-content: space-between;
    padding: 12px 2px;
    line-height: 1.2;
  }
  .navBox .navContentBox > ul > li > .a-svg {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .navBox .navContentBox > ul > li > .a-svg > .svg {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(0, 104, 53, 0.06);
    transition: transform 0.25s ease, background-color 0.25s ease;
  }
  .navBox .navContentBox > ul > li > .a-svg > .svg svg {
    width: 13px;
    height: 13px;
  }
  .navBox .navContentBox > ul > li.cur > .a-svg > .svg {
    transform: rotate(180deg);
    background: rgba(0, 104, 53, 0.12);
  }
  .navBox li ul {
    gap: 10px;
    padding-left: 12px;
    margin-top: 8px;
  }
  .navBox li ul a {
    padding: 8px 0;
    font-size: 14px;
    line-height: 1.35;
    white-space: normal;
  }
  .navBox li ul .a-svg {
    gap: 8px;
  }
  .navBox li ul .a-svg > .svg {
    width: 28px;
    height: 28px;
  }
  .navBox .CopyrightNav {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    opacity: 0.7;
  }
  .f-12 {
    font-size: 10px;
  }
  .f-14 {
    font-size: 10px;
  }
  .f-15 {
    font-size: 12px;
  }
  .f-16 {
    font-size: 12px;
  }
  .f-18 {
    font-size: 12px;
  }
  .f-19 {
    font-size: 12px;
  }
  .f-20 {
    font-size: 12px;
  }
  .f-22 {
    font-size: 12px;
  }
  .f-24 {
    font-size: 18px;
  }
  .f-25 {
    font-size: 18px;
  }
  .f-26 {
    font-size: 18px;
  }
  .f-27 {
    font-size: 18px;
  }
  .f-28 {
    font-size: 18px;
  }
  .f-30 {
    font-size: 20px;
  }
  .f-32 {
    font-size: 20px;
  }
  .f-34 {
    font-size: 20px;
  }
  .f-36 {
    font-size: 20px;
  }
  .f-38 {
    font-size: 20px;
  }
  .f-40 {
    font-size: 20px;
  }
  .f-42 {
    font-size: 24px;
  }
  .f-45 {
    font-size: 24px;
  }
  .f-46 {
    font-size: 24px;
  }
  .f-48 {
    font-size: 24px;
  }
  .f-55 {
    font-size: 25px;
  }
  .f-56 {
    font-size: 25px;
  }
  .f-52 {
    font-size: 25px;
  }
  .f-60 {
    font-size: 24px;
  }
  .f-68 {
    font-size: 24px;
  }
  .f-70 {
    font-size: 34px;
  }
  .f-72 {
    font-size: 34px;
  }
  .f-86 {
    font-size: 34px;
  }
  .f-90 {
    font-size: 40px;
  }
  .f-250 {
    font-size: 100px;
  }
  .f-64 {
    font-size: 26px;
  }
  .f-160 {
    font-size: 80px;
  }
  .about-one-box .flexBox {
    flex-direction: column-reverse;
    padding: 0;
  }
  .about-one-box .rightBox {
    width: 100%;
  }
  .about-one-box .leftFlex {
    gap: 20px;
  }
  .about-two-box .stats-container {
    margin-left: 0;
    flex-direction: column;
  }
  .about-two-box .stats-container .col-left {
    width: 100%;
    padding: 20px;
  }
  .about-two-box .stats-container .col-right {
    flex-direction: column;
  }
  .about-two-box .stats-container .row {
    width: 100%;
  }
  .about-two-box .stats-container .number, .about-two-box .stats-container .row .number {
    margin-bottom: 20px;
  }
  .about-five-box li {
    width: 100%;
    padding: 2.5vw;
  }
  .footerBox .footerTop .left, .footerBox .rightFlex {
    display: none;
  }
  .footerBox .footerCenter {
    flex-direction: column;
    justify-content: center;
  }
  .footerBox .footerBottom {
    flex-direction: column-reverse;
    justify-content: center;
  }
  .footerBox .footerBottom .flexRight {
    gap: 5px;
    font-size: 10px;
  }
  .footerBox .footerCenter .leftFlex {
    width: 100%;
  }
  .footerBox .flexBtn a {
    flex: 1;
  }
  .footerfixedRight {
    display: none;
  }
  .footerfixedRight a a{
      max-width: 46px;
      display: block;
  }
  .footerfixedRight a img{
      width: 100%;
      height: auto;
  }
  .case-one-content .gallery-main {
    flex-direction: column;
  }
  .case-one-content .gallery-sidebar {
    height: -moz-fit-content;
    height: fit-content;
    gap: 10px;
  }
  .case-one-content .gallery-sidebar {
    position: static;
  }
  .case-one-content .column:nth-child(4), .case-one-content .column:nth-child(5) {
    display: none;
  }
  .case-one-content .column:nth-child(3) {
    padding-top: 0;
  }
  .case-one-content .column:nth-child(2) {
    padding-top: 80px;
  }
  .case-one-content .column:nth-child(1) {
    padding-top: 160px;
  }
  .caseDetailFlex,
  .caseDetailFlex .centerFlex .bottomFlex {
    flex-direction: column;
  }
  .caseDetailFlex .leftFlex {
    display: none;
  }
  .caseDetailFlex .centerFlex .leftText {
    width: 100%;
  }
  .rightProduct {
    width: 100%;
  }
  .caseDetailFlex .centerFlex .topImg {
    flex-direction: column;
  }
  .caseDetailFlex .centerFlex .leftImg, .caseDetailFlex .centerFlex .rightImg {
    width: 100%;
  }
  .caseDetailFlex {
    margin-top: 0;
  }
  .searchPopBtn {
    display: flex;
  }
  .caseDetailFlex .leftFlex {
    padding: 20px;
  }
  .conatcal-two-box .topBox {
    flex-direction: column;
  }
  .conatcal-one-box .conatcalTopFlex {
    flex-direction: column;
  }
  .conatcal-two-box .topBox .rightBox {
    width: 100%;
  }
  .concatForm .flexForm {
    flex-direction: column;
  }
  .concatForm .usedComp,
  .dingZhiSingle-two-box .dingZhiSingleTwoContent .leftBox,
  .index-one-box .leftBoxSwipe,
  .index-one-box .rightBoxSwiper {
    width: 100%;
  }
  .index-one-box .rightBoxSwiper {
    max-width: 100%;
    padding-bottom: 0;
  }
  .conatcal-one-box .content {
    margin-top: 7.38vw;
  }
  .dingZhiSingle-two-box .dingZhiSingleTwoContent {
    flex-direction: column;
  }
  .dingZhiSingle-two-box .dingZhiSingleTwoContent .rightBox {
    padding-left: 0;
    margin-top: 20px;
  }
  .FAQ-one-box .leftImg {
    min-width: 60px;
  }
  .index-one-box .bottomSwiper {
    flex-direction: column;
  }
  .banner .oneSwiper .topBox {
    left: 0;
  }
  .banner .twoSwiper ul, .banner .threeSwiper ul {
    flex-direction: column;
  }
  .banner .twoSwiper .flexBtn, .banner .threeSwiper .flexBtn {
    position: relative;
    z-index: 2;
  }
  .banner .twoSwiper ul,
  .banner .threeSwiper ul,
  .banner .twoSwiper .sTitle, .banner .threeSwiper .sTitle {
    max-width: 100%;
  }
  .banner .threeSwiper {
    flex-direction: column;
  }
  .banner .threeSwiper .absoluteImg {
    position: static;
    transform: none;
    margin-top: 20px;
  }
  .banner .threeSwiper .absoluteImg img {
    position: static;
  }
  .banner .fourSwiper .contentBox {
    flex-direction: column;
  }
  .banner .fourSwiper .imgBox {
    width: calc((100% - 40px) / 2);
  }
  .Installation-one-box li {
    flex: auto;
  }
  .Installation-TWO-box .p-item {
    flex-direction: column;
  }
  .Installation-TWO-box .leftImg {
    width: 100%;
  }
  .Installation-TWO-box li:nth-child(even) .p-item {
    flex-direction: column;
  }
  .productList-TWO-box .productListBox {
    flex-direction: column;
    gap: 20px;
  }
  .newsDetail-one-box .leftContent {
    display: none;
    padding: 20px;
  }
  .newsDetail-one-box .concatBox .concatForm .usedComp {
    width: 100%;
  }
  .newsDetail-one-box .concatBox .concatLeft {
    display: none;
  }
  .newsDetail-one-box .newsDetailRight {
    width: 100%;
  }
  .newsDetail-one-box .newsDetailRight .centerRight {
    min-height: 0;
  }
  .newsList-one-box .leftContent {
    display: none;
    padding: 20px;
  }
  .bottomLeftSearch {
    margin-top: 50px;
  }
  .SEARCHoNE-one-box .newsItem {
    flex-direction: column;
    gap: 10px;
  }
  .newsList-one-box .leftImg {
    width: 100%;
  }
  .newsList-one-box .center {
    width: 100%;
    text-align: left;
  }
  .newsList-one-box .newsBox {
    padding: 0;
  }
  .newsList-one-box {
    padding-top: 10px;
  }
  .productList-TWO-box .leftContent {
    display: none;
    padding: 20px;
  }
  .productList-TWO-box {
    padding-top: 0;
  }
  .productDetail-one-box .detailTop {
    flex-direction: column;
  }
  .productDetail-one-box .detailleftBox {
    width: 100%;
  }
  .productList-TWO-box .rightProduct {
    width: 100%;
  }
  .productDetailForm .flexForm {
    flex-direction: column;
  }
  .productDetailForm .flexForm .usedComp {
    width: 100%;
  }
  .productDetailForm .pTitle {
    flex-direction: column;
  }
  .productDetailForm .usedComp label, .productDetailForm .usedComp2 label {
    font-size: 14px;
  }
  .productList-TWO-box .centerBox li {
    width: 100%;
  }
  .productList-TWO-box .centerBox .itemLine {
    display: none;
  }
  .productList-TWO-box .centerBox .productListBox0 li {
    width: 100%;
  }
  .productList-TWO-box .productListBox .productListBox {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }
  .productList-TWO-box .centerBox .productListBox li {
    width: calc((100% - 20px) / 2);
  }
  .productListPadding {
    padding-top: 40px;
  }
  .productList-TWO-box .productListBox {
    position: static;
  }
  .SEARCHoNE-one-box .leftImg {
    width: 100%;
  }
  .dingZhiSingle-three-box li {
    width: calc((100% - 37px) / 2);
  }
  .loading .absoluteImg {
    bottom: none;
    top: 50%;
    transform: translateY(-50%);
  }
  .product1-TWO-box .flexBtnBox {
    margin-top: 50px;
  }
  .product1-TWO-box .flexBtnBox .swiper-button-prev, .product1-TWO-box .flexBtnBox .swiper-button-next {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 700px) {
    .productFlexiStoneRight .pFlex, .productFlexiStoneRight .pFlex2 {
    gap: 5px;
  }
  .productFlexiStoneRight .pFlex2 .leftBox {
    gap: 5px;
  }
  .productFlexiStoneRight .centerText {
    margin: 10px 0;
  }
  .about-two-box .stats-container .row {
    flex-direction: column;
  }
  .learnMore, .learnMorCur {
    height: 40px;
  }
  .dingZhiSingle-three-box li {
    width: 100%;
  }
  .SEARCHoNE-one-box .bgImg .meidia-box {
    padding-bottom: 36.96552%;
  }
  .loading .absoluteImg {
    bottom: none;
    top: 50%;
    transform: translateY(-50%);
  }
}
@keyframes headerNoticeScroll {
  from {
    transform: translateX(50%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes loading3Enter {
  0% {
    opacity: 0;
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=style.css.map */