.baichen-footer {margin-top:-1px;
  background-size: 100% auto;
  /*background: url(https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/427473/3155/935cfbcb2ea489bdb7af84664cd7b7a8/newsfoot_bg.jpg) no-repeat  center bottom;*/
  color: #fff;
}
.crm_inquiry_form_boxcustom_inquiry_form_1753335978587540 .crmForm-error {display: none;}
.baichen-footer .subscribe-section {
  /*background: #000;*/
  text-align: center;
  padding: 80px 0px 86px;
  max-width: 1024px;
  margin: 0 auto;
}
.crm_inquiry_form_boxcustom_inquiry_form_1763518249432567 .inqury-form .phone-wrap .phone_number.error {
  border: 1px solid #F0150F;
  border-left: none;
  color: #fff;
}
.crm_inquiry_form_boxcustom_inquiry_form_1763518249432567 .inqury-form .phone-wrap input[type="number"] {
  color: #fff;
  -moz-appearance: textfield;
  appearance: textfield;
}
.baichen-footer .subscribe-section p {
  font-size: 18px;
  color: var(--text-color);
  margin-bottom: 52px;
}

.baichen-footer .subscribe-form {
  display: flex;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  padding: 14px 15px;
  border: 1px solid rgba(255, 255, 255, 0.20);
  position: relative;
}

.baichen-footer .subscribe-form input {
  flex: 1;
  background: transparent;
  border: none;
  padding: 15px 25px;
  color: #fff;
  font-size: 16px;
}

.baichen-footer .subscribe-form .crmFormVali-error {
  bottom: -20px;
  left: 8px;
  top: initial;
  right: inherit;
}

.baichen-footer .subscribe-form input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.baichen-footer .subscribe-form button {
  background: var(--color-primary);
  color: #fff;
  border: none;
  padding: 25px 35px;
  border-radius: 100px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s;
  min-width: 230px;
}

.baichen-footer .subscribe-form button:hover {
  background: var(--color-primary);
}
.baichen-footer .footer-menu{
  min-width: 610px;
}
.baichen-footer .footer-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.baichen-footer .footer-content h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;position:relative;
  color: #fff;
}

.baichen-footer .footer-menu h3::after,.baichen-footer .footer-products h3::after{font-family:"qico";content: "\e61e";position:absolute;top:2px;right:0px;width:30px;height:30px;line-height:30px;text-align:center;font-size:16px;transition: transform .3s ease;display:none;}
.baichen-footer .footer-menu h3.active::after,.baichen-footer .footer-products h3.active::after{transform:rotate(180deg);}

.baichen-footer .footer-menu ul li,
.baichen-footer .footer-products ul li {
  margin-bottom: 15px;
}
.footer-menu ul,.footer-products ul{
  display: flex;
  flex-wrap: wrap;
}

.footer-products ul {flex-direction: column;}

.baichen-footer .footer-menu ul li a,
.baichen-footer .footer-products ul li a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.3s;
}

.footer-menu ul li{width:30%;}
.footer-menu ul li:nth-child(3n+2){width:40%;}

.baichen-footer .footer-menu ul li a:hover,
.baichen-footer .footer-products ul li a:hover {
  color: #fff;
}

.baichen-footer .product-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.baichen-footer .footer-contact p {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 15px;
  line-height: 1.6;
}

.baichen-footer .footer-bottom {
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 30px;
}

.baichen-footer .footer-bottom .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.baichen-footer .footer-bottom .logo img {
  max-height: 50px;
  height: 50px;
}

.baichen-footer .footer-bottom .copyright {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}

.baichen-footer .social-links {
  display: flex;
  gap: 15px;
}

.baichen-footer .media_hov{
  display: none;
}
.baichen-footer .social-links a {
  position: relative;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #525252;
  transition: all 0.3s;
  overflow: hidden;
}
.baichen-footer .social-links a .media_hov{
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  background: var(--color-primary);
  border-radius: 50%;
  transition: top .3s ease-in-out;
  z-index: 2;
  pointer-events: none;
}
.baichen-footer .social-links a:hover .media_hov{
  top: 0;
}
.baichen-footer .social-links a:hover {
  color:rgba(0,0,0,0);
  border-color: var(--color-primary);
  transition: all .3s;
}

.baichen-footer .social-links i {
  font-size: 20px;
}



#foor-nav-content-item-form{
  max-width: 60%;
  padding: 65px 0 70px;
  margin: 0 auto;
}
.baichen-footer .inqury_title_text{
  font-size:clamp(24px, 3.15vw, 60px);
  font-weight: 600 !important;
}

.baichen-footer .inqury_titl_desc{
  color: #8A8A8A !important;
  font-size:18px!important;
  letter-spacing: -0.18px;
}
.baichen-footer .input-label{
  display: none !important;
}
.baichen-footer .char-count{
  display: none !important;
}
.baichen-footer .input-wrap.half {
  width: 33.33% !important;
}
.baichen-footer .one-line-input{
  height: 50px !important;
  background: rgba(255,255,255,0.1) !important;
  border: none !important;
  border-radius:25px !important;
  color: #fff !important;
  padding: 8px 58px 8px 30px !important;
}
.baichen-footer .dropdown-toggle.bs-placeholder{
  height: 50px !important;
  border: none !important;
  background: rgba(255,255,255,0.1) !important;
  border-radius:25px 0 0 25px !important;
}
.baichen-footer .textarea-input{
  border-radius: 33px !important;
  border: none !important;
  color: #fff !important;
  background: rgba(255,255,255,0.1) !important;
  padding: 12px 58px 12px 30px !important;
  resize: both;
}
.baichen-footer .input-wrap{
  padding: 0px 0px 12px 10px !important;
}
.baichen-footer .form-control{
  background: rgba(255,255,255,0.1) !important;
  border-radius: 25px 0 0 25px !important;
}
.baichen-footer .filter-option{
  display: flex;
  align-items: center;
}
.baichen-footer .phone_number{
  height: 50px !important;
  border: none !important;
  background: rgba(255,255,255,0.1) !important;
  border-radius:0px 25px 25px 0px !important;
}
.baichen-footer .inqury_submit{
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 10px 65px !important;
  position: relative !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  background-color: rgba(0,0,0,0) !important;
  overflow: hidden !important;
}
.baichen-footer .inqury_submit:hover::before{
  content:'Send Now';
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff !important;
  background: var(--color-primary);
  border-radius: 20px;
  animation: animation_btn .3s ease-in-out;
}
.baichen-footer .inqury_submit.leaving::before{
  content:'Send now';
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff !important;
  background: var(--color-primary);
  border-radius: 20px;
  animation: animation_btn_leaving .3s ease-in-out;
}
.baichen-footer .inqury_submit:hover{
  color: var(--bg-color) !important;
  border-color:var(--color-primary) !important;
  transition: all .3s !important;
}
.crm_inquiry_form_boxcustom_inquiry_form_1753335978587540 .inqury-form .phone-wrap input[type="number"] {
    color: #fff;

}
@keyframes animation_btn_leaving{
  0% {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transform: translate(0%, 0%);
  }
  70% {
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 0 0;
  }
  100% {
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 0 0;
    transform: translate(0%, 100%);
  }
}
@keyframes animation_btn{
  0% {
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 0 0;
    transform: translate(0%, 100%);
  }
  30% {
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 0 0;
  }
  100% {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transform: translate(0%, 0%);
  }
}

#gotop{position:fixed;bottom:100px;right:10px;height:40px;width:40px;line-height:40px;text-align:center;background:#000;transition:all 0.4s ease 0s;z-index:1000;cursor:pointer;display:none;border-radius:50%;border: 1px solid #fff;overflow:hidden;}

#gotop:hover::before {content:attr(data-text);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;background:var(--color-primary);border-radius:20px;animation:animation_btn .3s ease-in-out;}
#gotop.leaving::before {content:attr(data-text);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;background:var(--color-primary);border-radius:20px;animation:animation_btn_leave .3s ease-in-out;}
#gotop:hover {border:1px solid var(--color-primary);color:rgba(0,0,0,0);transition:all .3s;}


#gotop i{color:#fff;font-size:18px;position:relative;}
#gotop:hover {background:#353535;}

@media (max-width: 768px) {
#gotop{display:none !important;}
}

@media (max-width: 1500px) {
  #foor-nav-content-item-form{
   max-width: 80%;
  }
}

@media screen and (max-width:1441px) {
.baichen-footer .inqury_titl_desc{font-size:17px !important;}
.baichen-footer .footer-menu{min-width:580px;}

}

@media screen and (max-width:1281px){
.baichen-footer .inqury_titl_desc{font-size:16px !important;}
#foor-nav-content-item-form{padding:50px 0;}
.baichen-footer .footer-menu{min-width:520px;}
}

@media (max-width:1171px) {
#foor-nav-content-item-form{max-width:100%;}
.baichen-footer .footer-content{grid-template-columns:repeat(2, 1fr);}
}


@media (max-width: 992px) {

  .baichen-footer .text-center{
    text-align: left !important;
  }
  .baichen-footer .input-wrap {
    padding: 0px 10px 12px 0px !important;
  }
  .baichen-footer .input-wrap.half {
    width: 100% !important;
  }
  .baichen-footer .inqury_title_box{
    padding: 20px 0;
  }
  .baichen-footer #foor-nav-content-item-form .col-lg-12{
    padding: 20px 0 0;
  }
  
  .baichen-footer .footer-content {
    grid-template-columns: 1fr;
    /*grid-template-columns: repeat(2, 1fr);*/
  }
  
  .baichen-footer .footer-menu{min-width:0;}

  .baichen-footer .subscribe-form {
    padding: 4px;
  }

  .baichen-footer .subscribe-form input {
    padding: 10px 20px;
  }
  .baichen-footer .subscribe-form button {
    padding: 10px 20px;
    min-width: auto;
  }

  .baichen-footer .subscribe-section p {
    margin-bottom: 20px;
  }


.baichen-footer .footer-bottom .container {
	flex-direction: column;
	align-items: flex-start;
}
.baichen-footer .footer-bottom .logo{order:1;}
.baichen-footer .footer-bottom .copyright{order:3;}
.baichen-footer .social-links{order:2;margin:15px 0;}

}

@media (max-width: 768px) {
  .baichen-footer .footer-content {
    grid-template-columns: 1fr;
  }

  #foor-nav-content-item-form{padding:25px 0 30px;}

  .baichen-footer .inqury_titl_desc{font-size:15px;}

  .baichen-footer .footer-content h3{font-size:18px;}
  .baichen-footer .footer-menu ul li,.baichen-footer .footer-products ul li{margin-bottom:10px;font-size:15px;}
  .baichen-footer .footer-contact p{font-size:15px;margin-bottom:10px;}

  .baichen-footer .footer-bottom .copyright {font-size:15px;color:#fff;}

  .baichen-footer .subscribe-form input {
    padding: 8px 14px;
  }

  .baichen-footer .subscribe-section {
    padding: 40px 0px;
  }

  .baichen-footer .footer-bottom .container { 
    flex-direction: column;
    align-items: flex-start;
  }

  .baichen-footer .footer-bottom .logo img{height:40px;}

  .baichen-footer .footer-bottom{padding-top:30px;padding-bottom:30px;margin-top:10px;}
  
.baichen-footer .one-line-input{font-size:15px;}
.baichen-footer .textarea-input{font-size:15px;}

.baichen-footer .inqury_submit{font-size:17px !important;padding:9px 50px !important;}

} 

@media screen and (max-width:480px) {

#foor-nav-content-item-form{padding:10px 0 30px;}

.baichen-footer .inqury_titl_desc{font-size:14px;letter-spacing:0;}
.baichen-footer .footer-bottom .logo img{height:35px;}
.baichen-footer .footer-bottom .copyright {font-size:14px;}

.baichen-footer .one-line-input{height:auto !important;padding:8px 58px 8px 17px !important;font-size:14px;}
.baichen-footer .textarea-input{padding:10px 58px 10px 17px !important;font-size:14px;}

.baichen-footer .dropdown-toggle.bs-placeholder{height:38px !important;}

.baichen-footer .phone_number{height:38px !important;font-size:14px;padding:0 48px 0 12px !important;}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner{font-size:14px;}

.baichen-footer .inqury_submit{font-size:16px !important;padding:8px 40px !important;width:100%;background-color:var(--color-primary) !important;border-color:var(--color-primary) !important;}

.baichen-footer .footer-content{gap:0;}

.baichen-footer .footer-content h3{font-size:16px;border-bottom:1px solid rgba(255,255,255,0.16);padding:5px 0 15px;}

.footer-menu ul li,.footer-menu ul li:nth-child(3n+2){width:100%;}

.baichen-footer .footer-menu ul li, .baichen-footer .footer-products ul li{font-size:14px;}

.baichen-footer .footer-contact p{font-size:14px;}

.footer-menu ul,.footer-products ul{display:none;}
.baichen-footer .footer-menu h3::after,.baichen-footer .footer-products h3::after{display:block;}

.footer-menu ul li, .footer-products ul li{width:100%;}

}	


/*

.cb-intouch{display:none;}
@media (min-width:1200px){
.cb-intouch {display:block;position:fixed;width:min(150px,15rem);height:min(150px,15rem);right:5rem;bottom:4rem;z-index:80}
.cb-intouch:hover:before{content:"";display:block;position:absolute;top:-140px;left:-140px;right:-40px;bottom:-140px}
}
.cb-intouch-outline{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;color:#888;transition:transform .4s}
@media (pointer:fine) {
  .cb-intouch:hover .cb-intouch-outline{transform:scale(1.1)}
}
.cb-intouch-outline svg {width:100%;height:100%;zoom:1.001;animation:cb-fx-rotating-360 15s infinite linear}

.cb-intouch .pic{position:absolute;top:15%;left:15%;right:15%;bottom:15%;overflow:hidden;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#F8F8F8;}
.cb-intouch .pic img{max-width:50%;max-height:50%;border-radius:50%;object-fit:cover;transition:transform .4s;}

.cb-intouch:hover .pic video{transform:scale(1.05);}
.cb-intouch:hover .pic img{transform:scale(1.05);}

@keyframes cb-fx-rotating-360 {
  0% {transform:rotate(0)}
  100% {transform:rotate(360deg)}
}

*/