.banner{
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.banner img{
  width: 1210px;
  height: 400px;
}
.main{
  width: 750px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 75px;
}
.main-pics{
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.main-pics img{
  position: relative;
  width: 100%;
  height: 100%;
}
.company-title{
  text-align: center;
  font-size: 32px;
  color: #222;
  padding-top: 55px;
  padding-bottom: 35px;
}
.company-des{
  width: 780px;
  font-size: 18px;
  margin: 0 auto;
  line-height: 36px;
}
.text-special{
  text-indent: 2em;
}
.hr{
  width: 100%;
  height: 1px;
  background: #cacccc;
  margin-top:50px;
}
.year-des{
  width: 100%;
  font-size: 18px;
  margin: 0 auto;
  line-height: 36px;
}
.year-one{
  padding-top: 30px;
}
.main-module{
  padding-bottom: 30px;
}
.footer-top{
  width: 100%;
  background: #3a3c4e;
  padding: 30px 0;
}
.footer-top p{
  font-size: 12px;
  color: #fff;
}
.footer-top .inner img{
  width: 99px;
  height:30px;
}
.inner-nav .list-inline li a{
  position: relative;
  text-decoration: none;
}
.inner-nav .list-inline li a.current:before,
.inner-nav .list-inline li a:hover:before{
  background: #000;
  content: '';
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  height: 2px;
}
.list-inline li{
  float: left;
}
.left{
  float: left;
}
.right{
  float: right;
}
.footer-right{
  padding-top: 20px;
}