.header-mobile {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
}
.header-mobile .header-container {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.header-mobile .header-container .header-icon {
  margin-right: 10px;
}
.header-mobile .header-container .header-icon .layui-icon-close {
  display: none;
}
.header-mobile .header-container .header-icon.on .layui-icon-spread-left {
  display: none;
}
.header-mobile .header-container .header-icon.on .layui-icon-close {
  display: block;
}
.header-mobile .header-container .header-icon .search-and-nav {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 3px;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 1;
}
.header-mobile .header-container .header-icon .search-and-nav > div {
  margin: 0 20px;
  line-height: 50px;
  border-bottom: 1px solid #33333333;
}
.header-mobile .header-container .header-icon .search-and-nav .search {
  display: flex;
  align-items: center;
}
.header-mobile .header-container .header-icon .search-and-nav .search input {
  padding-left: 10px;
  border: none;
}
.header-mobile .header-container .header-icon .search-and-nav .nav-item .nav-child {
  padding-left: 40px;
  display: none;
}
.header-mobile .header-container .header-icon .search-and-nav .nav-item .layui-icon-up {
  display: none;
}
.header-mobile .header-container .header-icon .search-and-nav .nav-item > i {
  float: right;
}
.header-mobile .header-container .header-icon .search-and-nav .nav-item.on .layui-icon-up {
  display: block;
}
.header-mobile .header-container .header-icon .search-and-nav .nav-item.on .layui-icon-down {
  display: none;
}
.header-mobile .header-container .header-logo {
  flex: 1;
  display: flex;
  padding: 10px 0;
  height: 50px;
  box-sizing: border-box;
}
.header-mobile .header-container .header-logo img {
  display: block;
  width: unset;
  max-width: 100%;
  max-height: 100%;
}
.header-mobile .header-container .header-lang {
  position: relative;
}
.header-mobile .header-container .header-lang .lang-now {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-mobile .header-container .header-lang .lang-select {
  display: none;
  position: absolute;
  top: calc(100% + 15px);
  right: 0;
  padding: 3px;
  min-width: 100%;
  border: 1px solid #f5f5f5;
  background: #fff;
  z-index: 1;
}
.header-mobile .header-container .header-lang .lang-select dd {
  padding: 0 10px;
  line-height: 30px;
  border-bottom: 1px solid #33333333;
  font-size: 14px;
  white-space: nowrap;
  color: #666;
}
.header-mobile .header-container .header-lang .lang-select dd:nth-last-child(1) {
  border-bottom: none;
}
.header-mobile .header-container .header-lang .layui-icon-up {
  display: none;
}
.header-mobile .header-container .header-lang i {
  margin-left: 5px;
}
.header-mobile .header-container .header-lang img {
  margin-right: 5px;
  width: 21px;
  height: 14px;
}
.header-mobile .header-container .header-lang.on .layui-icon-up {
  display: block;
}
.header-mobile .header-container .header-lang.on .layui-icon-down {
  display: none;
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.header .header-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  padding-top: 15px;
}
.header .header-container.is-top {
  position: unset;
  background: transparent;
}
.header .header-container.is-top .layui-row .header-nav-box .header-nav-list .header-nav-item > a {
  color: #fff;
}
.header .header-container.is-top .layui-row .header-nav-box .header-nav-list .header-nav-item:hover > a::before,
.header .header-container.is-top .layui-row .header-nav-box .header-nav-list .header-nav-item.active > a::before {
  background: #fff;
}
.header .header-container.is-top .layui-row .layui-nav .layui-nav-item {
  margin-right: 10px;
}
.header .header-container.is-top .layui-row .layui-nav .layui-nav-item > a {
  color: #fff !important;
}
.header .header-container.is-top .layui-row .layui-nav .layui-this:after,
.header .header-container.is-top .layui-row .layui-nav .layui-nav-bar {
  background-color: #fff;
}
.header .header-container.is-top .layui-row .user-info {
  color: #fff;
}
.header .header-container.is-top .layui-row .user-info a {
  color: #fff;
}
.header .header-container.is-top .layui-row .search i {
  color: #fff;
}
.header .header-container.is-top .layui-row .search .search-type {
  color: #fff;
}
.header .header-container.is-top .layui-row .search input {
  color: #fff;
}
.header .header-container.is-top .layui-row .search input::-webkit-input-placeholder {
  color: #ddd;
}
.header .header-container.is-top .layui-row .search input::-moz-input-placeholder {
  color: #ddd;
}
.header .header-container.is-top .layui-row .search input::-moz-placeholder {
  color: #ddd;
}
.header .header-container.is-top .layui-row .search input::-ms-input-placeholder {
  color: #ddd;
}
.header .header-container.is-top .layui-row .search input::-ms-placeholder {
  color: #ddd;
}
.header .header-container.is-top .layui-row .search input::placeholder {
  color: #ddd;
}
.header .header-container .layui-row {
  display: flex;
  align-items: center;
  position: relative;
}
.header .header-container .layui-row > div {
  padding: 10px 0;
}
.header .header-container .layui-row > div > div {
  margin: 0 10px;
}
.header .header-container .layui-row .header-nav-box {
  padding: 0;
  margin: 0;
}
.header .header-container .layui-row .header-nav-box .header-nav-list {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  white-space: nowrap;
}
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item {
  margin-right: 40px;
}
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item > a {
  position: relative;
  padding: 15px 0;
}
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item:hover > a::before,
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item.active > a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  /*width: 100%;*/
  /*height: 2px;*/
  /*background: #000;*/
}
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item:hover .header-nav-child-list {
  display: flex;
}
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item .header-nav-child-list {
  display: none;
  flex-wrap: wrap;
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  padding: 25px 25px 0;
  width: calc(128px * 6);
  max-width: calc(128px * 6);
  background-color: #eee;
}
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item .header-nav-child-list > div {
  margin: 0 7px 25px 3px;
  min-width: 90px;
  text-align: center;
}
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item .header-nav-child-list > div a {
  color: #333;
}
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item .header-nav-child-list > div:hover a {
  color: #005198;
}
.header .header-container .layui-row .header-nav-box .header-nav-list .header-nav-item .header-nav-child-list > div img {
  margin-bottom: 10px;
  width: 120px;
  height: 80px;
}
.header .header-container .layui-row .layui-nav {
  display: flex;
  justify-content: center;
  background: unset;
  white-space: nowrap;
  padding: 0;
}
.header .header-container .layui-row .layui-nav .layui-nav-item a {
  margin-right: 20px;
  padding: 0;
  font-size: 14px;
  color: #333 !important;
}
.header .header-container .layui-row .layui-nav .layui-this:after,
.header .header-container .layui-row .layui-nav .layui-nav-bar {
  height: 3px;
  background-color: #333;
}
.header .header-container .layui-row .search-result-box {
  display: none;
  position: absolute;
  top: calc(100% - 8px);
  right: 10px;
  padding: 10px 15px;
  width: 460px;
  min-height: 300px;
  box-shadow: #ccc 0px 0px 4px;
  border-radius: 4px;
  background: #fff;
}
.header .header-container .layui-row .search-result-box .search-result-list .search-result-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.header .header-container .layui-row .search-result-box .search-result-list .search-result-item .search-result-img {
  width: 30px;
  height: 30px;
}
.header .header-container .layui-row .search-result-box .search-result-list .search-result-item .search-result-img img {
  height: 100%;
}
.header .header-logo {
  margin: 0 auto;
  width: 145px;
}
.header .lang-now {
  padding: 0;
}
.header .lang-now > a {
  display: flex !important;
  align-items: center;
}
.header .lang-now img {
  margin-right: 5px;
  width: 21px;
  height: 14px;
}
.header .lang-now:hover .lang-select {
  display: block;
}
.header .lang-now .lang-select {
  display: none;
  position: absolute;
  top: 100%;
}
.header .lang-now .lang-select dd a {
  display: flex;
  align-items: center;
  color: #000 !important;
}
.header .user-info {
  margin-left: 10px;
  flex-shrink: 0;
}
.header .user-login {
  cursor: pointer;
}
.header .search {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 10px 0 2px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #ccc;
  border-radius: 30px;
}
.header .search i {
  margin-right: 3px;
  font-size: 20px;
  color: #000;
  cursor: pointer;
}
.header .search .search-type {
  margin-left: 10px;
  font-size: 14px;
  color: #000;
  cursor: pointer;
}
.header .search input {
  flex: 1;
  height: 25px;
  border: none !important;
  color: #000;
  background: none;
}
.header .search input::-webkit-input-placeholder {
  color: #666;
}
.header .search input::-moz-input-placeholder {
  color: #666;
}
.header .search input::-moz-placeholder {
  color: #666;
}
.header .search input::-ms-input-placeholder {
  color: #666;
}
.header .search input::-ms-placeholder {
  color: #666;
}
.header .search input::placeholder {
  color: #666;
}
.header .search .search-type-box {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 25px);
  padding: 10px 15px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  box-shadow: #ccc 0px 0px 4px;
  background: #fff;
}
.header .search .search-type-box::before,
.header .search .search-type-box::after {
  content: '';
  position: absolute;
  left: 25px;
  border-style: solid;
  border-color: transparent;
  border-width: 0 10px;
  border-bottom: 10px solid #fff;
}
.header .search .search-type-box::before {
  bottom: 100%;
  z-index: 1;
}
.header .search .search-type-box::after {
  bottom: calc(100% + 1px);
  border-bottom: 10px solid #ccc;
  z-index: 0;
}
.header .search .search-type-box .search-type-list {
  line-height: 30px;
}
.header .search .search-type-box .search-type-list .search-type-item {
  color: #417dc9;
  cursor: pointer;
}
.lang-select .sprites {
  display: inline-block;
  margin-right: 5px;
  width: 21px;
  height: 14px;
  background: url(../images/3fabe2969e004c9996eb9f6a256c7c14.gif) no-repeat;
}
.lang-select .sprites.sa {
  background-position: -294px -32px;
}
.lang-select .sprites.es {
  background-position: -294px -80px;
}
.lang-select .sprites.de {
  background-position: -294px -112px;
}
.lang-select .sprites.it {
  background-position: -294px -128px;
}
.lang-select .sprites.jp {
  background-position: -317px 0;
}
.lang-select .sprites.kr {
  background-position: -317px -16px;
}
.lang-select .sprites.fa {
  background-position: -363px -64px;
}
.lang-select .sprites.vi {
  background-position: -317px -48px;
}
.lang-select .sprites.id {
  background-position: -340px -80px;
}