.main {
  margin-top: -50px;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 10px 0 #17171733;
  padding: 49px 30px;
}
.main .integration .title {
  display: inline-block;
  height: 39px;
  font-size: 24px;
  color: #015293;
  font-weight: 700;
  border-bottom: 3px solid #015293;
  padding: 0 10px;
}
.main .integration .integration_nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 17px;
}
.main .integration .integration_nav li {
  width: 330px;
  height: 120px;
  border-radius: 10px 10px 10px 10px;
  background: #ffffff;
  box-shadow: 0 1px 5px 0 #0000001c;
  transition: all 0.3s ease;
  margin-bottom: 30px;
}
.main .integration .integration_nav li:hover {
  transform: translateY(-5px);
}
.main .integration .integration_nav li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 28px;
}
.main .integration .integration_nav li a .content {
  margin-left: 20px;
}
.main .integration .integration_nav li a .content h3 {
  font-size: 24px;
  font-weight: 700;
  color: #015293;
}
.main .integration .integration_nav li a .content p {
  color: #999999;
  font-size: 18px;
}
.main .work {
  margin-top: 35px;
}
.main .work .head_list {
  display: flex;
  justify-content: center;
}
.main .work .head_list li {
  position: relative;
}
.main .work .head_list li::after {
  content: "/";
  font-size: 24px;
  color: #666;
  margin-left: 25px;
  margin-right: 25px;
}
.main .work .head_list li::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -10px;
  width: 70px;
  height: 3px;
  background-color: transparent;
  transform: translateX(-100%);
}
.main .work .head_list li:last-child::after {
  content: "";
}
.main .work .head_list li:last-child::before {
  transform: translateX(-70%);
}
.main .work .head_list li a {
  font-size: 24px;
  color: #666;
}
.main .work .head_list li.on a {
  color: #015293;
  font-weight: 700;
}
.main .work .head_list li.on::before {
  background-color: #015293;
}
.main .work .inner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 148px;
  background: #ffffff;
  border: 1px solid #2e73b8;
  margin-top: 30px;
}
.main .work .inner li {
  width: calc(100% / 8);
}
.main .work .inner li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main .work .inner li a h3 {
  font-weight: normal;
  color: #333;
  margin-top: 10px;
  font-size: 15px;
}
.main .convenient {
  margin-top: 30px;
}
.main .convenient .title {
  display: inline-block;
  height: 39px;
  font-size: 24px;
  color: #015293;
  font-weight: 700;
  border-bottom: 3px solid #015293;
  padding: 0 10px;
}
.main .convenient .convenient_nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
.main .convenient .convenient_nav li {
  display: flex;
  width: 330px;
  height: 160px;
  border-radius: 10px 10px 10px 10px;
  background: #ffffff;
  box-shadow: 0 1px 5px 0 #0000001c;
  padding: 20px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
}
.main .convenient .convenient_nav li:hover {
  transform: translateY(-5px);
}
.main .convenient .convenient_nav li .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 103px;
  padding-right: 20px;
  border-right: 1px solid #e0dfdf;
  font-size: 20px;
  color: #015293;
  font-weight: 700;
  margin-right: 10px;
}
.main .convenient .convenient_nav li .left img {
  margin-bottom: 10px;
}
.main .convenient .convenient_nav li .right a {
  display: block;
  line-height: 30px;
  font-size: 16px;
  color: #333;
}
.main .convenient .convenient_nav li .right a:hover {
  color: #015293;
}
.main .convenient .scene {
  display: flex;
  align-items: center;
  width: 100%;
  height: 180px;
  margin-top: 21px;
  background: url(../images/bg_scene.png) no-repeat;
  background-size: 100% 100%;
  padding-left: 20px;
}
.main .convenient .scene .name {
  font-size: 30px;
  color: #2e73b8;
  font-weight: 700;
  margin-right: 20px;
}
.main .convenient .scene .scene_item {
  display: flex;
  align-items: center;
  width: 300px;
  height: 111px;
  margin-right: 10px;
  padding-left: 20px;
  font-size: 18px;
  color: #2297a5;
  font-weight: 700;
  background: url(../images/bg_scene_item_1.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.5s;
}
.main .convenient .scene .scene_item:hover {
  transform: translateY(-5px);
}
.main .convenient .scene .scene_item.enterprise {
  color: #016bb5;
  background-image: url(../images/bg_scene_item_2.png);
}
.main .statistics {
  margin-top: 36px;
}
.main .statistics .title {
  display: inline-block;
  height: 39px;
  font-size: 24px;
  color: #015293;
  font-weight: 700;
  border-bottom: 3px solid #015293;
  padding: 0 10px;
}
.main .statistics .inner {
  display: flex;
  justify-content: space-between;
  height: 274px;
  margin-top: 24px;
}
.main .statistics .inner .count {
  width: 610px;
  height: 100%;
  background-color: #2e73b8;
  padding: 15px 40px 24px 40px;
}
.main .statistics .inner .count .count_item {
  padding-bottom: 17px;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}
.main .statistics .inner .count .count_item:last-child {
  border-bottom: none;
}
.main .statistics .inner .count .count_item .name {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}
.main .statistics .inner .count .count_item .numbers {
  display: flex;
  justify-content: space-around;
  color: #fff;
}
.main .statistics .inner .count .count_item .numbers .numbers_item {
  font-size: 16px;
}
.main .statistics .inner .count .count_item .numbers .numbers_item .top {
  font-size: 18px;
  margin-bottom: 5px;
}
.main .statistics .inner .count .count_item .numbers .numbers_item .top .num {
  font-size: 24px;
  margin-right: 5px;
}
.main .statistics .inner .zone {
  width: 599px;
  height: 100%;
}
.main .statistics .inner .zone img {
  width: 100%;
  height: 100%;
}
.main .map {
  margin-top: 36px;
}
.main .map .title {
  display: inline-block;
  height: 39px;
  font-size: 24px;
  color: #015293;
  font-weight: 700;
  border-bottom: 3px solid #015293;
  padding: 0 10px;
  margin-bottom: 24px;
}
.main .map .map_inner {
  width: 100%;
  height: 494px;
  object-fit: cover;
}