body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,button,input,textarea,th,td {
    margin: 0;
    padding: 0
}
body,button,input,select,textarea {
    font-family:  Microsoft YaHei, Arial,"\5b8b\4f53",sans-serif;
    line-height: normal;
    vertical-align: middle
}

textarea {
    resize: none
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 16px
}

h3 {
    font-size: 14px
}

h4,h5,h6 {
    font-size: 100%
}

address,cite,dfn,em,var {
    font-style: normal
}

small {
    font-size: 12px!important
}

ul,ol {
    list-style: none
}

a,a:hover {
    text-decoration: none;
    outline: 0
}

a.outLine,a.outLine:hover {
    text-decoration: underline
}

a{blr:expression(this.onFocus=this.close());} 
a{blr:expression(this.onFocus=this.blur());} 
a:focus { -moz-outline-style: none; } 
a:focus {outline:none; -moz-outline:none;}
img{border:0;}


@keyframes downAndShine {
    25% {
        transform: translateY(8px) scale(1.11);
    }
}

@keyframes frameLine1 {
    40% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
    }
}

@keyframes frameLine2 {
    40% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
    }
}




.section{
    position: relative;
}

.page_2{
    background: url("../image/banner2.png") no-repeat center;
    background-size: cover;
}
.page_3{
    
}
.page_3 div{
    overflow: hidden;
    font-size: 0
}
.page_4{
    
}
*,:hover{
    -webkit-transition: background-color .25s linear,color .05s linear,margin .25s linear,opacity .25s linear,filter .25s linear,visibility .25s linear,transform .25s linear;
    transition: background-color .25s linear,color .05s linear,margin .25s linear,opacity .25s linear,filter .25s linear,visibility .25s linear,-webkit-filter .25s linear
}

.page_2.active ul.item_box.pc li.translideInUp img:last-child,.page_3.active ul.item_box.pc li.translideInUp img:last-child{
    -webkit-animation: fadeInUp 1.5s;
    -webkit-animation-delay: .1s;
 }
.page_2.active ul.item_box.mobile li.translideInUp,.page_3.active ul.item_box.mobile li.translideInUp{
    -webkit-animation: fadeInUp 1.5s;
    -webkit-animation-delay: .1s;
 }
.page_2.active div.title{
    -webkit-animation: fadeInDown 1.5s;
    -webkit-animation-delay: .1s;
}
.page_2 div.title{
    -webkit-animation: fadeOutUp 1s;
    -webkit-animation-delay: .1s;
}
.page_2.active div.content{
    -webkit-animation: fadeInUp 1.5s;
    -webkit-animation-delay: .1s;
}
.page_2 div.content{
    -webkit-animation: fadeOutUp 1s;
    -webkit-animation-delay: .1s;
}
.page_3.active div.title,.page_3.active div.content{
    -webkit-animation: bounceInDown 2s;
    -webkit-animation-delay: 0.3s;
}
.page_3 div.title,.page_3 div.content{
    -webkit-animation: fadeOutUp 1s;
    -webkit-animation-delay: 0.1s;
}
.page_4.active div.title,.page_4.active div.content{
    -webkit-animation: bounceInDown 2s;
    -webkit-animation-delay: 0.1s;
}
.page_4.active div.item ul li figure.translideInUp{
    -webkit-animation: slideInUp 3s;
    -webkit-animation-delay: .1s;
}
.page_4.active div.item ul li figure.translideInUp2{
    -webkit-animation: slideInUp 3.2s;
    -webkit-animation-delay: .2s;
}
.page_4.active div.item ul li figure.translideInUp3{
    -webkit-animation: slideInUp 3.4s;
    -webkit-animation-delay: .3s;
}
.page_4.active div.item ul li figure.translideInUp4{
    -webkit-animation: slideInUp 3.6s;
    -webkit-animation-delay: .4s;
}

.layer{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #000 \9;
    filter: alpha(opacity=50) \9;
    background-color: rgba(0,0,0,.5);
    z-index: 9997;
    display: none;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.layer.show{
    display: block;
}