#bodyofthe {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
#bodyofthe .main-banner {
  height: auto !important;
  width: 100%;
  border: none;
}
#container #footer {
  margin-top: 0px;
}
#banner {
  position: absolute;
  top: 0px;
  visibility: hidden;
}
#other {
  width: 1020px;
  margin: 0 auto;
  height: 203px;
}
#other .content-box {
  width: 130px;
  height: 142px;
  position: relative;
  top: 40px;
  cursor: pointer;
  float: left;
}
#other .content-box .img {
  width: 100%;
  height: 72px;
}
#other .content-box .text {
  text-align: center;
  font-size: 18px;
  color: #cccccc;
  position: relative;
  top: 10px;
}
#other .content-box .text span {
  font-size: 14px;
  line-height: 25px;
}
#other .content-box.content-box1 .img {
  background: url(../images/main-product.png) center center no-repeat;
}
#other .content-box.content-box2 {
  margin-left: 165px;
}
#other .content-box.content-box2 .img {
  background: url(../images/main-principle.png) center center no-repeat;
}
#other .content-box.content-box3 {
  margin-left: 168px;
}
#other .content-box.content-box3 .img {
  background: url(../images/main-brand.png) center center no-repeat;
}
#other .content-box.content-box4 {
  margin-left: 167px;
}
#other .content-box.content-box4 .img {
  background: url(../images/main-case.png) center center no-repeat;
}
#other .content-box.active.content-box1 .img {
  background: url(../images/main-product-hover.png) center center no-repeat;
}
#other .content-box.active.content-box2 .img {
  background: url(../images/main-principle-hover.png) center center no-repeat;
}
#other .content-box.active.content-box3 .img {
  background: url(../images/main-brand-hover.png) center center no-repeat;
}
#other .content-box.active.content-box4 .img {
  background: url(../images/main-case-hover.png) center center no-repeat;
}