/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/1418(这个说明仅在演示里会看到,下载的源码里没有)*//* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php *//* The Nivo Slider styles *//* #container {    width:100%;    height:100%;    overflow:hidden;    position:fixed;    top:0px;    left:0px;}.nivoSlider {    position:fixed;    top:-16px;    left:0px;}.nivoSlider img {position:absolute;    top:0px;    left:0px;} */.nivoSlider {    position:relative;    width:100%;    height:auto;    overflow: hidden;}.nivoSlider img {    position:absolute;    top:0px;    left:0px;    max-width: none;}.nivo-main-image {    display: block !important;    position: relative !important;    width: 100% !important;}/* If an image is wrapped in a link */.nivoSlider a.nivo-imageLink {    position:absolute;    top:0px;    left:0px;    width:100%;    height:100%;    border:0;    padding:0;    margin:0;    z-index:6;    display:none;    background:white;    filter:alpha(opacity=0);    opacity:0;}/* The slices and boxes in the Slider */.nivo-slice {    display:block;    position:absolute;    z-index:5;    height:100%;    top:0;}.nivo-box {    display:block;    position:absolute;    z-index:5;    overflow:hidden;}.nivo-box img { display:block; }/* Caption styles */.nivo-caption {    position:absolute;    left:0px;    bottom:0px;    color:#fff;    width:100%;    z-index:8;    padding: 5px 10px;    opacity: 1;    overflow: hidden;    display: none;    -moz-opacity: 1;    filter:alpha(opacity=100);    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */    -moz-box-sizing: border-box;    /* Firefox, other Gecko */    box-sizing: border-box;         /* Opera/IE 8+ */}.nivo-caption p {    padding:5px;    margin:0;}.nivo-caption a {    display:inline !important;}.nivo-html-caption {    display:none;}/* Direction nav styles (e.g. Next & Prev) */.nivo-directionNav a {    position:absolute;    top:45%;    z-index:9;    cursor:pointer;}.nivo-prevNav {    left:0px;}.nivo-nextNav {    right:0px;}/* Control nav styles (e.g. 1,2,3...) */.nivo-controlNav {    text-align:center;    padding: 15px 0;}.nivo-controlNav a {    cursor:pointer;}.nivo-controlNav a.active {    font-weight:bold;}/* ------------------------------Default Theme---------------------------------*/.slider-direction {    position: absolute;    left:0;    top:0;    width: 100%;    background: none;    color: #fff;    font-size: 16px;    z-index: 999;    display: none;}/* If an image is wrapped in a link */.nivoSlider a.nivo-imageLink {    position:absolute;    top:0px;    left:0px;    width:100%;    height:100%;    border:0;    padding:0;    margin:0;    z-index:6;    display:none;    background:white;    filter:alpha(opacity=0);    opacity:0;}/* The slices and boxes in the Slider */.nivo-slice {    display:block;    position:absolute;    z-index:5;    height:100%;    top:0;}.nivo-box {    display:block;    position:absolute;    z-index:5;    overflow:hidden;}.nivo-box img { display:block; }.nivo-caption {  position:absolute;    left:0;    top:0;    color:#fff;    width:100%;    height: 100%;    z-index:8;}.nivo-main-image {    display: block !important;    position: relative !important;    width: 100% !important;}/* The slices and boxes in the Slider */.nivo-slice {    display:block;    position:absolute;    z-index:5;    height:100%;    top:0;}.nivo-box {    display:block;    position:absolute;    z-index:5;    overflow:hidden;}@-webkit-keyframes myfirst {  from {width: 0;}  to {width: 100%;} } @keyframes myfirst {  from {width: 0;}  to {width: 100%;} } .slider-progress.pos_hover{  -webkit-animation-play-state: paused;  animation-play-state: paused; }/* ------------------------------custom slider---------------------------------*/.slider-progress{    position:absolute;    bottom: 0;    left: 0;    background-color: #E27B8C;    height: 3px;    -webkit-animation: myfirst 5000ms ease-in-out;    -moz-animation: myfirst 5000ms ease-in-out;    -ms-animation: myfirst 5000ms ease-in-out;    animation: myfirst 5000ms ease-in-out;}.s-tb{    display: table;    height: 100%;    width: 100%;    float: left;}.s-tb-c{    display: table-cell;    vertical-align: middle;}.t-cn{text-align: center}.t-lft{text-align: left}.t-lfr{text-align: right}/* ------------------------------slider animation---------------------------------*//* -------------- Home 1  ---------------- */.slider-area.home1 .slider-1 .title1{    -webkit-animation: boingInUp 1200ms ease-in-out;    -moz-animation: boingInUp 1200ms ease-in-out;    -ms-animation: boingInUp 1200ms ease-in-out;    animation: boingInUp 1200ms ease-in-out;}.slider-area.home1 .slider-1 .title2{    -webkit-animation: puffIn 2000ms ease-in-out;    -moz-animation: puffIn 2000ms ease-in-out;    -ms-animation: puffIn 2000ms ease-in-out;    animation: puffIn 2000ms ease-in-out;}.slider-area.home1 .slider-1 .title3{    -webkit-animation: spaceInDown 2000ms ease-in-out;    -moz-animation: spaceInDown 2000ms ease-in-out;    -ms-animation: spaceInDown 2000ms ease-in-out;    animation: spaceInDown 2000ms ease-in-out;}.slider-area.home1 .slider-1 a span {    -webkit-animation: tinDownIn 2000ms ease-in-out;    -moz-animation: tinDownIn 2000ms ease-in-out;    -ms-animation: tinDownIn 2000ms ease-in-out;    animation: tinDownIn 2000ms ease-in-out;}.slider-area.home1 .slider-2 .title1{    -webkit-animation: slideDownRetourn 1000ms ease-in-out;    -moz-animation: slideDownRetourn 1000ms ease-in-out;    -ms-animation: slideDownRetourn 1000ms ease-in-out;    animation: slideDownRetourn 1000ms ease-in-out;}.slider-area.home1 .slider-2 .title2{    -webkit-animation: puffIn 2200ms ease-in-out;    -moz-animation: puffIn 2200ms ease-in-out;    -ms-animation: puffIn 2200ms ease-in-out;    animation: puffIn 2200ms ease-in-out;}.slider-area.home1 .slider-2 .title3{    -webkit-animation: spaceInDown 2000ms ease-in-out;    -moz-animation: spaceInDown 2000ms ease-in-out;    -ms-animation: spaceInDown 2000ms ease-in-out;    animation: spaceInDown 2000ms ease-in-out;}.slider-area.home1 .slider-2 a span {    -webkit-animation: perspectiveDownRetourn 2000ms ease-in-out;    -moz-animation: perspectiveDownRetourn 2000ms ease-in-out;    -ms-animation: perspectiveDownRetourn 2000ms ease-in-out;    animation: perspectiveDownRetourn 2000ms ease-in-out;}/* -------------- Home 2  ---------------- */.slider-area.home2 .slider-1 img{    -webkit-animation: boingInUp 1200ms ease-in-out;    -moz-animation: boingInUp 1200ms ease-in-out;    -ms-animation: boingInUp 1200ms ease-in-out;    animation: boingInUp 1200ms ease-in-out;}.slider-area.home2 .slider-2 img {    -webkit-animation: boingInUp 2000ms ease-in-out;    -moz-animation: boingInUp 2000ms ease-in-out;    -ms-animation: boingInUp 2000ms ease-in-out;    animation: boingInUp 2000ms ease-in-out;}.slider-area.home2 .slider-1 .title1{    -webkit-animation: boingInUp 1200ms ease-in-out;    -moz-animation: boingInUp 1200ms ease-in-out;    -ms-animation: boingInUp 1200ms ease-in-out;    animation: boingInUp 1200ms ease-in-out;}.slider-area.home2 .slider-1 .title2{    -webkit-animation: puffIn 2000ms ease-in-out;    -moz-animation: puffIn 2000ms ease-in-out;    -ms-animation: puffIn 2000ms ease-in-out;    animation: puffIn 2000ms ease-in-out;}.slider-area.home2 .slider-1 .title3{    -webkit-animation: spaceInDown 2000ms ease-in-out;    -moz-animation: spaceInDown 2000ms ease-in-out;    -ms-animation: spaceInDown 2000ms ease-in-out;    animation: spaceInDown 2000ms ease-in-out;}.slider-area.home2 .slider-1 a span {    -webkit-animation: tinDownIn 2000ms ease-in-out;    -moz-animation: tinDownIn 2000ms ease-in-out;    -ms-animation: tinDownIn 2000ms ease-in-out;    animation: tinDownIn 2000ms ease-in-out;}.slider-area.home2 .slider-2 .title1{    -webkit-animation: slideDownRetourn 1000ms ease-in-out;    -moz-animation: slideDownRetourn 1000ms ease-in-out;    -ms-animation: slideDownRetourn 1000ms ease-in-out;    animation: slideDownRetourn 1000ms ease-in-out;}.slider-area.home2 .slider-2 .title2{    -webkit-animation: puffIn 2200ms ease-in-out;    -moz-animation: puffIn 2200ms ease-in-out;    -ms-animation: puffIn 2200ms ease-in-out;    animation: puffIn 2200ms ease-in-out;}.slider-area.home2 .slider-2 .title3{    -webkit-animation: spaceInDown 2000ms ease-in-out;    -moz-animation: spaceInDown 2000ms ease-in-out;    -ms-animation: spaceInDown 2000ms ease-in-out;    animation: spaceInDown 2000ms ease-in-out;}.slider-area.home2 .slider-2 a span {    -webkit-animation: tinDownIn 2000ms ease-in-out;    -moz-animation: tinDownIn 2000ms ease-in-out;    -ms-animation: tinDownIn 2000ms ease-in-out;    animation: tinDownIn 2000ms ease-in-out;}/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/1418(这个说明仅在演示里会看到,下载的源码里没有)*/