.auto-center ul li .pict {
display:table;
width:100%;
text-align:center;
}

.auto-center ul li .pict i {
vertical-align:middle;
display:table-cell;
}

.vague {
-webkit-filter:blur(2px);
transition:.3s;
-webkit-transition:.3s;
}

.rogate {
transition:.3s;
-webkit-transition:.3s;
}

.rogate:hover {
transform:rotate(90deg);
}

.arrow {
position:relative;
line-height:1;
margin-left:.1rem;
}

.arrow:before {
content:"";
position:absolute;
top:-.02rem;
left:0;
width:0;
height:0;
border-bottom:.08rem solid;
border-right:.08rem solid transparent;
border-top:.08rem solid transparent;
border-left:.08rem solid transparent;
}

.arrow:after {
content:"";
position:absolute;
top:.18rem;
left:0;
width:0;
height:0;
border-top:.08rem solid;
border-right:.08rem solid transparent;
border-bottom:.08rem solid transparent;
border-left:.08rem solid transparent;
}

.arrow.one:before {
display:none;
}

.arrow.one:after {
top:.14rem;
}

.border-top:before {
background:#dadada;
content:"";
position:absolute;
height:1px;
transform-origin:0 0;
transform:scale(.5,.5);
-webkit-transform:scale(.5,.5);
-moz-transform:scale(.5,.5);
width:200%;
top:0;
left:0;
}

.border-bottom:after {
background:#dadada;
content:"";
position:absolute;
height:1px;
transform-origin:0 0;
transform:scale(.5,.5);
-webkit-transform:scale(.5,.5);
-moz-transform:scale(.5,.5);
width:200%;
bottom:-1px;
left:0;
}

.flex-slide {
display:flex;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}

.box-space-between {
display:flex;
justify-content:space-between;
}

.touch-state {
position:relative;
}

.touch-state label {
position:relative;
background:#fff;
display:block;
width:.9rem;
height:.45rem;
border:1px solid #ccc;
border-radius:.3rem;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;
}

.touch-state label:after {
content:'';
position:absolute;
z-index:1;
left:0;
width:.41rem;
height:.41rem;
background:#fff;
box-shadow:0 0 .1rem rgba(0,0,0,.4);
border-radius:50%;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;
}

.t
ouch-state input {
position:absolute;
z-index:0;
opacity:0;
left:45%;
top:20%;
}

.touch-state input:checked+label {
background:#47b92c;
border-color:#47b92c;
}

.touch-state input:checked+label:after {
left:calc(100%-.41rem);
}

.swiper-wrapper {
display:0;
position:relative;
}

.swiper-slide {
flex-shrink:0;
position:relative;
}

.mohu {
-webkit-filter:blur(1px);
-moz-filter:blur(1px);
-ms-filter:blur(1px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=1,MakeShadow=false);
}

.fixed-top {
position:fixed;
left:0;
width:100%;
top:0;
z-index:2;
background:#fff;
}

.fixed-bottom {
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:2;
background:#fff;
}

.column {
display:flex;
}

.column>* {
column-count:1;
flex-grow:1;
flex-shrink:0;
text-align:center;
}

a,body,button,dd,dl,dt,h1,h2,h3,h4,h5,i,img,input,li,p,select,span,strong,textarea,ul {
margin:0;
padding:0;
}

b,h1,h2,h3,h4,h5,h6,strong {
font-weight:400;
}

table {
border-spacing:0;
}

body {
font-family:"microsoft yahei",Arial;
font-size:.26rem;
line-height:1;
color:#333;
-webkit-user-select:none;
-webkit-text-size-adjust:100%!important;
text-size-adjust:100%!important;
-moz-text-size-adjust:100%!important;
}

::-webkit-scrollbar {
width:0;
height:0;
}

* {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

li {
list-style-type:none;
float:left;
}

a {
text-decoration:none;
color:#333;
outline:0;
}

img {
border:none;
vertical-align:middle;
}

em,i,var {
font-style:normal;
}

button {
font-family:"microsoft yahei",Arial;
outline:0;
cursor:pointer;
font-size:.26rem;
border:none;
}

iframe {
border:none;
}

input,select,textarea {
outline:0;
font-family:"microsoft yahei",Arial;
font-size:.26rem;
border-radius:0;
border:none;
background:0 0;
}

input:disabled {
opacity:1;
color:#333;
}

button,input[type=button],input[type=date],input[type=number],input[type=password],input[type=reset],input[type=submit],input[type=text],textarea {
-webkit-appearance:none;
border:none;
background:0 0;
}

textarea {
resize:none;
}

.ico {
display:inline-block;
vertical-align:middle;
}

.fl {
float:left;
}

.fr {
float:right;
}

.clear {
clear:both;
}

.clearfix:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
zoom:1;
}

.hide {
display:none!important;
}

.mobile-wrap {
position:relative;
min-height:100vh;
width:100%;
float:left;
background:url(../image/bg.jpg) top center no-repeat;
background-size:100% auto;
}

body,html {
width:100%;
height:100%;
}

.head {
width:100%;
height:1.32rem;
display:flex;
justify-content:space-between;
padding:0 .24rem;
}

.head .logo img {
width:2.9rem;
}

.head .button button {
width:2.8rem;
height:.7rem;
background:url(../image/img01.png) center no-repeat;
background-size:2.8rem .7rem;
line-height:.46rem;
color:#fff;
font-size:.25rem;
padding-bottom:.04rem;
font-family:arial;
text-shadow:0 .02rem .02rem rgba(0,0,0,.5);
}

.head .button button em {
color:#fffd39;
font-size:.3rem;
width:.2rem;
-webkit-animation:myfirst 1s infinite;
animation:myfirst 1s infinite;
display:inline-block;
}

.banner {
width:100%;
padding:0 .24rem;
}

.banner .list {
width:100%;
padding-bottom:.32rem;
}

.banner .list ul {
width:100%;
float:left;
}

.banner .list ul li {
width:100%;
border:.03rem solid #fff;
border-radius:.04rem;
}

.banner .list ul li .imgs img {
width:100%;
border-radius:.04rem;
}

.banner .list .swiper-pagination {
bottom:.02rem!important;
}

.banner .list .swiper-pagination .swiper-pagination-bullet {
width:.14rem;
height:.14rem;
opacity:1;
background-color:#fff;
margin:0 .09rem;
}

.banner .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color:#fffd44;
}

.notice {
width:100%;
height:.5rem;
background-color:rgba(0,0,0,.5);
float:left;
margin-top:.1rem;
display:flex;
justify-content:space-between;
}

.notice .ico {
width:.56rem;
height:.5rem;
display:flex;
justify-content:center;
align-items:center;
}

.notice .ico img {
width:.31rem;
}

.notice .txt {
width:calc(100%-.56rem);
line-height:. 5rem;
font-size:.26rem;
color:#fff;
}

.intrs {
width:100%;
float:left;
text-align:center;
display:flex;
justify-content:space-between;
align-items:center;
padding:.32rem .3rem;
}

.intrs .imgs {
width:auto;
position:relative;
}

.intrs .imgs img {
width:4.86rem;
}

.intrs .imgs .labs {
position:absolute;
right:-.2rem;
bottom:.1rem;
color:#fff;
}

.intrs .imgs .labs em {
color:#fffc01;
display:inline-block;
-webkit-animation:myfirst 1s infinite;
animation:myfirst 1s infinite;
font-size:.34rem;
}

.intrs .codes img {
width:1.86rem;
}

.buttons .btns {
width:100%;
text-align:center;
padding-bottom:.2rem;
}

.buttons .btns button {
width:4.78rem;
height:1.1rem;
webkit-animation:myfirst 1s infinite;
animation:myfirst 1s infinite;
background-size:4.78rem 1.1rem;
}

.buttons .list button {
width:2.03rem;
height:.66rem;
background-color:rgba(0,0,0,.3);
border-radius:.33rem;
text-align:center;
line-height:.6rem;
color:#fff;
font-size:.3rem;
border:.03rem solid #fff;
margin:.12rem .2rem;
}

.video .title {
width:100%;
text-align:center;
padding-top:.4rem;
}

.video .title img {
width:100%;
margin-top:4.6rem;
}

.video .conts {
width:100%;
padding:.35rem .24rem 0;
}

.video .conts video {
width:100%;
-o-object-fit:cover;
object-fit:cover;
}

.product {
width:100%;
padding-bottom:.3rem;
float:left;
}

.product .title {
width:100%;
padding-top:.4rem;
}

.product .list ul {
width:100%;
padding:.2rem .14rem;
}

.product .list ul li {
width:2.23rem;
position:relative;
margin:.08rem;
}

.product .list ul li p {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}

.product .list ul li .lab {
width:.76rem;
height:.26rem;
background:url(../img/zb1.png) center no-repeat;
background-size:.76rem .26rem;
-webkit-animation:myfirst2 1s infinite;
animation:myfirst2 1s infinite;
position:absolute;
right:.1rem;
bottom:.1rem;
display:inline-block;
z-index:99;
}

.fix-down {
position:fixed;
left:50%;
margin-left:-3.75rem;
width:7.5rem;
bottom:0;
z-index:1000;
}

.fix-down button {
width:3.54rem;
height:.58rem;
background:url(../image/btn03.png) center no-repeat;
background-size:3.54rem .58rem;
position:absolute;
right:.24rem;
top:.33rem;
-webkit-animation:myfirst 1s infinite;
animation:myfirst 1s infinite;
}

.fix-down .txts {
position:absolute;
left:1.3rem;
bottom:.2rem;
color:#fff7c3;
font-size:.2rem;
}

.fix-down .txts em {
color:#fffd39;
font-size:.4rem;
-webkit-animation:myfirst 1s infinite;
animation:myfirst 1s infinite;
display:inline-block;
}

.null {
width:100%;
height:1.2rem;
float:left;
}

.fix-service {
position:fixed;
right:50%;
margin-right:-3.75rem;
top:17%;
margin-top:-.96rem;
z-index:888888;
}

.fix-service img {
width:1.24rem;
}

50% {
transform:scale(.8);
background:url(../img/zb2.png) center no-repeat;
background-size:.76rem .26rem;
}

to {
transform:scale(1);
background:url(../img/zb1.png) center no-repeat;
background-size:.76rem .26rem;
}

.flex-slide>*,.box-space-between>* {
flex-shrink:0;
}

.head .logo,.head .button {
align-items:center;
display:flex;
height:1.32rem;
justify-content:center;
}

.banner .list ul li .imgs,.buttons,.buttons .list,.video,.video .conts img,.product .title img,.product .list,.product .list ul li img,.fix-down img {
width:100%;
}