@charset "UTF-8";
.about_wrap {
  /* background: #FFFFFF; */
  background: url("/image/h5/about_bg.png") no-repeat top center;
  padding: .8rem 0 .8rem 0;
  width: 100%;
  background-size: cover;
  height: 100%;
}

.about_wrap .about_title {
  /* margin-top: .8rem; */
  font-weight: 500;
  font-size: .4rem;
  color: #1A1A1A;
  margin-left: .4rem;
}

.about_wrap .about_1 {
  background: #FFFFFF;
  padding: .4rem .68rem .48rem .68rem;
}

.about_wrap .about_1 .title_font {
  font-weight: bold;
  font-size: .32rem;
  color: #242424;
}

.about_wrap .about_1 .title_line {
  width: 1.28rem;
  height: .04rem;
  background: #EE4E41;
  margin-top: .08rem;
}

.about_wrap .about_1 .about_1_content {
  font-weight: 400;
  font-size: .24rem;
  color: #888888;
  line-height: .36rem;
  margin-top: .25rem;
}

.about_wrap .about_1 .about_1_ul {
  margin-top: .34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.about_wrap .about_1 .about_1_ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  height: .52rem;
  background: #F5F7FA;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* line-height: .52rem; */
}

.about_wrap .about_1 .about_1_ul li img {
  width: .24rem;
  height: .24rem;
  margin-left: .16rem;
}

.about_wrap .about_1 .about_1_ul li span {
  font-weight: 500;
  font-size: .24rem;
  color: #888888;
  /* line-height: .24rem; */
  margin-left: .08rem;
}

.about_wrap .about_1 .about_1_banner {
  width: 100%;
  margin-top: .15rem;
}

.about_wrap .about_2 {
  background: #EE464C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: .12rem .3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* width: 7.5rem;
        height: .98rem; */
}

.about_wrap .about_2 .about_2_li {
  /* flex: 1; */
  /* 自动平分剩余空间 */
  text-align: left;
  margin: 0 .14rem;
  /* 内容水平居中 */
}

.about_wrap .about_2 .about_2_li span:nth-child(1) {
  display: block;
  font-weight: 500;
  font-size: .24rem;
  color: #FFFFFF;
}

.about_wrap .about_2 .about_2_li span:nth-child(2) {
  display: block;
  font-weight: bold;
  font-size: .28rem;
  color: #FFFFFF;
}

.about_wrap .about_2 .line {
  width: 0px;
  height: .5rem;
  /* margin: 0 .14rem; */
  /* flex: 1; */
  border: 1px solid #FFFFFF;
}

.about_wrap .about_3 {
  background: url("/image/h5/about_3bg.png") no-repeat top center;
  /* width: 100%; */
  background-size: cover;
  padding: .8rem .4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about_wrap .about_3 .about_3_title {
  font-weight: bold;
  font-size: .4rem;
  color: #1A1A1A;
  text-align: center;
}

.about_wrap .about_3 .about_3_desc {
  font-weight: 400;
  font-size: .28rem;
  margin-top: .16rem;
  color: #555555;
  text-align: center;
}

.about_wrap .about_3 .map {
  margin-top: .48rem;
}

.about_wrap .about_3 .about_3_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* 允许折行 */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about_wrap .about_3 .about_3_area .about_3_area_li {
  background: #FFFFFF;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - .3rem);
          flex: 0 0 calc(50% - .3rem);
  -webkit-box-shadow: 0px 0px 0.06rem 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0.06rem 1px rgba(0, 0, 0, 0.05);
  font-weight: 500;
  font-size: .28rem;
  color: #1A1A1A;
  text-align: center;
  padding: .08rem 0;
  margin: .24rem 0;
}

.about_wrap .about_4 {
  background: url("/image/h5/about_4bg.png") no-repeat top center;
  width: 7.5rem;
  height: 7.38rem;
  background-size: cover;
}

.about_wrap .about_5 {
  /* background: #FFFFFF; */
  padding: .8rem .4rem 0 .4rem;
  background: url("/image/h5/about_5_bg.png") no-repeat top center;
  background-size: cover;
}

.about_wrap .about_5 .about_5_title {
  font-weight: bold;
  font-size: .4rem;
  color: #1A1A1A;
  text-align: center;
}

.about_wrap .about_5 .about_5_tip {
  font-weight: 400;
  font-size: .24rem;
  color: #555555;
  text-align: center;
}

.about_wrap .about_5 .about_5_list {
  margin-top: .15rem;
}

.about_wrap .about_5 .about_5_list li {
  background: #F5F7FA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: .25rem;
  padding: .25rem .25rem .25rem .32rem;
  -webkit-box-shadow: 0px 0px 0.04rem 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0.04rem 1px rgba(0, 0, 0, 0.05);
  border-radius: .04rem .04rem .04rem .04rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about_wrap .about_5 .about_5_list li img {
  width: .8rem;
  height: .8rem;
}

.about_wrap .about_5 .about_5_list li .li_right {
  margin-left: .16rem;
}

.about_wrap .about_5 .about_5_list li .li_right .font1 {
  font-weight: 500;
  font-size: .28rem;
  color: #1A1A1A;
  display: block;
}

.about_wrap .about_5 .about_5_list li .li_right .font2 {
  font-weight: 400;
  font-size: .24rem;
  color: #555555;
  display: block;
  margin-top: .08rem;
}

.about_wrap .mobile-series_7 {
  margin-top: .8rem;
  background: url("/image/h5/series7_bg.png") no-repeat top center;
  background-size: cover;
  padding: .64rem .6rem 1.13rem .48rem;
}

.about_wrap .mobile-series_7 .series_7_title {
  font-weight: bold;
  font-size: .4rem;
  color: #FFFFFF;
  text-align: center;
}

.about_wrap .mobile-series_7 .series_7_desc {
  margin-top: .24rem;
  font-weight: 400;
  font-size: .24rem;
  color: #FFFFFF;
  text-align: center;
}

.about_wrap .mobile-series_7 .series_7_list {
  margin-top: .64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: .3rem;
  /* 子元素间距 */
}

.about_wrap .mobile-series_7 .series_7_list .series_7_list_li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex: 1 1 1rem;  */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .3rem;
}

.about_wrap .mobile-series_7 .series_7_list .series_7_list_li img {
  width: .48rem;
  height: .48rem;
}

.about_wrap .mobile-series_7 .series_7_list .series_7_list_li .li_right {
  margin-left: .15rem;
}

.about_wrap .mobile-series_7 .series_7_list .series_7_list_li .li_right span:nth-child(1) {
  display: block;
  font-weight: 400;
  font-size: .28rem;
  color: #FFFFFF;
}

.about_wrap .mobile-series_7 .series_7_list .series_7_list_li .li_right span:nth-child(2) {
  display: block;
  font-size: .24rem;
  color: #FFFFFF;
  margin-top: .05rem;
}
/*# sourceMappingURL=h5_about.css.map */