html,
body {
  min-width: 1200px;
}
body {
}
.about_page {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  background: url(../img/about_bg.jpg) center center no-repeat;
}
.about_page .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 650px;
  min-height: 500px;
  top: 50%;
  margin-top: -300px;
  z-index: 10;
}
.about_page .bg div {
  position: absolute;
  background: url(../img/about_sprite.png);
}
.about_page .bg .lic-1 {
  width: 39px;
  height: 38px;
  bottom: 460px;
  left: 117px;
  background-position: 0 -105px;
}
.about_page .bg .lic-2 {
  width: 68px;
  height: 62px;
  bottom: 296px;
  left: 41px;
  background-position: 0 -165px;
}
.about_page .bg .lic-3 {
  width: 59px;
  height: 56px;
  bottom: 249px;
  left: 313px;
  background-position: 0 -244px;
}
.about_page .bg .lic-4 {
  width: 87px;
  height: 79px;
  bottom: 150px;
  left: 156px;
  background-position: 0 -321px;
}
.about_page .bg .lic-5 {
  width: 36px;
  height: 35px;
  bottom: 38px;
  left: 390px;
  background-position: 0 -413px;
}
.about_page .bg .ric-1 {
  width: 52px;
  height: 53px;
  bottom: 390px;
  right: 469px;
  background-position: -103px -105px;
}
.about_page .bg .ric-2 {
  width: 44px;
  height: 34px;
  bottom: 305px;
  right: 103px;
  background-position: -103px -165px;
}
.about_page .bg .ric-3 {
  width: 92px;
  height: 64px;
  bottom: 262px;
  right: 298px;
  background-position: -103px -244px;
}
.about_page .bg .ric-4 {
  width: 70px;
  height: 49px;
  bottom: 157px;
  right: 246px;
  background-position: -103px -321px;
}
.about_page .bg .ric-5 {
  width: 41px;
  height: 44px;
  bottom: 73px;
  right: 443px;
  background-position: -186px -105px;
}
.about_page .bg .ric-6 {
  width: 150px;
  height: 99px;
  bottom: 0;
  right: 147px;
  background-position: -100px -403px;
}
.about_page .table {
  display: table;
  width: 1034px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  z-index: 30;
}
.about_page .cnt {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 30;
}
.about_page .cnt .cnt_tit {
  width: 187px;
  height: 91px;
  margin: 0 auto 70px;
  text-indent: -9999px;
  overflow-y: hidden;
  background: url(../img/about_sprite.png);
}
.about_page .cnt p {
  font-size: 18px;
  color: #645f5b;
  line-height: 1.6;
  text-indent: 2rem;
}
.about_page .cnt p + p {
  margin-top: 10px;
}
.about_page .cnt p span {
  font-size: 20px;
  color: #f86f0a;
  font-weight: bold;
}
.siderMenu {
  width: 64px;
  height: 325px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -162.5px;
  z-index: 50;
}
.siderMenu li {
  width: 64px;
  height: 64px;
  position: relative;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
  right: 0;
}
.siderMenu li:hover {
  width: 129px;
  right: 64px;
}
.siderMenu li:hover > .normal {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.siderMenu li:hover > .hover {
  left: 0;
}
.siderMenu .icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url(../img/menu-sprite.png);
  vertical-align: middle;
}
.siderMenu .normal {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
  z-index: 20;
  background: #fff;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.siderMenu .hover {
  position: absolute;
  left: 129px;
  top: 0;
  width: 129px;
  height: 64px;
  z-index: 1;
  background: #f86f0a;
}
.siderMenu .f1 .normal .icon {
  background-position: -96px -104px;
}
.siderMenu .f1 .hover .icon {
  background-position: 0 -104px;
}
.siderMenu .f2 .normal .icon {
  background-position: -96px -194px;
}
.siderMenu .f2 .hover .icon {
  background-position: 0 -194px;
}
.siderMenu .f3 .normal .icon {
  background-position: -96px -280px;
}
.siderMenu .f3 .hover .icon {
  background-position: 0 -280px;
}
.siderMenu .f4 .normal .icon {
  background-position: -96px -371px;
}
.siderMenu .f4 .hover .icon {
  background-position: 0 -371px;
}
.siderMenu .f5 .normal .icon {
  background-position: -96px 0;
}
.siderMenu .f5 .hover .icon {
  background-position: 0 0;
}