@charset "UTF-8";
/* 头部 */
.logo {
  width: 70%;
}

.logo img {
  max-width: 100%;
}

.btnx {
  width: 10%;
}

.btnx img {
  max-width: 100%;
}

/* 小程序是什么？ */
.c1 {
  background: #f4f4f4;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-left: 10px;
}

.c1 h2 {
  font-weight: normal;
  text-align: center;
  color: #000000;
  margin-bottom: 14px;
  font-size: 18px;
}

.c1 dd {
  font-size: 14px;
  line-height: 24px;
  color: #383838;
}

/* 我们的优势 */
.c2 {
  margin-top: 20px;
}

.c2 h2 {
  text-align: center;
  font-size: 24px;
  color: #000000;
  margin-bottom: 20px;
}

.c2 .list1 {
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
  padding-right: 10px;
  justify-content: center;
  text-align: center;
}

.c2 .list1 li {
  background: #d40300;
  border-radius: 10px;
  width: 44%;
  margin: 0 2%;
  padding: 20px 10px;
  margin-bottom: 20px;
}

.c2 .list1 li .tu {
  height: 50px;
}

.c2 .list1 li .tu img {
  height: 50px;
}

.c2 .list1 li .m_hide {
  color: #fff;
}

.c2 .list1 li .m_hide p {
  font-size: 16px;
  line-height: 40px;
}

.c2 .list1 li .m_hide span {
  font-size: 12px;
  line-height: 20px;
}

/* 祥云小程序流量入口 */
.c3 {
  background: url(../../images/p5-c1.png) center 0 no-repeat;
  background-size: 100% 100%;
  padding-top: 20px;
}

.c3 h2 {
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: normal;
  color: #fff;
}

.c3 .list2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.c3 .list2 li {
  width: 30%;
  margin: 0 1%;
  margin-bottom: 16px;
}

.c3 .list2 li .tu {
  height: 50px;
}

.c3 .list2 li .tu img {
  height: 50px;
}

.c3 .list2 li p {
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 34px;
}

/* 祥云小程序经典案例 */
.c4 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.c4 h2 {
  font-weight: normal;
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
  color: #000;
}

.c4 .list3 {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  margin-bottom: 20px;
}

.c4 .list3 li {
  width: 46%;
  line-height: 34px;
  background: #d40300;
  color: #fff;
  border-radius: 10px;
  margin: 0 1%;
  margin-bottom: 10px;
}

.c4 .list3 li img {
  height: 20px;
  line-height: 34px;
}

.c4 .list3 li span {
  padding-left: 10px;
}

.c4 .list4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.c4 .list4 li {
  width: 46%;
  margin: 0 1%;
  margin-bottom: 12px;
  background: #f4f4f4;
}

.c4 .list4 li a.tu {
  display: block;
}

.c4 .list4 li a.tu img {
  max-width: 100%;
}

.c4 .list4 li h3 {
  background: #f4f4f4;
  font-weight: normal;
  padding: 0 10px;
  padding-bottom: 20px;
}

.c4 .list4 li h3 dt {
  display: block;
  color: #000000;
  font-size: 14px;
  line-height: 34px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.c4 .list4 li h3 dd {
  font-size: 12px;
  color: #474747;
  line-height: 20px;
}

/* 我们遍布全球 立足当地 */
.c5 {
  background: url(../../images/p5-c2.png) center 0 no-repeat;
  padding: 20px 10px;
  background-size: 100% 100%;
}

.c5 h2 {
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: normal;
  line-height: 1.4;
}

.c5 h2 span {
  color: #d93936;
}

.c5 .content {
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 24px;
}

.c5 .list5 {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.c5 .list5 li {
  text-align: center;
  width: 23%;
  margin: 0 1%;
  font-size: 20px;
  color: #da3f3c;
}

.c5 .list5 li dd {
  color: #fff;
  font-size: 12px;
}