.layout {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.clearfix {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.flex-wrap {
  flex-wrap: wrap;
}

.tac {
  text-align: center;
}
.tac a{
    color:#ffffff;
}

.img-box {
  position: relative;
  overflow: hidden;
  display: block;
}

.img-box img {
  width: 100%;
  height: 100%;
}

.pos-r {
  position: relative;
}

.h20 {
  height: 20px;
}

.h30 {
  height: 30px;
}

.h40 {
  height: 40px;
}

.h50 {
  height: 50px;
}

.h60 {
  height: 60px;
}

.h70 {
  height: 70px;
}
.mt30 {
    margin-top: 30px;
}
.fl {
    float: left;
}
.fr{
    float: right;
}