.page5_bg{width:80%;height:100%;margin:0 auto;padding-top:120px;position:relative;z-index:1;}
/*.page5_bg .footer{display:none;}*/
/*.page_hover .footer{display:block;}*/
.page5_main{overflow:hidden;width:72%;margin:0 auto;position:relative;}
.page5_main .page5_news_on{
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    width:300px;
    height:200px;
    background-image:url('../images/line-on2.png');
    background-size:100%;
    background-position:left;
    -webkit-animation:fadeInUp 1s .2s ease both;
    -moz-animation:fadeInUp 1s .2s ease both;
}
.page5_bg .page5_news_down{
    position:absolute;z-index:2;
    bottom:10%;
    width:1000px;
    height:200px;
    background-image:url('../images/line-down.png');
    background-size:100%;
    background-position:left;
    -webkit-animation:fadeInUp 1s .2s ease both;
    -moz-animation:fadeInUp 1s .2s ease both;
}
.page5_main .page5_news{height:100%;position:relative;}
.page5_main .page5_news .page5_ul_bg{
    position:absolute;
    right:0;bottom:0;
    z-index:1;
    width:100px;
    height:100%;
    background:#c9151e;
    -webkit-animation:fadeInUp 1s .2s ease both;
    -moz-animation:fadeInUp 1s .2s ease both;}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(20px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
    0%{opacity:0;
        -moz-transform:translateY(20px)}
    100%{opacity:1;
        -moz-transform:translateY(0)}
}
.page5_news_title{position:relative;width:310px;margin-top:60px;}
.page5_news_title img{width:100%;position:relative;z-index:1;margin-left:30px;}
.page5_news_title p{color:#c9151e;font-size:28px;font-weight:bold;position:absolute;left:0px;bottom:-18px;z-index:2;}
.page5_main ul{overflow:hidden;margin-top:30px;position:relative;z-index:2;}
.page5_main ul li{float:left;width:100%;display:none;}
.page5_main ul li.li_hover{
    display:block;
    -webkit-animation:fadeInLeft 1s .2s ease both;
    -moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0;
        -webkit-transform:translateX(-500px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0;
        -moz-transform:translateX(-500px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}
.page5_main ul li a{float:left;width:40%;}
.page5_main ul li a div{font-size:20px;font-weight:500;margin:30px 0 30px;}
.page5_main ul li a p{color:#777;font-size:14px;}
.page5_main ul li img{float:right;width:426px;position: relative;top: -28px;}
.page5_main .page5_news .news_button{
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 3;
}
.news_button div{float:left;border:1px solid #EEE;width:48px;height:48px;line-height:44px;color:#EEE;text-align:center;font-size:40px;cursor:pointer;}
.news_button div.button_next{margin-left:10px;}
.news_button div:hover{background:#c9151e;color:#FFF;}