@charset "utf-8";
/* CSS Document */
/*---------public-------------*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
body { font-family:"Microsoft YaHei",微软雅黑,SimHei,"黑体",SimSun,"宋体",Arial, Helvetica, sans-serif; background: #fff; font-size: 12px; color: #000; margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; display:inline-block; -ms-interpolation-mode: bicubic; image-rendering:optimizeQuality; }
button { cursor: pointer; border:0 none; }
input{ border:0 none; background:transparent; }
textarea{ resize: none; border:0 none; }
ul, li { list-style-type: none; }
table{ border-collapse:collapse; border-spacing:0; }
i, em, cite { font-style: normal; }
p{ word-wrap:break-word; }
.fixed:after { clear:both; content:'.'; display:block; font-size:0; line-height:0; visibility:hidden; height:0; }
.fixed { zoom:1; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; overflow:hidden; }
.clearfix { clear:both; }
body, input, select, button,textarea{ outline: none; }
a,input,textarea,p,span,h2,em,li,div{ outline: none; text-decoration: none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }
a:focus,textarea:focus,input:focus{ outline: none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); -webkit-appearance: none; }
/*---------------------------------------------------------------*/
.index{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.index_box{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@-webkit-keyframes downs{
    0%{
        bottom: 15px;
    }
    50%{
        bottom: 20px;
    }
    100%{
        bottom: 15px;
    }
}
@keyframes downs{
    0%{
        bottom: 15px;
    }
    50%{
        bottom: 20px;
    }
    100%{
        bottom: 15px;
    }
}
.down{
    width: 16px;
    height: 31px;
    background: url(images/up.png) no-repeat scroll 0 0 transparent;
    background-size: 16px 31px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -8px;
    z-index: 30;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-animation: downs 0.5s linear 0s infinite;
    animation: downs 0.5s linear 0s infinite;
}
.a{
    width: 100%;
    background: url(images/a.jpg) no-repeat scroll center center transparent;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.a_1{
    width: 236px;
    height: 105px;
    background: url(images/a_1.png) no-repeat scroll 0 0 transparent;
    background-size: 100% auto;
    margin: 5% auto 0;
    opacity: 0;
}
.b{
    width: 100%;
    background: url(images/b.jpg) no-repeat scroll center center transparent;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.b_1{
    display: none;
    width: 100%;
    background: url(images/b_1.jpg) no-repeat scroll center center transparent;
    background-size: cover;
}
.b_2{
    width: 213px;
    height: 52px;
    background: url(images/b_2.png) no-repeat scroll center center transparent;
    background-size: 100% auto;
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -106px;
    bottom: 10px;
    opacity: 0;
}

.c{
    width: 100%;
    background: url(images/c.jpg) no-repeat scroll center center transparent;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.c_1{
    display: none;
    width: 100%;
    background: url(images/c_1.jpg) no-repeat scroll center center transparent;
    background-size: cover;
}
.c_2{
    width: 202px;
    height: 53px;
    background: url(images/c_2.png) no-repeat scroll center center transparent;
    background-size: 100% auto;
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -101px;
    bottom: 10px;
    opacity: 0;
}
.d{
    width: 100%;
    background: url(images/d.jpg) no-repeat scroll center center transparent;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.d_1{
    display: none;
    width: 100%;
    background: url(images/d_1.jpg) no-repeat scroll center center transparent;
    background-size: cover;
}
.d_2{
    width: 206px;
    height: 53px;
    background: url(images/d_2.png) no-repeat scroll center center transparent;
    background-size: 100% auto;
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -103px;
    top: 0;
    opacity: 0;
}
.e{
    width: 100%;
    background: url(images/e.jpg) no-repeat scroll center center transparent;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.e_1{
    display: none;
    width: 100%;
    background: url(images/e_1.jpg) no-repeat scroll center center transparent;
    background-size: cover;
}
.e_2{
    width: 277px;
    height: 220px;
    background: url(images/e_2.png) no-repeat scroll 0 0 transparent;
    background-size: 100% auto;
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -138px;
    top: 0;
    opacity: 0;
}
.b_box{
    width: 100%;
    background: url(images/f.jpg) no-repeat scroll center center transparent;
    background-size: cover;
    position: relative;
}
@-webkit-keyframes down_s{
    0%{
        top: 51%;
    }
    50%{
        top: 52%;
    }
    100%{
        top: 51%;
    }
}
@keyframes down_s{
    0%{
        top: 51%;
    }
    50%{
        top: 52%;
    }
    100%{
        top: 51%;
    }
}
.b_box_3{
    width: 241;
    height: 94px;
    position: absolute;
    top: 53%;
    left: 50%;
    margin-left: -120px;
    -webkit-animation: down_s 1s linear 0s infinite;
    animation: down_s 1s linear 0s infinite;
}/*  |xGv00|9640f37c0553ad067e796987ee540e21 */