html, body{overflow-x:hidden}
body {line-height: 24px; font-size: 14px; font-style: normal; font-weight: 400;
 visibility: visible; font-family: "Raleway", sans-serif; color: #757575; background: #f5f5f5
}
h1, h2, h3, h4, h5, h6 {color: #4a4a4a; font-weight: bold; margin-top: 0; }
p:last-child {margin-bottom: 0; }
a, button {color: inherit; display: inline-block; line-height: inherit; text-decoration: none; }
a, i, button, img, input, span,
*:before, *:after {-webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
*:focus {
  outline: 0px solid; }
a:focus {color: inherit; outline: medium none; transform: scale(1); text-decoration: none; }
a:hover {text-decoration: none; color: #71b100}

ul {list-style: outside none none; margin: 0; padding: 0; }
.clear {clear: both; }
.float-left {float: left; }
.float-right {float: right; }
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.pt30{padding-top:30px;}

.header-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999; }

.header-top {
  width: 100%;
  display: block;
  background-color: #f5f5f5;
    padding: 10px 0;
  }
  @media only screen and (max-width: 370px) {
      .header-email{display: none}
  }


.header-info p {
  font-size: 1.5rem;
  line-height: 25px;
  color: #757575;
  float: left;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-right: 2rem;
  margin-bottom: 0; }
  .header-info p span {
    color: #71b100; }


.header-social a {
  display: inline-block;
  margin-left: 20px;
  color: #757575;
  vertical-align: top; }
  .header-social a:hover {
    color: #71b100; }
  .header-social a i {
    font-size: 14px;
    line-height: 25px; }



.header-bottom {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  padding: 30px 0;
  background-color: #fff;
  z-index: 99999; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-bottom {
      padding: 15px 0; } }

  @media only screen and (max-width: 767px) {
    .header-bottom {
      padding: 5px 0; } }
  .navbj{filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9; }
.header-text{font-size: 1.7rem;color: #919191;font-weight: 400;padding:9px 0 0 0;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
  .header-text span{display: block;font-size: 14px; font-weight:normal;}



.navbar-header {
   }
  .navbar-header .logo {
    height: auto;
    padding: 0; }
    .navbar-header .logo img {
      width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .navbar-header .logo {
        width: 130px;
        margin: 8px 0; } }
    @media only screen and (max-width: 767px) {
      .navbar-header .logo {
        width: 110px;
        margin: 12px 0 11px; } }


.menu-toggle {
  padding: 0;
  margin: 9px 0; }
  .menu-toggle i {
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    opacity: 1;
    color: #0071b0; }
    .menu-toggle i.open {
      display: none; }
    .menu-toggle i.close {
      display: block; }
  .menu-toggle.collapsed i.open {
    display: block; }
  .menu-toggle.collapsed i.close {
    display: none; }


.main-menu {
  margin: 15px 0;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .header-bottom .container{width: 100%;margin: 0;padding: 0}
  .navbar-header{padding-left: 15px}
  .menu-toggle{padding-right: 15px}
    .main-menu {
      background: #fff;
      margin: 0;
      width: 100%;position: absolute; } 

    .main-menu nav {
      width: 80%;
      margin:0 auto;
      padding: 15px 15px; } 
  }

  .main-menu nav ul li {
    display: block;
    float: left;
    margin-left: 40px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-menu nav ul li {
        margin-left: 25px; } }

    @media only screen and (max-width: 767px) {
      .main-menu nav ul li {
        margin-left: 0;
        float: none; } }
        
    .main-menu nav ul li:first-child {
      margin-left: 0; }
    .main-menu nav ul li a {
      display: block;
      text-transform: uppercase;
      font-size: 14px;
      color: #4a4a4a;
      line-height: 30px;
      font-weight: 700;
      font-family: "Open Sans", sans-serif; }
      @media only screen and (max-width: 767px) {
        .main-menu nav ul li a {
          display: inline-block; } }
      .main-menu nav ul li a:hover {
        background: #71b100;
        background: -moz-linear-gradient(left, #71b100 0%, #0071b0 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #71b100), color-stop(100%, #0071b0));
        background: -webkit-linear-gradient(left, #71b100 0%, #0071b0 100%);
        background: -o-linear-gradient(left, #71b100 0%, #0071b0 100%);
        background: -ms-linear-gradient(left, #71b100 0%, #0071b0 100%);
        background: linear-gradient(to right, #71b100 0%, #0071b0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-1', endColorstr='$theme-color-2', GradientType=1 );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
    .main-menu nav ul li.active a {
      background: #71b100;
      background: -moz-linear-gradient(left, #71b100 0%, #0071b0 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #71b100), color-stop(100%, #0071b0));
      background: -webkit-linear-gradient(left, #71b100 0%, #0071b0 100%);
      background: -o-linear-gradient(left, #71b100 0%, #0071b0 100%);
      background: -ms-linear-gradient(left, #71b100 0%, #0071b0 100%);
      background: linear-gradient(to right, #71b100 0%, #0071b0 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-1', endColorstr='$theme-color-2', GradientType=1 );
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }


@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .main-menu nav ul li a:hover, .main-menu nav ul li.active a {
    filter: none;
    background-color: transparent;
    background-image: none;
    color: #71b100; } }


.to-top { display: none; padding: 10px 10px; color: #fff; background-color: #f50;}