@import url(../Base.css);
.banner-component {
  width: 100%;
  height: 324px;
  line-height: 324px;
  font-size: 36px;
  color: white;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  overflow: hidden; }
  .banner-component > div {
    -webkit-transition: transform 5s linear;
    -moz-transition: transform 5s linear;
    -ms-transition: transform 5s linear;
    -o-transition: transform 5s linear;
    transition: transform 5s linear;
    transform: scale(1.2); }
  .banner-component .banner-benefits {
    width: 100%;
    height: 100%;
    background: #fff url("../img/about_company_def_banner@1x.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover; }
  .banner-component .banner-join-us {
    width: 100%;
    height: 100%;
    background: #fff url("../img/join_def_banner.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover; }
  .banner-component .banner-news {
    width: 100%;
    height: 100%;
    background: #fff url("../img/news_def_banner@2x.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover; }
  .banner-component .banner-product {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff url("../img/product_def_banner.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover; }
  .banner-component > img {
    width: 100%;
    height: 100%; }
