@charset "UTF-8";
.slide {
  width: 50px;
  height: 250px;
  position: fixed;
  top: 50%;
  margin-top: -126px;
  background: #00BCD4;
  right: 0;
  border-radius: 5px 0 0 5px;
  z-index: 2000;
}

.slide ul {
  list-style: none;
}

.slide .icon li {
  width: 49px;
  height: 50px;
  cursor: pointer;
}

.slide .icon .up {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide .icon li.qq {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide .icon li.tel {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide .icon li.wx {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide .icon li.down {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide .info {
  top: 50%;
  height: 147px;
  position: absolute;
  right: 100%;
  background: #00BCD4;
  width: 0px;
  overflow: hidden;
  margin-top: -73.5px;
  transition: 0.5s;
  border-radius: 4px 0 0 4px;
}

.slide .info.hover {
  width: 145px;
}

.slide .info li {
  width: 145px;
  color: #fff;
  text-align: center;
}

.slide .info li p {
  font-size: 1.1em;
  line-height: 2em;
  padding: 15px;
  text-align: left;
}

.slide .info li.qq p a {
  display: block;
  margin-top: 12px;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 5px;
}

.slide .info li.qq p a:hover {
  color: #00BCD4;
  border: none;
  background: #fff;
}

.slide .info li div.img {
  height: 100%;
  background: #00BCD4;
  margin: 15px;
}

.slide .info li div.img img {
  width: 100%;
  height: 100%;
}

/*控制菜单的按钮*/
.index_cy {
  width: 30px;
  height: 30px;
  background: url(../../images/index_cy.png);
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: 140px;
  background-position: 62px 0;
  cursor: pointer;
  z-index: 2000;
}

.index_cy2 {
  width: 30px;
  height: 30px;
  background: url(../../images/index_cy.png);
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: 140px;
  background-position: 30px 0;
  cursor: pointer;
  z-index: 2000;
}

/*# sourceMappingURL=slideServece.css.map */
@media screen and (max-width: 1240px) {
  .slide-service {
    display: none;
  }
}