/*------------------------------- 移动端样式-------------------------------*/
html,body{height: 100%;font-size: 12px;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
html {font-family: '微软雅黑', Helvetica, STHeiTi, Arial, sans-serif; -webkit-text-size-adjust: 100%;}
body{-webkit-overflow-scrolling: touch;}
em{font-style: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
svg:not(:root) {overflow: hidden;}
a,div{background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;}
/*a:active{background: transparent;}*/
img{border: 0;max-width: 100%;vertical-align: middle;}
/*span{vertical-align: middle;}*/
body,button, input,select, textarea,h1, h2, h3, h4, h5, p, form, blockquote,ul, ol, li, dl, dd{margin: 0;padding: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
input[type="search"] {-webkit-appearance: textfield;-webkit-box-sizing: border-box; box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type=text] {-webkit-appearance: none;}
textarea {overflow: auto; resize: vertical;}
table {border-collapse: collapse; border-spacing: 0;}
ul, ol, li, dl, dd,td, th{padding: 0;}
ul, ol {list-style: none;}
h1, h2, h3{font-weight: normal;}
i{font-style: inherit;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #515151;}
.cfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
body{width:7.5rem;margin:0 auto;background:#FFF;}
/************************/
/* Swiper Styles */
.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
  z-index:1;
}
.swiper-wrapper {
  position:relative;
  width:100%;
  -webkit-transition-property:-webkit-transform;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;

  -moz-transition-property:-moz-transform;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;

  -o-transition-property:-o-transform;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;

  -ms-transition-property:-ms-transform;
  -ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;

  transition-property:transform;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;

}
.swiper-slide {
  float:left;
  -webkit-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
/************************/
/*
* @Author: 王炸
* @Date:   2019-01-09 15:56:26
* @Last Modified by:   Marte
* @Last Modified time: 2019-04-18 10:10:49
*/
/*左浮动*/
.l_t{
    float: left;
}
/*右浮动*/
.r_t{
    float: right;
}
/*清除浮动*/
.clearfix::before,
.clearfix::after{
    content:'';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear:both;
}
/*设置该类型为伸缩盒子布局*/
.display_flex{
    width: 100%;
    height: 100%;
    display: -webkit-box;    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;       /* Firefox 17- */
    display: -o-box;
    display: -webkit-flex;   /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;      /* Firefox 18+ */
    display: -ms-flexbox;    /*ie10*/
    display: box;             /*09之前年版本（弹性盒子）*/
    display: flexbox;
    display: flex;            /*2012年后写法 Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 12版 */
    /* row（默认值）：主轴为水平方向，起点在左端。*/
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    /* 09版 */
    -webkit-box-orient: horizontal;
    box-orient:horizontal;/*伸缩项目从左到右水平排列。默认值*/
}
.display_flex > *{
    display: block;
}
/*换行，第一行在上方*/
.flex_wrap_wrap{
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     -o-flex-wrap: wrap;
     flex-wrap: wrap;
}
/*两端对齐，项目之间的间隔都相等*/
.justify_space_between{
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-pack:justify;/*伸缩项目平均分布，也就是两边排列的意思。-webkit-支持，-moz-不支持*/
    -moz-box-pack:justify;
    -ms-box-pack:justify;
    -o-box-pack:justify;
    box-pack:justify;
}
/*居中对齐*/
.justify_center{
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -webkit-box-pack:center; /*伸缩项目以中心点靠齐*/
    -moz-box-pack:center;
    -ms-box-pack:center;
    -o-box-pack:center;
    box-pack:center;
}
/*换行，第一行在上方*/
.flex_wrap_wrap{
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     -o-flex-wrap: wrap;
     flex-wrap: wrap;
}
/*版心公用*/
body{
    width:7.4rem;
    margin:0 auto;
    background:#FFF;
}

#header{
  overflow:hidden;
  background: #fff;
}
#header>.header_top_wrap{
  padding:.4rem  .25rem .45rem .25rem;
}
#header>.header_top_wrap>.header_logo{
  width: 5.22rem;
  height: .78rem;
}
#header>.header_top_wrap>.header_slogan{
  width: 3.06rem;
  height: .78rem;
  /*margin-top: .16rem;*/
}
#header>.header_top_wrap>.header_phone{
  width: .29rem;
  height: .4rem;
  margin-top: .28rem;
}
#sj_zj_navLink{}
#sj_zj_navLink>li{
  width: 25%;
  height: .79rem;
  background-color:#444444;
  padding:.24rem 0;

}
#sj_zj_navLink>li>a{
  display: block;
  font-size: .26rem;
  line-height:.3rem;
  color:#fff;
  text-align: center;
  /*border-right: .02rem solid #fff;*/
}
#sj_zj_navLink>li:last-child>a{
  border-right:0;
}
/*footer 模块*/
#footer{
  background-color:#666666;
  background:url("../images/footer.png") no-repeat center;
  /*margin-top: 2rem;*/
  padding:0.2rem;
  padding-bottom:1.1rem;
}
#footer>.footer_wrap{}
#footer>.footer_wrap>.footer_wrap_link{
  /*padding-top: .8rem;*/
}
#footer>.footer_wrap>.footer_wrap_link>ul{
  border-top: .01rem solid #999;
  border-bottom: .01rem solid #999;
}
#footer>.footer_wrap>.footer_wrap_link>ul>li{
  width: 25%;
}
#footer>.footer_wrap>.footer_wrap_link>ul>li>a{
  display: block;
  font-size:.24rem;
  line-height:.64rem;
  text-align: center;
  color:#999;
}
#footer>.footer_wrap>.footer_mark{
  padding-bottom: .2rem;
  border-bottom:1px solid #fff;
  margin-bottom: .26rem;
}
#footer>.footer_wrap>.footer_mark>.footer_logo{
  width: 3.8rem;
  /*margin-top:.62rem;*/
}
#footer>.footer_wrap>.footer_mark>.footer_weixin,
#footer>.footer_wrap>.footer_mark>.footer_tuangou{
  width: 1.2rem;
  margin-top: .4rem;
}
#footer>.footer_wrap>.footer_mark>.footer_weixin>img,
#footer>.footer_wrap>.footer_mark>.footer_tuangou>img{
  width: 1rem;
  margin: 0 auto;
  display:block;
}
#footer>.footer_wrap>.footer_mark>.footer_weixin{
  margin-left: .5rem;
}
#footer>.footer_wrap>.footer_mark span{
  font-size:.24rem;
  font-weight:bold;
  color:#fff;
  line-height:.64rem;
  text-align: center;
  display:block;
}
#footer>.footer_wrap>.footer_site{
    position:relative;
}
#footer>.footer_wrap>.footer_site>p{
  width: 100%;
  height: .32rem;
  font-size:.22rem;
  line-height:.32rem;
  color:#fff;
  padding-left: .68rem;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
#footer>.footer_wrap>.footer_site:before{
  content:"";
  width: .4rem;
  height: .4rem;
  background: url('../images/footer_site.png') no-repeat center;
  background-size: 100%;
  position:absolute;
  top: 18%;
  left: 1%;
}
#footer>.footer_wrap>.footer_information{
  color:#fff;
}
#footer>.footer_wrap>.footer_information>.footer_phone,
#footer>.footer_wrap>.footer_information>.footer_time{
  position:relative;
  padding-left:.6rem;
  margin-top:.24rem;
  margin-bottom:.2rem;
}
#footer>.footer_wrap>.footer_information>.footer_time{
  padding-left:1rem;
}
#footer>.footer_wrap>.footer_information>.footer_phone>p,
#footer>.footer_wrap>.footer_information>.footer_time>p{
  font-size:.22rem;
}
#footer>.footer_wrap>.footer_information>.footer_phone:before,
#footer>.footer_wrap>.footer_information>.footer_time:before{
  content:"";
  width: .4rem;
  height: .4rem;
  background: url('../images/footer_phone.png') no-repeat center;
  background-size: 100%;
  position:absolute;
  top: 18%;
  left: 2.4%;
}
#footer>.footer_wrap>.footer_information>.footer_time:before{
  background: url('../images/footer_time.png') no-repeat center;
  background-size: 100%;
   left: 12.4%;

}
#footer>.footer_wrap>.footer_information>.footer_phone>p>a{
  color:#fff;
}
#footer>.footer_wrap>p:nth-child(5),
#footer>.footer_wrap>p:nth-child(6){
  font-size:.16rem;
  line-height:.3rem;
  height: .3rem;
  color:#999999;
  text-align: center;
  padding-left:0;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
#footer>.footer_wrap>p:nth-child(5)>span{
  padding: 0 .33rem;
}
@media screen and (min-width:320px) and (max-width:321px) {
  #footer>.footer_wrap>p:nth-child(5),
  #footer>.footer_wrap>p:nth-child(6){
    text-align: left;
  }
}

/*底部模块*/
#bottom_fixed{
  position:fixed;
  bottom:0;
  width: 100%;
  max-width:740px;
  mix-width:320px;
  height: 1rem;
  overflow:hidden;
  z-index: 999;
}
#bottom_fixed a{
    display: inline-block;
    font-size:.32rem;
    line-height:1rem;
    font-weight:bold;
    color:#fff;
}
#bottom_fixed>.bottom_fixed_consult,
#bottom_fixed>.bottom_fixed_phone,
#bottom_fixed>.bottom_fixed_home{
  position:relative;
}
#bottom_fixed>.bottom_fixed_home{
  width: 1.56rem;
  background-color:#333333;
}
#bottom_fixed>.bottom_fixed_home>img{
  width: .53rem;
  height: .47rem;
  margin: -.15rem .06rem 0 .18rem;
}

#bottom_fixed>.bottom_fixed_consult{
  width: 2.97rem;
  background-color:#fe3f00;
}
#bottom_fixed>.bottom_fixed_consult>img,
#bottom_fixed>.bottom_fixed_phone>img{
  width: .46rem;
  height: .4rem;
  margin: -.1rem .16rem 0 .63rem;

}
#bottom_fixed>.bottom_fixed_phone{
  width: 2.97rem;
  background-color:#fdb500;
}
#bottom_fixed>.bottom_fixed_phone>img{
  width: .51rem;
  height: .39rem;
}

/*按钮点击效果*/
button{
    outline:none;
    cursor: pointer;
}
button:active{
    -webkit-transform:translateY(1px);
    -moz-transform:translateY(1px);
}
/*圆形渐变*/
.animation_shade::after{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 0 #d71e20;
    border-radius: 50%;
    animation: btnAnimate ease-out 1.5s infinite;
    -webkit-animation: btnAnimate ease-out 1.5s infinite;
    -moz-animation: btnAnimate ease-out 1.5s infinite;
    -ms-animation: btnAnimate ease-out 1.5s infinite;
    -o-animation: btnAnimate ease-out 1.5s infinite;*/
}
.animation_shade::before{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 0 #d71e20;
    border-radius: 50%;
    animation: btnAnimate ease-out 1.5s infinite;
    -webkit-animation: btnAnimate ease-out 1.5s infinite;
    -moz-animation: btnAnimate ease-out 1.5s infinite;
    -ms-animation: btnAnimate ease-out 1.5s infinite;
    -o-animation: btnAnimate ease-out 1.5s infinite;*/
}

/*闪烁*/
/*红色*/
.animation_glitter{
    overflow: visible;
    -webkit-animation-name: magentaPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/*灰色*/
.animation_glitter_grey{
    overflow: visible;
    -webkit-animation-name: magentaPulse_grey;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/*白色*/
.animation_glitter_white{
     overflow: visible;
    -webkit-animation-name: magentaPulse_white;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/*黄色*/
.animation_glitter_yellow{
     overflow: visible;
    -webkit-animation-name: magentaPulse_yellow;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/*蓝色*/
.animation_glitter_blue{
     overflow: visible;
    -webkit-animation-name: magentaPulse_blue;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/*上下晃动*/
.animation_waggleP{
     -webkit-animation: hovers 1s ease-out infinite alternate;
    -ms-animation: hovers 1s ease-out infinite alternate;
    animation: hovers 1s ease-out infinite alternate;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/*上下晃动*/
.animation_wagglePb{
     -webkit-animation: hoversb 1s ease-out infinite alternate;
    -ms-animation: hoversb 1s ease-out infinite alternate;
    animation: hoversb 1s ease-out infinite alternate;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
 /*动画*/
.animation_lt{
    display:inline-block;
    -webkit-animation: btms .5s ease-out infinite alternate;
    -moz-animation: btms .5s ease-out infinite alternate;
    -ms-animation: btms .5s ease-out infinite alternate;
    -o-animation: btms .5s ease-out infinite alternate;
    animation: btms .5s ease-out infinite alt;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.animation_rt{
    display:inline-block;
    -webkit-animation: btms_two .5s ease-out infinite alternate;
    -moz-animation: btms_two .5s ease-out infinite alternate;
    -ms-animation: btms_two .5s ease-out infinite alternate;
    -o-animation: btms_two .5s ease-out infinite alternate;
    animation: btms_two .5s ease-out infinite alt;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/*渐隐*/
@keyframes living {
            0%{
                transform: scale(0.8);
                opacity: 0;
            }
            50%{
                transform: scale(1);
                opacity: 0.8;   /*圆形放大的同时，透明度逐渐减小为0*/
            }
            100%{
                transform: scale(1);
                opacity: 0;
            }
        }
@-webkit-keyframes living {
            0%{
                transform: scale(0.8);
                opacity: 0;
            }
            50%{
                transform: scale(1);
                opacity: 0.8;   /*圆形放大的同时，透明度逐渐减小为0*/
            }
            100%{
                transform: scale(1);
                opacity: 0;
            }
        }
@-moz-keyframes living {
            0%{
                transform: scale(0.8);
                opacity: 0;
            }
            50%{
                transform: scale(1);
                opacity: 0.8;   /*圆形放大的同时，透明度逐渐减小为0*/
            }
            100%{
                transform: scale(1);
                opacity: 0;
            }
        }
@-ms-keyframes living {
            0%{
                transform: scale(0.8);
                opacity: 0;
            }
            50%{
                transform: scale(1);
                opacity: 0.8;   /*圆形放大的同时，透明度逐渐减小为0*/
            }
            100%{
                transform: scale(1);
                opacity: 0;
            }
        }
@-o-keyframes living {
            0%{
                transform: scale(0.8);
                opacity: 0;
            }
            50%{
                transform: scale(1);
                opacity: 0.8;   /*圆形放大的同时，透明度逐渐减小为0*/
            }
            100%{
                transform: scale(1);
                opacity: 0;
            }
        }
/*左移动*/
@keyframes btms{
   0% {
      -webkit-transform:translateX(0px);
      -moz-transform:translateX(0px);
      -o-transform:translateX(0px);
      transform:translateX(0px);

  }
    100% {
     -webkit-transform:translateX(-.05rem);
     -webkit-transform:translateX(-.05rem);
      -moz-transform:translateX(-.05rem);
      -o-transform:translateX(-.05rem);
      transform:translateX(-.05rem);
   }
}
@-webkit-keyframes  btms{
   0% {
      -webkit-transform:translateX(0px);
      -moz-transform:translateX(0px);
      -o-transform:translateX(0px);
      transform:translateX(0px);

  }
    100% {
     -webkit-transform:translateX(-.05rem);
     -webkit-transform:translateX(-.05rem);
      -moz-transform:translateX(-.05rem);
      -o-transform:translateX(-.05rem);
      transform:translateX(-.05rem);
   }
}
/*右移动*/
@keyframes btms_two{
   0% {
      -webkit-transform:translateX(0px);
      -moz-transform:translateX(0px);
      -o-transform:translateX(0px);
      transform:translateX(0px);
    }
    100% {
     -webkit-transform:translateX(.05rem);
      -moz-transform:translateX(.05rem);
      -o-transform:translateX(.05rem);
      transform:translateX(.05rem);
    }
}
@-webkit-keyframes btms_two{
   0% {
      -webkit-transform:translateX(0px);
      -moz-transform:translateX(0px);
      -o-transform:translateX(0px);
      transform:translateX(0px);
    }
    100% {
     -webkit-transform:translateX(.05rem);
      -moz-transform:translateX(.05rem);
      -o-transform:translateX(.05rem);
      transform:translateX(.05rem);
    }
}
@-moz-keyframes btms_two{
   0% {
      -webkit-transform:translateX(0px);
      -moz-transform:translateX(0px);
      -o-transform:translateX(0px);
      transform:translateX(0px);
    }
    100% {
     -webkit-transform:translateX(.05rem);
      -moz-transform:translateX(.05rem);
      -o-transform:translateX(.05rem);
      transform:translateX(.05rem);
    }
}
@ btms_two{
   0% {
      -webkit-transform:translateX(0px);
      -moz-transform:translateX(0px);
      -o-transform:translateX(0px);
      transform:translateX(0px);
    }
    100% {
     -webkit-transform:translateX(.05rem);
      -moz-transform:translateX(.05rem);
      -o-transform:translateX(.05rem);
      transform:translateX(.05rem);
    }
}
@-o-keyframes btms_two{
   0% {
      -webkit-transform:translateX(0px);
      -moz-transform:translateX(0px);
      -o-transform:translateX(0px);
      transform:translateX(0px);
    }
    100% {
     -webkit-transform:translateX(.05rem);
      -moz-transform:translateX(.05rem);
      -o-transform:translateX(.05rem);
      transform:translateX(.05rem);
    }
}
/*按钮闪烁*/
/*红*/
@-webkit-keyframes magentaPulse {
          from { background-color: #de3e38; -webkit-box-shadow: 0 0 16px #da2720; }
          50% { background-color: #da2720; -webkit-box-shadow: 0 0 28px #a9014b; }
          to { background-color: #de3e38; -webkit-box-shadow: 0 0 16px #da2720; }
}
@-moz-keyframes magentaPulse {
          from { background-color: #de3e38; -webkit-box-shadow: 0 0 16px #da2720; }
          50% { background-color: #da2720; -webkit-box-shadow: 0 0 28px #a9014b; }
          to { background-color: #de3e38; -webkit-box-shadow: 0 0 16px #da2720; }
}
@-ms-keyframes magentaPulse {
          from { background-color: #de3e38; -webkit-box-shadow: 0 0 16px #da2720; }
          50% { background-color: #da2720; -webkit-box-shadow: 0 0 28px #a9014b; }
          to { background-color: #de3e38; -webkit-box-shadow: 0 0 16px #da2720; }
}
@-o-keyframes magentaPulse {
          from { background-color: #de3e38; -webkit-box-shadow: 0 0 16px #da2720; }
          50% { background-color: #da2720; -webkit-box-shadow: 0 0 28px #a9014b; }
          to { background-color: #de3e38; -webkit-box-shadow: 0 0 16px #da2720; }
}
/*黑灰色*/
@-webkit-keyframes magentaPulse_grey {
          from { background-color: #000; -webkit-box-shadow: 0 0 16px #000; }
          50% { background-color: #787676; -webkit-box-shadow: 0 0 28px #747474; }
          to { background-color: #000; -webkit-box-shadow: 0 0 16px #000; }
}
@-moz-keyframes magentaPulse_grey {
          from { background-color: #000; -webkit-box-shadow: 0 0 16px #000; }
          50% { background-color: #787676; -webkit-box-shadow: 0 0 28px #747474; }
          to { background-color: #000; -webkit-box-shadow: 0 0 16px #000; }
}
@-ms-keyframes magentaPulse_grey {
          from { background-color: #000; -webkit-box-shadow: 0 0 16px #000; }
          50% { background-color: #787676; -webkit-box-shadow: 0 0 28px #747474; }
          to { background-color: #000; -webkit-box-shadow: 0 0 16px #000; }
}
@-o-keyframes magentaPulse_grey {
          from { background-color: #000; -webkit-box-shadow: 0 0 16px #000; }
          50% { background-color: #787676; -webkit-box-shadow: 0 0 28px #747474; }
          to { background-color: #000; -webkit-box-shadow: 0 0 16px #000; }
}
/*白*/
@-webkit-keyframes magentaPulse_white {
          from { background-color: #fff; -webkit-box-shadow: 0 0 16px #4a4e4f;  color:#ff4b00;}
          50% { background-color: #4a4e4f; -webkit-box-shadow: 0 0 28px #fff; color:#fff; }
          to { background-color: #fff; -webkit-box-shadow: 0 0 16px #4a4e4f; color:#ff4b00;}
}
@-moz-keyframes magentaPulse_white {
         from { background-color: #fff; -webkit-box-shadow: 0 0 16px #4a4e4f;  color:#ff4b00;}
          50% { background-color: #4a4e4f; -webkit-box-shadow: 0 0 28px #fff; color:#fff; }
          to { background-color: #fff; -webkit-box-shadow: 0 0 16px #4a4e4f; color:#ff4b00;}
}
@-ms-keyframes magentaPulse_white {
          from { background-color: #fff; -webkit-box-shadow: 0 0 16px #4a4e4f;  color:#ff4b00;}
          50% { background-color: #4a4e4f; -webkit-box-shadow: 0 0 28px #fff; color:#fff; }
          to { background-color: #fff; -webkit-box-shadow: 0 0 16px #4a4e4f; color:#ff4b00;}
}
@-o-keyframes magentaPulse_white {
          from { background-color: #fff; -webkit-box-shadow: 0 0 16px #4a4e4f;  color:#ff4b00;}
          50% { background-color: #4a4e4f; -webkit-box-shadow: 0 0 28px #fff; color:#fff; }
          to { background-color: #fff; -webkit-box-shadow: 0 0 16px #4a4e4f; color:#ff4b00;}
}
/*黄色*/
@-webkit-keyframes magentaPulse_yellow {
          from { background-color: #ff4b00; -webkit-box-shadow: 0 0 16px #e24605;  }
          50% { background-color: #e24605; -webkit-box-shadow: 0 0 28px #ff4b00;  }
          to { background-color: #ff4b00; -webkit-box-shadow: 0 0 16px #e24605; }
}
@-moz-keyframes magentaPulse_yellow {
          from { background-color: #ff4b00; -webkit-box-shadow: 0 0 16px #e24605;  }
          50% { background-color: #e24605; -webkit-box-shadow: 0 0 28px #ff4b00;  }
          to { background-color: #ff4b00; -webkit-box-shadow: 0 0 16px #e24605; }
}
@-ms-keyframes magentaPulse_yellow {
            from { background-color: #ff4b00; -webkit-box-shadow: 0 0 16px #e24605;  }
          50% { background-color: #e24605; -webkit-box-shadow: 0 0 28px #ff4b00;  }
          to { background-color: #ff4b00; -webkit-box-shadow: 0 0 16px #e24605; }
}
@-o-keyframes magentaPulse_yellow {
           from { background-color: #ff4b00; -webkit-box-shadow: 0 0 16px #e24605;  }
          50% { background-color: #e24605; -webkit-box-shadow: 0 0 28px #ff4b00;  }
          to { background-color: #ff4b00; -webkit-box-shadow: 0 0 16px #e24605; }
}
/*蓝色*/
@-webkit-keyframes magentaPulse_blue {
          from { background-color: #283190; -webkit-box-shadow: 0 0 16px #2033ff;  }
          50% { background-color: #2033ff; -webkit-box-shadow: 0 0 28px #283190;  }
          to { background-color: #283190; -webkit-box-shadow: 0 0 16px #2033ff; }
}
@-moz-keyframes magentaPulse_blue {
         from { background-color: #283190; -webkit-box-shadow: 0 0 16px #2033ff;  }
          50% { background-color: #2033ff; -webkit-box-shadow: 0 0 28px #283190;  }
          to { background-color: #283190; -webkit-box-shadow: 0 0 16px #2033ff; }
}
@-ms-keyframes magentaPulse_blue {
           from { background-color: #283190; -webkit-box-shadow: 0 0 16px #2033ff;  }
          50% { background-color: #2033ff; -webkit-box-shadow: 0 0 28px #283190;  }
          to { background-color: #283190; -webkit-box-shadow: 0 0 16px #2033ff; }
}
@-o-keyframes magentaPulse_blue {
          from { background-color: #283190; -webkit-box-shadow: 0 0 16px #2033ff;  }
          50% { background-color: #2033ff; -webkit-box-shadow: 0 0 28px #283190;  }
          to { background-color: #283190; -webkit-box-shadow: 0 0 16px #2033ff; }
}
/*左右摇晃动画*/
@-moz-keyframes tadas{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.0) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.0) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
   } tada{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.0) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.0) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
   }
@-moz-keyframes tadas{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.0) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.0) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
   }
@-webkit-keyframes tadas{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.0) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.0) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
/*左右晃动2*/
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/*上下晃动*/
@-webkit-keyframes hovers {
  0% {
      -webkit-transform:translateY(-10px);
  }
    100% {
     -webkit-transform:translateY(0);
   }
}
@-ms-keyframes hovers {
  0% {
     -ms-transform:translateY(-10px);
    }
    100% {
     -ms-transform:translateY(0);
    }
}
@keyframes hovers {
  0% {
     -webkit-transform:translateY(-10px);
     transform:translateY(-10px);
    }
    100% {
     -webkit-transform:translateY(0);
     transform:translateY(0);
   }
}
/*圆形渐变*/
@keyframes btnAnimate{
    0%{transform:scale(0.8);opacity:0;box-shadow:0 0 2px #9e0500;}
    20%{transform:scale(1);opacity:1;box-shadow:0 0 50px #9e0500;}
    50%{transform:scale(1.2);opacity:0;box-shadow:0 0 60px #9e0500;}
    100%{transform:scale(0.8);opacity:0;}
}
@-webkit-keyframes btnAnimate{
    0%{-webkit-transform:scale(0.8);opacity:0;box-shadow:0 0 2px #9e0500;}
    20%{-webkit-transform:scale(1);opacity:1;box-shadow:0 0 50px #9e0500;}
    50%{-webkit-transform:scale(1.2);opacity:0;box-shadow:0 0 60px #9e0500;}
    100%{-webkit-transform:scale(0.8);opacity:0;}
}
@-moz-keyframes btnAnimate{
    0%{-moz-transform:scale(0.8);opacity:0;box-shadow:0 0 2px #9e0500;}
    20%{-moz-transform:scale(1);opacity:1;box-shadow:0 0 50px #9e0500;}
    50%{-moz-transform:scale(1.2);opacity:0;box-shadow:0 0 60px #9e0500;}
    100%{-moz-transform:scale(0.8);opacity:0;}
}
@-ms-keyframes btnAnimate{
    0%{-ms-transform:scale(0.8);opacity:0;box-shadow:0 0 2px #9e0500;}
    20%{-ms-transform:scale(1);opacity:1;box-shadow:0 0 50px #9e0500;}
    50%{-ms-transform:scale(1.2);opacity:0;box-shadow:0 0 60px #9e0500;}
    100%{-ms-transform:scale(0.8);opacity:0;}
}
@-o-keyframes btnAnimate{
    0%{-o-transform:scale(0.8);opacity:0;box-shadow:0 0 2px #9e0500;}
    20%{-o-transform:scale(1);opacity:1;box-shadow:0 0 50px #9e0500;}
    50%{-o-transform:scale(1.2);opacity:0;box-shadow:0 0 60px #9e0500;}
    100%{-o-transform:scale(0.8);opacity:0;}
}
/*左右晃动

/***********************/