/* CSS Document */
html{font-size:62.5%;}
body, ul, ol, dl, li, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button,table, th, td {padding: 0;margin: 0;}
body{font-family:"Microsoft YaHei";font-size:12px;}
ol,ul,li{list-style:none}
ol,ul{list-style:none}
fieldset{border:0}
img {
    border: 0 none;
    height: auto;
    max-width:100%;
/*    width:100%;*/
	vertical-align: top;
}
i,em{ font-style:normal}
a{ text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
input,select,button,label{vertical-align:middle;font-size:12px}
input::-moz-focus-inner{ border:0; padding:0; margin:0;}
.hoverlight {
    animation: 5s linear 2s normal none infinite running light_move;
    background-image: -webkit-linear-gradient(0deg, rgba(0, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: skewX(-15deg);
    width: 20%;
}
@keyframes light_move {
0% {
    left: -180px;
}
30% {
    left: 100%;
}
75% {
    left: 50px;
}
100% {
    left: 120px;
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
#wapSeptember span {
    left: 28%;
    position: absolute;
    bottom: 6%;
    width: 43%; animation: 1.5s ease 0s normal none infinite running pulse;
}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*zoom:1;}
.left{float:left}
.right{float:right}

.relative{position: relative;}
.absolute{position: absolute;}
h1,h2,h3,h4,h5{font-weight: 200}
.div-main,#m_div{
    margin: 0 auto;
    max-width: 720px; min-width:320px; overflow:hidden;
	width: 100%;line-height: 270%;}
.index{background: #eaeaea}
.div-main p{line-height: normal;}
#m_div{background: #fff}
 
header .logo{width:100%;margin: 0 auto;}
/*header section .left{
	width: 6%;
    position: absolute;
    left: 3%;
    top: 30%;
}*/
header section .search{width: 78%;
	border-radius:1rem;background: #fff;
	padding: 2.5% 0;margin-left: 3.5%;float: left
}
<!--header section .right{
	    width: 7.5%;
    position: absolute;
    right: 2%;
    top: 20%;
}-->
.null{width: 100%;padding-bottom:18%}
.null_s{ width:100%; padding-top:20%;}
.search input[type="submit"]{background: url(../images/sou.jpg) no-repeat;
	width: 5%;display: inline-block;border: none;padding: 4% 4% 0;background-size: 85%;margin-left: 3%
}
.search input[type="text"]{width: 60%;font-size: 4.4rem;color: #9e9e9e;border: none;}
.banner{position: relative;overflow: hidden;}
.banner ul{display: flex;display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.banner ul li{ width:100%; position:relative; -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;}
.banner .pagination{width:100%;overflow: hidden;position: absolute;text-align:center;bottom: 2%}
.banner .pagination span{width:2.4rem;background:#e2e2e2;
    display:inline-block;margin-left:1.5%;border-radius:100%;height: 2.4rem;border:1px solid #fff;
}
.banner .pagination .swiper-pagination-bullet-active{background: #761f72;border:1px solid #ccc;}

/* august J */
#augustBanner a { position:absolute; bottom:7%; left:50%; margin-left:-8%; width:18.5%; }
#augustBanner a img{ animation: 3s linear 0s normal none infinite running circle;}
#augustBanner a h3{ position:absolute; top:32%; left:0; text-align:center; color:#005a61; font-size:4.2rem; line-height:110%; width:100%;}
#discount{ max-width: 720px;
	min-width: 320px;
	padding-bottom: 0;
	position: fixed; bottom: 16%;width: 100%;z-index: 102;left:-100% }
#discount section{
	width: 95%;margin: 0 auto 0
	
}
#discount section .discount_close{width: 6%;position: absolute;right: 2%;top:0;cursor: pointer;padding-bottom: 3%}


#discount section p{font-size: 4.8rem;color: #fff;width: 45%;position: absolute;top:28%;left: 27%; line-height:140%}
#discount section a{display: block;width: 25%;text-align: center;position: absolute;right: 8%;top:0;font-size: 6rem;color: #fff;text-align: center; padding:6.5% 0; line-height:140%}
@keyframes circle {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-360deg);
}
}
/* qixi J */
#qixiBanner a{ position:absolute; bottom:19%; right:13.19%; width:17.36%; animation: 1.5s ease 0s normal none infinite running pulse; }
@keyframes pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}

footer{margin-top: 5%;background: #fff;overflow: hidden;padding-bottom: 20%;width: 100%}
footer .footer-tel{background: #ff8010;border-radius: 3rem;width: 76%;margin:  4% auto 0;
 padding: 3% 0;font-size: 6rem;color: #fff;position: relative;padding-left: 18%;display: block;line-height: 270%;}
footer .footer-tel img{width: 5.5%;position: absolute;top:20%;left: 10%}
footer section{width: 100%;margin: 3% auto 0;position: relative;}
footer section img{width: 94%;margin: 0 auto}
footer section article{position: absolute;top:0;left: 0;width: 100%}
footer section article ul{overflow: hidden;}
footer section article ul li{font-size: 4rem;
	width: 20%;margin-left: 4%;text-align: center;font-size: 4rem;float: left;
}
footer section article ul li a{color: #333333; line-height:150%;}
footer section article p{font-size: 3.2rem;color: #727272;margin: 3% 0 0 41%}

.flex-nav {
   bottom: 0;
    display: flex;
    max-width: 720px;
    min-width: 320px;
    position: fixed;
     width: 100%;
    z-index: 102;
    padding-bottom: 0
}
.flex-nav ul{width: 100%}
.flex-nav ul li{float: left;width: 42%;background: #9069c3;padding: 5% 0}
.flex-nav ul li:last-child{width:16%;background: #6f1a6e;padding: .1% 0}
.flex-nav ul li:nth-child(2){background: #ff8010}
.flex-nav ul li a{font-size: 4.4rem;color: #fff;display: block;position: relative;padding-left:45%;}
.flex-nav ul li a img{position: absolute;}
.flex-nav ul li:first-child a img{width: 14.2%;top:2%;left: 28%}
.flex-nav ul li:nth-child(2) a img{width: 14%;top:1%;left: 28%}
.flex-nav ul li:last-child a{font-size: 2.8rem;padding-top: 26%;padding-left: 0;
    text-align: center;padding-top: 44.5%;padding-bottom: 17%
}
.flex-nav ul li:last-child a img{width: 30.5%;top:19%;left: 36%}
/* 锟斤拷锟斤拷通锟斤拷钮锟斤拷态锟斤拷式 */
  #swt .swtbtn{position:absolute; display: block; left:45px; top:152px; width: 55.5px;height: 55.5px;border-radius: 50%;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear; z-index:4;}
  #swt .swtbtn img{display: block;width: 55.5px;height: 55.5px;border-radius: 50%;position: absolute;left: -10px;top: -10px;z-index: 200;}
  #swt .swtbtn .s1,#swt .swtbtn .s2,#swt .swtbtn .s3{display: block;width: 55px;height: 55px;border-radius: 50%;background-color:#eb9bb3;position: absolute;left: 50%;margin-left: -37.5px;top: 50%;margin-top: -37.5px;z-index: 10;}
  #swt .swtbtn .s1{
    -webkit-animation:kuosan 3s linear infinite;
    -moz-animation:kuosan 3s linear infinite;
    animation:kuosan 3s linear infinite;
  }
  #swt .swtbtn .s2{
    -webkit-animation:kuosan 3s linear 0.8s infinite;
    -moz-animation:kuosan 3s linear 0.8s infinite;
    animation:kuosan 3s linear 0.8s infinite;
  }
  #swt .swtbtn .s3{
    -webkit-animation:kuosan 3s linear 1.6s infinite;
    -moz-animation:kuosan 3s linear 1.6s infinite;
    animation:kuosan 3s linear 1.6s infinite;
  }
  @-webkit-keyframes kuosan {
    from {
      opacity:1;
      -webkit-transform:scale(0) translate3d(0,0,0)
    }
    to {
      opacity:0;
      -webkit-transform:scale(1.5) translate3d(0,0,0)
    }
  }
  @-moz-keyframes kuosan {
    from {
      opacity:1;
      -moz-transform:scale(0) translate3d(0,0,0)
    }
    to {
      opacity:0;
      -moz-transform:scale(1.5) translate3d(0,0,0)
    }
  }
  @-o-keyframes kuosan {
    from {
      opacity:1;
      -o-transform:scale(0) translate3d(0,0,0)
    }
    to {
      opacity:0;
      -o-transform:scale(1.5) translate3d(0,0,0)
    }
  }
  @keyframes kuosan {
    from {
      opacity:1;
      transform:scale(0) translate3d(0,0,0)
    }
    to {
      opacity:0;
      transform:scale(1.5) translate3d(0,0,0)
    }
  }
  .top_tips {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(10, 2, 4, 0.75);
    color: #000;
    height: 50px;
    line-height: 50px; 
    padding: 1% 0;
    max-width: 720px;
    position: fixed;
    top: -90px;
    width: 100%;
    z-index: 999;
	overflow:hidden;
}
.top_tips img {
    border-radius: 5px;
    float: left;
}
.top_tips ul {
    float: left;
	margin-left:1%;
	width:84%;
	overflow:hidden;
}
.top_tips ul li {
    font-size: 14px !important;
    height: 24px;
    line-height: 24px;
}
 
footer .advance{
  margin:5% 0;
}
footer .advance img{
  display: block;
  width:100%;
}





/*尾锟斤拷start*/
.zttcfoot {
     bottom: 0;
    max-width: 720px;
    min-width: 320px;
    position: fixed;
     width: 100%;
    z-index: 102;
    padding-bottom: 0;
	font-family:"Microsoft YaHei";
}


.zttcfoot ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;position: absolute;top:0;left: 0
}
.zttcfoot li {
    list-style: none;
    float: left;
    width: 25%;
    text-align: center;
  height:100px;
  padding-top:1%;
  box-sizing:border-box;
}
.zttcfoot li.zft1{width:19%;}
.zttcfoot li.zft2{width:19%;}



 .zttcfoot li.zft3{width:19%;}
 .zttcfoot li.zft4{width:19%;}
 .zttcfoot li.zft5{width:24%; float:left;position:relative;}

.zttcfoot li.zft5 img {
    display: block;
    height: auto;
    width: 73%;
}

.ftfqboxbg{width:100%position:absolute;left:0;top:26px;height:80px;}


.ftfqbox {
    left: 12%;
    position: absolute;
    top: -26%;
    width: 100%;
}
@media(min-width:640px){
  .ftfqbox {
    left: 15%;
    position: absolute;
    top: -59%;
    width: 100%;
  }
}

.ftfqbox img{width:100px; height:100px;display:block;position:absolute;left:0;top:-2px;}

 .zttcfoot li a {
    text-decoration: underline;
}
.zttcfoot li img {
    width: 40%;
    display:block;margin: 0 auto
}
.zttcfoot li span {
    padding-top: 2%;
    color: #fff;
    display: block;
    text-align: center;
    font-family: 微锟斤拷锟脚猴拷;
    font-size: 4.8rem;line-height: 140%
}
.zttcfoot li a {
    text-decoration: none;
}
.zttcfoot li.zxli a {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.zttcfoot li.zxli em {
    color: #fff;
    top: 3%;
    position: absolute;
    font-style: normal;
    left: 59%;
    font-size: 12px;
    font-weight: bold;
    display: inline-block; width: 16px; height:16px; border-radius: 10px; background: #ff0000;line-height: 16px;text-align:center;
}
/* 锟斤拷锟节憋拷识 */
.fq-top{
  width:13.2%;
  position: absolute;
  top:100%;
  right:0;
  z-index:10;
}
-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-4px);
transform:translateY(-4px)
}
60% {
-webkit-transform:translateY(-2px);
transform:translateY(-2px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-4px);
-ms-transform:translateY(-4px);
transform:translateY(-4px)
}
60% {
-webkit-transform:translateY(-2px);
-ms-transform:translateY(-2px);
transform:translateY(-2px)
}
}
.bounce {
  -webkit-animation: bounce 1.5s infinite;
  animation: bounce 1.5s infinite
}
/*锟斤拷嵌锟斤拷锟斤拷通css*/
.kst-div{ width:100%; max-width: 720px; margin:3% auto 5%; }
.kst-div h2{ background: #434246; color:#fff; font-size:5.4rem; text-align: center; font-weight: normal; line-height: normal; margin:0; position: relative;}
.kst-div h2 span{ display: block; position:absolute; top:0; left:0; width:100%; color:#fff;}
.kst-div .wechat-content{ width:100%; background: #e5e5e5; padding-bottom: 3%; }
.kst-div .wechat-content p{ position: relative; margin-bottom: 2%; }
.kst-div .wechat-content p span{ position: absolute; left:15.27%; bottom:12%; color:#2c2c2c; font-size: 4.8rem; line-height: normal;  }
.kst-div .wechat-content .wechat-question{ width:94.44%; margin:15% auto 0; }
.kst-div .wechat-content .wechat-question a{ width:23.088%; margin:0 0 0 1.5%; border-radius: 8px; border:1px solid #000; color:#000; font-size: 4.8rem; display: block; float:left; background: #fff; text-align: center; padding:1.5% 0;}
.kst-div .wechat-content .wechat-question a:first-child{ margin-left:0;}
.kst-div .KSTChatBox{ position: relative; }
.kst-div .KSTChatBox .textarea{ 
	width: 39%;
    height: 52%;
    position: absolute;
    left: 22%;
    bottom: 17%;
    border: 0;
    font-size: 4.8rem;
    resize: none;
    font-family: Microsoft YaHei;
}
.kst-div .KSTChatBox .KSTsendTxtBtn{ 
	width: 15%;
    position: absolute;
    right: 22%;
    bottom: 13%;
    color: #fff;
    font-size: 5.6rem;
    display: block;
    line-height: 260%;
    text-align: center;
 }
.kst-div .KSTChatBox .call{
	display: block;
    width: 20%;
    position: absolute;
    right: 1%;
    bottom: 13%;
    font-size: 5.6rem;
    line-height: 260%;
    text-align: center;
    color: #fff;
}
.activity{font-family: "Microsoft YaHei"; background:#83589d; margin-top:0.4rem; margin-bottom:0.4rem;}
.activity .left {
    background:url(../images/hb.jpg) no-repeat scroll 0 0 / 100% auto;
    color: #1d1d1d;
    font-size: 7.2rem;
    padding:3% 0 6%;
    text-align: center;
    width: 8%;line-height: 99%
}
.activity .act_theme{float: left;width: 100%;overflow: hidden;padding:2% 0}

.activity .act_theme ul li {
    float: left;
    position: relative;
    width: 29.6%;
}
.activity .act_theme ul li section{position: absolute;top:0;left: 0;width: 100%;text-align: center;}
.activity .act_theme ul li section h3{font-size: 4.8rem;color: #373738;padding-top: 10%;font-weight:normal;line-height: 140%}
.activity .act_theme ul li section h4{font-size: 4.8rem;color: #b44bc0;padding-top:12%;line-height: 120%}
.activity .act_theme ul li section h4 span{font-size: 12rem;font-weight: bold;}
.activity .act_theme ul li section h5{font-size: 4.8rem;color: #b3b3b4;border:1px solid #b3b3b4;border-radius: 1em;
 width: 77%;margin: 2% auto;line-height: 109%;font-weight:normal;padding:1% 0
}
.activity .act_theme ul li section aside{font-size: 6rem;color: #373738;padding-top: 1%}
.activity .act_theme ul li section b{font-size: 8.4rem;color: #b44bc0;line-height: 100%}
.activity .act_theme ul li section .last{padding-top: 21%}
.activity .act_theme ul li section p {
    border: 1px solid #ccc;
    border-radius: 0.5em;
    color: #b44bc0;
    font-size: 6.8rem;
    line-height: 100%;
    margin: 0 auto;
    padding: 1% 0;
    width: 76%;
}
.activity .act_theme ul li .hand {
    bottom: 6%;
    position: absolute;
    right: 13%;
    width: 13%;animation: dong 1s infinite linear;
}
@keyframes dong
{
  0%{transform: translateY(3px);}
  25%{transform: translateY(0px);}
  50%{transform: translateY(-3px);}
  75%{transform: translateY(0px);}
  100%{transform: translateY(3px);}
}
/* 锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷通锟皆伙拷锟斤拷 */

.kst-dialog{
  overflow: hidden;
  position: relative;
}
.kst-dialog .show-dialog{
  position: absolute;
  width:100%;
  display: none;
}
.kst-dialog .dialog{
  position: relative;
  font-size:4.8rem;
  line-height:150%;
  color:#2c2c2c;
}
.kst-dialog .pp1{
  position: absolute;
  font-size: 6rem;
  line-height:100%;
  color: #ffffff;
  left:3%;
  top:5%;
}
#showOne{
  left:0;
  top:20%;
}
#showTwo{
  left:0;
  top:42%;
}
.kst-dialog  .dialog span{
  position: absolute;
  width: 72%;
  left: 18%;
  top: 8%;
}
.kst-dialog h3{
  text-align: center;
  font-size: 4rem;
  color: #09080a;
  font-weight:normal;
  line-height:150%;
  margin-bottom:1%;
}
.wechat-question{
  position: absolute;
  width: 95%;
  bottom:17%;
  left:3%;
}
.kst-dialog .wechat-question a:first-child {
  margin-left: 0;
}
.kst-dialog  .wechat-question a {
  width: 23.088%;
  margin: 0 0 0 1.5%;
  border-radius: 8px;
  border: 1px solid #000;
  color: #000;
  font-size: 4.8rem;
  display: block;
  float: left;
  background: #fff;
  text-align: center;
  padding: 1.5% 0;
}
.kst-dialog .KSTChatBox {
  position: absolute;
  width:100%;
  left:0;
  bottom:0;
  background: #f1f1f1;
  overflow: hidden;
  padding:1.5% 0;
}
.kst-dialog  .call {
  display: block;
  width: 26%;
  position: absolute;
  right: 0;
  top: 0;
  padding:3.5% 0;
}
.kst-dialog  .call img{
	display:inline-block;
	vertical-align:middle;
	width:24%;
	webkit-animation: tada 1.5s linear normal both infinite;
	animation: tada 1.5s linear normal both infinite;
}
.kst-dialog  .call span{
	font-size: 6rem;
    line-height: 100%;
    color: #fff;
	display:inline-block;
	vertical-align:middle;
}
.kst-dialog .KSTChatBox input{
  float: left;
  resize: none;
  width:75%;
  color: #000;
  font-size: 4.8rem;
  line-height:150%;
  padding:2% 0 2% 2%;
  background: #ffffff;
  border:1px solid #858585;
  border-radius: 4px;
  margin-left:2%;
}
.kst-dialog .KSTChatBox a{
  float: left;
  width:15%;
  text-align: center;
  background: #d049a6;
  color: #ffffff;
  font-size: 5.6rem;
  line-height:260%;
  border-radius: 4px;
  margin-left:2%;
}

@keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}

/* special top */
.specailTop_box{ width:100%; overflow:hidden; z-index:99; max-width: 720px;min-width: 320px;}
#specailTop1{ background:#E4E4E4;width: 100%; }
#TopSepecial1{width: 100%;margin:0 auto; }
#TopSepecial1 img{display:block;}
#TopSepecial1 .Toptheme1{ overflow: hidden; width:100%; position: relative;}
#TopSepecial1 .Toptheme1 ul{ width:90%; margin:0 auto; display:inline-flex; }
#TopSepecial1 .Toptheme1 li{ font-size:1.2rem; line-height:3.2rem; float:left; border-right: 1px solid #c4c4c4}
#TopSepecial1 .Toptheme1 a{ display:block;  color:#000000; text-align: center; width:100%; margin:0 auto; height:100%;}
#TopSepecial1 .Toptheme1 a.active{ color:#8d199c; background:#fff; }
#TopSepecial1 .TopSprev1 {background: none;left:1%;position: absolute;top: 32%;width: 2%;z-index: 190}
#TopSepecial1 .TopSnext1{background: none;right:1%;position: absolute;top: 32%;width: 2%;z-index: 190;}

#specailTop2{width: 100%; }
#TopSepecial2{width: 100%;
    margin: 0 auto;
    height: 4rem;
    background: #26093F;
    padding-top: 0.6rem;}
#TopSepecial2 img{display:block;width:100%;}
#TopSepecial2 .Toptheme2{ overflow: hidden; width:100%; position: relative;}
#TopSepecial2 .Toptheme2 ul{ width:90%; margin:0 auto; display:inline-flex; }
#TopSepecial2 .Toptheme2 li{ font-size:1.2rem; line-height:2rem; float:left; padding-right:0.2rem; padding-left:0.2rem;}
#TopSepecial2 .Toptheme2 li a{ display:block; text-align: center; width:100%; height:100%;border-radius:4rem; color:#FFFFFF; border:2px solid #26093F; padding-left:0.2rem; padding-right:0.2rem;}
#TopSepecial2 .Toptheme2 li.swiper-slide-active a{ color:#B537E1;  border:2px solid #A019CE;}
#TopSepecial2 .TopSprev2 {background: none;left: 2%;position: absolute;top: 32%;width: 2%;z-index: 190}
#TopSepecial2 .TopSnext2{background: none;right: 2%;position: absolute;top: 32%;width: 2%;z-index: 190;}

/* new */
body{ background: #262433; }
.div-main{ padding-bottom:5%;background: #fff}
.pop_title{ background: url(../images/pop_title.jpg) no-repeat scroll left top / 100% 100%; }
.pop_title span{ color:#fff; }
.popMenus{ background: #fff; }
.menuNavs{ background:#574d82;  }
.menuNavs ul li.on{ color:#222; background: #fff; }
.menuList .links a{ color:#222; }
.menuNavs ul li.on a{ color:#222; }
.menuList h4{ color:#222; }

header{ overflow: hidden; max-width: 720px; min-width: 320px; width: 100%; z-index: 102; padding:0; position:relative;}
header .logo-bg{ width:100%; }
header section{width:100%;margin: 0 auto; position: absolute; top:0; left:0;}
/*header .logo{width:36.33%; margin:0% 0 0 24%; float: left;}*/
header .logo{width:60%; margin:3.5% 0 0 10%; float: left;}
header section .left{width:8%; margin-top:7%; margin-left:2%;position:unset;}
/*header section .right2{width:7%;  margin:6% 0 0 2%; float:right;webkit-animation: tada 1.5s linear normal both infinite;-o-animation: tada 1.5s linear normal both infinite;animation: tada 1.5s linear normal both infinite;}*/
header section .right2{width:7%;  margin:6% 3% 0 2%; float:right;webkit-animation: tada 1.5s linear normal both infinite;-o-animation: tada 1.5s linear normal both infinite;animation: tada 1.5s linear normal both infinite;}

header section .right3{width:7%;  margin:6% 2% 0 2%; float:right;}













#index-bottom{ max-width: 720px; min-width: 320px; width: 100%; z-index: 199; padding:0; background: url(../images/bottom_bg.png) repeat-x scroll left top / 100% 100%; bottom: 0; left: 0; margin: 0 auto; position: fixed; right: 0; overflow: hidden;}
#index-bottom div{ width:97.22%; margin:0 auto; }
#index-bottom a{ display: block; float: left; width:17.85%; }
#index-bottom a span{ text-align: center; color: #fff; font-size: 4.8rem; display: block; margin-top: 2%;}
#index-bottom a:nth-child(1){ margin: 0;}
#index-bottom a:nth-child(1) img,#index-bottom a:nth-child(4) img,#index-bottom a:nth-child(5) img,#index-bottom a:nth-child(2) img{ padding-top:55%;}
#index-bottom a:nth-child(2){ margin:0 2% 0 1.428%; }
#index-bottom a:nth-child(4){ margin:0 2.57% 0 1%; }
#index-bottom a:nth-child(3){ width:21.428%; }
#index-bottom .bottom-03{ position:relative; }
#index-bottom .bottom-03 em{ background: red none repeat scroll 0 0; border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; font-style: normal; font-weight: 700; height: 16px; left: 59%; line-height: 16px; position: absolute; text-align: center; top:42%; width: 16px; animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite}
#index-bottom a:nth-child(3) i{ position:absolute; top:15%; left:29%; width:43%; animation: 1s ease 0s normal none infinite running pulse;}
#index-bottom a:nth-child(5) img{   position: relative; -webkit-animation: tada2 1.5s linear normal both infinite;  -o-animation: tada2 1.5s linear normal both infinite;  animation: tada2 1.5s linear normal both infinite;}
@keyframes pulse {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    100% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}

@-moz-keyframes tada2{
    0%{-webkit-transform:rotate(0);}
    10%,20%{-moz-transform:rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:rotate(3deg);}
    40%,60%,80%{-moz-transform:rotate(-3deg);}
    100%{-moz-transform: rotate(0);}
}
@-webkit-keyframes tada2{
    0%{-webkit-transform:rotate(0);}
    10%,20%{-webkit-transform:rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:rotate(3deg);}
    40%,60%,80%{-webkit-transform: rotate(-3deg);}
    100%{-webkit-transform:rotate(0);}
}

.banner{position: relative;overflow: hidden;}
.banner ul{display: flex;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.banner ul li{ width:100%; position:relative; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;}
.banner .pagination-index{width:100%; overflow: hidden; text-align: center; z-index: 100; bottom:0; position: absolute; }
.banner .pagination-index .swiper-pagination-bullet{ background: #fff; opacity:1;}
.banner .pagination-index .swiper-pagination-bullet-active{ background: #7c57e7}
@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function:cubic-bezier(.5,.1,.5,1);
        transform:translateZ(0)
    }
    40%,43% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,-10px,0)
    }
    70% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,0px,0)
    }
    90% {
        transform:translate3d(0,-4px,0)
    }
}
.free_tel{ width:100%; padding-left:0.4rem; padding-right:0.4rem; margin-bottom:0.4rem; text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.free_tel .tel_db {
display: inline;
float: left;
padding:0.4rem;
position: relative;
width: 64%; background: #f1f1f1 none repeat scroll 0 0;
border:0.1rem solid #7d7d7d;
border-radius: 1em;
}

.free_tel .tel_db .sup {
background: #f1f1f1 none repeat scroll 0 0;
border: 0 none;
display: inline;
float: left;
font-size:1.2rem;
outline: medium none;
padding-left: 2%;
width: 67%;padding: 1.5% 0;color: #666;line-height: 180%
}
.free_tel .tel_db .subswt {
background: #8957a1 none repeat scroll 0 0;
border-radius: .4em;
color: #fff;
display: inline;
float: right;
font-size:1.2rem;
text-align: center;
vertical-align: middle;
width: 30%;padding: 2.5% 0;border: 0 none;-webkit-appearance: none;
}
.free_tel a{
background: #b63353 none repeat scroll 0 0;
border-radius:0.8rem;
color: #fff;
display: block;
font-size:1.2rem;
padding: 1%;
text-align: center;
vertical-align: middle;
width: 28%; line-height:240%; float:right;animation: jump 2.5s linear normal both infinite;
}
.contentBanner img{ display:block; margin:0 auto;}
.banner img{ display:block; margin:0 auto;}

/* common.js */
.swtLeft{
	display:block;
	width:17.638%;
	top:70%;
	left:0;
	z-index:200;
	position:fixed;
	max-width:150px;
  animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
}

.s-ripple{
    cursor: pointer;
    position: fixed;
    width: 17%;
	max-width:331px;
    z-index: 1000;
    top: 30%;
	right: 2%;
}
#center{
     background: #fff none repeat scroll 0 0;
    border: 2px solid #0b7bd2;
    border-radius: 4px;
    box-shadow: 3px 0 8px #ccc;
    height: 128px;
    left: 7%;
    top: 35%;
    width: 85%;
 position: fixed;
    z-index: 2147483647;display: none;
}

#center .left-sup{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 25px;
    left: 2%;
    padding: 0 5px;
    top: 19px;
    width: 69%;
    z-index: 2;
    font-size: 12px;
    outline: medium none;
    position: absolute;
}
#center .subswt{
    background: #2590e2 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    left: 77%;
    line-height: 24px;
    right: 4%;
    text-align: center;
    top: 21px; outline: medium none;
    position: absolute;-webkit-appearance: none;border: none;padding: 0 3%
}
#center .close{
     background:url(../images/icon.png) repeat scroll -40px 0;
    height: 30px;
    right: -15px;
    top: -15px;
    width: 30px;position: absolute;cursor: pointer;
}
#center  p{
    display: block;
    left: 2%;
    top: 50px;
    width: 96%;
    left: 2%;
    top: 50px;
    width: 96%;
    color: #2d85d5;
    font-size: 12px;
    line-height: 140%;position: absolute;padding-top: 2%
}

.s-ripple .min-tel{ 
	-webkit-animation: tada 1.5s linear normal both infinite; 
	-o-animation: tada 1.5s linear normal both infinite; 
	animation: tada 1.5s linear normal both infinite;
	position:absolute;
	width:35%;
	left:0;
	top:2%;
}
@-moz-keyframes tada{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}
@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}

 @media (max-width: 399px) and (min-width: 320px){
html {
    font-size: 65% !important;
}

}