:root{
  --color: #F66520;
  --fontFamily:'Arial';
  --selectColor:#F66520
}

body{
  font-family: Arial,"Microsoft YaHei", Arial, sans-serif,PingFangSC-Light,Roboto,"Helvetica Neue", Helvetica;
}


.active-bg-color{
  background: #22ad38!important;
}

.active-linearBg-color{
  background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),#22ad38) !important;
}



.active-color{
  color: #22ad38!important;
}

.select-color{
  color: #22ad38!important;
}

.select-bg-color{
  background: #22ad38!important;
}

.is-active{
  color: #22ad38;
}

.border-color{
  border-color: #22ad38!important;
}

.hover-item:hover .hover{
  color: #22ad38!important;
}

.hover:hover{
  color: #22ad38!important;
}

.canhover:hover{
  color: #22ad38!important;
}

.hover-item:hover .hover-bg{
  background: #22ad38!important;
}

.hover-bg:hover{
  background: #22ad38!important;
}

.hover-item:hover .hover-border{
  border-color: #22ad38!important;
}
.hover-border:hover{
  border-color: #22ad38!important;
}


.owl-prev:hover{
  color: #22ad38!important;
}

.owl-next:hover{
  color: #22ad38!important;
}


.before_bg:before{
  background: #22ad38;
}

.btn,.active-btn{
  background: #22ad38!important; ;
  border: 1px solid #22ad38!important ;
}

.btn.button--primary:hover,.active-btn.button--primary:hover{
  opacity: 0.8;
}
.btn.button--primary:active,.active-btn.button--primary:active{
  background: #22ad38!important;
  opacity: 1;
}


.defult-btn{
  color: #22ad38;
  border: 1px solid #22ad38;
}

.defult-btn:hover, .defult-btn:active, .defult-btn:focus {
  background: #22ad38;
}

.footer .footer-title:after{
  background: #22ad38;
}

.block-title.block-content-title:after{
  background: #22ad38;
}


.page-title-box .page-title::before {
  background: #22ad38;
}


@media (min-width: 1024px) {
  .hover_style1 .bootsnav ul.nav>li>a.is-active{
    color: #22ad38!important;
    background: none;
  }
  .hover_style1 .bootsnav ul.nav>li:hover>a{
    color: #22ad38!important;
    background: none;
  }
  .hover_style1 .bootsnav ul.nav > li .dropdown-menu> li:hover>a{
    color: #22ad38!important;
  }

  .hover_style1 .bootsnav ul.nav li .dropdown-menu a.is-active{
    color: #22ad38!important;
  }

  .hover_style2 .bootsnav ul.nav>li>a.is-active{
    background: #22ad38!important;
    color: #fff!important;
  }
  .hover_style2 .bootsnav ul.nav>li:hover>a{
    background: #22ad38!important;
    color: #fff!important;
  }
  .hover_style2 .bootsnav ul.nav > li .dropdown-menu> li:hover>a{
    background: #22ad38!important;
    color: #fff!important;
  }

  .hover_style2 .bootsnav ul.nav li .dropdown-menu a.is-active{
    background: #22ad38!important;
    color: #fff!important;
  }
  .hover_style3 .bootsnav ul.nav>li>a.is-active{
    color: #22ad38!important;
    background: none;
  }
  .hover_style3 .bootsnav ul.nav>li:hover>a{
    color: #22ad38!important;
    background: none;
  }
  .hover_style3 nav.bootsnav ul.nav > li:hover > a:after {
    background: #22ad38!important;
    display: block;
  }
  .hover_style3 .bootsnav ul.nav>li>a.is-active:after{
    background: #22ad38!important;
    display: block;
  }
  .hover_style3 .bootsnav ul.nav > li .dropdown-menu> li:hover>a{
    background: #22ad38!important;
    color: #fff!important;
  }

  .hover_style3 .bootsnav ul.nav li .dropdown-menu a.is-active{
    background: #22ad38!important;
    color: #fff!important;
  }
}


@media (max-width: 1023px) {
  .bootsnav ul.nav > li:hover > a {
    color: #22ad38;
  }
  .bootsnav ul.nav > li .dropdown-menu > li:hover {
    color: #22ad38;
  }
  .bootsnav ul.nav > li .dropdown-menu > li:hover > a {
    color: #22ad38;
  }
  .bootsnav ul.nav li a.is-active {
    color: #22ad38;
  }
}