body{ font-family:"微软雅黑"; min-height: 100%; font-size:14px; padding-top: 1.87rem; overflow-x: hidden; color: #353535; background: url(../images/bj.png) center top no-repeat; background-size: 100% auto; position: relative; margin:0 auto;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color: #272d5a;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover{outline: none !important;}
ul,ol{ margin:0; padding:0; }
img{ max-width:100%;}

input,button {outline:none;}
@media screen and (min-width: 750px){
html{ width: 750px; margin:0 auto; }
.center {
margin-left: 0!important;
left: 0!important;
overflow:hidden;
}
.mySwiper img{ display: block; margin:0 auto; }

}
.fix-service {
    position: fixed;
    right: 50%;
    margin-right: -3.75rem;
    top: 20%;
    margin-top: -0.96rem;
    z-index: 888;
}
.fix-service img{ width: 1.24rem; }
.fix-service a{ display: block; width: 1.24rem; }
.fix-down {
    width: 7.5rem;
    position: fixed;
    left: 50%;
    margin-left: -3.75rem;
    z-index: 99;
    bottom: 0;
}
.xiazai{ margin:0.3rem auto 0 auto; text-align: center; }
.xiazai a {
    width: 3.32rem;
    height: 0.88rem;
    background: url(../images/az.png) center no-repeat;
    background-size: 100% 100%;
	display: inline-block;
    z-index: 20;
    -webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
}
.xiazai a.ios-a{     background: url(../images/pg.png) center no-repeat;
    background-size: 100% 100%; }
.qq a{ display: block; width: 7.06rem; position: relative; margin:0.3rem auto 0 auto; }
.qq a span{    -webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite; display: block; position: absolute; right: 0.5rem; top: 50%; width: 1.2rem; height: 1.2rem; background: url(../images/add.png) center no-repeat; background-size: 100% auto; margin-top: -0.7rem; }
.title{ margin-top: 0.2rem; margin-bottom: 0.2rem; }
.tow-box{ margin:0 0.65rem; overflow:hidden; height: 5.41rem; position: relative; }
.Swiper-tow{ position: absolute; left: 50%;transform: translate(-50%,0); width: 3.52rem; overflow:visible; }
.Swiper-tow .swiper-slide{ transition: 0.6s all;width: 3.52rem!important; }
.Swiper-tow .swiper-slide-prev{ transform: translate(2.8rem,0); }
.Swiper-tow .swiper-slide-next{ transform: translate(-2.8rem,0); position: relative; z-index: 6; }
.Swiper-tow .aaa{ transform: translate(5.7rem,0); }
.Swiper-tow .bbb{ transform: translate(-5.7rem,0); }
.swiper-slide-active{ position: relative; z-index: 10; }
.mySwiper{ overflow:hidden; }
.title img{ width: 4.92rem; }
.aSwiper img{ width: 6.48rem; margin:0 auto; display: block; }


        #demo{
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
		margin:0.3rem 0;
        }
        #indemo {
            width: 800%;
        }
        #indemo,#demo1,#demo2 {
            float: left;
        }
        #demo1,#demo2{ min-width: 12rem; font-size: 14px; text-align: right; }
        @media( max-width: 767px){
          #demo1,#demo2{ min-width: 300px; font-size: 14px; text-align: right; }
        }
		#indemo img{ margin:0 0.05rem; width: 1.26rem; }

.footer{ background: #ededee; padding:0.1rem 0 1.68rem 0; }




@-webkit-keyframes myfirst {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes myfirst {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes hob_shake {
  15%,
  45% {
    transform: rotate(3deg);
    transform-origin: 50% 100%;
  }
  30% {
    transform: rotate(-3deg);
    transform-origin: 50% 100%;
  }
  100%,
  60% {
    transform: rotate(0);
    transform-origin: 50% 100%;
  }
}
@keyframes hob_shake {
  15%,
  45% {
    transform: rotate(3deg);
    transform-origin: 50% 100%;
  }
  30% {
    transform: rotate(-3deg);
    transform-origin: 50% 100%;
  }
  100%,
  60% {
    transform: rotate(0);
    transform-origin: 50% 100%;
  }
}