html,
body {
  position: relative;
}

/* 标题 */
section {
  padding: 90px 0;
  overflow: hidden;
}

section .title h1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #000;
  font-size: 30px;
  font-weight: bold;
  line-height: 45px;
  align-items: center;
}

section .title h1 span {
  font-size: 30px;
  color: #000;
  margin-bottom: 0;
  line-height: 45px;
  margin-left: 30px;
}

section .title p {
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: rgb(128, 128, 128);
}


/* banner */
.section01 {
  padding: 0;
  padding-top: 90px;
}

.bannerbigbox {
  width: 100%;
  height: 100%;
  position: relative;
}

.bannerSwiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.bannerSlide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.bannerSlide img {
  width: 100%;
  position: relative;
}

.bannerSwiper .bannerPrev {
  position: absolute;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .1);
  border-radius: 6px;
  left: 5vw;
  right: auto;
  top: calc(50% - 25px);
  z-index: 9;
}

.bannerSwiper .bannerNext {
  position: absolute;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .1);
  border-radius: 6px;
  left: auto;
  right: 5vw;
  top: calc(50% - 25px);
  z-index: 9;
}

.bannerSwiper .swiper-button-next:after,
.bannerSwiper .swiper-button-prev:after {
      color: #fff;
    font-size: 20px;
}

/* end-banner */
/* box2 */
.CPZX_Box a {
  display: block;
  padding: 20px;
}

.CPZX_Box a img {
  width: 100%;
}

.CPZX_Box a p {
  color: #000;
  font-size: 16px;
  line-height: 1.715;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 15px;
}

/* end-box2 */
/* box3 */
.section03 {
  background-color: rgba(241, 241, 241, 1);
}

.AboutBox {
  display: flex;
  align-items: center;
}

.AboutBox .lf {
  width: 46%;
  font-size: 16px;
  line-height: 2;
}


.AboutBox .lf a {
  background: #ef4136;
  width: 138px;
  height: 48px;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.4vw;
}

.AboutBox .rt {
  width: 54%;
  display: flex;
  justify-content: flex-end;
}

.AboutBox .rt img {
  width: 100%;
 /* max-width: 600px;*/
}

/* end-box3 */


/* box4 */
.YWMS_Box {
  margin-top: 45px;
  display: flex;
}

.YWMS_Box>div {
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.YWMS_Box img {
  width: 100px;
  margin-bottom: 15px;
}

.YWMS_Box h1 {
  line-height: 40px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.YWMS_Box p {
  font-size: 16px;
  line-height: 2;
  text-align: center;
}

/* end-box4 */
/* box5 */
.section05 {
  background-color: rgba(241, 241, 241, 1);
}

.YFTD_Box {
  margin-top: 45px;
  display: flex;
}

.YFTD_Box span {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  margin-bottom: 30px;
}

.YFTD_Box span img {
  margin-bottom: 30px;
  width: 100%;
}

.YFTD_Box span h1 {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 0;
  text-align: center;
  height: 60px;
  color: #000;
}

/* end-box5 */
/* box6*/
.HZHB_Box {
  margin-top: 45px;
  display: flex;
  flex-wrap: wrap;
}

.HZHB_Box img {
  width: 20%;
  padding: 20px;
}

/* end-box6 */