.slide-carousel { width: 100%; height: 100%; position: relative; /* overflow: hidden; */ } .slide-carousel .item-list { position: relative; height: 328px; width: 100%; /* overflow: hidden; */ } .slide-carousel .item-list li .item-content { width: 100%; height: 100%; box-shadow: 0 0 20px 1px rgba(109, 109, 109, 0.30); } .slide-carousel .item-list li .item-content a { display: block; width: 100%; height: 100%; } .slide-carousel .item-list li .item-content a .cover-img { width: 100%; height: 100%; } .slide-carousel .indicator-list { padding-top: 10px; text-align: center; width: 100%; height: 2px; margin-bottom: 5px; } .slide-carousel .indicator-list a { display: inline-block; width:12px; height:12px; margin-left: 5px; border-radius: 50%; background: #FFF; opacity: .3; transition: all .3s linear; cursor: pointer; background: #999 \0; } .slide-carousel .indicator-list a.selected { opacity: 1; background: #fff \0; } .slide-carousel .controls a { cursor: pointer; position: absolute; z-index: 2; width: 40px; height: 40px; } .item-prev { top: 55%; left: -45px; margin-top: -42px; } .item-prev{ background: url(https://pic.huodongjia.com/static/images/icon_arrow_left_normal.png) no-repeat; background-size: 100% 100%; } .item-prev:hover{ background: url(https://pic.huodongjia.com/static/images/icon_arrow_left_hover.png) no-repeat; background-size: 100% 100%; } .item-next { top: 55%; right: -45px; margin-top: -42px; } .item-next{ background: url(https://pic.huodongjia.com/static/images/icon_arrow_left_normal-1.png) no-repeat; background-size: 100% 100%; } .item-next:hover{ background: url(https://pic.huodongjia.com/static/images/icon_arrow_left_right.png)no-repeat; background-size: 100% 100%; } .slide-carousel .desc { height: 72px; width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 99; } .slide-carousel .desc strong { color: #fff; font-size: 20px; line-height: 72px; margin-left: 20px; /* overflow: hidden; */ white-space: nowrap; text-overflow: ellipsis; } .slide-carousel:hover .controls { opacity: 1; transition: opacity 0.5s ease; } /*.header{ background: -webkit-linear-gradient(bottom, #33BBFF, #177EE6); background: #177EE6 \0; padding: 30px 0; margin-bottom: 50px; }*/ .header .banner { width: 1200px; margin: 0 auto; } .header .banner .slide-3d .desc { display: none; } .header .banner .slide-3d .item-list li { width: 750px; height: 300px; transition: all 0.5s linear; position: absolute; top: 14px; left: 450px; list-style: none; opacity: 0; } .header .banner .slide-3d .item-list li.item0 { left: 0px; } .header .banner .slide-3d .item-list li.item1 { left: 0; opacity: .5; z-index: 2; } .header .banner .slide-3d .item-list li.item2 { top: 0; width: 900px; height: 328px; left: 150px; z-index: 3; opacity: 1; } .header .banner .slide-3d .item-list li.item3 { left: 450px; z-index: 2; opacity: .5; }