html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
video::-webkit-media-controls-enclosure{
    max-height:34px;
}
<!-- video::-webkit-media-controls-timeline { -->
     <!-- height:30px; -->
     <!-- } -->

#container{
    width: 100%;
    height: 5000px;
    /* justify-content: center;
  align-items: center;
  display: -webkit-flex; */
    background-image: url(../images/exhibition/bg.png);
    background-size:100%;
    background-repeat: no-repeat;
}
#container .head{
    height: 14.5%;
    width: 100%;
    display: none;
    /* background-color: #ccc; */
}
#container .content{
    height: 2500px;
    width: 84%;
    position: absolute;
    left: 8%;
    top: 49.5%;
    background:#fff;
}
#container .content .list{
    width: 100%;
<!-- height: 772px; -->
}
#container .content .list .banner{
    /* width: 80%; */
    height: 600px;
    text-align: center;
}
#container .content .list .banner img{
    width: 100%;
    height: 100%;
}
#container .content .list .banner .lunbo{
    width: 100%;
    height: 200px;
}
#container .content .list .banner #item{
    width: 100%;
    height: 100%;
    position: relative;
}
#item .item{
    position: absolute;
    /* opacity: 0; */
    transition: all 1s;
    width: 100%;
    height: 100%;
}

#item .item img{
    width: 100%;
    height: 100%;
}
.lunbo{
    width: 100%;
}
.table{
    width: 100%;
    height: 560px;
    position: relative;
}
#item{
    width: 100%;
    height: 100%;
}
.item{
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.item.active{
    opacity:1;
}
img{
    width: 100%;
    height: 100%;
}
#btn-left, #btn-left2, #btn-left3, #btn-left4,
#btn-left5, #btn-left6, #btn-left7, #btn-left8{
    width: 30px;
    height: 69px;
    font-size: 30px;
    color: white;
    background-color:rgba(0,0,0,0.4);
    line-height: 69px;
    padding-left:5px;
    z-index: 10;/*始终显示在图片的上层*/
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-60%);/*使按钮向上偏移居中对齐*/
    cursor: pointer;
    opacity: 0;
}
#small_left, #small_left2, #small_left3, #small_left4,
#small_left5, #small_left6, #small_left7{
    width: 30px;
    height: 69px;
    font-size: 30px;
    color: white;
    background-color:rgba(0,0,0,0.4);
    line-height: 69px;
    padding-left:5px;
    z-index: 10;/*始终显示在图片的上层*/
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-60%);/*使按钮向上偏移居中对齐*/
    cursor: pointer;
}
.lunbo:hover #btn-left{
    /*鼠标滑入，显示图标*/
    opacity: 1;
}

#btn-right, #btn-right2, #btn-right3, #btn-right4,
#btn-right5, #btn-right6, #btn-right7, #btn-right8{
    width: 26px;
    height: 69px;
    font-size: 30px;
    color: white;
    background-color:rgba(0,0,0,0.4);
    line-height: 69px;
    padding-left: 5px;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    opacity: 0;
    transform: translateY(-60%);
}
#small_right, #small_right2,#small_right3, #small_right4,
#small_right5, #small_right6, #small_right7{
    width: 26px;
    height: 69px;
    font-size: 30px;
    color: white;
    background-color:rgba(0,0,0,0.4);
    line-height: 69px;
    padding-left: 5px;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-60%);
}
.lunbo:hover #btn-right{
    opacity: 1;
}
#circle, #circle3, #circle3, #circle4,
#circle5, #circle6, #circle7, #circle8{
    height: 20px;
    display: flex;
    position: absolute;
    bottom: 35px;
    right: 25px;
}
.circle{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid white;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
    margin: 5px;
}
.white{
    background-color: #FFFFFF;
}

.little_table{
    box-sizing: border-box;
    /* margin-top: 1%; */
    width: 100%;
    height: 200px;
    line-height: 200px;
    /* background-color: aqua; */
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}
.little_table  .box{
    overflow: hidden;
}
.little_table .box .one{
    width: 20%;
    height: 170px;
    float: left;
    /* margin-left: 56px; */
    /* margin-left: 55px; */
    margin-left: 4%;

    border: 1px solid #ccc;
}

#little-btn-left, #little-btn-left2, #little-btn-left3, #little-btn-left4,
#little-btn-left5, #little-btn-left6, #little-btn-left7, #little-btn-left8{
    width: 30px;
    height: 69px;
    font-size: 30px;
    /* color: white; */
    /* background-color:rgba(0,0,0,0.4); */
    line-height: 69px;
    padding-left:10px;
    z-index: 10;/*始终显示在图片的上层*/
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-60%);/*使按钮向上偏移居中对齐*/
    cursor: pointer;
    /* opacity: 0; */
}
#little-btn-right, #little-btn-right2, #little-btn-right3, #little-btn-right4,
#little-btn-right5, #little-btn-right6, #little-btn-right7, #little-btn-right8{
    width: 26px;
    height: 69px;
    font-size: 30px;
    /* color: white; */
    /* background-color:rgba(0,0,0,0.4); */
    line-height: 69px;
    /* padding-left: 35px; */
    margin-right: 10px;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    /* opacity: 0; */
    transform: translateY(-60%);
}

/* border:1px solid #0ff;width:1100px; height: 180px;margin:50px auto 0; */

.div1{
    position: relative;
    overflow: hidden;
    /* width: calc(100% - 150px); */
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.div1 ul{
    position: absolute;
}
.div1 ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 20px;
    height: 170px;
}

.div1 ul li img{width:100%;}

.div1_ ul li img{width:100%;}


.div1_{
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    position:relative;
}
.div1_ ul{
    /* display: flex;
  justify-content: space-evenly; */
}
.div1_ ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0;
    height: 170px;
    margin-right: 30px;
}

/*  */
#container .content .list2{
    width: 100%;
<!-- height: 772px; -->
}
#container .content .list2 .banner2{
    /* width: 80%; */
    height: 600px;
    text-align: center;
}
#container .content .list2 .banner2 img{
    width: 100%;
    height: 100%;
}
#container .content .list2 .banner2 .lunbo2{
    width: 100%;
    height: 200px;
}

#container .content .list2 .banner2 #item2{
    width: 100%;
    height: 100%;
    position: relative;

}
#item2 .item2{
    position: absolute;
    /* opacity: 0; */
    transition: all 1s;
    width: 100%;
    height: 100%;
}
/* #item.active{
    opacity:1;
} */
#item2 .item2 img{
    width: 100%;
    height: 100%;
}



.lunbo2{
    width: 100%;
}
.table2{
    width: 100%;
    height: 560px;
    /* margin: 20px auto; */
    position: relative;
}
#item2{
    width: 100%;
    height: 100%;
}
.item2{
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.item2.active2{
    opacity:1;
}
img{
    width: 100%;
    height: 100%;
}
.lunbo2:hover #btn-left2{
    /*鼠标滑入，显示图标*/
    opacity: 1;
}
.lunbo2:hover #btn-right2{
    opacity: 1;
}
.circle2{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid white;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
    margin: 5px;
}
.white2{
    background-color: #FFFFFF;
}
.little_table2{
    box-sizing: border-box;
    /* margin-top: 1%; */
    width: 100%;
    height: 200px;
    line-height: 200px;
    /* background-color: aqua; */
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}
.little_table2  .box2{
    overflow: hidden;
}
.little_table2 .box2 .one{
    width: 20%;
    height: 170px;
    float: left;
    /* margin-left: 56px; */
    /* margin-left: 55px; */
    margin-left: 4%;
    border: 1px solid #ccc;
}
/* border:1px solid #0ff;width:1100px; height: 180px;margin:50px auto 0; */
.div2{
    position: relative;
    overflow: hidden;
    /* width: calc(100% - 150px); */
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.div2 ul{
    position: absolute;
}
.div2 ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0px;
    height: 170px;
    margin-right: 30px;
}
.div2 ul li img{width:100%;}

.div2_ ul li img{width:100%;}

.div2_{
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
}
.div2_ ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0;
    height: 170px;
    margin-right: 30px;
}
/*  */
#container .content .list3{
    width: 100%;
<!-- height: 772px; -->
}
#container .content .list3 .banner3{
    /* width: 80%; */
    height: 600px;
    text-align: center;
}
#container .content .list3 .banner3 img{
    width: 100%;
    height: 100%;
}
#container .content .list3 .banner3 .lunbo3{
    width: 100%;
    height: 200px;
}

#container .content .list3 .banner3 #item3{
    width: 100%;
    height: 100%;
    position: relative;

}
#item3 .item3{
    position: absolute;
    /* opacity: 0; */
    transition: all 1s;
    width: 100%;
    height: 100%;
}
/* #item.active{
        opacity:1;
    } */
#item3 .item3 img{
    width: 100%;
    height: 100%;
}
.lunbo3{
    width: 100%;
}
.table3{
    width: 100%;
    height: 560px;
    /* margin: 20px auto; */
    position: relative;
}
#item3{
    width: 100%;
    height: 100%;
}
.item3{
    position: absolute;
    opacity: 0;
    transition: all 1s;

}
.item3.active3{
    opacity:1;
}
img{
    width: 100%;
    height: 100%;
}
.lunbo3:hover #btn-left3{
    /*鼠标滑入，显示图标*/
    opacity: 1;
}
.lunbo3:hover #btn-right3{
    opacity: 1;
}
.circle3{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid white;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
    margin: 5px;
}
.white3{
    background-color: #FFFFFF;
}
.little_table3{
    box-sizing: border-box;
    /* margin-top: 1%; */
    width: 100%;
    height: 200px;
    line-height: 200px;
    /* background-color: aqua; */
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}
.little_table3  .box3{
    overflow: hidden;
}
.little_table3 .box3 .one{
    width: 20%;
    height: 170px;
    float: left;
    /* margin-left: 56px; */
    /* margin-left: 55px; */
    margin-left: 4%;
    border: 1px solid #ccc;
}
/* border:1px solid #0ff;width:1100px; height: 180px;margin:50px auto 0; */
.div3{
    position: relative;
    overflow: hidden;
    /* width: calc(100% - 150px); */
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.div3 ul{
    position: absolute;
}
.div3 ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 20px;
    height: 170px;
}
.div3 ul li img{width:100%;}
.div3_ ul li img{width:100%;}
.div3_{
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    position:relative;
}
.div3_ ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0;
    height: 170px;
    margin-right: 30px;
}
/*  */
#container .content .list4{
    width: 100%;
<!-- height: 772px; -->
}
#container .content .list4 .banner4{
    /* width: 80%; */
    height: 600px;
    text-align: center;
}
#container .content .list4 .banner4 img{
    width: 100%;
    height: 100%;
}
#container .content .list4 .banner4 .lunbo4{
    width: 100%;
    height: 200px;
}
#container .content .list4 .banner4 #item4{
    width: 100%;
    height: 100%;
    position: relative;
}
#item4 .item4{
    position: absolute;
    /* opacity: 0; */
    transition: all 1s;
    width: 100%;
    height: 100%;
}
#item4 .item4 img{
    width: 100%;
    height: 100%;
}
.lunbo4{
    width: 100%;
}
.table4{
    width: 100%;
    height: 560px;
    /* margin: 20px auto; */
    position: relative;
}
#item4{
    width: 100%;
    height: 100%;
}
.item4{
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.item4.active4{
    opacity:1;
}
img{
    width: 100%;
    height: 100%;
}
.lunbo4:hover #btn-left4{
    /*鼠标滑入，显示图标*/
    opacity: 1;
}
.lunbo4:hover #btn-right4{
    opacity: 1;
}
.circle4{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid white;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
    margin: 5px;
}
.white4{
    background-color: #FFFFFF;
}
.little_table4{
    box-sizing: border-box;
    /* margin-top: 1%; */
    width: 100%;
    height: 200px;
    line-height: 200px;
    /* background-color: aqua; */
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}
.little_table4  .box4{
    overflow: hidden;
}
.little_table4 .box4 .one{
    width: 20%;
    height: 170px;
    float: left;
    margin-left: 4%;
    border: 1px solid #ccc;
}
/* border:1px solid #0ff;width:1100px; height: 180px;margin:50px auto 0; */
.div4{
    position: relative;
    overflow: hidden;
    /* width: calc(100% - 150px); */
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.div4 ul{
    position: absolute;
}
.div4 ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0px;
    height: 170px;
    margin-right: 30px;
}
.div4 ul li img{width:100%;}
.div4_ ul li img{width:100%;}
.div4_{
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
}
.div4_ ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0;
    height: 170px;
    margin-right: 30px;
}
/*  */
#container .content .list5{
    width: 100%;
<!-- height: 772px; -->
}
#container .content .list5 .banner5{
    /* width: 80%; */
    height: 600px;
    text-align: center;
}
#container .content .list5 .banner5 img{
    width: 100%;
    height: 100%;
}
#container .content .list5 .banner5 .lunbo5{
    width: 100%;
    height: 200px;
}
#container .content .list5 .banner5 #item5{
    width: 100%;
    height: 100%;
    position: relative;
}
#item5 .item5{
    position: absolute;
    /* opacity: 0; */
    transition: all 1s;
    width: 100%;
    height: 100%;
}
#item5 .item5 img{
    width: 100%;
    height: 100%;
}
.lunbo5{
    width: 100%;
}
.table5{
    width: 100%;
    height: 560px;
    /* margin: 20px auto; */
    position: relative;
}
#item5{
    width: 100%;
    height: 100%;
}
.item5{
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.item5.active5{
    opacity:1;
}
img{
    width: 100%;
    height: 100%;
}
.lunbo5:hover #btn-left5{
    /*鼠标滑入，显示图标*/
    opacity: 1;
}
.lunbo5:hover #btn-right5{
    opacity: 1;
}
.circle5{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid white;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
    margin: 5px;
}
.white5{
    background-color: #FFFFFF;
}
.little_table5{
    box-sizing: border-box;
    /* margin-top: 1%; */
    width: 100%;
    height: 200px;
    line-height: 200px;
    /* background-color: aqua; */
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}
.little_table5  .box5{
    overflow: hidden;
}
.little_table5 .box5 .one{
    width: 20%;
    height: 170px;
    float: left;
    /* margin-left: 56px; */
    /* margin-left: 55px; */
    margin-left: 4%;
    border: 1px solid #ccc;
}
/* border:1px solid #0ff;width:1100px; height: 180px;margin:50px auto 0; */
.div5{
    position: relative;
    overflow: hidden;
    /* width: calc(100% - 150px); */
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.div5 ul{
    position: absolute;
}
.div5 ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 20px;
    height: 170px;
}
.div5 ul li img{width:100%;}
.div5_ ul li img{width:100%;}
.div5_{
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    position:relative;
}
.div5_ ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0;
    height: 170px;
    margin-right: 30px;
}
/*  */
#container .content .list6{
    width: 100%;
}
#container .content .list6 li {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
#container .content .list6 .banner6{
    /* width: 80%; */
    height: 600px;
    text-align: center;
}
#container .content .list6 .banner6 img{
    width: 100%;
    height: 100%;
}
#container .content .list6 .banner6 .lunbo6{
    width: 100%;
    height: 200px;
}

#container .content .list6 .banner6 #item6{
    width: 100%;
    height: 100%;
    position: relative;
}
#item6 .item6{
    position: absolute;
    /* opacity: 0; */
    transition: all 1s;
    width: 100%;
    height: 100%;
}
#item6 .item6 img{
    width: 100%;
    height: 100%;
}
.lunbo6{
    width: 100%;
}
.table6{
    width: 100%;
    height: 560px;
    /* margin: 20px auto; */
    position: relative;
}
#item6{
    width: 100%;
    height: 100%;
}
.item6{
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.item6.active6{
    opacity:1;
}
img{
    width: 100%;
    height: 100%;
}
.lunbo6:hover #btn-left6{
    /*鼠标滑入，显示图标*/
    opacity: 1;
}
.lunbo6:hover #btn-right6{
    opacity: 1;
}
.circle6{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid white;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
    margin: 5px;
}
.white6{
    background-color: #FFFFFF;
}
.little_table6{
    box-sizing: border-box;
    /* margin-top: 1%; */
    width: 100%;
    height: 200px;
    line-height: 200px;
    /* background-color: aqua; */
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}
.little_table6  .box6{
    overflow: hidden;
}
.little_table6 .box6 .one{
    width: 20%;
    height: 170px;
    float: left;
    /* margin-left: 56px; */
    /* margin-left: 55px; */
    margin-left: 4%;
    border: 1px solid #ccc;
}
/* border:1px solid #0ff;width:1100px; height: 180px;margin:50px auto 0; */
.div6{
    position: relative;
    overflow: hidden;
    /* width: calc(100% - 150px); */
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.div6 ul{
    position: absolute;
}
.div6 ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0px;
    height: 170px;
    margin-right: 30px;
}
.div6 ul li img{width:100%;}
.div6_ ul li img{width:100%;}
.div6_{
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
}
.div6_ ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0;
    height: 170px;
    margin-right: 30px;
}
/*  */
#container .content .list7{
    width: 100%;
<!-- height: 772px; -->
}
#container .content .list7 .banner7{
    /* width: 80%; */
    height: 600px;
    text-align: center;
}
#container .content .list7 .banner7 img{
    width: 100%;
    height: 100%;
}
#container .content .list7 .banner7 .lunbo7{
    width: 100%;
    height: 200px;
}
#container .content .list7 .banner7 #item7{
    width: 100%;
    height: 100%;
    position: relative;
}
#item7 .item7{
    position: absolute;
    /* opacity: 0; */
    transition: all 1s;
    width: 100%;
    height: 100%;
}
#item7 .item7 img{
    width: 100%;
    height: 100%;
}
.lunbo7{
    width: 100%;
}
.table7{
    width: 100%;
    height: 560px;
    /* margin: 20px auto; */
    position: relative;
}
#item7{
    width: 100%;
    height: 100%;
}
.item7{
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.item7.active7{
    opacity:1;
}
img{
    width: 100%;
    height: 100%;
}
.lunbo7:hover #btn-left7{
    /*鼠标滑入，显示图标*/
    opacity: 1;
}
.lunbo7:hover #btn-right7{
    opacity: 1;
}
.circle7{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid white;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
    margin: 5px;
}
.white7{
    background-color: #FFFFFF;
}

.little_table7{
    box-sizing: border-box;
    /* margin-top: 1%; */
    width: 100%;
    height: 200px;
    line-height: 200px;
    /* background-color: aqua; */
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}
.little_table7  .box7{
    overflow: hidden;
}
.little_table7 .box7 .one{
    width: 20%;
    height: 170px;
    float: left;
    /* margin-left: 56px; */
    /* margin-left: 55px; */
    margin-left: 4%;
    border: 1px solid #ccc;
}
/* border:1px solid #0ff;width:1100px; height: 180px;margin:50px auto 0; */
.div7{
    position: relative;
    overflow: hidden;
    /* width: calc(100% - 150px); */
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.div7 ul{
    position: absolute;
}
.div7 ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 20px;
    height: 170px;
}
.div7 ul li img{width:100%;}
.div7_ ul li img{width:100%;}
.div7_{
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    position:relative;
}
.div7_ ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0;
    height: 170px;
    margin-right: 30px;
}
/*  */
#container .content .list8{
    width: 100%;
    height: 772px;
}
#container .content .list8 .banner8{
    /* width: 80%; */
    height: 600px;
    text-align: center;
}
#container .content .list8 .banner8 img{
    width: 100%;
    height: 100%;
}
#container .content .list8 .banner8 .lunbo8{
    width: 100%;
    height: 200px;
}
#container .content .list8 .banner8 #item8{
    width: 100%;
    height: 100%;
    position: relative;
}
#item8 .item8{
    position: absolute;
    /* opacity: 0; */
    transition: all 1s;
    width: 100%;
    height: 100%;
}
#item8 .item8 img{
    width: 100%;
    height: 100%;
}
.lunbo8{
    width: 100%;
}
.table8{
    width: 100%;
    height: 560px;
    /* margin: 20px auto; */
    position: relative;
}
#item8{
    width: 100%;
    height: 100%;
}
.item8{
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.item8.active8{
    opacity:1;
}
img{
    width: 100%;
    height: 100%;
}
.lunbo8:hover #btn-left8{
    /*鼠标滑入，显示图标*/
    opacity: 1;
}
.lunbo8:hover #btn-right8{
    opacity: 1;
}
.circle8{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid white;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
    margin: 5px;
}
.white8{
    background-color: #FFFFFF;
}
.little_table8{
    box-sizing: border-box;
    /* margin-top: 1%; */
    width: 100%;
    height: 200px;
    line-height: 200px;
    /* background-color: aqua; */
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}
.little_table8  .box8{
    overflow: hidden;
}
.little_table8 .box8 .one{
    width: 20%;
    height: 170px;
    float: left;
    /* margin-left: 56px; */
    /* margin-left: 55px; */
    margin-left: 4%;
    border: 1px solid #ccc;
}
/* border:1px solid #0ff;width:1100px; height: 180px;margin:50px auto 0; */
.div8{
    position: relative;
    overflow: hidden;
    /* width: calc(100% - 150px); */
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.div8 ul{
    position: absolute;
}
.div8 ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 20px;
    height: 170px;
}
.div8 ul li img{width:100%;}
.div8_ ul li img{width:100%;}
.div8_{
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
}
.div8_ ul li{
    list-style: none;
    width:280px;float: left;
    padding: 10px 0;
    height: 170px;
    margin-right: 30px;
}