.swiper-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    display: -webkit-box;
    position: relative
}

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


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:  top center no-repeat;
    background-size: 100% 100%;
    padding-top: 1.1rem
}

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

.top-box {
    width: 7.5rem;
    position: fixed;
    left: 50%;
    margin-left: -3.75rem;
    z-index: 99;
    bottom: 0
}

.top-box img {
    width: 100%;
    margin-bottom: -1px
}

.top-box button {
    width: 3.1rem;
    height: .78rem;
    background: center no-repeat;
    background-size: 3.1rem .78rem;
    position: absolute;
    right: .2rem;
    top: 45%;
    margin-top: -.32rem;
    -webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
    text-align: center;
    line-height: .7rem;
    color: #fff;
    font-size: .28rem;
    padding-bottom: .1rem
}

.top-box button em {
    width: .17rem;
    color: #fff000;
    display: inline-block;
    position: relative
}

.top-box.tops {
    bottom: initial;
    top: 0
}

.banner {
    width: 100%
}

.banner ul {
    width: 100%
}

.banner ul li {
    width: 100%
}

.banner ul li img {
    width: 100%
}

.banner .swiper-pagination {
    bottom: .12rem !important
}

.banner .swiper-pagination .swiper-pagination-bullet {
    width: .12rem;
    margin: 0 .06rem;
    height: .12rem;
    opacity: 1;
    background-color: #fff;
    border: .02rem solid #fff
}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #a250d7;
    opacity: 1
}

.notice {
    width: 100%;
    height: .6rem;
    background-image: url(../img/lbbgc.png);
    background-size: 100%;
}

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

.notice .ico img {
    width: .42rem
}

.notice .text {
    width: calc(100% - .84rem);
    line-height: .6rem;
    font-size: .26rem;
    color: #fff
}

.lines {
    width: 100%;
    overflow: hidden;
    padding: 0 0.28rem;
    padding-top: 0.2rem;
}

.lines .conts {
    width: 100%
}

.lines .conts .item {
    width: 100%;
    margin: .12rem 0;
    float: left
}

.lines .conts .item a {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.lines .conts .item .button {
    width: 1.86rem;
    height: .6rem;
    position: relative;
    top: 0;
    margin: .04rem 0
}

.lines .conts .item .button button {
    width: 1.86rem;
    height: 100%;
    border: none;
    background:  center no-repeat;
    background-size: 1.86rem .6rem
}

.lines .conts .item .webs {
    width: calc(100% - 2rem);
    height: .68rem;
    display: flex;
    justify-content: space-between;
    height: 68p;
    background:  center repeat-x;
    background-size:100%;
    border-radius: .34rem;
    box-shadow: 0 .04rem .1rem rgba(223, 194, 174, .51)
}

.lines .conts .item .webs .ms {
    width: 1.18rem;
    height: .52rem;
    border-radius: .26rem;
    background-image: linear-gradient(45deg, #8b66fd, #849af9);
    text-align: center;
    line-height: .52rem;
    color: #fff;
    margin: .08rem
}

.lines .conts .item .webs .www {
    width: calc(100% - 1.34rem);
    height: .68rem;
    text-align: center;
    line-height: .68rem;
    font-size: .28rem;
    color: #8e26de;
    font-weight: 700;
    border-left: none
}

.service {
    width: 100%;
    text-align: center;
    padding-top: .46rem;
    padding-bottom: .16rem;
    float: left
}

.service a {
    display: inline-block;
    width: 5.48rem;
    height: 1rem;
    background:  center no-repeat;
    background-size: 5.48rem 1rem
}

.addrs {
    width: 100%;
    text-align: center;
    line-height: .5rem;
    font-size: .26rem;
    float: left;
    color: #888;
    margin-top: .1rem;
    margin-bottom: .2rem
}

.addrs span {
    color: #000
}

.addrs span em {
    color: red;
    display: inline-block;
    width: .26rem;
    text-align: center;
    position: relative;
    left: -.02rem
}
.swiper-wrapper{
    height: auto !important;
}
@keyframes changeBiger {
	0% {
transform: scale(1);
}
100% {
transform: scale(1.1, 1.1);
}