﻿		/* css 重置 */
		*{margin:0; padding:0; list-style:none; }

		img{ border:0;  }
		a{ text-decoration:none; color:#333;  }

		/* 本例子css */
		.slideBox{
		 width:100%;
		  height:100%; 
		  overflow:hidden; 
			position: relative;
		     }
		.slideBox .hd{ 
			width: 100%;
			/*height:35px; */
			overflow:hidden; 
			position:absolute; 

			bottom:50px; 
			z-index:1; 
			text-align: center;
		}
	
		.slideBox .hd ul li{
		 /*float:left; */
		 display: inline-block;
			margin-right:10px; 
			 width:15px; 
			 height:15px;
			  line-height:14px; 
			 text-align:center;
			 border-radius: 100%;
			  background:#fff; 
			  cursor:pointer;
			  position: relative;
			  z-index: 10;
			   }
		.slideBox .hd ul li.on{ background:#0e6eaa; color:#fff; }
		.slideBox .bd .tempWrap{
			width: 100%;
			height: 100%;
		}
		.slideBox .bd  ul {
			height: 100%;
		}
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ 
			zoom:1; 
			vertical-align:middle;
			height: 100%;
			width: 100%;
			 }
		.slideBox .bd img{
		 width:100%;
		 height: 100%;
		
		   }


		.slideBox .bd  li img{
    animation: scale 7s;

    -webkit-transition: 1s linear;
    -moz-transition: 1s linear;
    -ms-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
}
@keyframes scale {
    0% {
        -webkit-transform: scale(1.02);
        transform: scale(1.1);
    }
    100% {
       -webkit-transform: scale(1.02);
        transform: scale(1.2);
        opacity: 1;
    }
}
@-webkit-keyframes scale {
    0% {
      -webkit-transform: scale(1.02);
        transform: scale(1.1);
    }
    100% {
     -webkit-transform: scale(1.02);
        transform: scale(1.2);
        opacity: 1;
    }
}

.slideBox .prev{
	width: 112px;
	height: 112px;
	display: block;
    position: absolute;
    background-color: #f2efed;
    left:14%;
    background: url(../images/left.png) no-repeat;
    top: 50%;
    /*margin-top: -280px;*/

}

.slideBox .next{
	width: 112px;
	height: 112px;
	display: block;
    position: absolute;
    right: 10%;
    top: 50%;
    background-color: #f2efed;
    /*margin-top: -280px;*/
    background: url(../images/right.png) no-repeat;
}