/*默认样式重置*/

body{
    font-family: "microsoft yahei";
    font-size: 16px;
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6,ul,ol,p,dl,dt{
    padding:0;
    margin:0;
    list-style:none;
}
.lf{ float:left;}
.rt{ float:right;}
.clear{ clear:both;}

.container{
    width: 100%;
    margin-top: 120px;
}

/***头部样式**/
.header{
    width: 100%;
    height: 120px;
}
.fixednav{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: #fff;
}
.logo{
    cursor: pointer;
}
.header>div{
    width: 1200px;
    height: 120px;
    line-height: 120px;
    margin: 0 auto;
}
.bar{
    float: right;
}
.bar li{
    list-style: none;
    float: left;
    width: 120px;
    height: 120px;
    text-align: center;
}
.bar li a{
    display: block;
    width: 120px;
    height: 120px;
    text-decoration: none;
    color: #7b7b7b;
}
.header .bar .active{
    background-image: url("../image/li_bg.png");
}
.bar li.active a{
    color: #fff;
}


/***尾部样式**/

.footer{
    width: 100%;
    padding: 25px 0;
    background-color: #12223c;
    margin-top: 40px;
}
.footer>div{
    clear: both;
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    color: #b1c1d0;
    font-size: 12px;
}
.footer .wx{
    margin-bottom: 20px;
}
.business{
    color: #78acce
}

.sk-three-bounce {
  margin: 40px auto;
  width: 100% !important;
  text-align: center; }
.sk-three-bounce .sk-child {
    width: 15px;
    height: 15px;
    background-color:#0099bd;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
            animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s; }

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }