* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}

.container {width: 100%; height: unset; overflow: hidden;}
.slide_all {margin: 0 auto; height: 400px; position: relative;}
.slide_wrap { }
.slide_body {width: 100%;}
.slide {line-height:1.8; width: 1008px; color: #444; text-align: center;}
.slide img {display:block;}
.bx-viewport {width: 3024px !important; position: absolute !important; left: 50%; margin-left: -1512px; height:400px; margin-bottom:0px;}
.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #fff; border-radius: 10px; margin:10px 2px 0 2px;
}
.bx-pager-item a.active {}
.bx-controls-direction a{text-decoration: none; color: #fff; padding:0 0px;}
.bx-controls {position: relative;bottom: 5px;z-index: 100;width: 100%;}

.slide{transition:all .3s;opacity:.5;}
.slide.active{ opacity:1;}