.banbox{
    //margin-top: 120px;
    position: relative;
}
.banbox>h5{
    position: absolute;
    font-size: .5rem;
    width: 100%;
    text-align: center;
    z-index: 11;
    color: #fff;
    top: 1.6rem;
    text-transform: uppercase;
    
}
.banboxlist{
    width: 100%;
    height: .6rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #36ab9c;
    z-index: 1;
    padding: 0 6.6rem;
}
.banboxlist>li{
    height: 100%;
    float: left;
    width:1.99rem;
    padding: 0 ;
    text-align: center;
    -webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
}

.banboxlist>li>a{
    display: block;
    padding: 0;
    font-size: .18rem;
    color: #fff;
    line-height: .6rem;
    text-align: center;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;	
transition: 0.3s linear;
}
.active{
    background: #fff;

}
.active>a{
    color: #36ab9c !important;
    
}
.banboxlist>li:hover{
    background: #fff;
}
.banboxlist>li:hover a{
   color: #36ab9c;
}
.header_topr>li.on a{
    color: #36ab9c;
}
@media (max-width: 1440px) {
    .banbox{
      margin-top: 100px;
    }
    .banboxlist>li>a {

        font-size: 18px;
    }
  }
  @media (max-width: 992px){
    .banbox {
        margin-top: 50px;
    }
    .banbox>h5 {
        font-size: 26px;
        top: 35%;
    }
    .banboxlist {
        height: 40px;
        padding: 0 ;
    }
    .banboxlist>li {
        width: 33.3%;
      
    }
    .banboxlist>li>a {
        padding: 0;
        font-size: 16px;
        line-height: 40px;
    }
  }