body {
  min-width: 320px;
  max-width: 750px;
  width: 10rem;
  font-family: Arial, Helvetica, -apple-system, "Microsoft Yahei";
  background: #e0ecff;
  margin: 0;
  line-height: 1.5;
  height: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: all 0.2s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 750px) {
  html {
    font-size: 75px !important;
  }
}

@media screen and (max-width: 320px) {

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: -1px !important;
    left: -2px !important;
  }
}

/*点击高亮我们需要清除清除  设置为transparent 完成透明*/
* {
  -webkit-tap-highlight-color: transparent;
}

/*在移动端浏览器默认的外观在iOS上加上这个属性才能给按钮和输入框自定义样式*/
input {
  -webkit-appearance: none;
}

button,
input {
  font-family: "Microsoft YaHei", "Arial Narrow";
  border: 0;
  box-sizing: border-box;
  outline: none;
  background: none;
}

button {
  cursor: pointer;
}

/*禁用长按页面时的弹出菜单*/
img,
a {
  -webkit-touch-callout: none;
}

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

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  vertical-align: middle;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.pc {
  display: none;
}

.mb {
  display: block;
}

.tophead {
  width: 100%;
  height: 1.28rem;
  display: flex;
  justify-content: space-between;
  background-color: #87a5d6;
  padding: 0.2133rem;
  box-sizing: border-box;
}

.tophead a {
  font-size: 0.3733rem;
  color: #ffffff;
  display: block;
}

.rt {
  width: 3.3067rem;
  line-height: 0.8533rem;
}

.rt a {
  float: left;
}

.vx img {
  width: 0.5333rem;
  margin-top: 0.1867rem;
}

.search img {
  width: 0.6267rem;
  margin-right: 0.32rem;
  display: inline-block;
}

.headbk {
  width: 10rem;
}

.headbk a img {
  height: 5.0133rem;
}

.navbar {
  height: 2.9333rem;
  background-color: #2758a5;
  padding: 0.4rem 0.6667rem;
  box-sizing: border-box;
  margin-bottom: 0.6667rem;
}

.navbar ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.navbar ul li {
  flex: 32%;
}

.navbar ul li:last-child {
  flex-basis: 3rem;
}

.navbar ul a {
  display: block;
  line-height: 1.0667rem;
  color: #ffffff;
  font-size: 0.5067rem;
}

/* pic切换 */
.picscoll {
  width: 100%;
  height: 6.6667rem;
  margin-bottom: 0.6667rem;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background: #fff;
  /* Center slide text vertically */
}

.pictt {
  width: 100%;
  height: 0.8rem;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
}

.pictt a {
  font-size: 0.4267rem;
  color: #ffffff;
  display: block;
  line-height: 0.8rem;
  text-align: left;
  margin-left: 10px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 5px;
  left: -5px;
  width: 100%;
}

.swiper-pagination {
  text-align: right !important;
}

.swiper-pagination-bullet {
  width: 0.3467rem !important;
  height: 0.3467rem !important;
  margin-right: 5px;
  background: #afafaf !important;
}

.swiper-pagination-bullet-active {
  background-color: #177bc7 !important;
}

.fricon {
  height: 1.6rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.6667rem;
}

.fricon li {
  width: 2.2933rem;
  height: 1.6rem;
}

.fricon li a {
  display: block;
  text-align: center;
  line-height: 1.6rem;
  font-size: 0.4533rem;
  font-weight: bold;
  color: #ffffff;
}

.fr1 {
  background-color: #ffbb42;
}

.fr2 {
  background-color: #e8843c;
}

.fr3 {
  background-color: #ff6d4f;
}

.fr4 {
  background-color: #ef3b26;
}

.bigBox {
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 0.32rem;
  box-sizing: border-box;
  margin-bottom: 0.6667rem;
}

.bigBox ul {
  height: 1.2rem;
  line-height: 1.2rem;
  border-bottom: 2px solid #e7e7e7;
}

.bigBox ul li {
  width: 2.1333rem;
  font-size: 0.48rem;
  float: left;
  color: #585858;
  text-align: left;
  margin-right: 0.2667rem;
}

.box {
  width: 100%;
  height: 6.6667rem;
  background-color: #ffffff;
  overflow: hidden;
}

.box>div {
  width: 100%;
  height: 6.24rem;
  padding-top: 0.32rem;
  box-sizing: border-box;
  background-color: #ffffff;
}

.a1list li a {
  display: block;
  line-height: 0.7733rem;
  font-size: 0.4rem;
  color: #555555;
}

.a1list li a::before {
  content: "\2022";
  font-size: 0.32rem;
  color: #bd1b2d;
  margin-right: 0.1333rem;
}

.a2p li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.a2p li a img {
  width: 5.0667rem;
}

.a2p li a span {
  font-size: 0.3467rem;
  color: #666666;
  margin-top: 0.2133rem;
}

.active {
  font-weight: bold;
  color: #2758a5 !important;
  border-bottom: 5px solid #ed2b25;
}

.lmbt {
  display: block;
  width: 6.8267rem;
  height: 0.8rem;
  line-height: 0.8rem;
  margin: 0.266667rem auto;
  border-radius: 0.4rem;
  font-size: 0.3467rem;
  color: #9d9d9d !important;
  background-color: #e0ecff;
  text-align: center;
}

.banner {
  display: block;
  height: 1.8667rem;
  margin-bottom: 0.6667rem;
}

.banner img {
  height: 1.8667rem;
}

.service {
  display: flex;
  height: 6.8rem;
  justify-content: space-between;
  padding: 0.56rem 0.32rem;
  box-sizing: border-box;
  flex-wrap: wrap;
  background: url(../images/miconbk.jpg) no-repeat;
  margin-bottom: 0.6667rem;
}

.service li {
  width: 4.4rem;
  height: 1.0933rem;
  margin-bottom: 0.4rem;
  border-radius: 0.3333rem;
  background-color: #ffffff;
  box-shadow: 3px 3px 2px rgba(34, 67, 120, 0.15);
}

.service li a {
  display: block;
  text-align: center;
  line-height: 1.0933rem;
  font-size: 0.3467rem;
  color: #2758a5;
}

.link {
  height: 2.9867rem;
  background-color: #fff;
  margin-bottom: 0.6667rem;
  padding: 0.56rem 0.32rem;
  box-sizing: border-box;
}

.link li {
  color: #2460b8;
  font-size: 0.4667rem;
  font-weight: bold;
}

.link ul li a {
  display: block;
  line-height: 0.6667rem;
  float: left;
  font-size: 0.3733rem;
  color: #646464;
  font-weight: normal;
  margin-right: .4rem
}

footer {
  height: auto;
  background-color: #2758a5;
  padding: .4267rem;
  box-sizing: border-box;
}

footer li {
  line-height: 0.6667rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.3733rem;
}