* {
  margin: 0;
  padding: 0;
}
.header {
  width: 15.6%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 0px 14px 2px rgba(147, 147, 147, 0.15);
}
.header .head1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.header .head1 > a {
  width: 100%;
  padding: 0 calc(14px + 1.5rem);
  margin-top: calc(10px + 2.5rem);
  margin-bottom: calc(44px + 5rem);
}
.header .head1 > a > img {
  width: 100%;
}
.header .head1 .ul1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* transition: all 0.3s; */
}
.header .head1 .ul1 > .li1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Helvetica;
  font-size: calc(10px + 0.4rem);
  color: #646464;
  margin-bottom: calc(10px + 1.5rem);
  transition: all 0.3s;
}
.header .head1 .ul1 > .li1 > a {
  width: 100%;
  padding-left: calc(25px + 4rem);
  /* transition: all 0.3s; */
}
.header .head1 .ul1 > .li1:nth-last-of-type(1) {
  margin-bottom: 0;
}
.header .head1 .ul1 > .li1:hover,
.header .head1 .ul1 > .li1.ativeHove {
  color: #333333;
  /*font-family: HelveticaNeue_Medium;*/
}
.header .head2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(25px + 5rem);
}
.header .head2 > a {
  width: calc(80px + 5rem);
  height: calc(16px + 1.5rem);
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Helvetica;
  font-size: calc(10px + 0.4rem);
  color: #FFFFFF;
  margin-bottom: calc(10px + 0.7rem);
  transition: all 0.3s;
}
.header .head2 > a:hover{
    background: #EF1212;
    color: #fff;
}
.header .head2 .languageList {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Helvetica;
  font-size: calc(10px + 0.3rem);
  color: #000000;
}
.header .head2 .languageList > span {
  margin: 0 3px;
  color: #919191;
}