.model_app {
  height: 850px;
  background: url("../images/bg-APP.png") no-repeat;
  background-size: cover;
  padding-top: 30px;
}
.model_app .title {
  text-align: center;
}
.model_app .title h3 {
  font-size: 34px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #fff;
}
.model_app .title span {
  display: block;
  width: 59px;
  height: 4px;
  background: #fff;
  border-radius: 2px;
  margin: 0 auto;
  margin-top: 20px;
}
.model_app .box {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
}
.model_app .box .item-left li,
.model_app .box .item-right li,
.model_app .box .item-center li {
  width: 326px;
  height: 95px;
  background: #f9fafb;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 0 18px;
  padding-top: 30px;
}
.model_app .box .item-left li img,
.model_app .box .item-right li img,
.model_app .box .item-center li img {
  width: 56px;
  height: 56px;
  float: left;
}
.model_app .box .item-left li div,
.model_app .box .item-right li div,
.model_app .box .item-center li div {
  margin-left: 70px;
}
.model_app .box .item-left li div h3,
.model_app .box .item-right li div h3,
.model_app .box .item-center li div h3 {
  font-size: 18px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 10px;
}
.model_app .box .item-left li div p,
.model_app .box .item-right li div p,
.model_app .box .item-center li div p {
  width: 210px;
  font-size: 14px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #999999;
  line-height: 22px;
}
.model_app .box .item-center .tip {
  width: 347px;
  height: 580px;
  background: initial;
  padding: 0;
  margin: 0;
}
.model_app .box .item-center .tip img {
  width: 347px;
  height: 610px;
}
.model_app .box .item-right li:nth-of-type(4) img {
  width: 56px;
  height: 42px;
}
.model_hxgn {
  padding-top: 72px;
  height: 610px;
}
.model_hxgn .title {
  text-align: center;
}
.model_hxgn .title h3 {
  font-size: 34px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #333333;
}
.model_hxgn .title span {
  display: block;
  width: 59px;
  height: 4px;
  background: #f39939;
  border-radius: 2px;
  margin: 0 auto;
  margin-top: 20px;
}
.model_hxgn ul {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  justify-content: space-between;
}
.model_hxgn ul li {
  width: 240px;
  background: #ffffff;
  text-align: center;
  margin-bottom: 15px;
}
.model_hxgn ul li img {
  width: 85px;
  height: 85px;
}
.model_hxgn ul li h2 {
  margin-top: 8px;
  font-size: 18px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #333333;
  margin-bottom: 5px;
}
.model_hxgn ul li p {
  width: 190px;
  font-size: 14px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #999999;
  margin: 0 auto;
}
.model_cpal {
  height: 850px;
  background: url("../images/app_develop/anl-bg.png") no-repeat;
  background-size: cover;
}
.model_cpal .title h3 {
  color: #fff;
}
.model_cpal .title span {
  background: #fff;
}
    .model_cpal .title h3 .more{
        margin: 0 auto;
      width: 280px;
      height: 52px;
      line-height: 52px;
      background: #fefefe;
      border-radius: 10px;
      font-size: 20px;
      font-family: 'Noto Sans SC';
      font-weight: 400;
      color: #333333;
      text-align: center;
  }
  .model_cpal .title h3 .more a {
        color: #333333;
  }
  .model_cpal ul li {
    width: 307px;
    height: 547px;
  }
.model_cpal ul li:hover span {
  color: #00A0E9 !important;
  background-color: #fff !important;
}
.swiper-button-prev {
  background: url("../images/app_develop/icon-l@2x.png") no-repeat !important;
  background-size: contain !important;
}
.swiper-button-next {
  background: url("../images/app_develop/icon-r@2x.png") no-repeat !important;
  background-size: contain !important;
}