#g-header .navbar {

  width: 100%;

  height: 154px;

  line-height: 154px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 86;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}

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

  #g-header .navbar {

    height: 65px;

    line-height: 65px;

    background-color: #000;

    position: fixed;

  }

}

#g-header .navbar .navbar_logo {

  position: absolute;

  left: 50px;

  height: 100%;

  width: 200px;

}



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

  #g-header .navbar .navbar_logo {

    left: 30px;

  }

}

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

  #g-header .navbar .navbar_logo {

    left: 15px;

  }

}

#g-header .navbar .navbar_logo i {

  color: #fafafa;

  -webkit-font-smoothing: subpixel-antialiased;

}

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

  #g-header .navbar .navbar_logo i {

    font-size: 108px;

  }

}

@media screen and (min-width: 1024px) {

  #g-header .navbar .navbar_logo i {

    font-size: 260px;

  }

}

#g-header .navbar .navbar_logo img {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

#g-header .navbar .navbar_logo img.log {

  display: inline-block;

}

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

  #g-header .navbar .navbar_logo img.log {

    width: 120px;

  }

}

#g-header .navbar .navbar_logo img.toplog {

  display: none;

}

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

  #g-header .navbar .navbar_logo img.toplog {

    width: 100px;

  }

}

#g-header .navbar .navbar_rectangle {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  right: 50px;

  cursor: pointer;

  color: #ffffff;

  font-size: 16px;

  z-index: 18;

}

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

  #g-header .navbar .navbar_rectangle {

    right: 20px;

  }

}

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

  #g-header .navbar .navbar_rectangle {

    padding-right: 0;

    right: 30px;

  }

}

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

  #g-header .navbar .navbar_rectangle {

    right: 15px;

  }

}

#g-header .navbar .navbar_rectangle > div {

  width: 40px;

  text-align: right;

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}

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

  #g-header .navbar .navbar_rectangle > div {

    visibility: visible;

    width: 30px;

    margin-right: 2px;

  }

}

#g-header .navbar .navbar_rectangle > div span {

  float: right;

  height: 3px;

  margin-bottom: 9px;

  background-color: #ffffff;

  display: block;

  width: 40px;

  -webkit-transition: width 0.3s;

  -moz-transition: width 0.3s;

  -ms-transition: width 0.3s;

  -o-transition: width 0.3s;

  transition: width 0.3s;

}

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

  #g-header .navbar .navbar_rectangle > div span {

    width: 30px;

    margin-bottom: 7px;

    height: 2px;

  }

}

#g-header .navbar .navbar_rectangle > div span:nth-child(1) {

  margin-left: 15px;

}

#g-header .navbar .navbar_rectangle > div span:nth-child(3) {

  margin-left: 10px;

  margin-bottom: 0px;

}

#g-header .navbar .navbar_rectangle > div:hover span:nth-child(1) {

  width: 40px;

  margin-left: 0;

}

#g-header .navbar .navbar_rectangle > div:hover span:nth-child(2) {

  width: 30px;

  margin-left: 10px;

}

#g-header .navbar .navbar_rectangle > div:hover span:nth-child(3) {

  width: 25px;

  margin-left: 15px;

}

#g-header .navbar .navbar_rectangle > span {

  font-size: 14px;

  color: #ffffff;

  font-family: Montserrat-Medium;

  vertical-align: middle;

}

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

  #g-header .navbar .navbar_rectangle > span {

    font-size: 12px;

  }

}

@media screen and (min-width: 992px) {

  #g-header .navbarBg {

    height: 80px !important;

    line-height: 80px !important;

    background-color: rgba(250, 250, 250, 0.9);

    position: fixed;

  }

  #g-header .navbarBg .navbar_logo img.log {

    display: none;

  }

  #g-header .navbarBg .navbar_logo img.toplog {

    display: inline-block;

    width: 240px;

  }

  #g-header .navbarBg .navbar_icon,

#g-header .navbarBg .navbar_logo,

#g-header .navbarBg .navbar_rectangle,

#g-header .navbarBg .navbar_iconsm {

    color: black !important;

  }

  #g-header .navbarBg .navbar_icon i,

#g-header .navbarBg .navbar_logo i,

#g-header .navbarBg .navbar_rectangle i,

#g-header .navbarBg .navbar_iconsm i {

    color: black !important;

  }

  #g-header .navbarBg .navbar_icon > div span,

#g-header .navbarBg .navbar_logo > div span,

#g-header .navbarBg .navbar_rectangle > div span,

#g-header .navbarBg .navbar_iconsm > div span {

    background-color: #969595;

  }

  #g-header .navbarBg .navbar_icon span,

#g-header .navbarBg .navbar_logo span,

#g-header .navbarBg .navbar_rectangle span,

#g-header .navbarBg .navbar_iconsm span {

    color: #999;

  }

}

#g-header .navMask {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background-color: rgba(0, 0, 0, 0.5);

}

#g-header .navBox {

  width: 290px;

  height: 100%;

  position: fixed;

  top: 0;

  right: -290px;

  z-index: 999999;

  background-color: #ffffff;

  padding-right: 50px;

  padding-top: 54px;

  max-width: 290px;

}

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

  #g-header .navBox {

    padding-top: 17px;

    padding-right: 30px;

  }

}

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

  #g-header .navBox {

    width: 60%;

    right: -60%;

    padding-right: 40px;

  }

}

#g-header .navBox .navClose {

  text-align: right;

  cursor: pointer;

  margin-bottom: 58px;

}

#g-header .navBox .navClose div {

  display: inline-block;

  vertical-align: middle;

  color: #000;

  font-size: 14px;

  font-family: Montserrat-Medium;

  margin-left: 18px;

}

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

  #g-header .navBox .navClose div {

    margin-left: 8px;

    color: rgba(0, 0, 0, 0.4);

  }

}

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

  #g-header .navBox .navClose div {

    font-size: 12px;

  }

}

#g-header .navBox .navClose i {

  color: #000000;

  font-size: 31px;

  vertical-align: middle;

}

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

  #g-header .navBox .navClose i {

    font-size: 24px;

    color: rgba(0, 0, 0, 0.6);

  }

}

#g-header .navBox .navContent {

  text-align: right;

  width: 100%;

  position: relative;

}

#g-header .navBox .navContent::after {

  position: absolute;

  content: "";

  height: 1px;

  width: 85%;

  bottom: -38px;

  right: 0;

  background-color: #000000;

}

#g-header .navBox .navContent .Submenu {

  margin-bottom: 14px;

}

#g-header .navBox .navContent .Submenu > a {

  font-size: 32px;

  color: #000;

  font-weight: bold;

  display: inline-block;

  vertical-align: middle;

}

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

  #g-header .navBox .navContent .Submenu > a {

    font-size: 28px;

  }

}

#g-header .navBox .navContent .Submenu > a > span {

  display: inline-block;

  width: 0;

  height: 2px;

  background-color: #000000;

  vertical-align: middle;

  margin-left: 0;

  transition: all 0.35s;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  -ms-transition: all 0.35s;

  -o-transition: all 0.35s;

}

#g-header .navBox .navContent .Submenu:hover > a > span {

  width: 28px;

  margin-left: 18px;

}

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

  #g-header .navBox .navContent .Submenu:hover > a > span {

    width: 18px;

    margin-left: 10px;

  }

}

@media screen and (min-width: 991px) {

  #g-header .navBox .navContent .Submenu.active > a > span {

    width: 28px;

    margin-left: 18px;

  }

}

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

  #g-header .navBox .navContent .Submenu.active > a > span {

    width: 18px;

    margin-left: 10px;

  }

}

#g-header .navBox .navContent .Submenu.changLan a {

  font-size: 26px;

}

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

  #g-header .navBox .navContent .Submenu.changLan a {

    font-size: 20px;

  }

}

#g-header .navBox .navContent .Submenu.changLan a:hover {

  color: #999;

}

#g-header .navBox .navBottom {

  text-align: right;

  position: absolute;

  bottom: 84px;

  right: 50px;

}

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

  #g-header .navBox .navBottom {

    right: 30px;

  }

}

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

  #g-header .navBox .navBottom {

    right: 40px;

    bottom: 120px;

  }

}

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

  #g-header .navBox .navBottom {

    bottom: 30px;

  }

}

#g-header .navBox .navBottom > a {

  display: inline-block;

  width: 150px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  background-color: #000000;

  color: #ffffff;

  font-size: 14px;

  font-family: Montserrat-Bold;

  transition: all 0.35s;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  -ms-transition: all 0.35s;

  -o-transition: all 0.35s;

}

#g-header .navBox .navBottom > a:hover {

  background-color: #707070;

}

#g-header .navBox .navBottom > ul {

  margin-top: 30px;

}

#g-header .navBox .navBottom > ul li {

  display: inline-block;

  position: relative;

  margin-left: 24px;

}

#g-header .navBox .navBottom > ul li:nth-last-of-type(1) {

  margin-right: -12px;

}

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

  #g-header .navBox .navBottom > ul li {

    margin-left: 20px;

  }

  #g-header .navBox .navBottom > ul li:nth-last-of-type(1) {

    margin-right: -10px;

  }

}

#g-header .navBox .navBottom > ul li i {

  font-size: 22px;

  line-height: 22px;

  color: #000;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}

#g-header .navBox .navBottom > ul li .erweima {

  visibility: hidden;

  position: absolute;

  bottom: 60px;

  width: 100px;

  transition: all 0.35s;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  -ms-transition: all 0.35s;

  -o-transition: all 0.35s;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}

#g-header .navBox .navBottom > ul li:hover i {

  color: #666666;

}

#g-header .navBox .navBottom > ul li:hover .erweima {

  visibility: visible;

  bottom: 45px;

}

#g-header.fixedTop .navBox {

  padding-top: 17px;

}