body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button,
form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body .bg_fff{
    width:1240px;
    padding-left:20px;
    padding-right:20px;
    margin:0 auto 30px;
    background-color: #fff;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 30%);
}

/* 小导航 */
.banner_aside {
    width: 1200px;
    margin: 0 auto;
    background-color: #fff;
}
.clearfix{zoom:1;}
ul,ol{list-style: none;margin:0;padding:0;}

.banner_aside ul li {
    width: 200px;
    float: left;
    text-align: left;
    position: relative;
    padding: 28px 0 40px 84px;
}

.clearfix:after{content:"."; display:block; visibility:hidden; height:0; clear:both;} /*除去浮动*/
a, a:visited ,a:hover,a:active{ text-decoration: none; color: #333;  }

.banner_aside ul li i {
    position: absolute;
    left: 0;
    width: 80px;
    height: 50px;
    background-image: url("../images/banner_aside.jpg");
    background-repeat: no-repeat;
    background-position: -1px top;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .5;
}

.banner_aside ul li:hover i {
    filter: none;
    opacity: 1;
}

.banner_aside ul li:nth-child(2) i {
    background-position: -83px top;
}

.banner_aside ul li:nth-child(3) i {
    background-position: -165px top;
}

.banner_aside ul li:nth-child(4) i {
    background-position: -1px -50px;
}

.banner_aside ul li:nth-child(5) i {
    background-position: -83px -50px;
}

.banner_aside ul li:nth-child(6) i {
    background-position: right -50px;
}

.banner_aside ul li h3 {
    font-size: 18px;
}

.banner_aside ul li p {
    font-size: 14px;
    color: #999;
}