@charset "utf-8";

@TopHeight: 230px;

/* 导航栏顶部 */
.nav-top {
  /* display: none; */
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 60px;
  width: 100%;
  background: rgba(255, 255, 255, 1);
}
.nav-top-left {
  /* background: url(../image/logo.png) no-repeat 10px; */
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.nav-top-left-item {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 600;
  color: rgba(15, 144, 225);
}
.nav-top-left-item-bg {
  width: 338px;
  height: 40px;
  background: url(../../image/home/home-head-bg.png) no-repeat;
  background-size: 100% 100%;
}
.earth-icon {
  width: 20px;
  height: 20px;
  background: url(../../image/home/earth-icon.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 5px;
}
.magnifying-glass-icon {
  width: 20px;
  height: 20px;
  background: url(../../image/home/magnifying-glass.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 5px;
}
.nav-bg {
  position: relative;
  width: 100%;
  height: 130px;
  background: url(../../image/home/header-bg.png) no-repeat;
  background-size: cover;
}
.nav-middle {
  position: relative;
  width: 100%;
  height: 80px;
  font-size: 48px;
  letter-spacing: 5px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-middl-icon {
  width: 50px;
  height: 50px;
  background: url(../../image/home/yaogan-icon.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
}