* {
  margin: 0;
  padding: 0;
  margin: 0 auto;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.susp {
  width: 3.125rem;
  height: 3.5rem;
  background: url('../images/susp_bg.png') 0 0 no-repeat;
  background-size: 100%;
  position: fixed;
  top: 50%;
  right: -1.5rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wrapper {
  width: 100%;
  position: relative;
  padding-top: 11.75rem;
  padding-bottom: 1.4rem;
  background: #020f37 url('../images/bg.png') 0 0 no-repeat;
  background-size: 100%;
}
.wrapper .block {
  width: 15.3rem;
  background: #fff;
  margin-bottom: 1.425rem;
  padding: 0.65rem 1rem 0.8rem 1rem;
  box-sizing: border-box;
}
.wrapper .block h4 {
  width: 6.875rem;
}
.wrapper .block h4 img {
  display: block;
  width: 100%;
}
.wrapper .block ul {
  width: 100%;
  list-style: none;
}
.wrapper .block ul li {
  width: 6.25rem;
  height: 6.25rem;
  margin-top: 0.9rem;
}
.wrapper .block ul li:nth-child(even) {
  float: right;
}
.wrapper .block ul li:nth-child(odd) {
  float: left;
}
.wrapper .block ul li img {
  width: 100%;
  display: block;
}