* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

ul,li { margin: 0; padding: 0; list-style-type: none; }
.html{height:100%}
body {font-size: 14px;line-height: 1.5;   font-family: "-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif";   outline: 0;color: #333;

}
html, body{
    height: 100%;
    margin: 0;
    padding: 0;
}
body {min-width: 320px;   max-width:500px;margin: auto;height:100%;width: 100%; overflow: hidden;}
 html {    font-size: 100px;    font-size: 26.6667vw;}

@media screen and (min-width:500px)
{
    html {
        font-size: 120px;
    }
}
*{font-size: 0.14rem;}




.banner-cont{width: 100%;height: 100%;display: block;color: #ffff;position: relative;z-index: 0;}
.banner-cont .swiper-container{width: 100%;height: 100%;}
.banner-cont .swiper-pagination-bullet{background-color: #fff;opacity: 0.4;width: 0.06rem;height: 0.06rem;}
.banner-cont .swiper-pagination-bullet-active{opacity:1;}
.banner-cont .swiper-pagination{position: absolute;top: 0;text-align: center;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0.16rem 0.05rem 0;
}
.b1bg,.b2bg,.b3bg,.b4bg,.b5bg,.b6bg,.btnbg,.btncon,.btnlogo{
    width: 100%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;text-align: center; image-rendering: -webkit-optimize-contrast;
}
.b1bg,.b2bg,.b3bg,.b4bg,.b5bg,.b6bg{-webkit-background-size:cover;
   background-size:cover;}

.b1bg {   background-image: url(../img/1@3x.png);}
.b2bg {  background-image: url(../img/2@3x.png);}
.b3bg {  background-image: url(../img/3@3x.png);}
.b4bg {  background-image: url(../img/4@3x.png);}
.b5bg {  background-image: url(../img/5@3x.png);}
.b6bg {  background-image: url(../img/6@3x.png);}

.imgbox{display: flex;   /* justify-content: center;*  padding: 0.15rem 0rem 0.34rem;*/}
.imgbox img{width: 100%;}



.btnbg{background-image: url(../img/btnbg.png);}
.btnbg{position: absolute;height: 1.6rem ;bottom: 0;z-index: 9999;width: 100%;text-align: center;padding-top: 0.3rem;}
.btncon{background-image: url(../img/btncon.png);text-align: center;width:1.8rem ;height:0.4rem;margin: auto;}
.btnlogo{background-image: url(../img/btnlogo.png);text-align: center;width:1.8rem ;height:0.55rem;margin: auto;margin-bottom:0.12rem;}




.bigSmall {
  -webkit-animation: s1 0.8s linear infinite;
}

@-webkit-keyframes s1 {
  0%,
  100% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }
}