/*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/4453(此说明只在演示页面有,不在下载的源码里)*/.sl-slider-wrapper {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	margin: 0 auto;	overflow: hidden;}/* Custom navigation arrows */.nav-arrows span {	position: absolute;	z-index: 99;	cursor: pointer;	font-size: 0;	color: rgba(255,255,255,0.8);	align-items: center;	display: flex; height: 100%;}.nav-arrows span:hover{color: #4ab242;}.nav-arrows span.nav-arrow-prev{left: 1%;}.nav-arrows span.nav-arrow-next{right: 1%;}.nav-arrows span i {  background: #4ab242;  padding: 10px 0 10px 10px;  color: #ffffff;  font-size: 24px;  text-align: center;}.nav-arrows span i:hover {background: #ffffff; color: #4ab242}.nav-arrows span.nav-arrow-next i{padding: 10px 10px 10px 0;}/* Custom navigation dots */.nav-dots {	text-align: center;	position: absolute;	bottom: 4%;	width: 100%;	left: 0;	z-index: 1000;}.nav-dots.style-2 {bottom: 7%;}.nav-dots span {background: #1b1b1b; position: relative; display: inline-block; margin: 0 2px 0; width:15px; height:5px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; }.nav-dots span.nav-dot-current{background: #4ab242; width: 25px;}.sl-slide h1 {	letter-spacing: 8px;	text-transform: capitalize;	font-weight: 800;}.sl-slider h5{position: relative; padding-left: 40px; display: inline-block; background: #4ab242;}.sl-slider h5:before{content: ""; position: absolute; background: #ffffff; left: 0; top: 50%; margin-top: -1px; width: 30px; height: 2px; }/* Custom background colors for slides in first demo *//* Animations for content elements */@-webkit-keyframes roll{	0% {-webkit-transform: translateX(500px) rotate(360deg);}	100% {-webkit-transform: translateX(0px) rotate(0deg);}}@-moz-keyframes roll{	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}}@-o-keyframes roll{	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}}@-ms-keyframes roll{	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}}@keyframes roll{	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}}@-webkit-keyframes moveUp{	0% {-webkit-transform: translateY(40px);}	100% {-webkit-transform: translateY(0px);}}@-moz-keyframes moveUp{	0% {-moz-transform: translateY(40px);}	100% {-moz-transform: translateY(0px);}}@-o-keyframes moveUp{	0% {-o-transform: translateY(40px);}	100% {-o-transform: translateY(0px);}}@-ms-keyframes moveUp{	0% {-ms-transform: translateY(40px);}	100% {-ms-transform: translateY(0px);}}@keyframes moveUp{	0% {transform: translateY(40px);}	100% {transform: translateY(0px);}}@-webkit-keyframes fadeIn{	0% {opacity: 0;}	100% {opacity: 1;}}@-moz-keyframes fadeIn{	0% {opacity: 0;}	100% {opacity: 1;}}@-o-keyframes fadeIn{	0% {opacity: 0;}	100% {opacity: 1;}}@-ms-keyframes fadeIn{	0% {opacity: 0;}	100% {opacity: 1;}}@keyframes fadeIn{	0% {opacity: 0;}	100% {opacity: 1;}}@-webkit-keyframes scaleDown{	0% {-webkit-transform: scale(1);}	100% {-webkit-transform: scale(0.5);}}@-moz-keyframes scaleDown{	0% {-moz-transform: scale(1);}	100% {-moz-transform: scale(0.5);}}@-o-keyframes scaleDown{	0% {-o-transform: scale(1);}	100% {-o-transform: scale(0.5);}}@-ms-keyframes scaleDown{	0% {-ms-transform: scale(1);}	100% {-ms-transform: scale(0.5);}}@keyframes scaleDown{	0% {transform: scale(1);}	100% {transform: scale(0.5);}}@-webkit-keyframes fadeOut{	0% {opacity: 1;}	100% {opacity: 0;}}@-moz-keyframes fadeOut{	0% {opacity: 1;}	100% {opacity: 0;}}@-o-keyframes fadeOut{	0% {opacity: 1;}	100% {opacity: 0;}}@-ms-keyframes fadeOut{	0% {opacity: 1;}	100% {opacity: 0;}}@keyframes fadeOut{	0% {opacity: 1;}	100% {opacity: 0;}}.sl-slider {	position: absolute;	top: 0;	left: 0;}/* Slide wrapper and slides */.sl-slide,.sl-slides-wrapper,.sl-slide-inner {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;} .sl-slide {	z-index: 1;}/* The duplicate parts/slices */.sl-content-slice {	overflow: hidden;	position: absolute;	-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;	box-sizing: content-box;	background: #fff;	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden;	-o-backface-visibility: hidden;	-ms-backface-visibility: hidden;	backface-visibility: hidden;	opacity : 1;}/* Horizontal slice */.sl-slide-horizontal .sl-content-slice {	width: 100%;	height: 50%;	left: -200px;	-webkit-transform: translateY(0%) scale(1);	-moz-transform: translateY(0%) scale(1);	-o-transform: translateY(0%) scale(1);	-ms-transform: translateY(0%) scale(1);	transform: translateY(0%) scale(1);}.sl-slide-horizontal .sl-content-slice:first-child {	top: -200px;	padding: 200px 200px 0px 200px;}.sl-slide-horizontal .sl-content-slice:nth-child(2) {	top: 50%;	padding: 0px 200px 200px 200px;}/* Vertical slice */.sl-slide-vertical .sl-content-slice {	width: 50%;	height: 100%;	top: -200px;	-webkit-transform: translateX(0%) scale(1);	-moz-transform: translateX(0%) scale(1);	-o-transform: translateX(0%) scale(1);	-ms-transform: translateX(0%) scale(1);	transform: translateX(0%) scale(1);}.sl-slide-vertical .sl-content-slice:first-child {	left: -200px;	padding: 200px 0px 200px 200px;}.sl-slide-vertical .sl-content-slice:nth-child(2) {	left: 50%;	padding: 200px 200px 200px 0px;}/* Content wrapper *//* Width and height is set dynamically */.sl-content-wrapper {	position: absolute;}.sl-content {	width: 100%;	height: 100%;	background: #fff;}/*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/4453(此说明只在演示页面有,不在下载的源码里)*/