* {
  padding: 0;
  margin: 0;
}
*,
*:before,
*:after,
*::before,
*::after {
  box-sizing: border-box;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  cursor: pointer;
}
#app .banner {
  width: 100%;
  height: 240px;
  background: url("../img/banner.png") center no-repeat;
}
#app .g-main {
  width: 1100px;
  margin: 0 auto;
}
#app .cont {
  margin-top: -30px;
}
#app .explain {
  padding: 30px 60px;
  background-color: #f7f8f9;
  margin-bottom: 30px;
  color: #666;
  font-size: 16px;
  line-height: 2;
}
#app .depart-container {
  margin-bottom: 26px;
}
#app .depart-container .title {
  margin-bottom: 15px;
}
#app .depart-container .title .search {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 24px;
  background: url("../img/search.png");
}
#app .depart-container .title .doSome {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 29px;
  background: url("../img/doSome.png");
}
#app .depart-container .title span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #5e97db;
}
#app .depart-container .box {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 20px;
}
#app .depart-container .box.search-li > ul > li {
  display: inline-block;
  vertical-align: middle;
  width: 208px;
  height: 140px;
  padding-top: 10px;
  text-align: center;
}
#app .depart-container .box.search-li > ul > li:hover {
  transform: scale(1.1);
}
#app .depart-container .box.search-li > ul > li a {
  display: block;
}
#app .depart-container .box.search-li > ul > li .icon {
  margin: 0 auto;
  width: 81px;
  height: 80px;
}
#app .depart-container .box.search-li > ul > li .icon.icon1 {
  background: url("../img/search-icon1.png") no-repeat;
}
#app .depart-container .box.search-li > ul > li .icon.icon2 {
  background: url("../img/search-icon2.png") no-repeat;
}
#app .depart-container .box.search-li > ul > li .icon.icon3 {
  background: url("../img/search-icon3.png") no-repeat;
}
#app .depart-container .box.search-li > ul > li .icon.icon4 {
  background: url("../img/search-icon4.png") no-repeat;
}
#app .depart-container .box.search-li > ul > li .icon.icon5 {
  background: url("../img/search-icon5.png") no-repeat;
}
#app .depart-container .box.search-li > ul > li .icon.icon6 {
  background: url("../img/search-icon6.png") no-repeat;
}
#app .depart-container .box.search-li > ul > li .icon.icon7 {
  background: url("../img/search-icon7.png") no-repeat;
}
#app .depart-container .box.search-li > ul > li .icon.icon8 {
  background: url("../img/search-icon8.png") no-repeat;
}
#app .depart-container .box.search-li > ul > li .name {
  line-height: 50px;
  color: #333;
}
#app .depart-container .box.doSome-li {
  padding: 35px;
}
#app .depart-container .box.doSome-li .li-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 230px;
  height: 70px;
  border-radius: 6px;
  background: #6da0de;
  padding: 0 24px;
  margin: 0 31px 36px 0;
}
#app .depart-container .box.doSome-li .li-content:hover {
  background: #54a2ff;
}
#app .depart-container .box.doSome-li .li-content:nth-child(4n) {
  margin-right: 0;
}
#app .depart-container .box.doSome-li .li-content a {
  display: table;
  width: 100%;
  color: #fff;
  font-size: 16px;
  height: 100%;
  text-align: center;
}
#app .depart-container .box.doSome-li .li-content a span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/*# sourceMappingURL=index.css.map */