.banner{ width: 100%; height: 400px;} 
.banner .swiper-pagination-bullet{ width: 14px; height: 14px;}
.banner .swiper-pagination-bullet-active{ background: #e74c3c;}
.banner .swiper-button-next, .banner .swiper-button-prev{ display: none; outline: none; width: 55px; height: 110px; top: 36%;}
.banner .swiper-button-next{ background-image: url(ban_right.png); right: 14%;}
.banner .swiper-button-prev{ background-image: url(ban_left.png); left: 14%;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{display: block;}
.banner a{ display: block; width: 100%; height: 100%; background: center top no-repeat; } 


.fix_right_msg{ position: fixed; right: 20px; bottom: 0px; box-shadow: 0 0 4px #bdbdbd; z-index: 99; background: #f1f1f1; width: 230px; height: 40px;}
.fix_msg{ width: 100%; cursor:pointer;}
.fix_msg a{ display: block; }
.fix_msg img{ float: left; margin-right: 7px; padding: 3px 0 0 30px; }
.fix_msg span{ font-size: 14px; line-height: 40px; color: #333;}
.fix_msg span b{ color:#f00}

.icon_shake{    -webkit-animation: Tada 3s both infinite;    -moz-animation: Tada 3s both infinite;    -ms-animation: Tada 3s both infinite;    animation: Tada 3s both infinite;}
@-webkit-keyframes Tada { 0% {     -webkit-transform: scale(1);   transform: scale(1)   }  

    70%,73% {     -webkit-transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97% {     -webkit-transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93% {     -webkit-transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {     -webkit-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 

@-moz-keyframes Tada { 0% {     -moz-transform: scale(1);   transform: scale(1)   }  

    70%,73% {     -moz-transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97% {     -moz-transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93%{     -moz-transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {     -moz-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 

@-ms-keyframes Tada { 0% {     -ms-transform: scale(1);   transform: scale(1)   }  

    70%,73% {     -ms-transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97% {     -ms-transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93% {     -ms-transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {     -ms-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 

@keyframes Tada { 0% {   transform: scale(1);   transform: scale(1)   }  

    70%,73%{   transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97%  {   transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93%{   transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {   transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  }