html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body{background:#fff;font-family: Arial,sans-serif,"Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1';}
a,a:hover, a.active{color:inherit;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
body{  font-size: 0.32rem; }
.clearfix:after, .tagList:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix, .tagList{ zoom:1;}
.fl, .flli li{ float: left; }
.fr{ float: right; }
html, body{ width: 100%; height: 100%; }
.main{ max-width: 1080px; margin-left: auto; margin-right: auto; position: relative; height: 100%;}
.logo{ position: absolute; left: 0.33rem; top: 0.41rem; height: 1.52rem;z-index: 9;}
.logo a,.logo img{ display: block;height: 100%; }
.downbtn{ width: 6.64rem; position: absolute; left: 50%; margin-left: -3.32rem; bottom: 9.5%;text-align: center; z-index: 9;}
.downbtn a{ display: block; width: 100%; height: 1.16rem; background: #01cea5; color: #fff; border-radius: 0.58rem;font-size: 0.5rem;line-height: 1.16rem; margin-bottom: 0.38rem;}
.downbtn p{font-size: 0.28rem; color: #adadad;}
.mbSwiper{ width: 100%; height: 100%;position: relative;z-index: 1; overflow: hidden;}
.mbSwiper .content{ width: 100%; height: 400%; }
.mbSwiper .page{ width: 100%; height: 25%; position: relative;}
.mbSwiper .page img{ display: block; width: 8rem; height: 11rem; position: absolute; left: 50%; margin-left: -4rem; top: 18%;}
.potint{ width: 0.26rem; position: absolute; right: 0.58rem !important; z-index: 9; }
.potint span{ display: block; width: 0.26rem; height: 0.26rem; position: relative; border-radius: 100%; background: #fff; margin: 0.19rem 0 0.39rem !important;opacity: 1;}
.potint span:after{ content: ''; display: block; width: 0.14rem; height: 0.14rem; background-color: #989898; border-radius: 50%; position: absolute; left: 50%;top: 50%;margin-left: -0.07rem; margin-top: -0.07rem;}
.potint span.active{ background-color: #d4f1f0; }
.potint span.active:after{ background-color: #01cea5; }
.potint span{outline: none;}
.downbtn a{animation:btnwrapper 2s infinite; position: relative; overflow: hidden;}
.mbSwiper .gs{ position: absolute; left: 0; right: 0; bottom: 0;font-size: 0.28rem;color: #adadad; line-height: 1.75;text-align: center; padding-bottom: 0.2rem;}
@keyframes btnwrapper{
	0% {transform: scale(1);}
	50% {transform: scale(1.1);}
	100% {transform: scale(1);}
}

.downbtn a:after {position:absolute;display:block;content:'';top:50%;left:50%;background:rgba(159,209,255,0.1);width:680px;height:680px;border-radius:50%;margin-left:-340px;margin-top:-340px;animation:spread 1.5s infinite both;-webkit-animation:spread 1.5s infinite both;-moz-animation:spread 1.5s infinite both;-o-animation:spread 1.5s infinite both;z-index:1;}


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

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

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

@-o-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}