@charset "utf-8";
body {
  padding: 0;
  font-size: 12px;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "微软雅黑";
  background: #c4d2ff;
  overflow-x: hidden;
  max-width: 7.5rem;
  margin: 0 auto !important
}

div, ul, li, p, form, h1, h2, h3, h4, h5, h6, dt, dd, dl {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "微软雅黑"
}

a {
  text-decoration: none;
  color: #000
}

img {
  border: none;
  vertical-align: middle;
  height: auto
}

ul, li {
  list-style: none
}

* {
  padding: 0;
  margin: 0
}

.wrap {
  width: 100%;
  height: auto
}


.banner {
  height: 13.34rem;
  background: url("../images/banner.jpg") center center no-repeat;
  background-size: 100% 100%;
  overflow: hidden
}

.logo {
  display: block;
  width: 4.7rem;
  margin: 0 auto 0.22rem;
}

.ban1 {
  display: block;
  width: 6.48rem;
  margin: 0 auto;
}

.b1 {
  display: block;
  width: 3.44rem;
  margin: 1.43rem 0 0 3.45rem;
  animation: moveY1 infinite linear .8s alternate;
}

.b2 {
  display: block;
  width: 3.45rem;
  margin-left: 0.87rem;
  animation: moveY1 infinite linear 1s alternate;
}

.b3 {
  display: block;
  width: 3.44rem;
  margin: 0 0 1.6rem 3.12rem;
  animation: moveY1 infinite linear .8s alternate;
}

.banBtm {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dingyue {
  width: 2.62rem;
  margin-right: .36rem;
  margin-top: .4rem;
}

.dingyue p {
  font-size: 0.28rem;
  color: #333333;
  line-height: 0.34rem;
  margin: 0.1rem 0 0 0.15rem;
}

.dingyue span {
  color: #1e4be1;
}

.sao {
  display: block;
  width: 100%;
}

.shima {
  width: 2.53rem;
  height: 1.89rem;
  background: url("../images/ding.png") center center no-repeat;
  background-size: 100% 100%;
}

.wechart {
  display: block;
  width: 1.6rem;
  margin: 0.12rem;
}


.one {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  cursor: pointer
}

.zhezhao {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 8;
  display: none
}

.popup {
  width: 5.4rem;
  background: #fff;
  z-index: 9;
  display: none;
  border-radius: 0.12rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.popup .close {
  display: block;
  width: .5rem;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem
}

.popup .close img {
  width: 100%
}

.popup_p {
  width: 100%;
  text-align: center;
  background: #547cff;
  font-size: .4rem;
  color: #fff;
  line-height: .9rem;
  font-weight: bold;
  border-radius: 0.11rem 0.11rem 0 0
}

.popup_m {
  width: 100%;
  margin: 0 auto;
  padding: 0.2rem 0
}

.popup_mimg {
  width: 54%;
  margin: 0 auto
}

.popup_mimg img {
  width: 100%
}

.popup_mp {
  width: 100%;
  text-align: center;
  margin: 0.1rem auto 0;
  font-size: .3rem;
  color: #333;
  line-height: 0.8rem
}