@charset "UTF-8";
.thremColor {
  color: #1D976C;
}

.f-90 {
  font-size: clamp(60px, 4.6875vw, 90px);
}

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

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

.f-56 {
  font-size: clamp(37.33333px, 2.91667vw, 56px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.c666 {
  color: #666;
}

.c999 {
  color: #999;
}

.cfff {
  color: #fff;
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
    padding:32px 3.125vw;
    box-sizing: border-box;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{
    top:50% !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:focus{
    border-left-color:#1D976C !important;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address{
    box-sizing:border-box;
}
.woo-account .woocommerce{
    display: flex;
    gap:20px;
}
.woocommerce-MyAccount-navigation{
    width: 30%;
    max-width: 300px;
}
.woocommerce-MyAccount-content{
    flex:1;
}
.woocommerce .col2-set h2 , .woocommerce-page .col2-set h2 {
    font-family: Bai Jamjuree, Bai Jamjuree;
    font-weight: 600;
    font-size: 48px;
    color: #333333;
    line-height: 67px;
}
.woocommerce form .form-row select, .woocommerce form .form-row input.input-text {
    height: 60px;
    background: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid rgba(0,0,0,0.2);
}
.woocommerce form .form-row label{
    font-family: Poppins;
    font-weight: 500;
    font-size: 20px;
    color: #333333;
    line-height: 30px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit ,  .woocommerce .woocommerce-form-row .woocommerce-Button , .woocommerce-Button {
    width: 100%;
    height: 60px;
    background: linear-gradient( 90deg, #78FFD6 0%, #A8FF78 100%) !important;
    border-radius: 10px 10px 10px 10px;
    color: #1A1A1A !important;
    transition: all 0.5s;
    
}
.woocommerce .woocommerce-form-row .woocommerce-Button{
    margin-top:10px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover , .woocommerce .woocommerce-form-row .woocommerce-Button:hover , .woocommerce-Button:hover{
    background: #1a1a1a !important;
    color:#fff !important;
}
.woocommerce-privacy-policy-text{
    color:#666;
}
.woocommerce-privacy-policy-link{
    color: #1D976C;
}
.woo-account{
    max-width: 1200px;
    margin:0 auto;
    padding:60px 0 0;
}
.woocommerce form p.form-row , .woocommerce form .form-row input.input-text{
    width: 100%;
}
.woocommerce-ResetPassword p:first-child{
    color:#666;
    font-size: 18px;
    margin-bottom: 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color:#1D976C;
}
/*{*/
/*    margin-top:50px;*/
/*}*/
.woo-checkout .woocommerce {
    max-width: 1200px;
    margin:0 auto;
}
.woo-checkout .woocommerce-checkout {
    /*max-width: 1200px;*/
    margin:0 auto;
    /*padding:0 6vw;*/
}
.woo-checkout .woocommerce-checkout .col2-set{
    box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.15);
    border-radius: 15px 15px 15px 15px;
    border: 1px solid rgba(0,0,0,0.2);
    padding:40px;
     box-sizing: border-box;
}
.woo-checkout .woocommerce-checkout .col2-set .woocommerce-billing-fields h3{
    font-family: Bai Jamjuree, Bai Jamjuree;
    font-weight: bold;
    font-size: 28px;
    color: #333333
}
.woocommerce form.woocommerce-checkout .woocommerce-billing-fields {
    padding: 0 !important;
    border:none !important;
}
.woocommerce-checkout #order_review{
    padding:40px;
    box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.15);
    border-radius: 15px 15px 15px 15px;
    border: 1px solid rgba(0,0,0,0.2);
    box-sizing: border-box;
}
.woocommerce-checkout .form-row-last .button{

    height: 60px;
    background: linear-gradient( 90deg, #78FFD6 0%, #A8FF78 100%);
    border-radius: 10px 10px 10px 10px;
    color: #1A1A1A;
    transition: all 0.5s;
}
.woo-cart .woocommerce button.button , .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
    color: #1A1A1A;
    height: 46px;
    border-radius: 46px;
    padding:0;
    line-height: 46px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 500;
    font-family: Bai Jamjuree, Bai Jamjuree;
    background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
    transition: all 0.3s;
    padding:0 10px;
}
.myCart-one-box .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
    color: #1A1A1A !important;
    width: 280px;
}
.woo-cart .woocommerce button.button:hover{
    color:#fff;
    background: #1a1a1a;
}
.myCart-one-box .coupon {
    display: flex;
    align-items: center;
    gap:10px;
    margin:10px 0 ;
}
.myCart-one-box .coupon input{
    height: 40px;
    flex:1;
    border-radius: 40px;
    padding:0 10px;
}
#order_review_heading{
    font-family: Bai Jamjuree, Bai Jamjuree;
    font-weight: bold;
    font-size: 28px;
    color: #333333
}
.wpcvs-terms .wpcvs-term{
    background-color:transparent;
    border:3px solid #1A1A1A;
}
.wpcvs-terms .wpcvs-term.wpcvs-selected .wpcvs-term-inner:before {
    display: none;
}
.wpcvs-terms.wpcvs-type-image .wpcvs-term .wpcvs-term-image{
    width: 100px;
    height: 100px;
}
.wpcvs-terms.wpcvs-show-label-yes .wpcvs-term .wpcvs-term-label {
    font-size: clamp(12px, 0.9375vw, 18px);
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.wpcvs-terms .wpcvs-term .wpcvs-term-inner {
    background-color:transparent;
    display: flex;
    flex-direction: column;
}
.wpcvs-attribute{
     padding: 1.5vw 0 10px;
}
.wpcvs-terms .wpcvs-term .wpcvs-term-inner , .wpcvs-terms.wpcvs-type-image .wpcvs-term{
    height: fit-content;
}
.wpcvs-terms .wpcvs-term.wpcvs-selected{
    border: 3px solid #93F9B9;
    border-radius: 20px;
}
.wpcvs-attributes-stacked .wpcvs-attribute-label label{
   
    font-size: clamp(16px, 1.25vw, 24px);
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 500;
    font-style: normal;
    color:#fff;
    display: inline-block;
}
.woocommerce-variation-add-to-cart input{
    height: 50px;
    background: #FFFFFF;
    border-radius: 50px;
    outline: none;
    text-align: center;
    color: #666666;
    font-weight: 500;
    font-size: 18px;
    border: 3px solid #000;
    width: 100%;
}
.single_add_to_cart_button {
    color: #1A1A1A;
    background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
    box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
    height: 46px;
    border-radius: 30px;
    line-height: 46px;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    width: 100%;
    margin-top:30px;
}
.single_add_to_cart_button:hover{
    transform: translateY(-10px);
}

/*header start*/
#menuWap {
  display: none;
}

.header {
  position: static;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 99999;
}
.banner .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  left: auto !important;
  width: fit-content !important;
}

.banner .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
  position: absolute;
  right: 10.26vw;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  z-index: 3;
  left: transparent !important;
  width: fit-content !important;
}

.banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 0.5;
  border-radius: 50%;
  transition: opacity 0.3s, transform 0.3s;
}

.banner .swiper-pagination-bullet-active {
  opacity: 1;
}
.indexheader .header-box {
  background: transparent;
  position: absolute;
  color: #FFFFFF;
}

.indexheader .header-box #menuPc a {
  color: #FFFFFF;
}
.indexheader .header-box #menuPc .cur a {
    color: #93F9B9;
} 
.indexheader .header-box #menuPc .cur ul {
    box-shadow: none;
}
.indexheader .header-box #menuPc .cur ul a {
    color: #fff;
}
.indexheader .header-box #menuPc .cur ul li:hover a{
    color: #93F9B9;
}
.fixedHeader .header-box #menuPc .cur ul a{
    color:#666;
}
.indexheader .header-box .logoImg {
  display: block;
}

.fixedHeader .header-box #menuPc .cur a ,  .fixedHeader .header-box #menuPc .cur ul li:hover a{
    color: #1D976C;
} 




.indexheader .header-box .showLogoW {
  display: none;
}

.indexheader .header-box #menuPc .btnCommon {
  color: #1A1A1A;
}

.indexheader .header-box .rightIconBox .icon1 {
  display: block;
}

.indexheader .header-box .rightIconBox .icon2 {
  display: none;
}

.indexheader .header-box .fixed .down {
  display: block;
}

.indexheader .header-box .fixed .down2 {
  display: none;
}

.fixedHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.fixedHeader .headerNav {
  height: 0;
  opacity: 0;
}

.fixedHeader .header-box {
  top: 0;
  color: #333333;
  background: #FFFFFF;
  position: fixed;
}

.fixedHeader .header-box #menuPc a {
  color: #333333;
}

.fixedHeader .header-box .logoImg {
  display: none;
}

.fixedHeader .header-box .showLogoW {
  display: block;
}

.fixedHeader .header-box .rightIconBox .icon1 {
  display: none;
}

.fixedHeader .header-box .rightIconBox .icon2 {
  display: block;
}

.fixedHeader .header-box .fixed .down {
  display: none;
}

.fixedHeader .header-box .fixed .down2 {
  display: block;
}

.fixedHeader .child-wrap {
  top: 100px;
}

.headerNav {
  height: 40px;
  line-height: 40px;
  font-size: clamp(12px, 0.9375vw, 18px);
  text-align: center;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  color: #1A1A1A;
  transition: all 0.6s;
  opacity: 1;
}

.header-box {
  background: #FFFFFF;
  transition: all 0.6s;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  padding: 0 4.1vw;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  position: static;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 222;
}

.header-box .logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.header-box .logoImg {
  width: clamp(122.66667px, 9.58333vw, 184px);
  display: none;
}

.header-box .showLogoW {
  width: clamp(122.66667px, 9.58333vw, 184px);
}

.header-box .nav-box {
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.header-box .fixed {
  display: flex;
  /*justify-content: flex-end;*/
  flex: 1;
  gap: 2.39vw;
  padding-left:5.2vw ;
  height: 100%;
}
.header-box .fixed li {
    position: relative;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header-box .fixed > li > a {
    text-transform: uppercase;
}
.header-box .fixed .cur ul a {
    font-family: Bai Jamjuree, Bai Jamjuree;
    font-weight: 600;
    font-size: 20px;
    color: #666666;
    cursor: pointer;
}

.header-box .fixed li ul{
    /*display: none;*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left:50%;
    transform: translate(-50%,100%);
    bottom:0px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
    border-radius: 0px 0px 20px 20px;
    padding: 25px 30px;
    min-width: 200px;
    box-sizing: box-sizing;
    z-index: 9999;
    transform: all 0.5s;
    height: 0;
}
.indexheader  .header-box .fixed li ul {
    background: none;
    min-width: fit-content;
}
.fixedHeader .header-box .fixed li ul {
    background: #fff;
    min-width: fit-content;
}
.header-box .fixed li ul li{
    margin-bottom: 10px;
}
.header-box .fixed li ul li:last-child{
    margin-bottom: 0px;
}
.header-box .fixed li ul li:hover a , .fixedHeader .header-box #menuPc li ul li:hover a{
    color: #1D976C;
}
.header-box .fixed .cur ul{
    /*display: block;*/
    opacity: 1;
    visibility: visible;
    height: fit-content;
}
.header-box .fixed a {
  white-space: nowrap;
}
.header-box .fixed .cur>a{
    color: #1D976C;
}

.header-box .rightIconBox {
  display: flex;
  gap: clamp(10.66667px, 0.83333vw, 16px);
  align-items: center;
  position: relative;
}

.header-box .rightIconBox .icon img {
  width: clamp(24px, 1.875vw, 36px);
  height: auto;
}

.header-box .rightIconBox .btnCommon {
  margin-left: 15px;
}

.header-box .rightIconBox .icon1 {
  display: none;
}

.header-box .rightIconBox .icon2 {
  display: block;
}

.header-box .rightIconBox .activeicon {
  display: none;
}

.header-box .rightIconBox a:hover .activeicon {
  display: block;
}

.header-box .rightIconBox a:hover .icon2, .header-box .rightIconBox a:hover .icon1 {
  display: none;
}

.header-box #menuPc {
  display: flex;
  align-items: center;
  flex: 1;
}

.header-box .fixed a {
  color: #333333;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  display: flex;
  align-items: center;
}

.header-box .fixed a:hover {
  color: #93F9B9;
}

.header-box .fixed a img {
  width: 12px;
  margin-left: 5px;
}

.header-box .fixed .down {
  display: none;
}


.header-box .fixed .cur a {
   color: #1D976C;
}

.header-box .fixed .cur .down, .header-box .fixed .cur .down2 {
  display: none;
}

.header-box .fixed .cur .up {
  display: block;
}

.header-box .fixed .up {
  display: none;
}

.btnCommon {
  height: 40px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  border-radius: 25px 25px 25px 25px;
  padding: 0  2vw;
  text-transform: uppercase;
  font-size: clamp(10.66667px, 0.83333vw, 16px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #1A1A1A;
  transition: all 0.2s;
  white-space: nowrap;
  transition: all 0.5s
}
.btnCommon:hover {
  transform: scale(1.1);
}
.banner-two-box .btnCommon:hover {
  background: #1A1A1A;
  color: #fff;
  transform: scale(1.1);
}


.child-wrap {
  width: 100%;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 10px 10px 1px rgba(0, 0, 0, 0.2);
  padding: clamp(33.33333px, 2.60417vw, 50px) clamp(80px, 6.25vw, 120px);
  box-sizing: border-box;
  z-index: 2222;
  position: absolute;
  top: 140px;
  left: 0;
  width: 100%;
  z-index: 222;
}

.child-wrap .shopFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.child-wrap .wrapFlax {
  flex: 1;
}

.child-wrap .wrapFlax ul {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.child-wrap .wrapFlax li {
  width: 16.66%;
  padding: 0 20px;
  box-sizing: border-box;
}

.child-wrap .wrapFlax .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.child-wrap .wrapFlax .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.child-wrap .wrapFlax .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.child-wrap .wrapFlax .text {
  padding: 0 clamp(6.66667px, 0.52083vw, 10px);
  text-align: center;
  margin-top: 10px;
}

.child-wrap .wrapFlax ul {
  gap: 25px 0;
}

.child-wrap .wrapRight {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  color: #1D976C;
  font-size: clamp(16px, 1.25vw, 24px);
  width: clamp(186.66667px, 14.58333vw, 280px);
}

.child-wrap .wrapRight a {
  display: flex;
  align-items: center;
  color: #1D976C;
  gap: 10px;
  cursor: pointer;
}

.child-wrap .wrapRight a:hover {
  color: #1D976C;
}

.child-wrap .wrapRight a img {
  width: 24px;
}

/*header end*/
/*footer start*/
.footerTopBox {
  padding: 4.427vw 3.125vw 7.916vw;
  display: flex;
  color: #1A1A1A;
  position: relative;
  z-index: 2;
}

.footerTopBox .leftImg {
  border-radius: 20px  0px 0px 20px;
  width: 44.27vw;
}

.footerTopBox .leftImg .meidia-box {
  padding-bottom: 54.11765%;
  overflow: hidden;
  position: relative;
  height: 100%;
  box-sizing: border-box;
}

.footerTopBox .leftImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerTopBox .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerTopBox .rightBox {
  flex: 1;
  background: #E9E9E9;
  padding: 0 2.6vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0px 20px 20px 0;
}

.footerTopBox .Title {
  background: linear-gradient(to right, #000, #E9E9E9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* 让文字本身透明，显示背景渐变 */
}

.footerTopBox .flexFooter {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.6vw;
  gap: 2.6vw;
  padding-bottom: 20px;
}

.footerTopBox .tag {
  width: 300px;
  height: 40px;
  line-height: 40px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
  border-radius: 30px 30px 30px 30px;
  text-align: center;
  color: #1A1A1A;
  cursor: pointer;
  transition: all 0.2s;
}

.footerTopBox .tag:hover {
  background: #1A1A1A;
  color: #fff;
}

.footerTopBox .follUs {
  display: flex;
  gap: 20px;
  align-items: center;
  color: #333333;
  cursor: pointer;
}

.footerTopBox .follUs img {
  width: 24px;
  transition: all 0.2s;
}

.footerTopBox .follUs img:hover {
  transform: translateY(-5px);
}

.footerBottom {
  position: relative;
  padding: 3.645vw 1.56vw 3.43vw 6.25vw;
}

.footerBottom .topDownLoad {
  position: absolute;
  top: 0;
  right: 15.1041%;
  width: 12.916vw;
  z-index: 3;
}

.footerBottom .topDownLoad .meidia-box {
  padding-bottom: 28.22581%;
  overflow: hidden;
  position: relative;
}

.footerBottom .topDownLoad .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerBottom .topDownLoad .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerBottom .topDownLoad:hover .absoluteDown img {
  transform: rotate(-45deg);
}

.footerBottom .absoluteDown {
  position: absolute;
  left: 50%;
  bottom: 1.77vw;
  transform: translateX(-50%);
  width: 6.25vw;
  height: 6.25vw;
  background: linear-gradient(138deg, #78FFD6 0%, #A8FF78 100%);
  border: 0.52vw solid #1A1A1A;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
}

.footerBottom .absoluteDown .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.footerBottom .absoluteDown .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerBottom .absoluteDown .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerBottom .absoluteDown .centerImg {
  width: 4.427vw;
}

.footerBottom .absoluteDown img {
  transition: all 0.3s;
}

.footerBottom .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.footerBottom .bg .meidia-box {
  padding-bottom: 28.4375%;
  overflow: hidden;
  position: relative;
}

.footerBottom .bg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerBottom .bg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerBottom .relative {
  z-index: 2;
}

.footerBottom .footerLogoTop {
  display: flex;
  gap: 9.479vw;
}

.footerBottom .footerLogoTop .left {
  color: #fff;
}

.footerBottom .footerLogoTop .right {
  padding-bottom: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  width: 20.83vw;
  cursor: pointer;
}

.footerBottom .footerLogoTop .right input::placeholder {
  font-weight: 300;
  font-size: 16px;
  color: #848484;
}

.footerBottom .footerLogoTop .right input {
  background: transparent;
  border: none;
  outline: none;
  color: #FFFFFF;
  font-size: 16px;
}

.footerBottom .footerLogoTop .right:hover .rightImg {
  background: #93F9B9;
}

.footerBottom .footerLogoTop .right:hover .show {
  display: none;
}

.footerBottom .footerLogoTop .right:hover .activeShow {
  display: block;
}

.footerBottom .footerLogoTop .rightImg {
  width: 40px;
  height: 40px;
  background: #333333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.footerBottom .footerLogoTop .rightImg img {
  width: 18px;
  height: 18px;
}

.footerBottom .footerLogoTop .rightImg .activeShow {
  display: none;
}

.footerBottom .logoImg {
  width: 18.229vw;
  display: block;
}

.footerBottom .logoImg .meidia-box {
  padding-bottom: 20%;
  overflow: hidden;
  position: relative;
}

.footerBottom .logoImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerBottom .logoImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.footerBottom .footerCenterFlex {
  padding-right: 3.125vw;
  display: flex;
  color: #FFFFFF;
  margin-top: 4.42vw;
}

.footerBottom .footerCenterFlex .flexItem {
  flex: 1;
}

.footerBottom .footerCenterFlex .itemConent {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 15px;
}

.footerBottom .footerCenterFlex .item {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #D5D5D5;
}

.footerBottom .footerCenterFlex .item:hover {
  color: #93F9B9;
}

.footerBottom .footerCenterFlex .item:hover .activeShow {
  display: block;
}

.footerBottom .footerCenterFlex .item:hover .show {
  display: none;
}

.footerBottom .footerCenterFlex .item img {
  width: 16px;
}

.footerBottom .footerCenterFlex .activeShow {
  display: none;
}

.footerBottom .rightFixed {
  /*position: absolute;*/
  /*bottom: 3.854vw;*/
  position: fixed;
  bottom: 182px;
  right: 1.56vw;
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footerBottom .rightFixed .iconBox {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  background: #A8FF78;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footerBottom .rightFixed .iconBox:hover .hoverShow {
  opacity: 1;
  visibility: visible;
}

.footerBottom .rightFixed img {
  width: 30px;
}

.footerBottom .rightFixed .hoverShow {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translate(-100%, -50%);
  padding: 0 0.83vw;
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 10px 10px 10px 10px;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.copRight {
  height: 70px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.copRight a {
  display: inline-block;
  color: #666;
  font-weight: 300;
  padding: 0 30px;
  border-right: 1px solid #1D976C;
  height: fit-content;
  line-height: 1.1;
  position: relative;
}
.copRight a::after{
    content:' ';
    position: absolute;
    left:30px;
    bottom:-5px;
    border-bottom: 2px solid #666;
    transition: width 0.5s;
    
}
.copRight a:hover::after{
    animation: widthFadeIn 0.3s;
    width: calc(100% - 60px);
}

.copRight a:last-child {
  border-right: none;
}

/*footer end*/
.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;
}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
.ipd-20 {
  padding: 0 20px;
}

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

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

/*置顶按钮 end*/
/*分页 start*/
.page-box {
  padding: 2.75vw 0 0;
  text-align: center;
}

.page-box .wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-box .wp-pagenavi a,
.page-box .wp-pagenavi span {
  display: inline-flex;
  width: 36px;
  height: 36px;
  line-height: 36px;
  justify-content: center;
  background: transparent;
  align-items: center;
  font-family: Bai Jamjuree, Bai Jamjuree;
  font-weight: 600;
  font-size: 18px;
  color: #333333;
}

.page-box .wp-pagenavi a.nextpostslink,
.page-box .wp-pagenavi a.previouspostslink {
  border: none;
}

.page-box .wp-pagenavi a.nextpostslink img,
.page-box .wp-pagenavi a.previouspostslink img {
  width: 12px;
  height: 12px;
}

.page-box .wp-pagenavi .current {
  background: #93F9B9;
  border-radius: 50%;
}

/*分页 end*/
.indexBannerItem {
  position: relative;
}

.indexBannerItem .meidia-box {
  padding-bottom: 51.5625%;
  overflow: hidden;
  position: relative;
}

.indexBannerItem .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.indexBannerItem .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.indexBannerItem .bottomImg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
}

.indexBannerItem .bottomImg .meidia-box {
  padding-bottom: 7.29167%;
  overflow: hidden;
  position: relative;
}

.indexBannerItem .bottomImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.indexBannerItem .bottomImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.indexBannerItem .downImg {
  position: absolute;
  bottom: 0;
  right: 17.91%;
  bottom: 1.66%;
  width: 7.29%;
  z-index: 3;
  cursor: pointer;
}

.indexBannerItem .downImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.indexBannerItem .downImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.indexBannerItem .downImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.indexBannerItem .topBox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 6vw;
  color: #fff;
}

.indexBannerItem .swiper-pagination {
  position: static;
  text-align: left;
}

.indexBannerItem .swiper-pagination-current {
  font-family: Bai Jamjuree;
  font-weight: 300;
  font-size: clamp(40px, 3.125vw, 60px);
  color: #FFFFFF;
}

.indexBannerItem .swiper-pagination {
  font-family: Bai Jamjuree;
  font-weight: 300;
  font-size: clamp(16px, 1.25vw, 24px);
  color: #FFFFFF;
}

.index-one-box {
  padding: 0 0 4.35vw;
  margin: 0 3vw;
  background: url("../images/new_products.png") no-repeat left bottom;
  display: flex;
}

.index-one-box .index-one-left {
  flex: 1;
  position: relative;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
}

.index-one-box .index-one-left .active {
  display: block;
  opacity: 1;
  visibility: visible;
}

.index-one-box .leftItem {
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: all 0.2s;
}

.index-one-box .bgImg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 4.4vw;
  background: #fff;
  width: calc(100% - 11vw);
}

.index-one-box .bgImg .imgWidth {
  width: 36.45vw;
}

.index-one-box .bgImg .imgWidth .meidia-box {
  padding-bottom: 57.14286%;
  overflow: hidden;
  position: relative;
}

.index-one-box .bgImg .imgWidth .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-one-box .bgImg .imgWidth .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-one-box .topImg {
  position: relative;
  z-index: 2;
  width: 41.666vw;
  animation: floatAnimation 3s ease-in-out infinite;
}

.index-one-box .topImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.index-one-box .topImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-one-box .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-one-box .topTag {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(13.33333px, 1.04167vw, 20px);
}

.index-one-box .topTag .tagItem {
  height: 30px;
  background: #A8FF78;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 5px 5px 5px 5px;
  padding: 0 clamp(26.66667px, 2.08333vw, 40px);
  color: #1A1A1A;
}

.index-one-box .topTitle {
  margin: clamp(8.66667px, 0.67708vw, 13px) 0 clamp(16px, 1.25vw, 24px);
  color: #333333;
}

.index-one-box .flexBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 10px;
  margin: 2.4vw 0 3vw;
}

.index-one-box .flexItem {
  width: 6.25vw;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
}

.index-one-box .flexItem .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.index-one-box .flexItem .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-one-box .flexItem .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-one-box .flexItem::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: 2;
}

.index-one-box .index-one-right {
  width: 32.3vw;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.index-one-box .index-one-right .topIndex {
    display: none;
}
.index-one-box .index-one-right .acriveText {
    display: block;
}

.index-one-box .index-one-right .active {
  width: 8.333vw;
}

.index-one-box .index-one-right .active .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.index-one-box .index-one-right .active .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-one-box .index-one-right .active .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-one-box .index-one-right .active::before {
  display: none;
}

.shopNow {
  width: 12.5vw;
  min-width: 120px;
  min-height: 40px;
  height: 3vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #1A1A1A;
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
  border-radius: 3vw;
  color: #FFFFFF;
  align-items: center;
  transition: all 0.2s;
  cursor: pointer;
}

.shopNow:hover {
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  color: #1A1A1A;
  cursor: pointer;
}
.index-one-box .shopNow{
    display: none;
}
.index-one-box .acriveShopNow{
    display: flex;
}

.index-two-box {
  padding: 5.729vw 6.25vw 7.39vw;
}

.index-two-box .swiper-slide {
  max-width: 1300px;
  width: 67.7vw;
  border-radius: 30px;
  overflow: hidden;
}

.index-two-box .meidia-box {
  padding-bottom: 56.15385%;
  overflow: hidden;
  position: relative;
}

.index-two-box .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-two-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-two-box .swiper-button-next, .index-two-box .swiper-button-prev {
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.index-two-box .swiper-button-next {
  right: 20px;
}

.index-two-box .swiper-button-prev {
  left: 20px;
  background: #000F1A;
}

.index-two-box .swiper-button-next:after {
  width: 24px;
  height: 24px;
  content: '';
  background-image: url("../images/arrow-icon@2x.png");
  background-size: cover;
}

.index-two-box .swiper-button-prev:after {
  width: 24px;
  height: 24px;
  content: '';
  background: url("../images/arrow-icon@2x (1).png");
  background-size: cover;
}

.index-three-box {
  padding: 0 9.166vw;
  display: flex;
  justify-content: space-between;
}

.index-three-box .leftBox {
  flex: 1;
  display: flex;
  gap: 1.3vw;
}

.index-three-box .leftBoxItem {
  width: 15.625vw;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
}

.index-three-box .leftBoxItem .meidia-box {
  padding-bottom: 186.66667%;
  overflow: hidden;
  position: relative;
  border-radius: 1.875vw;
}

.index-three-box .leftBoxItem .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-three-box .leftBoxItem .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-three-box .leftBoxItem:hover img, .index-three-box .leftBoxItem:hover video {
  transform: scale(1.1);
}

.index-three-box .leftBoxItem:first-child {
  margin-top: 10vw;
}

.index-three-box .leftBoxItem:first-child .meidia-box {
  padding-bottom: 200%;
  overflow: hidden;
  position: relative;
}

.index-three-box .leftBoxItem:first-child .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-three-box .leftBoxItem:first-child .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-three-box .leftBoxItem:last-child {
  margin-top: 4.9vw;
}

.index-three-box .leftBoxItem:last-child .meidia-box {
  padding-bottom: 210%;
  overflow: hidden;
  position: relative;
}

.index-three-box .leftBoxItem:last-child .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-three-box .leftBoxItem:last-child .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-three-box .rightBox {
  max-width: 28.64vw;
  text-align: center;
}

.index-three-box .rightBox .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.index-three-box .rightBox .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-three-box .rightBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-three-box .rightBox .headerTitle {
  margin-bottom: 0.93vw;
}

.index-three-box .rightBox .textTitle {
  margin-top: 8px;
}

.index-three-box .rightBox .relative {
  width: 26.04vw;
  margin: 0 auto;
}

.index-three-box .rightBox .relative .meidia-box:hover img, .index-three-box .rightBox .relative .meidia-box:hover video {
  transform: scale(1.1);
}

.index-three-box .carBtn {
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.6s;
  cursor: pointer;
  z-index: 2;
}

.index-three-box .carBtn:hover {
  transform: translateY(-30%);
}

.relative {
  position: relative;
}

.headerTitle {
  text-align: center;
  position: relative;
}

.headerTitle::before {
  content: attr(data-text);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #EAEAEA;
  font-size: clamp(48px, 3.75vw, 72px);
  font-weight: inherit;
  z-index: -1;
  white-space: nowrap;
  font-family: inherit;
  font-family: Bai Jamjuree;
  font-weight: 600;
}

.index-four-box {
  margin: 5.16vw 0 10.625vw;
  padding: 0  3.125vw 0 7.65vw;
  display: flex;
  gap: 3.125vw;
}

.index-four-box .leftBox {
  max-width: 28.489vw;
  padding: 3.125vw 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index-four-box .titleTop {
  margin-top: 10px;
}

.index-four-box .centerBox {
  padding: 2.6vw 0 2.8vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index-four-box .centerItem {
  max-width: 12.7vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index-four-box .centerItem .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.index-four-box .centerItem .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-four-box .centerItem .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-four-box .centerItem:last-child .relative::before {
  /*background: #EEEEEE;*/
}

.index-four-box .centerItem:hover img, .index-four-box .centerItem:hover video {
  transform: scale(1.1);
}

.index-four-box .relative {
  width: 9.375vw;
  margin-bottom: 1.4vw;
}

.index-four-box .relative::before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: -35px;
  right: -35px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  height: 4vw;
  border-radius: 2vw;
}

.index-four-box .rightBox {
  width: 41.1458vw;
  border-radius: 20px;
  overflow: hidden;
}

.index-four-box .rightBox .meidia-box {
  padding-bottom: 86.07595%;
  overflow: hidden;
  position: relative;
}

.index-four-box .rightBox .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-four-box .rightBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-four-box .rightBox:hover img, .index-four-box .rightBox:hover video {
  transform: scale(1.1);
}

.smalltitle {
  color: #1D976C;
  letter-spacing: 8px;
  text-align: center;
}

.index-five-box {
  background: url("../images/index21.png") no-repeat center/cover;
  padding: 4.16vw 5.729vw 0;
  text-align: center;
  position: relative;
  margin-bottom: 9.1145vw;
}

.index-five-box::after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #78FFD6 0%, rgba(0, 51, 41, 0.78) 100%);
  z-index: 2;
}

.index-five-box .indexFiveFlex {
  display: flex;
  padding-top: 1.406vw;
}

.index-five-box .flexItem {
  position: relative;
  color: #fff;
  border: 1px solid transparent;
  padding-top: 3.33vw;
  transition: color 1s;
  flex: 1;
}

.index-five-box .flexItem:after {
  content: ' ';
  position: absolute;
  top: 2.75vw;
  bottom: 3.75vw;
  width: 1px;
  right: 0;
  background: rgba(252, 225, 234, 0.2);
}

.index-five-box .flexItem:last-child:after {
  display: none;
}

.index-five-box .flexItem:hover {
  color: #333333;
}

.index-five-box .flexItem:hover .learnMore {
  display: flex;
}

.index-five-box .flexItem:hover .absoluteImg {
  display: block;
}

.index-five-box .flexItem:hover .flexImg {
  display: none;
}

.index-five-box .flexItem:hover::before {
  content: ' ';
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  bottom: -1.718vw;
  background: linear-gradient(180deg, #78FFD6 0%, #A8FF78 100%);
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #1D976C;
  z-index: 2;
  animation: bgTransition 0.3s linear;
}

.index-five-box .centerContetn {
  position: relative;
  z-index: 3;
  padding: 0 1.5vw 6.3vw;
  height: 100%;
  box-sizing: border-box;
}

.index-five-box .centerContetn .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.index-five-box .centerContetn .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-five-box .centerContetn .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-five-box .text {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-five-box .flexImg {
  width: 3.125vw;
  margin: 0 auto;
}

.index-five-box .index-five-content {
  position: relative;
  z-index: 3;
}

.index-five-box .textTitle {
  margin: 12px 0 1.354vw;
}

.index-five-box .bottomBox {
  position: absolute;
  bottom: 3.125vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}

.index-five-box .bottomBox .line {
  width: 1px;
  height: 40px;
  background: #1D976C;
  border-radius: 0px 0px 0px 0px;
  opacity: 0.5;
}

.index-five-box .bottomBox .learnMore {
  display: none;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.index-five-box .bottomBox img {
  width: 16px;
  height: 16px;
}

.index-five-box .absoluteImg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 9vw;
  display: none;
  opacity: 0.4;
}

.index-five-box .absoluteImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.index-five-box .absoluteImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-five-box .absoluteImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-six-box {
  padding: 0 10.156vw;
  text-align: center;
}

.index-six-box ul {
  margin: 0 -2.34vw;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.index-six-box li {
  width: 33.33%;
  padding: 0 2.34vw;
  box-sizing: border-box;
}

.index-six-box .p-item {
  display: block;
  transition: all 0.6s;
  padding: 15px 20px 30px;
}

.index-six-box .p-item .meidia-box {
  border-radius: 10px;
}

.index-six-box .p-item .meidia-box {
  padding-bottom: 66.66667%;
  overflow: hidden;
  position: relative;
}

.index-six-box .p-item .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-six-box .p-item .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.index-six-box .p-item:hover {
  transform: scale(1.1);
  /*box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);*/
  box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.16);
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
}

.index-six-box .p-item:hover .learnMore {
  color: #1D976C;
}

.index-six-box .p-item:hover .hoverShow {
  display: block;
}

.index-six-box .p-item:hover .show {
  display: none;
}

.index-six-box .p-item:hover img {
  transform: scale(1.1);
}

.index-six-box .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2vw 0 0.5vw;
  color:#333333;
}

.index-six-box .text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-six-box .learnMore {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #333333;
  margin-top: 1.5vw;
}

.index-six-box .hoverShow {
  display: none;
}

.index-six-box .bottomText {
  padding: 0 15px;
}

.index-six-box ul {
  margin-top: 4vw;
}

.daoHang {
  display: flex;
  margin-top: 14px;
  align-items: center;
}

.daoHang a {
  display: flex;
  align-items: center;
}

.daoHang a img {
  width: 16px;
  height: 16px;
  margin-right: 3px;
}

.daoHang a:hover {
  color: #93F9B9;
}

.daoHang .Right {
  width: 12px;
  height: 12px;
  margin: 0 5px;
}

.banner-one-box {
  padding: 0 3.125vw;
  position: relative;
  margin-top: 1.5625vw;
}

.banner-one-box .meidia-box {
  padding-bottom: 25%;
  overflow: hidden;
  position: relative;
}

.banner-one-box .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-one-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-one-box .topAbsolute {
  position: absolute;
  left: 7.29vw;
  bottom: 6.25vw;
}

.banner-two-box {
  padding: 5.729vw 7.76vw 6.6vw  6.25vw;
}

.banner-two-box .banner-two-top {
  display: flex;
  gap: 6.77vw;
  align-items: center;
  padding-bottom: 2.6vw;
}

.banner-two-box .banner-two-top .leftBox{
    flex: 1;
}
.banner-two-box .banner-two-top .rightBox {
  width: 55.71%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banner-two-box .btnCommon {
  width: fit-content;
  margin-top: 4.5vw;
}

.banner-two-box .tipText {
  color: #1EBD23;
  letter-spacing: 8px;
}

.banner-two-box .topImg {
  position: absolute;
  left: 19.06vw;
  top: 4.479vw;
  width: 3.125vw;
}

.banner-two-box .topImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.banner-two-box .topImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-two-box .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-two-box .BottomImg {
  position: absolute;
  right: 14.329vw;
  bottom: 0;
  width: 7.5vw;
}

.banner-two-box .BottomImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.banner-two-box .BottomImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-two-box .BottomImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-two-box .banner-two-bottom {
  display: flex;
  position: relative;
}

.banner-two-box .banner-two-bottom .flexItem {
  width: 35.41vw;
  position: relative;
  height: fit-content;
  color: #FFFFFF;
  transition: background 0.6s ease;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.banner-two-box .banner-two-bottom .flexItem .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.banner-two-box .banner-two-bottom .flexItem .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: none;
  transition: all 0.6s;
}

.banner-two-box .banner-two-bottom .flexItem .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-two-box .banner-two-bottom .flexItem::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #78FFD6 0%, #A8FF78 100%);
  z-index: 1;
  transition: transform 0.6s ease;
  transform: translateY(100%);
  border-radius: 50%;
  opacity: 0;
}

.banner-two-box .banner-two-bottom .flexItem:first-child {
  width: 28.083vw;
  margin-top: 11.197vw;
}

.banner-two-box .banner-two-bottom .flexItem:first-child .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.banner-two-box .banner-two-bottom .flexItem:first-child .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-two-box .banner-two-bottom .flexItem:first-child .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-two-box .banner-two-bottom .flexItem:first-child .topBg {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 4.5vw 5vw 3.9vw;
  box-sizing: border-box;
  text-align: left;
}

.banner-two-box .banner-two-bottom .flexItem:first-child .flexDownLoad {
  justify-content: flex-end;
  margin-top: 20px;
}

.banner-two-box .banner-two-bottom .flexItem:last-child {
  width: 28.64vw;
}

.banner-two-box .banner-two-bottom .flexItem:last-child .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.banner-two-box .banner-two-bottom .flexItem:last-child .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-two-box .banner-two-bottom .flexItem:last-child .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-two-box .banner-two-bottom .flexItem:last-child .topBg {
  background: linear-gradient(180deg, rgba(0, 51, 41, 0.3) 0%, rgba(0, 51, 41, 0.4) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.9VW 4vw  7vw;
  box-sizing: border-box;
  text-align: left;
}

.banner-two-box .banner-two-bottom .flexItem:last-child .flexDownLoad {
  margin-top: 20px;
}

.banner-two-box .banner-two-bottom .flexItem:nth-child(2) {
  margin: 0 -50px;
  z-index: 2;
}

.banner-two-box .banner-two-bottom .flexItem:nth-child(2) .topBg {
  background: linear-gradient(180deg, rgba(0, 51, 41, 0.3) 0%, rgba(0, 114, 71, 0.4) 100%);
  border: 2px solid #1EBD23;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 2.3vw  7.65vw;
  box-sizing: border-box;
  text-align: center;
}

.banner-two-box .banner-two-bottom .flexItem:nth-child(2) .flexDownLoad {
  justify-content: center;
  margin-top: 4.5vw;
}

.banner-two-box .banner-two-bottom .flexItem:hover {
  z-index: 3;
}

.banner-two-box .banner-two-bottom .flexItem:hover::before {
  opacity: 1;
  transform: translateY(0);
}

.banner-two-box .banner-two-bottom .flexItem:hover .topBg {
  background: none;
  display: none;
}

.banner-two-box .banner-two-bottom .flexItem:hover .topBg1 {
  display: flex;
  animation: fadeInText 1s ease-in-out forwards;
  /*animation-delay: .2s;*/
  /* 延迟 1 秒（背景动画的 50% 时间点） */
}

.banner-two-box .banner-two-bottom .descText {
  margin-top: 10px;
}

.banner-two-box .banner-two-bottom .topBg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(0, 51, 41, 0.3) 0%, rgba(0, 51, 41, 0.4) 100%);
  z-index: 2;
}

.banner-two-box .banner-two-bottom .topBg .text {
  color: #A8FF78;
}

.banner-two-box .banner-two-bottom .qcImg{
    width: 3.64vw;
    max-width: 70px;
    min-width: 40px;
}

.banner-two-box .banner-two-bottom .topBg1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 4.5vw;
  box-sizing: border-box;
  opacity: 0;
  /* 初始状态不可见 */
  color: #1A1A1A;
  cursor: pointer;
}

.banner-two-box .banner-two-bottom .topBg1 .downLoadImg {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.banner-two-box .banner-two-bottom .topBg1 .downLoadImg img {
  width: 100%;
  height: 100%;
  animation: moveUpDown 2s ease-in-out infinite;
}

.flexDownLoad {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  gap: 0.8vw;
}

.flexDownLoad img {
  width: 23px;
}

.banner-three-box {
  padding: 0 6.25vw;
  display: flex;
  gap: 6.7vw;
}

.banner-three-box .leftBox {
  width: 37.5vw;
  position: relative;
  height: fit-content;
}

.banner-three-box .rightBox {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 2.75vw;
}

.banner-three-box .bgBxo {
  width: 100%;
  border-radius: 20px;
}

.banner-three-box .bgBxo .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.banner-three-box .bgBxo .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-three-box .bgBxo .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-three-box .topVideo {
  width: 23.43vw;
  position: absolute;
  bottom: -2.7vw;
  right: -3.1vw;
  border-radius: 20px;
  overflow: hidden;
}

.banner-three-box .topVideo .meidia-box {
  padding-bottom: 66.66667%;
  overflow: hidden;
  position: relative;
}

.banner-three-box .topVideo .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-three-box .topVideo .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-three-box .text {
  width: 30.9895vw;
  margin: 2.95vw 0 2.85vw;
}

.banner-three-box .MAXwIDTH {
  width: 27.29vw;
}

.banner-three-box .flexBox {
  display: flex;
  gap: 2.9vw;
  align-items: center;
  margin: 1.4vw 0 4.5vw;
  flex-wrap: wrap;
}

.banner-three-box .flexBox img {
  width: 24px;
}

.banner-three-box .flexBox .flexItem {
  display: flex;
  align-items: center;
  gap:10px;
}

.banner-three-box .flexBtn {
  display: flex;
  gap: 2.75vw;
}

.banner-three-box .flexBtn a {
  padding: 0 2.34vw;
  height: 3.125vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
  border-radius: 1.5625vw;
  color: #1A1A1A;
}

.banner-three-box .flexBtn .BTN2 {
  background: #000F1A;
  color: #fff;
}

.banner-three-box .flexBtn .BTN2:hover {
  color: #1A1A1A;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
}

.banner-three-box .flexBtn .BTN1:hover {
  background: #1A1A1A;
  color: #fff;
}

.banner-three-box .tipText {
  letter-spacing: 5px;
}

.tipText {
  color: #1EBD23;
}

.banner-four-box {
  padding: 12.6vw 10.78vw 9.73vw 6.25vw;
  display: flex;
  gap: 6.77vw;
  align-items: center;
  overflow: hidden;
}

.banner-four-box .rightBox {
  flex: 1;
  position: relative;
}

.banner-four-box .rightBox .mainImg {
  border-radius: 50%;
  overflow: hidden;
}

.banner-four-box .rightBox .mainImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.banner-four-box .rightBox .mainImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-four-box .rightBox .mainImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-four-box .circle1 {
  position: absolute;
  left: -2.34vw;
  right: -2.34vw;
  top: -2.34vw;
  bottom: -2.34vw;
  border: 1px solid rgba(29, 151, 108, 0.25);
  border-radius: 50%;
  transform-origin: center;
  /* 确保围绕中心点旋转 */
  animation: rotateCircle 5s linear infinite;
}

.banner-four-box .circle1::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: linear-gradient(180deg, #78FFD6 0%, #A8FF78 100%);
}

.banner-four-box .circle1::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: linear-gradient(180deg, #78FFD6 0%, #A8FF78 100%);
}

.banner-four-box .circle2 {
  position: absolute;
  left: -4.58vw;
  right: -4.58vw;
  top: -4.58vw;
  bottom: -4.58vw;
  border: 1px solid rgba(29, 151, 108, 0.25);
  border-radius: 50%;
  transform-origin: center;
  /* 确保围绕中心点旋转 */
  animation: rotateCircle 5s linear infinite;
}

.banner-four-box .circle2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: linear-gradient(180deg, #78FFD6 0%, #A8FF78 100%);
}

.banner-four-box .circle2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: linear-gradient(180deg, #78FFD6 0%, #A8FF78 100%);
}

.banner-four-box .tiptext {
  color: #1D976C;
  letter-spacing: 8px;
  font-weight: 600;
}

.banner-four-box .flexImg {
  display: flex;
  gap: 1.5625vw;
}

.banner-four-box .marginText {
  margin: 1.51vw 0 2.6vw;
  max-width: 41.35vw;
}

.banner-four-box .imgItem {
  width: 13.54vw;
  border-radius: 10px;
  position: relative;
}

.banner-four-box .imgItem .meidia-box {
  padding-bottom: 69.23077%;
  overflow: hidden;
  position: relative;
}

.banner-four-box .imgItem .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-four-box .imgItem .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-four-box .imgItem:hover .hoverShowText {
  display: flex;
  animation: fadeInText 1s ease-in-out forwards;
}

.banner-four-box .imgItem:hover .fixedBottom {
  display: none;
}

.banner-four-box .hoverBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  color: #FFFFFF;
  background: linear-gradient(180deg, rgba(30, 189, 35, 0) 0%, rgba(0, 15, 26, 0.8) 100%);
}

.banner-four-box .fixedBottom {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.banner-four-box .hoverShowText {
  position: absolute;
  top: 0;
  left: 2vw;
  right: 2vw;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: none;
  opacity: 0;
}

.banner-four-box .flexCount {
  display: flex;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px 0 14px;
  width: fit-content;
  margin-top: 1.5625vw;
}

.banner-four-box .flexCount .flexItem {
  padding: 0 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.banner-four-box .flexCount .flexItem:last-child {
  border-right: none;
}

.banner-four-box .flexCount .topC {
  color: #1D976C;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: baseline;
  line-height: 32px;
}

.banner-five-box {
  position: relative;
}

.banner-five-box .absoluterBgImg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
}

.banner-five-box .absoluterBgImg .meidia-box {
  padding-bottom: 40.98958%;
  overflow: hidden;
  position: relative;
}

.banner-five-box .absoluterBgImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-five-box .absoluterBgImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-five-box .relativeBox {
  position: relative;
  text-align: center;
  padding: 3.9vw 0;
  color: #fff;
}

.banner-five-box .topText {
  color: #FCE1EA;
  letter-spacing: 8px;
}

.banner-five-box .swiperBox {
  margin-top: 1.5625vw;
  position: relative;
  /* 中间图片最大 */
}

.banner-five-box .swiperBox .swiper-container {
  width: 100%;
  overflow: hidden;
}

.banner-five-box .swiperBox .swiper-slide {
  width: 100%;
  width: auto;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0.2;
  /* 默认透明度较低 */
  transform: scale(0.6);
  /* 默认缩小比例 */
}

.banner-five-box .swiperBox .swiper-slide .meidia-box {
  padding-bottom: 133.51351%;
  overflow: hidden;
  position: relative;
}

.banner-five-box .swiperBox .swiper-slide .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-five-box .swiperBox .swiper-slide .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-five-box .swiperBox .swiper-slide-prev,
.banner-five-box .swiperBox .swiper-slide-next {
  transform: scale(0.8);
  opacity: 0.7;
}

.banner-five-box .swiperBox .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}

.banner-five-box .swiperBox .swiper-slide img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  /* 可选：添加圆角 */
}

.banner-five-box .swiperBox .swiper-pagination {
  position: absolute;
  bottom: -1.5625vw;
  /* 距离底部的距离 */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  /* 分页点之间的间距 */
  justify-content: center;
}

.banner-five-box .swiperBox .swiper-pagination-bullet {
  width: 30px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px 20px 20px 20px;
  transition: background-color 0.3s, transform 0.3s;
  opacity: 1;
}

.banner-five-box .swiperBox .swiper-pagination-bullet-active {
  background-color: #1D976C;
  /* 当前激活的颜色 */
}

.banner-six-box {
  position: relative;
  padding-bottom: 3.8vw;
}

.banner-six-box .absoluterBgImg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
}

.banner-six-box .absoluterBgImg .meidia-box {
  padding-bottom: 73.28125%;
  overflow: hidden;
  position: relative;
}

.banner-six-box .absoluterBgImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-six-box .absoluterBgImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-six-box .relativeBox {
  position: relative;
  text-align: center;
  padding: 8vw 0 0;
}

.banner-six-box .topText {
  color: #1D976C;
  letter-spacing: 8px;
  font-weight: 600;
}

.banner-six-box .TEXT {
  max-width: 780px;
  margin: 0 auto;
}

.banner-six-box .marginBox {
  margin: 0.8vw 0 0.9vw;
  font-weight: 600;
  letter-spacing: 5px;
}

.banner-six-box .absoluteBottom {
  width: 23vw;
  position: absolute;
  bottom: -2.7vw;
  left: 8.17vw;
}

.banner-six-box .absoluteBottom .meidia-box {
  padding-bottom: 66.51584%;
  overflow: hidden;
  position: relative;
}

.banner-six-box .absoluteBottom .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.banner-six-box .absoluteBottom .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.submitForm {
  max-width: 56.25vw;
  padding: 2vw;
  margin: 0 auto;
  margin-top: 1.77vw;
  box-sizing: border-box;
  position: relative;
}

.submitForm::after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.3);
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(10px);
  z-index: 0;
  border-radius: 10px;
}

.submitForm fieldset {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 30px;
}

.submitForm .usedComp {
  width: calc((100% - 30px) / 2);
  text-align: left;
}

.submitForm label {
  height: 28px;
  font-family: Poppins;
  font-weight: 500;
  font-size: 20px;
  color: #333;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
}

.submitForm .required::after {
  content: ' *';
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  color: #DA3A1C;
  font-size: 20px;
}

.submitForm input:-ms-input-placeholder {
  color: #999999;
}

.submitForm input::placeholder {
  color: #999999;
}

.submitForm .xhl-input-xlarge {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 1.2vw;
  box-sizing: border-box;
  font-size: 16px;
}

.submitForm .xhl-textarea-xlarge {
  width: 100%;
  padding: 14px 17px;
  box-sizing: border-box;
  font-size: 16px;
}

.submitForm .usedComplineBox {
  width: 100%;
  text-align: left;
}

.submitForm .xhl-textarea-xlarge {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.submitForm #xhlFormSubmit {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  border-radius: 10px;
  color: #1A1A1A;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

.submitForm #xhlFormSubmit:hover {
  background: #1a1a1a;
  color: #fff;
}

.submitForm > div {
  position: relative;
  z-index: 2;
}

.contact-one-box {
  padding: 5.2vw 4.479vw 3.59vw;
  display: flex;
}

.contact-one-box .leftForm {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  background: none;
  box-shadow: none;
  padding: 0 3.28vw 1.4vw 0;
  padding: 1.4vw 3.28vw 1.4vw 0;
  margin: 0;
  max-width: 45.98vw;
}

.contact-one-box .leftForm::after {
  display: none;
}

.contact-one-box .leftForm #xhlFormSubmit {
  background: #333333;
  color: #fff;
}

.contact-one-box .leftForm #xhlFormSubmit:hover {
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  color: #1A1A1A;
}

.contact-one-box .marginText {
  margin: 10px 0 2.08vw;
}

.contact-one-box .rightBox {
  padding-left: 3.489vw;
  padding-bottom: 1.4vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.contact-one-box .bottomBox {
  max-width: 650px;
  background: rgba(120, 255, 214, 0.05);
  border-radius: 20px;
  padding: 1.27vw 1.5625vw 1.27vw;
}

.contact-one-box .bottomBox a {
  display: flex;
  gap: 0.75vw;
  align-items: center;
  color: #333333;
  margin-bottom: 1.25vw;
  cursor: pointer;
}

.contact-one-box .bottomBox a:last-child {
  margin-bottom: 0;
}

.contact-one-box .bottomBox a img {
  width: 24px;
}

.contact-one-box .bottomBox a .activeShow {
  display: none;
}

.contact-one-box .bottomBox a:hover {
  color: #1D976C;
}

.contact-one-box .bottomBox a:hover .activeShow {
  display: block;
}

.contact-one-box .bottomBox a:hover .show {
  display: none;
}

.noPage-one-box {
  margin: 2.5vw 13.54vw 0;
  position: relative;
  min-height: 320px;
}

.noPage-one-box .bgImg {
  max-width: 1098px;
  margin: 0 auto;
}

.noPage-one-box .bgImg .meidia-box {
  padding-bottom: 59.19854%;
  overflow: hidden;
  position: relative;
}

.noPage-one-box .bgImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.noPage-one-box .bgImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.noPage-one-box .absoluteDom {
  position: absolute;
  left: 0;
  bottom: 8.385vw;
  width: 100%;
  border-radius: 50px;
  text-align: center;
  padding: 55px 0;
}

.noPage-one-box .absoluteDom::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.43);
  border-radius: 50px;
  backdrop-filter: blur(13px);
  /* 高斯模糊效果 */
  z-index: 0;
}

.noPage-one-box .marginBox {
  max-width: 840px;
  margin: 0.98vw auto 3.125vw;
  line-height: 36px;
}

.noPage-one-box .downLoadBtn {
  display: inline-block;
  padding: 0 1.5625VW;
  height: 60px;
  color: #1A1A1A;
  line-height: 60px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
}

.noPage-one-box .downLoadBtn:hover {
  background: #1A1A1A;
  color: #fff;
}

.noPage-two-box {
  padding: 0 6.25vw 3.85vw;
  text-align: center;
}

.noPage-two-box .topText {
  color: #1D976C;
  margin-bottom: 0.75vw;
  letter-spacing: 8px;
}

.noPage-two-box ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.noPage-two-box li {
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

.noPage-two-box .meidia-box {
  padding-bottom: 98.76543%;
  overflow: hidden;
  position: relative;
}

.noPage-two-box .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.noPage-two-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.noPage-two-box .meidia-box {
  margin-bottom: 10px;
}

.noPage-two-box .title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.noPage-two-box .c666 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0.75vw 0 1.75vw;
}

.noPage-two-box .page-list {
  margin-top: 2.08vw;
}

.noPage-two-box .btnShow {
  display: inline-block;
  padding: 0 3.25vw;
  height: 46px;
  line-height: 46px;
  background: #1A1A1A;
  border-radius: 30px 30px 30px 30px;
  color: #fff;
  margin: 0 auto;
}

.noPage-two-box .p-item {
  display: block;
}

.noPage-two-box .p-item:hover img {
  transform: scale(1.1);
}

.noPage-two-box .p-item:hover .btnShow {
  color: #1A1A1A;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
}

.myCart-one-box {
  padding: 3.125vw 6.25vw 2.7vw;
  display: flex;
  gap: 2.08vw;
  justify-content: space-between;
}

.myCart-one-box .text1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myCart-one-box .rightBox {
  flex: 1;
  max-width: 560px;
  box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 2.08vw 2.34vw 1.82vw;
  height: fit-content;
  margin-top: 2.3vw;
}

.myCart-one-box .rightBox .topBottom {
  margin-bottom: 1.5625vw;
}

.myCart-one-box .rightBox .flexBetween {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.256vw;
}

.myCart-one-box .rightBox .Right {
  text-align: right;
}

.myCart-one-box .rightBox .border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 0.256vw;
}

.myCart-one-box .rightBox .btn {
  display: block;
  width: 100%;
  height: 46px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
  border-radius: 30px 30px 30px 30px;
  color: #1A1A1A;
  text-align: center;
}

.myCart-one-box .rightBox .margin40 {
  margin: 2vw 0 3.33vw;
}

.myCart-one-box .leftBox {
  flex: 1;
  overflow-x: auto;
}

.myCart-one-box .sceollBox {
  min-width: 500px;
}

.myCart-one-box .topFlex {
  display: flex;
  align-items: center;
  gap: 20px;
}

.myCart-one-box .topFlex .flex1 {
  flex: 1;
}

.myCart-one-box .topFlex .flex2 {
  flex: 2;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.myCart-one-box .topFlex .flex4 {
  flex: 4;
  display: flex;
  align-items: center;
  gap: 0.78vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.myCart-one-box .paddingTop {
  padding: 0 10px 15px;
}

.myCart-one-box .cartList {
  max-height: 470px;
  overflow-y: auto;
  background: #FFFFFF;
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  box-sizing: border-box;
}

.myCart-one-box .carItem {
  height: 105px;
  background: #F8F8F8;
  border-radius: 12px 12px 12px 12px;
  padding-left: 15px;
  margin-bottom: 10px;
}

.myCart-one-box .carItem .flex4 .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.myCart-one-box .carItem .flex4 .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.myCart-one-box .carItem .flex4 .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.myCart-one-box .CLOSEiMG {
  width: 20px;
  height: 20px;
}

.myCart-one-box .produceImg {
  width: 3.125vw;
  border-radius: 5px;
  overflow: hidden;
}

.myCart-one-box .input-Number , .woocommerce .quantity .qty{
  width: 60px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #666666;
  text-align: center;
  background: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.myCart-one-box input[type="number"]::-webkit-inner-spin-button,
.myCart-one-box input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  /* 移除默认样式 */
  margin: 0;
  /* 清除额外间距 */
}

.myCart-one-box .addBtnShow {
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 280px;
  height: 46px;
  background: #1A1A1A;
  border-radius: 30px;
  text-align: center;
  color: #FFFFFF;
  margin-top: 1.562vw;
}

.myCart-one-box .addBtnShow:hover {
  color: #1A1A1A;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
}

.settlement-one-box {
  padding: 3.125vw 6.25vw 2.76vw;
  display: flex;
}

.search-one-box {
  overflow: hidden;
}

.search-one-box .topAbsolute {
  right: 7.29vw;
  text-align: center;
}

.search-one-box .daoHang {
  justify-content: center;
}

.search-one-box .meidia-box {
  border-radius: 30px;
}

.searchInput {
  position: relative;
  width: 62.5vw;
  margin: 2.7vw auto 0;
}

.searchInput input {
  border-radius: 30px;
  height: 60px;
  line-height: 60px;
  padding: 0 165px 0 54px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  color: #333;
  font-size: 20px;
}

.searchInput input::placeholder {
  font-weight: 300;
  font-size: 16px;
  color: #999999;
}

.searchInput .searchBtn {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  height: 50px;
  background: #333333;
  color: #fff;
  border-radius: 200px 200px 200px 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.searchInput .searchIcon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.search-two-box {
  padding: 2.16vw 6.25vw 1.09vw;
}

.search-two-box .activeShow {
  display: none;
}

.search-two-box .searchItem {
  display: flex;
  padding: 2vw;
  gap: 2.5vw;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #707070;
  color: #333;
}

.search-two-box .searchItem:hover .leareMore {
  color: #1D976C;
}

.search-two-box .searchItem:hover .activeShow {
  display: block;
}

.search-two-box .searchItem:hover .show {
  display: none;
}

.search-two-box .leftImg {
  border-radius: 10px;
  overflow: hidden;
  width: 23.43vw;
}

.search-two-box .leftImg .meidia-box {
  padding-bottom: 55.55556%;
  overflow: hidden;
  position: relative;
}

.search-two-box .leftImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.search-two-box .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.search-two-box .rightBox {
  flex: 1;
}

.search-two-box .rightBox .c666 {
  margin: 20px 0 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-two-box .leareMore {
  display: flex;
  gap: 10px;
  align-items: center;
}

.search-two-box .leareMore img {
  width: 16px;
}

.goodsSearch-one-box {
  position: relative;
  padding: 30px 7.6vw 0;
  min-height: 730px;
}

.goodsSearch-one-box .meidia-box {
  padding-bottom: 63.26781%;
  overflow: hidden;
  position: relative;
}

.goodsSearch-one-box .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.goodsSearch-one-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.goodsSearch-one-box .showMINI {
  display: none;
}

.goodsSearch-one-box .absoluteDom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6.385vw;
  text-align: center;
  padding: 3.9vw 3.854vw 3.2vw 4.375vw;
  box-sizing: border-box;
}

.goodsSearch-one-box .absoluteDom::after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.43);
  box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.2);
  border: 2px solid #FFFFFF;
  border-radius: 50px;
  backdrop-filter: blur(10px);
  z-index: 0;
}

.goodsSearch-one-box .absoluteDom > div {
  position: relative;
  z-index: 1;
}

.goodsSearch-one-box .flexBox {
  display: flex;
  align-items: center;
  gap: 2.5vw;
}

.goodsSearch-one-box .flexBox .leftBox {
  flex: 1;
  text-align: left;
}

.goodsSearch-one-box .flexBox .leftBox input {
  border: 1px solid #1D976C;
}

.goodsSearch-one-box .flexBox .searchInput {
  width: 100%;
  margin: 20px 0;
}

.goodsSearch-one-box .flexBox .rightBox {
  width: 33.85vw;
}

.goodsSearch-one-box .flexBox .rightBox .meidia-box {
  padding-bottom: 62.76923%;
  overflow: hidden;
  position: relative;
}

.goodsSearch-one-box .flexBox .rightBox .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.goodsSearch-one-box .flexBox .rightBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.goodsSearch-one-box .flexBox .text p{
  line-height: 1.3;
  margin-bottom: 5px;
}

.fb500 {
  font-weight: 500;
}

.product-one-box .meidia-box {
  padding-bottom: 30.55556%;
  overflow: hidden;
  position: relative;
}

.product-one-box .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.product-one-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.product-one-box .topAbsolute {
  bottom: 50%;
  transform: translateY(50%);
}

.product-two-box {
  margin: 2vw 0 4.79vw;
  padding: 0 6.25vw;
  display: flex;
  gap: 4vw;
  position: relative;
}
.product-two-box .searchBtn{
    display: none;
}

.product-two-box .leftBox {
  flex: 1;
  max-width: 350px;
  padding: 40px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  height: fit-content;
  position: sticky;
  top: 100px;
  /* 确保 leftBox 在顶部开始固定 */
  align-self: flex-start;
  /* 防止 leftBox 拉伸 */
}

.product-two-box .leftBox .title {
  color: #1A1A1A;
  padding-left: 35px;
  margin-bottom: 30px;
}

.product-two-box .leftBox .item {
  margin-top: 8px;
  padding: 10px 25px;
  cursor: pointer;
  display: block;
}

.product-two-box .leftBox .item:hover , .product-two-box .leftBox .active {
  background: #333;
  border-radius: 10px;
  color: #fff;
}

.product-two-box .rightBox {
  flex: 1;
}

.product-two-box .product-list {
  text-align: center;
}

.product-two-box .product-list .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.product-two-box .product-list .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.product-two-box .product-list .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.product-two-box .product-list ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.product-two-box .product-list li {
  width: 33.33%;
  padding: 0 10px;
  box-sizing: border-box;
}

.product-two-box .product-list .p-item {
  display: block;
  margin-bottom: 20px;
}

.product-two-box .product-list .p-item:hover img {
  transform: scale(1.1);
}

.product-two-box .product-list .p-item:hover .bottonBtn {
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  color: #1A1A1A;
}

.product-two-box .product-list .bottonBtn {
  width: 240px;
  max-width: 100%;
  height: 46px;
  line-height: 46px;
  background: #333333;
  border-radius: 30px;
  color: #FFFFFF;
  margin: 18px auto 0;
}

.product-two-box .product-list .marginTop10 {
  margin-top: 10px;
}

.margin20 {
  margin-top: 20px;
}

.OEM-one-box {
  padding: 5.67vw 0 5.2vw;
}

.OEM-one-box .topBox {
  padding-left: 15.652vw;
  width: 67.7vw;
}

.OEM-one-box .cemterImg {
  width: 83.33vw;
  margin: 3vw 0 2.85vw;
}

.OEM-one-box .cemterImg .meidia-box {
  padding-bottom: 21.875%;
  overflow: hidden;
  position: relative;
}

.OEM-one-box .cemterImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.OEM-one-box .cemterImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.OEM-one-box .centerText {
  margin: 20px 0 3vw;
}

.OEM-one-box .flexBtn {
  display: flex;
  gap: 1.5625vw;
}

.OEM-one-box .btn1, .OEM-one-box .btn2 {
  padding: 0 2.5vw;
  height: 46px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
  color: #1A1A1A;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.OEM-one-box .btn1:hover {
  color: #fff;
  background: #333333;
}

.OEM-one-box .btn2:hover {
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  color: #1A1A1A;
}

.OEM-one-box .btn2 {
  color: #fff;
  background: #333333;
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
}

.OEM-two-box .oemItem {
  padding-left: 6.25vw;
  display: flex;
  align-items: center;
  margin-bottom: 5.2vw;
}

.OEM-two-box .oemItem:nth-child(2n) {
  flex-direction: row-reverse;
  padding: 0 6.25vw 0 0;
}

.OEM-two-box .oemItem:nth-child(2n) .rightBox {
  text-align: right;
  padding: 5.2vw 4.5vw 4.94vw 8.33vw;
  margin: 0 -4.5vw 0 0;
}

.OEM-two-box .oemItem:nth-child(2n) .fixedImg {
  left: auto;
  right: 0;
}

.OEM-two-box .leftImg {
  width: 51.875vw;
}

.OEM-two-box .leftImg .meidia-box {
  padding-bottom: 62.4498%;
  overflow: hidden;
  position: relative;
}

.OEM-two-box .leftImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.OEM-two-box .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.OEM-two-box .rightBox {
  flex: 1;
  padding: 5.2vw 8.333vw 4.94vw 4.5vw;
  background: #F8F8F8;
  margin-left: -4.5vw;
  z-index: 2;
  position: relative;
}

.OEM-two-box .fixedImg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.8125vw;
}

.OEM-two-box .fixedImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.OEM-two-box .fixedImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.OEM-two-box .fixedImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.OEM-two-box .relative {
  z-index: 2;
}

.service-one-box {
  padding: 5.2vw 15.625vw 3vw;
}

.service-one-box .thremColor {
  margin-bottom: 20px;
  letter-spacing: 8px;
}

.service-two-box {
  max-width: 1600px;
}

.service-two-box .meidia-box {
  padding-bottom: 21.875%;
  overflow: hidden;
  position: relative;
}

.service-two-box .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.service-two-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.service-three-box {
  padding: 3vw 15.625vw 8.3vw;
}

.service-three-box .text {
  margin: 20px 0 3vw;
  line-height: 26px;
}

.service-three-box .service-product-list ul {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.service-three-box .service-product-list li {
  width: 33.33%;
  padding: 0 15px;
  box-sizing: border-box;
}

.service-three-box .service-product-list .p-item {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 46px 32px;
  display: block;
  min-height: 450px;
  box-sizing: border-box;
  transition: all .5s;
  height: 100%;
}

.service-three-box .service-product-list .p-item:hover {
  box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.16);
}

.service-three-box .service-product-list .c666 {
  margin-top: 20px;
  line-height: 26px;
}

.service-three-box .learnMore {
  display: inline-block;
  padding: 0 2.5vw;
  color: #1A1A1A;
  height: 46px;
  line-height: 46px;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
  box-sizing: border-box;
  margin-top: 3vw;
}

.service-three-box .learnMore:hover {
  background: #1a1a1a;
  color: #fff;
}

.service-four-box {
  padding: 0 7.5vw 4.63vw 6.2vw;
  display: flex;
  gap: 4vw;
}

.service-four-box .leftBox {
  width: 38vw;
  padding-top: 3.5vw;
}

.service-four-box .leftBox .meidia-box {
  padding-bottom: 145.06849%;
  overflow: hidden;
  position: relative;
}

.service-four-box .leftBox .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.service-four-box .leftBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.service-four-box .rightBox {
  flex: 1;
}

.service-four-box .rightBox .thremColor {
  margin-bottom: 15px;
}

.service-four-box .rightBox .marginText {
  margin: 15px 0 2vw;
}

.service-four-box .selectBox .flex1 {
  flex: 1;
}

.service-four-box .selectBox .bottomBox {
  padding-bottom: 2vw;
}

.service-four-box .selectBox .headerLine {
  padding: 15px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.service-four-box .selectBox .leftImg {
  width: 2.6vw;
  height: 2.6vw;
  background: rgba(147, 249, 185, 0.3);
  border-radius: 50%;
}

.service-four-box .selectBox .leftImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.service-four-box .selectBox .leftImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.service-four-box .selectBox .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.service-four-box .selectBox .left {
  display: flex;
  gap: 20px;
  align-items: center;
  cursor: pointer;
}

.service-four-box .selectBox .activeshow {
  display: none;
}

.service-four-box .selectBox .bottomBox {
  margin-top: 20px;
  padding-left: 70px;
  display: none;
  height: 0;
}

.service-four-box .selectBox .bottomBox p {
  line-height: 30px;
}

.service-four-box .selectBox .bottomBox .bottomText {
  margin-top: 30px;
}

.service-four-box .selectBox .active {
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}

.service-four-box .selectBox .active .bottomBox {
  display: block;
  height: auto;
}

.service-four-box .selectBox .active .activeshow {
  display: block;
}

.service-four-box .selectBox .active .show {
  display: none;
}

.productDetail-one-box {
  display: flex;
}

.productDetail-one-box .daoHang {
  margin: 20px 3vw;
  padding: 13px 1.5vw;
  border-radius: 21px;
  border: 1px solid rgba(53, 14, 104, 0.2);
  width: fit-content;
}

.productDetail-one-box .leftBox {
  width: 50vw;
}

.productDetail-one-box .bottomSwiperBox {
  position: relative;
}

.productDetail-one-box .bottomSwiperBox .meidia-box {
  padding-bottom: 62.5%;
  overflow: hidden;
  position: relative;
}

.productDetail-one-box .bottomSwiperBox .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-one-box .bottomSwiperBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-one-box .absoluteTopSwiper {
  position: absolute;
  top: 1.9vw;
  left: 26%;
  z-index: 1;
  width: 52%;
}

.productDetail-one-box .absoluteTopSwiper .meidia-box {
  padding-bottom: 91.6%;
  overflow: hidden;
  position: relative;
}

.productDetail-one-box .absoluteTopSwiper .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-one-box .absoluteTopSwiper .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-one-box .thumbsSwiper {
  position: absolute;
  left: 11.45%;
  right: 7.29%;
  bottom: -3vw;
}

.productDetail-one-box .thumbsSwiper .swiper-slide {
  max-height: 120px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid rgba(53, 14, 104, 0.2);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.productDetail-one-box .thumbsSwiper .swiper-slide img {
  object-fit: contain;
}

.productDetail-one-box .thumbsSwiper .swiper-button-next:after, .productDetail-one-box .thumbsSwiper .swiper-button-prev:after {
  display: none;
}

.productDetail-one-box .thumbsSwiper .swiper-button-next, .productDetail-one-box .thumbsSwiper .swiper-button-prev {
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}

.productDetail-one-box .thumbsSwiper .swiper-button-next img, .productDetail-one-box .thumbsSwiper .swiper-button-prev img {
  width: 12px;
}

.productDetail-one-box .thumbsSwiper .swiper-button-next {
  right: 0;
  top: 50%;
  transform: translate(50%, 50%);
}

.productDetail-one-box .thumbsSwiper .swiper-button-prev {
  left: 0;
  top: 50%;
  transform: translate(-50%, 50%);
}

.productDetail-one-box .rightBox {
  flex: 1;
  margin-left: -2vw;
  background: #1A1A1A;
  box-shadow: -10px 3px 20px 1px rgba(0, 0, 0, 0.16);
  border-radius: 30px 0px 0px 30px;
  border: 2px solid #6E2AF1;
  padding: 3.5vw 6vw 2.4vw 3.5vw;
  color: #fff;
  z-index: 2;
}

.productDetail-one-box .rightBox .topFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.productDetail-one-box .rightBox .dolle {
  color: #93F9B9;
}

.productDetail-one-box .optionsList ul {
  margin: 0 -7px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.productDetail-one-box .optionsList li {
  width: 20%;
  padding: 0 7px;
  box-sizing: border-box;
}

.productDetail-one-box .optionsList .p-item {
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  padding: 10px 0;
  border: 3px solid transparent;
  cursor: pointer;
}

.productDetail-one-box .optionsList .topImg {
  width: 5.2vw;
  margin: 0px auto 14px;
}

.productDetail-one-box .optionsList .topImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.productDetail-one-box .optionsList .topImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-one-box .optionsList .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-one-box .optionsList .active {
  border: 3px solid #93F9B9;
}

.productDetail-one-box .optionMargin {
  margin: 1.5vw 0 10px;
}

.productDetail-one-box .more {
  cursor: pointer;
  color: #93F9B9;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #FCE1EA;
  margin-bottom: 8px;
}

.productDetail-one-box .more img {
  width: 16px;
}

.productDetail-one-box .inputBox {
  padding-top: 30px;
  display: flex;
  align-items: center;
}

.productDetail-one-box .inputBox .boxTitle {
  /*width: 12.65vw;*/
  /*min-width: fit-content;*/
  width: fit-content;
}

.productDetail-one-box .inputBox .rightInputBox {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2.5vw;
  position: relative;
}
.productDetail-one-box .inputBox .rightInputBox .quantity {
    width: 100%;
}

.productDetail-one-box .inputBox .rightInputBox img {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.productDetail-one-box .inputBox .rightInputBox img:first-child {
  left: 20px;
}

.productDetail-one-box .inputBox .rightInputBox img:last-child {
  right: 20px;
}

.productDetail-one-box .inputBox .inputText {
  flex: 1;
}

.productDetail-one-box .inputBox .inputText input {
  height: 50px;
  background: #FFFFFF;
  border-radius: 50px;
  outline: none;
  text-align: center;
  color: #666666;
  font-weight: 500;
  font-size: 18px;
  border: 3px solid #000;
  width: 100%;
}

.productDetail-one-box .inputBox .inputText input:focus {
  border: 3px solid #93F9B9;
  color: #1D976C;
}

.productDetail-one-box .flexBtn {
  display: flex;
  gap: 1.5vw;
  flex: 1;
}

.productDetail-one-box .flexBtn a {
  border-radius: 30px;
  height: 46px;
  border-radius: 30px;
  line-height: 46px;
  display: block;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
}

.productDetail-one-box .flexBtn a:hover {
  transform: translateY(-10px);
}

.productDetail-one-box .flexBtn .ADD {
  flex: 1;
  color: #1A1A1A;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
  box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.16);
  margin-top:0;
}

.productDetail-one-box .flexBtn .View {
  flex: 1;
  color: #fff;
  background: #1D976C;
}

.productDetail-one-box .bottomText {
  text-align: right;
  color: #FFFFFF;
  margin-top: 15px;
}

.productDetail-two-box {
  display: flex;
  align-items: center;
  gap: 4.5vw;
  margin: 5.2vw 0 4vw;
}

.productDetail-two-box .leftBox {
  width: 44.27vw;
}

.productDetail-two-box .leftBox .meidia-box {
  padding-bottom: 101.17647%;
  overflow: hidden;
  position: relative;
}

.productDetail-two-box .leftBox .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-two-box .leftBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-two-box .rightBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.productDetail-two-box .rightBox .title {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.productDetail-two-box .centerImg {
  width: 28.38vw;
  margin: 2.5vw 0 20px;
}

.productDetail-two-box .centerImg .meidia-box {
  padding-bottom: 54.6789%;
  overflow: hidden;
  position: relative;
}

.productDetail-two-box .centerImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-two-box .centerImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-three-box .productThreeItem {
  position: relative;
}

.productDetail-three-box .productThreeItem .meidia-box {
  padding-bottom: 39.0625%;
  overflow: hidden;
  position: relative;
}

.productDetail-three-box .productThreeItem .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-three-box .productThreeItem .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-three-box .productThreeItem:first-child .absoluteBox {
  top: 50%;
  left: 6vw;
  transform: translateY(-50%);
}

.productDetail-three-box .productThreeItem:nth-child(2n) .absoluteBox {
  right: 6vw;
  bottom: 3.25vw;
}

.productDetail-three-box .productThreeItem:nth-child(2n+1) .absoluteBox {
  left: 6vw;
  bottom: 3.25vw;
}

.productDetail-three-box .absoluteBox {
  position: absolute;
  padding: 2.7vw 1.5vw;
  box-sizing: border-box;
  width: 39.06vw;
  min-height: 260px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
}

.productDetail-three-box .absoluteBox .text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 20px;
}

.productDetail-four-box {
  padding: 4.5vw 6vw 3.35vw;
  background: #F8F8F8;
}

.productDetail-four-box .textMargin {
  margin: 20px 0;
  max-width: 1157px;
}

.productDetail-four-box .bottomImg {
  width: 70.52vw;
}

.productDetail-four-box .bottomImg .meidia-box {
  padding-bottom: 35.00739%;
  overflow: hidden;
  position: relative;
}

.productDetail-four-box .bottomImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-four-box .bottomImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-four-box .alignRight {
  display: flex;
  justify-content: flex-end;
}

.productDetail-five-box {
  text-align: center;
  padding: 4vw 19vw;
  background: linear-gradient(158deg, #A8FF78 0%, #78FFD6 100%);
}

.productDetail-five-box .textMargin {
  margin: 0px 0 1.5vw;
}

.productDetail-five-box .flexBox {
  display: flex;
  gap: 30px;
}

.productDetail-five-box .flexBox .leftBox {
  width: 31.25vw;
}

.productDetail-five-box .flexBox .leftBox .meidia-box {
  padding-bottom: 91.66667%;
  overflow: hidden;
  position: relative;
}

.productDetail-five-box .flexBox .leftBox .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-five-box .flexBox .leftBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-five-box .flexBox .rightBox {
  flex: 1;
}

.productDetail-five-box .flexBox .rightBox ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.productDetail-five-box .flexBox .rightBox li {
  width: 33.33%;
  padding: 0 10px;
  box-sizing: border-box;
}

.productDetail-five-box .flexBox .p-item {
  background: #fff;
  border-radius: 20px;
  padding: 10px 14px 14px;
  height: 100%;
  box-sizing: border-box;
}

.productDetail-five-box .flexBox .p-item .f-16 {
  margin-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.productDetail-five-box .flexBox li {
  margin-bottom: 20px;
}

.productDetail-five-box .flexBox .topImg {
  width: 5.2vw;
  margin: 0 auto;
}

.productDetail-five-box .flexBox .topImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.productDetail-five-box .flexBox .topImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-five-box .flexBox .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-six-box {
  position: relative;
  margin-bottom: 5.729vw;
}

.productDetail-six-box .meidia-box {
  padding-bottom: 39.0625%;
  overflow: hidden;
  position: relative;
}

.productDetail-six-box .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-six-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.productDetail-six-box .absoluteBox {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  top: 4vw;
}

.OVERtEXT {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.productDetail-SEVENT-box {
  padding-bottom: 0;
}

.productDetail-SEVENT-box .meidia-box {
  margin-bottom: 20px;
}

.productDetail-eight-box {
  padding-bottom: 7vw;
}

.jingXiaoShang-one-box {
  padding: 30px 3vw 3vw;
  position: relative;
}

.jingXiaoShang-one-box .meidia-box {
  padding-bottom: 25%;
  overflow: hidden;
  position: relative;
}

.jingXiaoShang-one-box .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.jingXiaoShang-one-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.jingXiaoShang-one-box .topAbsolute {
  position: absolute;
  left: 3vw;
  right: 3vw;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: linear-gradient(180deg, transparent 0%, #000000 100%);
}

.jingXiaoShang-one-box .daoHang {
  justify-content: center;
}

.jingXiaoShang-one-box .daoHang a {
  color: #fff;
}

.jingXiaoShang-two-box {
  text-align: center;
  padding: 3vw 6vw 2.76vw;
}

.jingXiaoShang-two-box p {
  line-height: 1.6;
}

.jingXiaoShang-form::after {
  display: none;
}

.jingXiaoShang-form {
  max-width: 100%;
}

.jingXiaoShang-form .usedComp {
  width: calc((100% - 60px) / 3);
}

.jingXiaoShang-form .xhl-footer {
  width: 100%;
  max-width: 820px;
  margin: 30px auto 0;
}

.shangYeZhiChi-one-box {
  padding: 4.5vw 9.6vw 7.7vw;
}

.shangYeZhiChi-one-box .title {
  text-align: center;
  max-width: 980px;
  margin: 0 auto 3vw;
}

.shangYeZhiChi-one-box ul {
  margin: 0 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.shangYeZhiChi-one-box li {
  width: 33.33%;
  padding: 0 50px;
  box-sizing: border-box;
}

.shangYeZhiChi-one-box .p-item {
  display: block;
  padding: 2.5vw 2.5vw 4vw;
  background: #F8F8F8;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 459px;
  box-sizing: border-box;
  overflow: hidden;
}

.shangYeZhiChi-one-box .p-item:hover {
  color: #fff;
  background: url("../images/shangYeZhiChi4.png") no-repeat center;
  background-size: max-content;
  border-radius: 20px;
  overflow: hidden;
}

.shangYeZhiChi-one-box .p-item .text {
  color: #78FFD6;
}

.shangYeZhiChi-one-box .topImg {
  width: 5.2vw;
  background: #fff;
  border-radius: 50%;
}

.shangYeZhiChi-one-box .topImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.shangYeZhiChi-one-box .topImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.shangYeZhiChi-one-box .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.shangYeZhiChi-two-box {
  padding: 0 6vw;
  text-align: center;
}

.shangYeZhiChi-two-box .shangYeZhiChiBox {
  width: 100%;
  height: 180px;
  background: #F8F8F8;
  border-radius: 180px;
  margin: 3vw 0 3.125vw;
  display: flex;
  align-items: center;
  padding: 2.03vw 0;
  box-sizing: border-box;
}

.shangYeZhiChi-two-box .itemBox {
  flex: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  cursor: pointer;
}

.shangYeZhiChi-two-box .itemBox:last-child {
  border-right: none;
}

.shangYeZhiChi-two-box .itemBox .c666 {
  max-width: 230px;
  margin: 0 auto;
}

.shangYeZhiChi-two-box .topTitle {
  color: #1D976C;
  display: flex;
  align-items: end;
  justify-content: center;
}

.iconSeaarch {
  position: relative;
}

.searchBox {
  position: absolute;
  bottom: -44px;
  /*left: 50%;*/
  right:0;
  transform: translate(0%, 100%);
  display: none;
  z-index: 9999;
}

.searchBox .searchBtn {
  position: absolute;
  left: 20px;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.searchBox .searchInputTop {
  width: 28.95vw;
  height: 60px;
  line-height: 60px;
  background: #FFFFFF;
  border-radius: 200px;
  padding: 0 165px 0 54px;
  border: none;
  outline: none;
  border:2px solid #1A1A1A;
}

.searchBox .searchBtn2 {
  width: 160px;
  height: 50px;
  line-height: 50px;
  background: #1A1A1A;
  border-radius: 200px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  text-align: center;
  cursor: pointer;
  color:#fff;
}

.activesearchBox {
  display: block;
}
.newsDetail-one-box {
    max-width: 1200px;
    margin:0 auto;
}
.news-con .wp-block-heading{
    font-size: 20px;
    margin-top:20px;
}

.news-one-box, .newsDetail-one-box {
  display: flex;
  padding: 4.75vw 8.6vw 20px;
  gap: 4.5vw;
}

.news-one-box .leftBox, .newsDetail-one-box .leftBox {
  flex: 1;
}

.news-one-box .p-item, .newsDetail-one-box .p-item {
  display: flex;
  gap: 40px;
  color: #333;
  cursor: pointer;
}

.news-one-box .p-item:hover .titleContent, .newsDetail-one-box .p-item:hover .titleContent {
  color: #1D976C;
}
.news-one-box .p-item:hover .meidia-box img {
    transform: scale(1.1);
}
.news-one-box .p-item:hover .flex, .newsDetail-one-box .p-item:hover .flex {
  color: #1D976C;
}

.news-one-box .p-item:hover .activeShow, .newsDetail-one-box .p-item:hover .activeShow {
  display: block;
}

.news-one-box .p-item:hover .show, .newsDetail-one-box .p-item:hover .show {
  display: none;
}

.news-one-box .titleContent, .newsDetail-one-box .titleContent {
  position: relative;
}

.news-one-box .titleContent::after, .newsDetail-one-box .titleContent::after {
  content: '';
  position: absolute;
  left: -7.5vw;
  bottom: -15px;
  height: 2px;
  width: 250px;
  background: #93F9B9;
}

.news-one-box .leftDate, .newsDetail-one-box .leftDate {
  text-align: center;
  padding-top: 27px;
}

.news-one-box .topDate, .newsDetail-one-box .topDate {
  display: flex;
  color: #1D976C;
  align-items: baseline;
  margin-bottom: 11px;
}

.news-one-box .rightProduct, .newsDetail-one-box .rightProduct {
  flex: 1;
}

.news-one-box .rightProduct .meidia-box, .newsDetail-one-box .rightProduct .meidia-box {
  padding-bottom: 24.5098%;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}

.news-one-box .rightProduct .meidia-box img, .newsDetail-one-box .rightProduct .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.news-one-box .rightProduct .meidia-box video, .newsDetail-one-box .rightProduct .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.news-one-box .rightBox, .newsDetail-one-box .rightBox {
  width: 18.22vw;
  min-width: 350px;
}

.news-one-box .newsContent, .newsDetail-one-box .newsContent {
  padding: 30px 30px 50px;
  text-align: left;
}

.news-one-box .newsContent .marginText, .newsDetail-one-box .newsContent .marginText {
  margin: 30px 0 20px;
}

.news-one-box .flex, .newsDetail-one-box .flex {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: start;
}

.news-one-box .flex img, .newsDetail-one-box .flex img {
  width: 16px;
}

.news-one-box .activeShow, .newsDetail-one-box .activeShow {
  display: none;
}

.news-one-box .page-box, .newsDetail-one-box .page-box {
  padding: 37px 0 0;
}

.news-one-box .newsBox, .newsDetail-one-box .newsBox {
  border-radius: 10px;
  padding: 20px 20px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.news-one-box .newsBox .newsTitle, .newsDetail-one-box .newsBox .newsTitle {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 18px;
}

.news-one-box .newsBox .newsItem, .newsDetail-one-box .newsBox .newsItem {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}

.news-one-box .newsBox .newsItem:hover .activeShow, .newsDetail-one-box .newsBox .newsItem:hover .activeShow {
  display: block;
}

.news-one-box .newsBox .newsItem:hover .show, .newsDetail-one-box .newsBox .newsItem:hover .show {
  display: none;
}

.news-one-box .newsBox .newsItem:hover .rightWidth, .newsDetail-one-box .newsBox .newsItem:hover .rightWidth {
  color: #1D976C;
}

.news-one-box .newsBox .newsItem:hover .leftWidth img, .newsDetail-one-box .newsBox .newsItem:hover .leftWidth img {
  transform: scale(1.1);
}

.news-one-box .newsBox .leftWidth, .newsDetail-one-box .newsBox .leftWidth {
  width: 7.55vw;
}

.news-one-box .newsBox .leftWidth .meidia-box, .newsDetail-one-box .newsBox .leftWidth .meidia-box {
  padding-bottom: 62.06897%;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}

.news-one-box .newsBox .leftWidth .meidia-box img, .newsDetail-one-box .newsBox .leftWidth .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.news-one-box .newsBox .leftWidth .meidia-box video, .newsDetail-one-box .newsBox .leftWidth .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.news-one-box .newsBox .rightWidth, .newsDetail-one-box .newsBox .rightWidth {
  flex: 1;
}

.news-one-box .newsBox .rightWidth .title, .newsDetail-one-box .newsBox .rightWidth .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rightContent {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 50px;
}

.rightContent .selectItem {
  display: block;
  width: 100%;
  height: 60px;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 30px;
  display: flex;
  gap: 15px;
  align-items: center;
  box-sizing: border-box;
}
.rightContent .cur , .rightContent .act{
    color: #1D976C;
}

.rightContent .selectItem:hover {
  color: #1D976C;
}

.rightContent .act .activeShow , .rightContent .cur .activeShow , .rightContent .selectItem:hover .activeShow {
  display: block;
}

.rightContent .act .show , .rightContent .cur .show , .rightContent .selectItem:hover .show {
  display: none;
}

.rightContent img {
  width: 16px;
  height: 16px;
}

.rightContent .activeShow {
  display: none;
}

.newsDetail-banner-box {
  padding: 0 3.125vw;
  margin-top: 30px;
  position: relative;
  border-radius: 0 0 30px 0;
  overflow: hidden;
}

.newsDetail-banner-box .meidia-box {
  padding-bottom: 27.77778%;
  overflow: hidden;
  position: relative;
}

.newsDetail-banner-box .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.newsDetail-banner-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.newsDetail-banner-box .meidia-box {
  border-radius: 0 0 30px 0;
  overflow: hidden;
}

.newsDetail-banner-box .absoluteSelect {
  width: 18.22vw;
  min-width: 350px;
  position: absolute;
  right: 3.125vw;
  bottom: 0;
  background: url("../images/newsDetail2.png") no-repeat bottom;
  background-size: cover;
  padding: 3.51vw 1.25vw 0 3.9vw;
  width: fit-content;
}

.newsDetail-banner-box .absoluteSelect .rightContent {
  margin: 0;
}

.absoluteNewsDetail {
  position: absolute;
  left: 3.125vw;
  bottom: 0;
  right: 3.125vw;
  top: 0;
  background: linear-gradient(180deg, transparent 0%, #000000 100%);
  padding: 0 0 2.86vw 3vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 18px;
  color: #fff;
  border-radius: 0 0 30px 0;
  overflow: hidden;
}

.absoluteNewsDetail a {
  color: #fff;
}

.absoluteNewsDetail div {
  max-width: 62.5vw;
}

.newsDetail-one-box {
  padding: 3vw 4.5vw 0;
}

.newsDetail-one-box .centerImg {
  max-width: 700px;
  margin: 20px auto 0;
}

.newsDetail-one-box .centerImg .meidia-box {
  padding-bottom: 64.28571%;
  overflow: hidden;
  position: relative;
}

.newsDetail-one-box .centerImg .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.newsDetail-one-box .centerImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.newsDetail-one-box .detaileTitle {
  margin: 20px 0;
  font-weight: bold;
}

.newsDetail-one-box .noPage-two-box {
  padding: 5.7vw 0 26px;
}

.newsDetail-one-box .p-item {
  display: block;
}

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

.page-box2 .wp-pagenavi {
  display: flex;
  justify-content: space-between;
}

.page-box2 .wp-pagenavi a.nextpostslink img {
  width: 16px;
  height: 16px;
}

.page-box2 .wp-pagenavi a {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #333;
  font-size: 16px;
  height: 23px;
  line-height: 23px;
}

.newsDetail-one-box .page-box2 {
  padding-top: 20px;
  border-top: 1px solid #707070;
}

.shareBox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 50px 0 25px;
}

.shareBox img {
  width: 20px;
}

.AuthorName {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 24px 24px 33px;
  margin-bottom: 40px;
}

.AuthorName .AuthorTop {
  display: flex;
  padding-bottom: 18px;
  gap: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #1A1A1A;
  align-items: center;
  margin-bottom: 20px;
}

.AuthorName .leftLogo {
  width: 60px;
}

.AuthorName .leftLogo .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.AuthorName .leftLogo .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.AuthorName .leftLogo .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.AuthorName .calder {
  display: flex;
  gap: 5px;
  align-items: center;
}

.AuthorName .calder img {
  width: 8px;
}

.AuthorName .topRight {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.AuthorName .AuthorBottom {
  margin-top: 10px;
  color: #000;
  padding-left: 20px;
  line-height: 1.5;
}

.ageBox {
  margin: 0 auto;
  /*max-width: 1200px;*/
  background: #FFFFFF;
  border-radius: 30px;
  height: 650px;
  /*padding: 8.95vw 6.875vw;*/
  padding: 0 6.857vw;
  text-align: center;
  color: #1A1A1A;
  position: fixed;
  top: 11.19vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: none;
  box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.16);
  flex-direction: column;
  justify-content: center;
  box-sizing: box-sizing;
  
}

.ageBox .textMargin {
  margin: 15px auto 5.2vw;
  text-align: center;
  max-width: 936px;
}

.ageBox .flexBtnAge {
  display: flex;
  justify-content: center;
  gap: 60px;
}

.ageBox .btn {
  flex: 1;
  max-width: 200px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background: #1A1A1A;
  color: #fff;
  border-radius: 50px;
  cursor: pointer;
}

.ageBox .btn2 {
  color: #1A1A1A;
  background: linear-gradient(90deg, #78FFD6 0%, #A8FF78 100%);
}

.ageBoxShow {
  display: flex;
  
}

.rightNewADD {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 32px;
  color: #fff;
}

.rightNewADD .addItem {
  width: calc((100% - 32px) / 2);
  display: flex;
  align-items: center;
  gap: 15px;
}

.rightNewADD .tag {
  width: 130px;
  height: 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #1D976C;
  text-align: center;
  border-radius: 30px 30px 30px 30px;
}

@media screen and (max-width: 1023px) {
  .f-90 {
    font-size: 40px;
  }
  .f-72 {
    font-size: 30px;
  }
  .f-56 {
    font-size: 26px;
  }
  .f-48 {
    font-size: 24px;
  }
  .f-40 {
    font-size: 22px;
  }
  .f-38 {
    font-size: 20px;
  }
  .f-36 {
    font-size: 20px;
  }
  .f-30 {
    font-size: 20px;
  }
  .f-28 {
    font-size: 18px;
  }
  .f-26 {
    font-size: 18px;
  }
  .f-24 {
    font-size: 18px;
  }
  .f-22 {
    font-size: 16px;
  }
  .f-20 {
    font-size: 16px;
  }
  .f-18 {
    font-size: 16px;
  }
  .f-16 {
    font-size: 14px;
  }
  /* 手机菜单 start */
  html.mm-blocking body {
    overflow: initial;
  }
  #menuPc {
    display: none;
  }
  .mm-opened #menuWap {
    display: block;
  }
  #page {
    background: #FFFFFF;
  }
  .btn-nav {
    position: absolute;
    top: 0;
    right: 20px;
    background: transparent;
    border: none;
    padding: 21px 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .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: #B24249;
    box-shadow: 0 1px 1px #000000;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 999999;
  }
  .mm-opening .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    -moz-transform: translateY(8px) rotateZ(45deg);
    -ms-transform: translateY(8px) rotateZ(45deg);
    -o-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
  }
  .mm-opening .bottom {
    -webkit-transform: translateY(-10px) rotateZ(-45deg);
    -moz-transform: translateY(-10px) rotateZ(-45deg);
    -ms-transform: translateY(-10px) rotateZ(-45deg);
    -o-transform: translateY(-10px) rotateZ(-45deg);
    transform: translateY(-10px) rotateZ(-45deg);
  }
  .mm-opening .middle {
    width: 0;
  }
  /* 手机菜单 end */
  .headerNav {
    display: none;
  }
  .header-box #menuPc {
    display: none;
    top: 0;
  }
  .header-box {
    top: 0;
    height: 60px;
  }
  .btn-nav .top {
    margin: 0;
  }
  .indexBannerItem .swiper-pagination-current {
    font-size: 24px;
  }
  .index-one-box {
    flex-direction: column;
  }
  .index-one-box .index-one-right {
    width: 100%;
  }
  .index-one-box .bgImg, .index-one-box .bgImg .imgWidth, .index-one-box .leftItem {
    width: 100%;
  }
  .index-one-box .bgImg {
    position: static;
  }
  .index-one-box .topImg {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .index-three-box {
    flex-direction: column-reverse;
    gap: 10px;
  }
  .index-three-box .leftBox {
    width: 100%;
  }
  .index-three-box .rightBox, .index-four-box .leftBox {
    max-width: 100%;
  }
  .index-three-box .rightBox .relative, .index-four-box .relative, .index-four-box .rightBox {
    width: 100%;
  }
  .index-three-box .leftBoxItem {
    width: calc((100% - 2.6vw) / 2);
  }
  .index-four-box {
    flex-direction: column;
  }
  .index-four-box .centerBox {
    flex-direction: row;
    gap: 10px;
  }
  .index-four-box .centerItem {
    max-width: 100%;
    flex: 1;
  }
  .index-four-box .relative::before {
    height: 40px;
    border-radius: 40px;
    left: 0;
    right: 0;
  }
  .index-four-box .centerText {
    margin-top: 10px;
  }
  .index-four-box .c666 {
    margin: 10px 0;
  }
  .index-six-box .p-item {
    padding: 0;
    margin-bottom: 20px;
  }
  .index-six-box ul {
    margin: 0 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
  }
  .index-six-box li {
    width: 100%;
    padding: 0 0;
    box-sizing: border-box;
  }
  .footerTopBox {
    flex-direction: column;
  }
  .footerTopBox .leftImg {
    width: 100%;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
  }
  .footerTopBox .rightBox {
    padding: 10px 20px;
    border-radius: 0;
  }
  .footerBottom .rightFixed .iconBox {
    width: 40px;
    height: 40px;
  }
  .footerBottom .rightFixed .iconBox img {
    width: 20px;
    height: 20px;
  }
  .footerBottom .bg .meidia-box {
    padding-bottom: 36.4375%;
  }
  .indexBannerItem .meidia-box {
    padding-bottom: 76%;
  }
  .product-one-box .meidia-box {
    padding-bottom: 40%;
  }
  .product-one-box .topAbsolute {
    transform: translateY(26%);
  }
  .product-two-box .leftBox {
    display: none;
  }
  .product-two-box .product-list ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
  }
  .product-two-box .product-list li {
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .product-two-box {
    flex-direction: column;
    gap: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .searchBtn {
    display: flex;
    justify-content: flex-end;
  }
  .searchBtn img {
    width: 40px;
  }
  .product-two-box .leftBox {
    max-width: 100%;
    width: 80vw;
  }
  .productDetail-one-box {
    flex-direction: column;
  }
  .productDetail-one-box .leftBox {
    width: 100%;
  }
  .productDetail-one-box .rightBox {
    margin-left: 0;
    border-radius: 0;
  }
  .productDetail-one-box .thumbsSwiper {
    bottom: 10px;
  }
  .productDetail-one-box .thumbsSwiper .swiper-slide img {
    width: -webkit-fill-available;
  }
  .productDetail-one-box .inputBox .boxTitle {
    width: 16.65vw;
  }
  .productDetail-one-box .optionsList ul {
    margin: 0 -7px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
  }
  .productDetail-one-box .optionsList li {
    width: 50%;
    padding: 0 7px;
    box-sizing: border-box;
  }
  .productDetail-one-box .optionsList .topImg {
    width: 50%;
  }
  .productDetail-two-box {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
  .productDetail-two-box .leftBox, .productDetail-two-box .rightBox {
    width: 100%;
  }
  .productDetail-three-box .absoluteBox {
    min-height: fit-content;
    width: 50%;
  }
  .productDetail-three-box .absoluteBox .text {
    margin-top: 5px;
  }
  .productDetail-five-box .flexBox {
    flex-direction: column;
  }
  .productDetail-five-box .flexBox .leftBox {
    width: 100%;
  }
  .productDetail-five-box {
    padding: 4vw 20px;
  }
  .productDetail-five-box .flexBox .topImg {
    width: 100%;
  }
  .noPage-two-box ul {
    margin: 0 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
  }
  .noPage-two-box li {
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .index-five-box .indexFiveFlex {
    flex-wrap: wrap;
  }
  .index-five-box .flexItem {
    flex: none;
    width: calc((100% - 10px) / 2);
    box-sizing: border-box;
  }
  .index-five-box .flexItem:hover::before {
    left: 0;
    right: 0;
  }
  .index-five-box .flexImg {
    width: 20vw;
    box-sizing: border-box;
  }
  .index-five-box .flexItem:nth-child(odd):after {
    content: ' ';
    position: absolute;
    top: 2.75vw;
    bottom: 3.75vw;
    width: 1px;
    right: 0;
    background: rgba(252, 225, 234, 0.2);
  }
  .index-five-box .flexItem:nth-child(even):after {
    display: none;
  }
  .index-five-box .absoluteImg {
    width: 20vw;
  }
  .index-five-box .bottomBox .learnMore {
    white-space: nowrap;
  }
  .index-five-box {
    padding-bottom: 30px;
  }
  .banner-two-box .banner-two-top, .banner-three-box, .banner-four-box {
    flex-direction: column;
  }
  .banner-two-box .banner-two-top .rightBox, .banner-three-box .leftBox, .banner-three-box .MAXwIDTH, .banner-three-box .text {
    width: 100%;
  }
  .banner-three-box .topVideo {
    width: 50%;
  }
  .banner-three-box .flexBox {
    flex-direction: column;
    align-items: start;
  }
  .banner-three-box .flexBtn a {
    height: 40px;
    border-radius: 40px;
  }
  .banner-four-box .flexCount {
    flex-wrap: wrap;
    gap: 10px 10px;
  }
  .banner-four-box .flexCount .flexItem {
    width: calc((100% - 10px) /2);
    box-sizing: border-box;
    text-align: center;
  }
  .banner-four-box .flexCount .flexItem:nth-child(odd) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
  .banner-four-box .flexCount .flexItem:nth-child(even) {
    border: 0;
  }
  .banner-four-box .marginText {
    max-width: 100%;
  }
  .banner-four-box .imgItem {
    width: calc((100% - 4vw) / 3);
  }
  .banner-four-box .rightBox {
    width: 80%;
  }
  .noPage-one-box .absoluteDom {
    bottom: 0;
    margin-bottom: 30px;
  }
  .myCart-one-box {
    flex-direction: column;
  }
  .myCart-one-box .produceImg {
    width: 60px;
  }
  .goodsSearch-one-box {
    padding-left: 10px;
    padding-right: 10px;
  }
  .goodsSearch-one-box .absoluteDom > div {
    flex-direction: column;
    position: static;
  }
  .goodsSearch-one-box .absoluteDom::after {
    display: none;
  }
  .goodsSearch-one-box .absoluteDom {
    position: static;
  }
  .miBox {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    padding: 17px 27px;
    text-align: center;
  }
  .miBox .showMINI {
    display: block;
  }
  .miBox::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.43);
    border-radius: 35px;
    backdrop-filter: blur(13px);
    /* 高斯模糊效果 */
    z-index: 0;
  }
  .showPC {
    display: none;
  }
  .goodsSearch-one-box .absoluteDom {
    padding-left: 0;
    padding-right: 0;
  }
  .news-one-box, .newsDetail-one-box {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
  .news-one-box .leftBox .p-item {
    flex-direction: column;
    gap: 10px;
  }
  .news-one-box .leftBox .p-item .newsContent {
    padding-left: 0;
    padding-right: 0;
  }
  .news-one-box .leftBox .p-item .leftDate {
    padding-top: 0;
  }
  .news-one-box .leftBox .p-item .leftDate .c999 {
    text-align: left;
  }
  .news-one-box .newsBox .leftWidth, .newsDetail-one-box .newsBox .leftWidth {
    width: 60px;
  }
  .news-one-box .rightBox, .newsDetail-one-box .rightBox {
    width: 100%;
  }
  .newsDetail-banner-box .meidia-box {
    padding-bottom: 55%;
  }
  .newsDetail-banner-box .absoluteSelect {
    display: none;
  }
  .absoluteNewsDetail div {
    max-width: 100%;
  }
  .newsDetail-banner-box, .absoluteNewsDetail {
    border-radius: 0;
  }
  .OEM-one-box .topBox {
    padding-left: 20px;
  }
  .OEM-one-box .topBox {
    width: 100%;
  }
  .OEM-two-box .oemItem, .service-four-box {
    flex-direction: column;
  }
  .OEM-two-box .oemItem:nth-child(2n) {
    flex-direction: column;
  }
  .service-one-box, .service-three-box, .service-four-box, .shangYeZhiChi-one-box {
    padding-left: 20px;
    padding-right: 20px;
  }
  .service-three-box .service-product-list ul {
    margin: 0 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
  }
  .service-three-box .service-product-list li {
    width: 100%;
    padding: 0 0;
    box-sizing: border-box;
  }
  .service-three-box .service-product-list .p-item {
    margin-bottom: 20px;
    min-height: fit-content;
  }
  .service-three-box .service-product-list ul {
    align-items: flex-start;
  }
  .service-four-box .leftBox {
    margin: 0 auto;
  }
  .service-four-box .selectBox .leftImg {
    width: 40px;
    height: 40px;
  }
  .service-four-box .selectBox {
    margin-top: 20px;
  }
  .service-four-box .selectBox .headerLine {
    padding-left: 20px;
  }
  .service-four-box .selectBox .active .bottomBox {
    padding: 20px;
  }
  .jingXiaoShang-one-box .meidia-box {
    padding-bottom: 40%;
  }
  .shangYeZhiChi-one-box ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
  }
  .shangYeZhiChi-one-box li {
    width: 100%;
    padding: 0 0;
    box-sizing: border-box;
  }
  .shangYeZhiChi-one-box .topImg {
    width: 60px;
  }
  .shangYeZhiChi-one-box .p-item {
    min-height: 300px;
    margin-bottom: 20px;
  }
  .copRight {
    display: none;
  }
  .footerBottom .footerLogoTop {
    flex-direction: column;
  }
  .footerBottom .logoImg {
    width: 120px;
  }
  .footerBottom .footerLogoTop .right {
    width: 100%;
    padding-right: 60px;
    box-sizing: border-box;
  }
  .footerBottom .footerLogoTop .left .f-16 {
    display: none;
  }
  .footerBottom .footerCenterFlex .flexItem {
    display: none;
  }
  .footerBottom .footerCenterFlex .flexItem:first-child {
    display: block;
  }
  .footerBottom .footerCenterFlex .flexItem .f-30 {
    display: none;
  }
  .footerBottom .bg .meidia-box {
    padding-bottom: 65%;
  }
  .footerBottom .footerCenterFlex {
    margin-top: 0;
  }
  .footerBottom .footerLogoTop {
    gap: 20px;
  }
  .footerBottom .bg .meidia-box img {
    object-fit: cover;
  }
}

@media screen and (max-width: 700px) {
  .banner-five-box .swiperBox .swiper-slide img {
    width: 47%;
  }
  .banner-five-box .absoluterBgImg .meidia-box {
    padding-bottom: 69%;
  }
  .banner-five-box .swiperBox {
    padding: 10px 0 20px;
  }
  .submitForm {
    max-width: 100%;
  }
  .submitForm .usedComp {
    width: 100%;
    box-shadow: none;
  }
  .submitForm::after, .banner-six-box .absoluterBgImg, .banner-six-box .absoluteBottom {
    display: none;
  }
  .banner-six-box {
    margin: 0 20px;
  }
  .banner-two-box .banner-two-bottom .flexItem {
    width: 90%;
    margin: 10px auto;
  }
  .banner-two-box .banner-two-bottom, .contact-one-box {
    flex-direction: column;
  }
  .banner-two-box .banner-two-bottom .flexItem:first-child, .banner-two-box .banner-two-bottom .flexItem:last-child {
    width: 90%;
  }
  .banner-two-box .banner-two-bottom .flexItem:nth-child(2) {
    margin: 10px auto;
  }
  .banner-two-box .banner-two-bottom .flexItem:first-child .topBg, .banner-two-box .banner-two-bottom .flexItem:last-child .topBg {
    text-align: center;
  }
  .flexDownLoad, .banner-two-box .banner-two-bottom .flexItem:first-child .flexDownLoad {
    justify-content: center;
  }
  .banner-two-box .topImg {
    width: 40px;
    left: 0;
  }
  .banner-two-box .BottomImg {
    width: 60px;
    right: 0;
  }
  .banner-one-box .meidia-box {
    padding-bottom: 40%;
  }
  .contact-one-box {
    gap: 20px;
  }
  .contact-one-box .leftForm {
    max-width: 100%;
  }
  .noPage-one-box {
    margin-left: 20px;
    margin-right: 20px;
  }
  .noPage-one-box .absoluteDom {
    position: relative;
    margin-top: -50%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .noPage-one-box .downLoadBtn {
    padding: 0 15vw;
  }
  .searchInput input {
    height: 40px;
    line-height: 40px;
  }
  .searchInput {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .searchInput .searchBtn {
    height: 38px;
    width: 90px;
    right: 1px;
  }
  .search-two-box .searchItem {
    flex-direction: column;
    margin-bottom: 20px;
  }
  .search-two-box .leftImg {
    width: 80%;
  }
  .miBox .f-30 {
    font-size: 14px;
  }
  .goodsSearch-one-box .flexBox .searchInput {
    margin-bottom: 0;
  }
  .goodsSearch-one-box .flexBox .rightBox {
    width: 200px;
    margin-top: 20px;
  }
  .shangYeZhiChi-two-box .shangYeZhiChiBox {
    flex-wrap: wrap;
    border-radius: 10px;
  }
  .shangYeZhiChi-two-box .itemBox {
    width: calc((100% - 1px) / 2);
    flex: none;
    border: 0;
  }
  .shangYeZhiChi-two-box .itemBox:nth-child(odd) {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
  .rightNewADD {
    flex-direction: column;
    gap: 10px;
  }
  .rightNewADD .addItem {
    width: 100%;
  }
  .carBoxPop {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }
  .carBoxPop .carItem .leftImg {
    width: 60px;
  }
  .carBoxPop .carLi {
    padding-left: 10px;
  }
  .carBoxPop .topText {
    padding: 10px;
  }
  .carBoxPop .carItem {
    padding-right: 10px;
  }
  .carBoxPop .title {
    margin-bottom: 10px;
  }
  .ageBox {
      height: 420px;
      top:50%;
      left:50%;
      transform: translate(-50%,-50%);
  }
  .ageBox .flexBtnAge {
      gap:20px;
  }
  .woocommerce-checkout #order_review , .woo-checkout .woocommerce-checkout .col2-set{
      padding:20px;
  }
  .woo-checkout p.woocommerce-notice.woocommerce-notice--success,
  .woo-checkout div.woocommerce-info,
  .woo-checkout  p.woocommerce-info, 
  .woo-checkout li.woocommerce-info {
      line-height: 1.4;
  }
  .banner-one-box .topAbsolute{
      bottom:4.25vw;
  }
  .productDetail-one-box .rightBox .topFlex .f-40 , .productDetail-one-box .rightBox .topFlex .f-40{
      font-size: 16px;
  }
  .woo-account .woocommerce{
      flex-direction: column;
  }
  .woo-account{
      padding:30px;
  }
  .woocommerce-MyAccount-navigation {
      width: 100%;
  }
  .woocommerce-MyAccount-navigation ul{
      display: flex;
      overflow-x: auto;
  }
  .woocommerce-MyAccount-navigation ul li a{
      white-space: nowrap;
  }
  .woocommerce-error{
      margin-bottom: 0;
  }
  .woocommerce .col2-set{
      padding-top:0;
  }
}

@keyframes bgTransition {
  0% {
    top: 100%;
  }
  50% {
    top: 50%;
  }
  100% {
    top: 0;
  }
}

@keyframes widthFadeIn {
  0% {
    width: 0;
  }
  100% {
    width:calc(100% - 60px);
  }
}

@keyframes moveUpDown {
  0% {
    transform: translateY(-100%);
    /* 初始位置 */
  }
  50% {
    transform: translateY(0%);
    /* 初始位置 */
  }
  100% {
    transform: translateY(100%);
    /* 向上移动的距离 */
  }
}

@keyframes fadeInText {
  0% {
    opacity: 0;
    /* 初始透明 */
  }
  100% {
    opacity: 1;
    /* 完全显示 */
  }
}

@keyframes rotateCircle {
  from {
    transform: rotate(0deg);
    /* 初始角度 */
  }
  to {
    transform: rotate(360deg);
    /* 完成一圈 */
  }
}
@keyframes floatAnimation {
  0%, 100% {
    transform: translateY(0); /* 初始位置 */
  }
  50% {
    transform: translateY(-20px); /* 向上移动的距离 */
  }
}