.wrapper{width:1200px;margin: 0 auto;display: block;position: relative}
/*css3*/
.nav>ul>li,
.nav>ul>li ol li a,
.pic_news_wrapper .change,
.ol_change li,
.case_wrapper ul li img,
.case_wrapper ul li span:after,
.sidebar ul li a:after,
.sidebar ul li a span,
.sidebar ul li a b,
.honor_ul li,
.c_ul li a,
#info .news_list li a{
    transition:all 300ms;
    -webkit-transition:all 300ms;
}

/*header*/


.nav{background: #c0000f;height: 38px}
.nav>ul>li{float: left;position: relative;width:120px;line-height: 38px;text-align: center;}
.nav>ul>li a{display: block;font-size: 14px;color: #ffffff;}
.nav>ul>li ol{display: none;position: absolute;z-index: 1000;width: 100%;}
.nav>ul>li ol li a{display: block;background: #c0000f;}

.nav>ul>li:hover,
.nav>ul>li ol li a:hover{background: #79251f}

.banner_text{position: absolute;z-index: 100;}
.banner_text ul{margin-left: 40px;}
.banner_text ul li{opacity: 0;animation: fadeIn 4s ease-in-out infinite alternate;-webkit-animation: fadeIn 4s ease-in-out infinite alternate;}
.banner_text ul li.t_1{margin:155px 0 20px 50px;}
.banner_text ul li.t_2{margin:0 0 20px 205px;animation-delay:1s;-webkit-animation-delay:1s;}
.banner_text ul li.t_3{margin:0 0 28px 375px;animation-delay:2s;-webkit-animation-delay:2s;}
.banner_text ul li.t_4{margin:0 0 28px 430px;animation-delay:3s;-webkit-animation-delay:3s;}

@keyframes fadeIn {
    0%{opacity: 0}
    100%{opacity: 1}
}
@-webkit-keyframes fadeIn {
    0%{opacity: 0}
    100%{opacity: 1}
}