/*通用*/
img{text-decoration: none;border: 0;}
/*积分顶部*/
#header{ width:100%; height:116px; margin:0 auto; background-color: #fff;}
#header .header_box{ width:1200px;  height:100%; margin:0 auto;}
#header a.logo{ display:block; width:210px; height:116px; float:left;overflow:hidden;}

.advert{ float: left; margin-top: 24px; width: 990px; height: 63px; overflow: hidden;}
.advert img{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}
.advert img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); 
}
@-webkit-keyframes tada {
  0%, 10% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  15%, 25%, 35%, 45% {
    -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);
  }

  20%, 30%, 40% {
    -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);
  }
  50% ,100% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
}

@keyframes tada {
  0%, 10% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  15%, 25%, 35%, 45% {
    -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);
  }

  20%, 30%, 40% {
    -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);
  }
  50% ,100% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
}

.tada {
  animation: tada 2.5s infinite;
  -webkit-animation: tada 2.5s infinite;
}

/*-- 导航 --*/
#navigation{ width:100%; height:42px; background-color:#08a2ee; color:#fff; line-height:42px; position: relative; z-index: 9;}
.navigation_wrap{ width:1300px; height:100%; margin:0 auto; position: relative;}
.navigation_box{ font-size:18px; float: left;}
.navigation_box li{ display:block; float:left;/* margin-top: -18px; */}
.navigation_box a{ display:block; width:145px; height:100%; float:left; text-align:center; color:#fff; position: relative;}
.navigation_box a:hover{ background-color: rgba(50, 83, 207, 0.62); color: #fff; font-weight: bold;}
.navigation_box a i{ display: block; width: 1px; height: 15px; background-color: #0b90c9; font-size: 0; position: absolute; right: 0; top: 14px;}
.navigation_box a:hover i{ display: none;}
.navigation_box li.active{ background-color: #a7370e; color: #fff; font-weight: bold;}
.navigation_box li.active i{ display: none;}