@charset "UTF-8";
.banner {
  width: 100%;
  position: relative;
}

.banner img {
  display: block;
  width: 100%;
}

.inner_navigation {
  height: 84px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}

.inner_navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inner_navigation ul .active {
  background: url(../images/button.png) no-repeat;
  background-size: 100%;
}

.inner_navigation ul .active a {
  color: #fff;
}

.inner_navigation ul .active::before {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-top: 20px solid #14a253;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.inner_navigation ul li {
  font-size: 14px;
  font-family: '微软雅黑';
  position: relative;
  height: 84px;
  line-height: 84px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  float: left;
  text-align: center;
}

.inner_navigation ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.inner_navigation ul li:hover {
  background: url(../images/button.png) no-repeat;
  background-size: 100%;
}

.inner_navigation ul li:hover a {
  color: #fff;
}

.inner_navigation ul li:hover::before {
  z-index: 99;
  content: '';
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-top: 20px solid #14a253;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}