body, html, div, p, a, input, label, span, h3, table, tr, td, header, footer, section, em, i, ul, li, dl, dt, dd, img, textarea,h3,h4,h1,h2,h5,h6,ol{ margin: 0; padding: 0; outline: none; font-family: sans-serif;}
a { text-decoration: none; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body{font-family: helvetica arial;-webkit-tap-highlight-color: rgba(0,0,0,0);}
ul, ul li, dl, dt, dd{ list-style: none; }
*:not(input,textarea) { -webkit-touch-callout: inherit; -webkit-user-select: auto; }
*:not(input,textarea) { -webkit-touch-callout: inherit; -webkit-user-select: auto; }
.hide{display: none;}
img{border: 0;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
.b-r-26{-webkit-border-radius:2.6rem;-moz-border-radius:2.6rem;-ms-border-radius:2.6rem;-o-border-radius:2.6rem;border-radius:2.6rem;}
.b-r-50{-moz-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius:50%;border-radius: 50%;}
.b-r-4{-moz-border-radius: 0.4rem;-ms-border-radius: 0.4rem;-webkit-border-radius: 0.4rem;-o-border-radius:0.4rem;border-radius: 0.4rem;}
input,textarea{-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;outline:0 none;-webkit-tap-highlight-color:rgba(255,255,255,0);/**去除聚焦阴影**/}
.main {width: 100%;}
.header-banner{height: 20rem;background: #16b998;width: 100%;}
.h-main{height: 17rem;width:18rem ;overflow: hidden; margin: 0 auto;padding-top: 4rem;}
.h-logo{overflow: hidden;margin-left: 2.5rem;}
.h-logo img{width: 3.6rem;height: 3.6rem;float: left;}
.h-logo label{font-size: 2.6rem;color: #fff;float: left;line-height: 3.8rem;height: 3.6rem;}
.h-font{font-size: 1.2rem;text-align: center;color: #fff;margin-top: 1rem;}
.hi-button{width: 15rem;line-height: 4rem;height: 4rem;border: 1px solid #fff;color: #fff;
font-size: 1.4rem;text-align: center;display: block;margin-left: 1.3rem;margin-top: 3rem;cursor: pointer;}
.hi-button span{padding-left:2.5rem;display: inline-block;}
.hi-button{-webkit-animation: twinkling 1s infinite linear; }
.h-txt{margin: 2.5rem 0;}
.h-txt p{font-size: 1.2rem;text-align: center;color: #323232;line-height: 2rem;}
.swiper{position: relative;width: 16rem;margin: 0 auto;background: url(../images/y07.png) no-repeat;background-size: 15rem auto;height: 31rem;margin-bottom: 8rem}
.swiper img {max-width: 100%;text-align: center;width: 13rem;margin-top: 3.8rem;margin-left: 1rem;}
.swiper-button-next{background:#F2F2F2 url(../images/r.png) no-repeat 1.3rem center;background-size: 1rem 1.8rem;right: -5rem;width: 3.5rem;height: 3.5rem;}
.swiper-button-next:hover{background:#F2F2F2 url(../images/r.png) no-repeat 1.3rem center;;background-size: 1rem 1.8rem;width: 3.5rem;height: 3.5rem;}
.swiper-button-prev{background:#F2F2F2 url(../images/l.png) no-repeat 1.3rem center;background-size:  1rem 1.8rem;left: -6rem;width: 3.5rem;height: 3.5rem;}
.swiper-button-prev:hover{background:#F2F2F2 url(../images/l.png) no-repeat 1.3rem center;background-size: 1rem 1.8rem;width: 3.5rem;height: 3.5rem;}
.add-ios{background: url(../images/y02.png) no-repeat left .8rem;background-size:1.8rem 2.1rem ;}
.add-android{background: url(../images/y04.png) no-repeat left .8rem;background-size:1.8rem 2.1rem ;}
/*****footer*****/
.footer {
    background: #fff;
    z-index: 999;
    clear: both;
    text-align: center;
    /*position: fixed;*/
    width: 100%;
    height: 4rem;
    bottom: 0px;
    line-height: 2rem;
}
.footer .nav{font-size: .8rem;}
.footer .nav span {
    color: #b0b0b0;
}
.footer .nav {
    margin: .5rem 0;
}
.footer .nav a {
    margin: 0 .2rem;
    text-decoration: underline;
    color: #16b998;
}
.footer .nav a.beian {
    color: #b0b0b0;
    text-decoration:none;
}
.in_footer{line-height: 1.5em;}
@-ms-keyframes twinkling{
    0%{
       -webkit-box-shadow: 0 0 .1rem #fff;
     }
     50%{
       -webkit-box-shadow: 0 0 .5rem #fff;
     }
    100%{
       -webkit-box-shadow: 0 0 .1rem #fff;
    }
  }
@-o-keyframes twinkling{
    0%{
       -webkit-box-shadow: 0 0 .1rem #fff;
     }
     50%{
       -webkit-box-shadow: 0 0 .5rem #fff;
     }
    100%{
       -webkit-box-shadow: 0 0 .1rem #fff;
    }
  }
@-webkit-keyframes twinkling{
    0%{
       -webkit-box-shadow: 0 0 .1rem #fff;
     }
     50%{
       -webkit-box-shadow: 0 0 .5rem #fff;
     }
    100%{
       -webkit-box-shadow: 0 0 .1rem #fff;
    }
  }
  @keyframes twinkling{
    0%{
       -webkit-box-shadow: 0 0 .1rem #fff;
     }
     50%{
       -webkit-box-shadow: 0 0 .5rem #fff;
     }
    100%{
       -webkit-box-shadow: 0 0 .1rem #fff;
    }
  }