.chan_en {

  color: #333333;

  font-size: 16px;

  line-height: 27px;

  width:108px;

  text-align: left;

  position: relative;

  cursor: pointer;

  margin-top:30px;z-index:9999;

}

.chan_inner span {

  display: block;background:url(../images/language.png) left center no-repeat; width: 108px;padding-left:35px;z-index:9999;

}

.chan_inner {

  position: absolute;

  width: 100%;

  height: 27px;

  z-index:9999;

  top: 0;

  left: 0;

  background:none;

  -webkit-transition: .5s;

  transition: .5s;

  overflow: hidden;

}

.en1 {

  display: block;

  color: #ffffff;

  font-size: 12px;

  -webkit-transition: .5s;line-height:35px;

  transition: .5s;

  text-align: left;padding-left:40px;background:url(../images/en.jpg) left center no-repeat;

}

.en2 {

  display: block;

  color: #ffffff;

  font-size: 12px;

  -webkit-transition: .5s;padding-left:40px;

  transition: .5s;line-height:35px;

  text-align: left;background:url(../images/cn.jpg) left center no-repeat;

}

.chan_inner:before {

  content: "";

  position: absolute;

  height: 10px;

  width: 0;

  background-color: #434343;

  left: 0;

  top: 9px;
  z-index:9999;

}

.en1:hover,

.chan_inner:hover {

  color: #ffffff;z-index:9999;

}

.chan_inner:hover {

  height: 78px;background:#e3605c;padding:15px;left:-15px;z-index:9999;

}