.content {
  width: 1086px;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .content .content-one {
    width: 196px;
    height: 260px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #C9C9C9;
    position: relative;
    overflow: hidden; }
    .content .content-one p {
      margin: 20px 0px; }
  .content .content-one:hover {
    background: #ff7800;
    cursor: pointer; }
    .content .content-one:hover p {
      color: white; }
    .content .content-one:hover .mengban {
      position: absolute;
      top: 0px;
      left: 0px; }

.mengban {
  width: 197px;
  height: 197px;
  background-color: #3d3b3a;
  transition: top 0.5s;
  display: block;
  position: absolute;
  top: -197px;
  left: 0px; }
.dingzhi {
  width: 100%;
  height: 600px;
  background-image: url(../imges/index_29.png); }
  .dingzhi .dingzhi-one {
    width: 1086px;
    margin: auto;
    text-align: center; }
    .dingzhi .dingzhi-one h1 {
      font-size: 36px;
      color: white;
      padding-top: 60px;
      margin-bottom: 60px; }
    .dingzhi .dingzhi-one .dingzhi-two {
      position: relative;
      color: white;
      font-size: 18px; }
      .dingzhi .dingzhi-one .dingzhi-two div {
        width: 100px;
        text-align: right;
        position: absolute;
        left: 160px;
        top: 20px; }
      .dingzhi .dingzhi-one .dingzhi-two input {
        width: 530px;
        height: 50px;
        border-radius: 5px;
        margin-bottom: 20px; }
      .dingzhi .dingzhi-one .dingzhi-two textarea {
        width: 530px;
        height: 160px;
        border-radius: 5px;
        margin-bottom: 50px; }
/*# sourceMappingURL=kehu.css.map */