.container main .mainView article .main ul.main-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}

.container main .mainView article .main ul.main-content li:hover>.title {
  background-color: #024593 !important;
}

.container main .mainView article .main ul.main-content li:hover>.title>a {
  color: #fff;
}

.container main .mainView article .main ul.main-content li {
  width: 364px;
  height: 298px;
  margin:10px auto;
}

.container main .mainView article .main ul.main-content li>a.img-item {
  display: block;
  width: 364px;
  height: 262px;
  padding: 13px;
  background: url(../../images/about/background-01.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}

.container main .mainView article .main ul.main-content li>a.img-item img {
  width: 100%;
  height: 100%;
}

.container main .mainView article .main ul.main-content li>.title {
  height: 37px;
  line-height: 37px;
  background-color: #E7E7E7;
  text-align: center;
}

.container main .mainView article .main ul.main-content li>.title>a {
  font-size: 13px;
}

.container main .mainView article .main ul.laypage {
  width: 620px;
  height: 32px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: auto;
  margin-top: 145px;
}

.container main .mainView article .main ul.laypage .laypage-left {
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
}

.container main .mainView article .main ul.laypage .omit {
  color: #cccccc;
}

.container main .mainView article .main ul.laypage li {
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
}
.container main .mainView article .main ul.laypage li a{
  padding: 0 10px;
}
.container main .mainView article .main ul.laypage li span{
  padding: 0 10px;
}
.active {
  background-color: #024593;
  color: #fff;
}