* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  min-height: 100%;
  background: url(body_bg.png) 0 820px no-repeat;
}

.word {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI Light', 'Microsoft YaHei UI', 'Microsoft YaHei', 微软雅黑, Arial, sans-serif;
  font-size: 40px;
  color: #FFFFFF;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.50);
  width: 500px;
  height: 300px;
  line-height: 300px;
  position: absolute;
  font-weight: bold;
}

#bm_banner {
  background: url(banner.png) no-repeat top;
  width: 100%;
  height: 300px;
}

.bm_banner {
  width: 1200px;
  height: 300px;
  margin: 0 auto;
  position: relative;
}

.container {
  width: 1200px;
  margin: auto;
}

.flex-wrap {
  margin-top: 50px;
}

.flex-wrap>.item {
  width: 270px;
  height: 210px;
  float: left;
  box-shadow: 0 0 14px 0 #c2d7e6;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  background: #F1F2F3;
  margin: 0px 15px 30px 15px;
}

.flex-wrap>.item .img-wrap {
  height: 160px;
  overflow: hidden;
}

.flex-wrap>.item .img-wrap img {
  height: 100%;
  width: 100%;
}

.flex-wrap>.item .text {
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2b2f32;
}

.flex-wrap>.item:hover {
  box-shadow: 0px 4px 22px 0 #b3ccdf;
}