.cl {
  clear: both;
}

.bl {
  display: block !important;
}

html {
  max-width: 750px !important;
  margin: 0 auto;
  background: #e3e2fe;
}

.swiper {
  overflow: hidden;
  position: relative;
}

.contains {
  width: 7rem !important;
  margin: 0 auto;
  position: relative;
}

.banner {
  width: 100%;
  height: 7.12rem;
  background: url(../img/zxu_02.png);
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 4.04rem;

}

.ba_zx {
  width: 5.1rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  background: #F58634;
  border: 0.04rem solid #DCDCFB;
  border-radius: 0.45rem;
  font-size: 0.28rem;
  color: #fff;
  margin-left: 0.17rem;

}

.ba_zx img {
  vertical-align: middle;
  width: 0.48rem;
}

.ba_list {
  margin-top: 0.55rem;
}

.ba_list li {
  width: 1.9rem;
  height: 1.6rem;
  background: #FFFFFF;
  border: 0.04rem solid #DCDCFB;
  border-radius: 0.24rem;
  box-sizing: border-box;
  float: left;
  padding-top: 0.4rem;
  text-align: center;
  margin-right: 0.16rem;
}

.ba_list li p {
  font-size: 0.24rem;

  color: #706F7A;
  margin-bottom: 0.1rem;
}

.ba_list li p b {
  font-size: 0.36rem;
  font-family: Arial;
  font-weight: bold;
  color: #6A67CE;
}

.ba_list li h3 {

  font-size: 0.48rem;
  font-family: Arial;
  font-weight: bold;
  color: #6A67CE;
}

.ba_list li h4 {
  font-size: 0.24rem;

  font-weight: 400;
  color: #6A67CE;
}

.ba_list li h4 b {
  color: #F58634;
}

.ba_list li:nth-of-type(3) {
  margin-right: 0;
  width: 2.8rem;
}

.m1 {
  width: 100%;
  height: 12.51rem;
  background: url(../img/zxu_04.png);
  background-size: 100% 100%;
  margin-top: 1.1rem;
}

.tit {
  font-size: 0.48rem;
  color: #fff;
  line-height: 1.1rem;
  font-weight: normal;

}

.tit span {
  color: #3BE8B0;
  font-size: 0.6rem;
}

.m1 .tit {
  padding-left: 1.8rem;
  margin-bottom: 0.7rem;
}

.m1_box {
  position: relative;
  box-sizing: border-box;
  padding-left: 1.4rem;
  margin-bottom: 0.6rem;
}

.m1_tit {
  position: absolute;
  width: 1.5rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
  left: 0;
  top: 0;
  font-weight: normal;
}

.m1_qj {
  font-size: 0.26rem;
  color: #706f7a;
  line-height: 0.44rem;
  margin-bottom: 0.3rem;
  padding-left: 0.3rem;
}

.m1_qj span {
  color: #4d4b67;
}

.m1_tj {
  font-size: 0.26rem;
  padding-left: 0.3rem;
  color: #706F7A;
  margin-bottom: 0.2rem;
}

.m1_tj img {
  width: 0.3rem;
  vertical-align: middle;
}

.m1_zx {
  text-align: center;
  font-size: 0.28rem;

  color: #6A67CE;
  line-height: 0.9rem;
}

.m2 {
  margin-top: 1.1rem;
}

.m2 .tit {
  width: 100%;
  height: 1.23rem;
  background: url(../img/tit_02.png);
  background-size: 100% 100%;
  text-align: center;
}

.m2-swiper {
  width: 100% !important;
  position: relative;
  height: 8.54rem !important;
  overflow: hidden;
}

.m2-swiper .swiper-slide {
  box-sizing: border-box;
  padding-top: 6.9rem;
}

.m2-swiper .swiper-slide:nth-of-type(1) {
  background: url(../img/zxu_07.png);
  background-size: 100% 100%;
}

.m2-swiper .swiper-slide:nth-of-type(2) {
  background: url(../img/zxu2_02.png);
  background-size: 100% 100%;
}

.m2_zx {
  width: 5.7rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  background: #F58634;
  box-shadow: 0.02rem 0.14rem 0.29rem 0px rgba(249, 202, 167, 0.59);
  border-radius: 0.45rem;
  font-size: 0.28rem;
  color: #fff;
  margin: 0 auto;
}

.m3 {
  margin-top: 1.1rem;
}

.m3 .tit {
  width: 100%;
  height: 1.23rem;
  background: url(../img/tit_04.png);
  background-size: 100% 100%;
  text-align: center;
}

.m3-swiper {
  padding-top: 0.56rem !important;
  padding-bottom: 0.5rem !important;
}

.m3_list li {
  width: 100%;

  height: 3.4rem;
  background: #FFFDFC;
  border: 0.04rem solid #DCDCFB;
  border-radius: 0.24rem;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0.2rem;
  padding: 0 0.45rem;
  padding-top: 0.5rem;
}

.m3_list li h3 {
  font-size: 0.26rem;

  font-weight: 400;
  color: #4D4B67;
}

.m3_list li h4 {
  font-size: 0.24rem;

  font-weight: 400;
  color: #4D4B67;
}

.m3_list li p {
  font-size: 0.24rem;

  font-weight: 400;
  color: #898990;
  line-height: 0.4rem;
  margin-top: 0.4rem;

}

.m3_list li p span {
  color: #4D4B67;
}

.m3_list li a {
  display: block;
  width: 1.8rem;
  height: 0.6rem;
  text-align: center;
  background: #6A67CE;
  border-radius: 0.3rem;
  line-height: 0.6rem;
  float: right;
  margin-top: 0.25rem;
  font-size: 0.26rem;

  color: #FFFDFC;
}

.m3_qs {
  position: absolute;
  font-size: 0.26rem;

  color: #F58634;
  top: 0.4rem;
  right: 0.6rem;
}

.m3_qs b {
  font-size: 0.72rem;
  font-weight: normal;
}

.m4 {
  margin-top: 1.1rem;
  width: 100%;
  height: 12.01rem;
  background: url(../img/zxu_11.png);
  background-size: 100% 100%;
}

.m4 .tit {
  padding-left: 2.1rem;
  margin-bottom: 0.8rem;
}

.m4_list li {
  height: 3.33rem;
}

.m4_list li h3 {
  width: 3.7rem;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
  font-weight: normal;
  margin-bottom: 0.4rem;
}

.m4_list li p {
  font-size: 0.26rem;
  color: #4D4B67;
  margin-bottom: 0.3rem;
  box-sizing: border-box;
  padding-left: 0.5rem;
}

.m4_list li p span {
  color: #898990;
  margin-right: 0.3rem;
}

.m4_list li p span:nth-of-type(2) {
  margin-right: 0;
}

.ad {
  margin-top: 0.7rem;
}

.ad>img {
  display: block;
  width: 100%;
}

.ad a {
  display: block;
  float: left;
  width: 2.7rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  background: #FCF3ED;
  border: 0.04rem solid #DCDCFB;
  border-radius: 0.45rem;
  margin-top: 0.16rem;
  color: #f58634;
  font-size: 0.28rem;
}
.ad a img{
  vertical-align: middle;
  width: 0.48rem;
}
.ad_zx{
  width: 3.8rem;
  float: right;
height:0.9rem;
line-height: 0.9rem;
text-align: center;
background: #F58634;
border: 0.04rem solid #DCDCFB;
border-radius: 0.45rem;
font-size: 0.28rem;
color: #fff;
margin-top: 0.16rem;
}
.ad_zx img{
  vertical-align: middle;
  width: 0.4rem;
}
.m5{
  margin-top: 1.1rem;
  width: 100%;
  height: 11.19rem;
  background: url(../img/zxu_15.png);
  background-size: 100% 100%;
}
.m5 .tit{
  text-align: center;
  line-height: 1.1rem;
}
.m5-swiper{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.m5_list li{
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.4rem;
  margin-bottom: 0.4rem;
}
.m5_list h3{
font-size: 0.28rem;
color: #4d4b67;
font-weight: normal;
}
.m5_list h3 img{
  vertical-align: middle;
  width: 0.4rem;
}
.m5_list p{
  font-size: 0.26rem;

font-weight: 400;
color: #898990;
line-height: 0.4rem;
margin-top: 0.25rem;
}
.m5_list p span{
  color: #4d4b67;
}
.swiper-pagination-bullet{
  background: #c8c7e4!important;
  opacity: 1!important;
}
.swiper-pagination-bullet-active{
  background: #858599!important;
}