/* footer */
.footer{
  width: 100%;
  height: 610px;
  background: url(../images/footer_banner.png);
}
.footer .footer_box1{
  max-width: 1300px;
  height: 610px;
  margin: 0 auto;
}
.footer .footer_box1 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.footer .footer_box1 ul li{
  width: 50%;
  height: 610px;
}
.footer .footer_box1 ul li:nth-child(1) img{
  margin-top: 84px;
}
.footer .footer_box1 ul li:nth-child(2) h1{
  color: #fff;
  margin-left: 86px;
  margin-top: 86px;
  font-size: 39px;
  font-weight: 700;
}

/* head */
.head{
  width: 100%;
  height:120px;
  position: absolute;
  z-index: 999;
}
.head ul{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  background: none;
}
#head_box1{
  z-index: 999;
  width: 66px;
  height: 66px;
  background: #fff;
  position: relative;
  right: 27px;
  top: 27px;
  -webkit-transition: all ease-in-out 0.6s;
  -o-transition: all ease-in-out 0.6s;
  transition: all ease-in-out 0.6s;
  cursor: pointer;
}
#head_box1 .s1 {
  display: block;
  position: absolute;
  width: 34px;
  height: 3px;
  background: #000;
  left: 16px;
  top: 24px;
  -webkit-transition: all ease-in-out 0.6s;
  -o-transition: all ease-in-out 0.6s;
  transition: all ease-in-out 0.6s;
}
#head_box1.hover {
  background: #000;
}
#head_box1 .s2 {
  display: block;
  position: absolute;
  width: 34px;
  height: 3px;
  background: #000;
  left: 16px;
  top: 39px;
  -webkit-transition: all ease-in-out 0.6s;
  -o-transition: all ease-in-out 0.6s;
  transition: all ease-in-out 0.6s;
}
#head_box1.hover .s1 {
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(42deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  background: #fff;
  left: 20px;
  top: 20px;
}

#head_box1.hover .s2 {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-46deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  background: #fff;
  left: 20px;
  top: 44px;
}

.head_box2{
  width: 370px;
  height: 920px;
  background:url(../images/head_nav1.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0px;
  display: none;
}

.head_box2 ul{
  position: relative;
  top: 187px;
  overflow:auto;
}
.head_box2 ul li{
  width: 100%;
  text-align: center;
  padding: 20px 0;
  position: relative;
}
.head_box2 ul li .eng{
  display: none;
  color: #222;
  font-size: 24px;
  font-weight: 700;
}
.head_box2 ul li .cha{
  color: #222;
  font-size: 24px;
}
.head_box2 ul li .zxc{
  width: 24px;
  height: 24px;
  position: absolute;
  top: 25px;
  left: 110px;
}
.head_box2 ul li .vbn{
  width: 9px;
  height: 10px;
  position: absolute;
  top: 32px;
  left: 79px;
  display: none;
}
.head_box2 ul li .qwe{
  width: 9px;
  height: 10px;
  position: absolute;
  top: 32px;
  right: 77px;
  display: none;
}