.about-top {
  background: #F4F4F4;
}

.about-container {
  padding: 0 10%;
}
/*-- about-bottom --*/
.about-bottom{
  background: url(../images/i5.jpg) no-repeat 0px 0px;
  background-size: cover;
  padding:4em 0;
}
.gongneng{
    margin-left:13%;
    }
.gongneng h3{
    margin-left:-10%;
    }
.boxShadow{
    background: #FFFFFF;
    transition:box-shadow 0.3s linear;
    border: 1px solid #E6E6E6;
    }

.about-bottom h3{
    color: #FFF;
    font-size: 40px;
    font-weight: 300;
    margin: 0;
}
.about-bottom-grids {
  margin-top: 4em;
}
.about-bottom-left {
  padding-left: 0;
}
.about-bottom-left h4{
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
.about-bottom-left p{
  color: #FFFFFF;
  font-size: 14px;
  margin: 2em 0 0 0;
  line-height: 1.8em;
  font-weight: 400;
}
.about-bottom-left p span{
    display:block;
    margin:2em 0;
}
.about-bottom-right{
    padding-right:0;
}

/*-- banner-bottom --*/
.banner-bottom{
  
}


.banner-bottom-grids{
  margin: 5em 0;
}


@media screen and (max-width: 480px) {
  .banner-bottom-grids{
    margin: 2em 0;
  }
}

@media screen and (max-width: 480px) {
  .banner-bottom-grids{
    margin: 2em 0;
  }
}


.banner-bottom-left{
  padding: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0;
}



.banner-bottom-left h3{
  color: #606060;
  font-size: 37px;
  margin-top: 0;
  line-height: 1.2em;
  font-weight: 300;
}
.banner-bottom-left h5{
  color: #06a8f0;
  font-size: 15px;
  margin-top: 1em;
  margin-right: 0;
  padding-left: 0;
  margin-bottom: 1em;
  line-height: 1.6em;
  font-weight: 400;
}
.banner-bottom-left h6{
  color: #191919;
  font-size: 16px;
  margin: 1em 0;
  line-height: 1.6em;
}

.banner-bottom-left h5 span{
  display:block;
}
.banner-bottom-left span{
  font-weight: normal;
}
.banner-bottom-left p{
color: #333333;
  font-size: 14px;
  margin: 0;
  line-height: 1.8em;
  font-weight: 600;
}
.banner-bottom-right {
  padding: 0;
}
.banner-bottom-right img{
  width:100%;
  float: left;
}
.see-button{
  margin-top: 1em;
}
.see-button a{
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1em 4em;
  outline: none;
  background: #393939;
  border: none !important;
  border-radius:0;
  }
.jumbotron.banner-bottom-left {
  background: none;
  margin-top: 5%;
  margin-left: 5%;
}

.banner-bottom-left ul {
  margin: 0;
  padding: 0;
}

.about-list-large h4, .about-list-large h5 {
  margin: 0;
}

.about-list-large>li {
  margin-bottom: 2em;
}




.about-list-large h4 {
  color: #2B2B2B;
  float: left;
  margin-right: 1.6em;
  line-height: 1.6em;
}

.about-list-small {
  float: left;
}

.about-list-small h5, .about-list-small p {
  color: #808080;

}

.about-list-small h5 strong {
  font-weight: normal;
  color: #434343;
}

.about-description {
  margin-bottom: 2em;
}

.about-description h5 {
  margin: 0;
  color: #808080;
}
li.about-short {
  margin-bottom: 1em;
}