@charset "UTF-8";
body {
  background-color: #d3edfb;
  padding-bottom: 1.2rem; }

/*header*/
header {
  width: 100%;
  height: .6rem; }

.head {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: .6rem;
  padding: 0 1rem;
  box-sizing: border-box;
  background-color: #0079c3;
  font-size: 0;
  line-height: 1; }
  .head span {
    display: block;
    width: 100%;
    font-size: .24rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.banner {
  display: block;
  width: 100%;
  height: 4rem;
  background-color: #FFFFFF;
  font-size: 0;
  line-height: 1; }
  .banner .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .banner .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: 100%; }

section {
  min-height: calc(100vh - 1.2rem - .56rem - .6rem); }

.menu {
  padding: .3rem .2rem 0;
  font-size: 0;
  line-height: 1; }
  .menu-a {
    display: flex;
    justify-content: space-between;
    margin-bottom: .16rem; }
    .menu-a .a-fl {
      display: inline-block;
      vertical-align: top;
      width: 3.56rem;
      height: 2.9rem; }
    .menu-a .a-fr {
      display: inline-flex;
      align-content: space-between;
      flex-wrap: wrap;
      vertical-align: top;
      width: calc(100% - 3.56rem - .12rem);
      height: 2.9rem; }
    .menu-a .nav_1 {
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      height: 100%;
      border-radius: .2rem; }
      .menu-a .nav_1 i {
        display: block;
        width: 1.2rem;
        height: 1.2rem;
        background: no-repeat center;
        background-size: 100%; }
      .menu-a .nav_1 span {
        display: block;
        width: 100%;
        font-size: .28rem;
        color: #fff;
        text-align: center; }
    .menu-a .nav_2 {
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      height: calc(50% - .06rem);
      border-radius: .2rem; }
      .menu-a .nav_2 i {
        display: block;
        width: .8rem;
        height: .8rem;
        background: no-repeat center;
        background-size: 100%; }
      .menu-a .nav_2 span {
        display: block;
        width: 100%;
        font-size: .28rem;
        color: #fff;
        text-align: center; }
    .menu-a .nav_3 {
      display: inline-flex;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      vertical-align: top;
      width: 4.72rem;
      height: 1.9rem;
      padding-right: 30%;
      box-sizing: border-box;
      position: relative;
      border-radius: .2rem; }
      .menu-a .nav_3 em {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: no-repeat center;
        background-size: 100%; }
      .menu-a .nav_3 i {
        display: block;
        position: relative;
        z-index: 2;
        width: .8rem;
        height: .8rem;
        margin: 0 auto .1rem;
        background: no-repeat center;
        background-size: 100%; }
      .menu-a .nav_3 span {
        display: block;
        position: relative;
        z-index: 2;
        width: 100%;
        font-size: .28rem;
        color: #fff;
        text-align: center; }
    .menu-a .nav_4 {
      display: inline-flex;
      align-items: center;
      align-content: center;
      justify-content: center;
      flex-wrap: wrap;
      vertical-align: top;
      width: calc(33.33% - .08rem);
      height: 1.9rem;
      border-radius: .2rem; }
      .menu-a .nav_4 i {
        display: block;
        width: .8rem;
        height: .8rem;
        margin: 0 auto .1rem;
        background: no-repeat center;
        background-size: 100%; }
      .menu-a .nav_4 span {
        display: block;
        width: 100%;
        font-size: .28rem;
        color: #fff;
        text-align: center; }

.foot {
  display: block;
  padding: .1rem 0;
  text-align: center; }
  .foot span {
    font-size: .30rem;
    color: #0079c3;
    line-height: .3rem; }

.tabbar {
  display: flex;
  justify-content: space-between;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 101;
  width: 100%;
  height: 1.4rem;
  background-color: #0079c3;
  font-size: 0;
  line-height: 1; }
  .tabbar > a {
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    vertical-align: top;
    width: 25%; }
  .tabbar i {
    display: block;
    width: .72rem;
    height: .72rem;
    margin-bottom: .1rem;
    background: no-repeat center;
    background-size: 100%; }
  .tabbar span {
    display: block;
    width: 100%;
    font-size: .24rem;
    color: #fff;
    text-align: center; }

/*动画*/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }