.line_on{
    background-image:url('../images/line-on.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width:460px;height:320px;
    position:absolute;
    bottom:44%;
    left:0;
    z-index:1;
}
.page_hover .line_on{
    -webkit-animation:fadeInRight 1s .2s ease both;
    -moz-animation:fadeInRight 1s .2s ease both;
}
@-webkit-keyframes fadeInRight{
    0%{opacity:0;
        -webkit-transform:translateX(300px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
    0%{opacity:0;
        -moz-transform:translateX(300px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}
.line_down{
    background-image:url('../images/line-down.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width:1055px;height:377px;
    position:absolute;
    bottom:0%;
    right:0;
    z-index:1;
}
.page_hover .line_down{
    -webkit-animation:fadeInUpBig 1s .2s ease both;
    -moz-animation:fadeInUpBig 1s .2s ease both;
}
@-webkit-keyframes fadeInUpBig{
    0%{opacity:0;
        -webkit-transform:translateY(300px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{
    0%{opacity:0;
        -moz-transform:translateY(300px)}
    100%{opacity:1;
        -moz-transform:translateY(0)}
}
.building{
    background-image: url('../images/building.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 60%;
    height: 720px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    max-width: 860px;
    background-position: bottom;
}
.page_hover .building{
    -webkit-animation:fadeInDown 1s .2s ease both;
    -moz-animation:fadeInDown 1s .2s ease both;
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;
        -webkit-transform:translateY(-150px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;
        -moz-transform:translateY(-150px)}
    100%{opacity:1;
        -moz-transform:translateY(0)}
}
.about_akm{
    background-image:url('../images/about-akm.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width:460px;height:66px;
    position:absolute;
    bottom:64%;
    right:15%;
    z-index:3;
}
.about_title{
    width:410px;
    position:absolute;
    bottom:55%;
    right:15%;
    z-index:3;
}
.page_hover .about_akm,.page_hover .about_title{
    -webkit-animation:fadeInUp 1s .2s ease both;
    -moz-animation:fadeInUp 1s .2s ease both;
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(380px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
    0%{opacity:0;
        -moz-transform:translateY(380px)}
    100%{opacity:1;
        -moz-transform:translateY(0)}
}
.about_title div{color:#c9151e;font-size:40px;font-family:'微软雅黑' }
.about_title p{height:40px;line-height:40px;}