
  *{margin:0;padding:0;}
  #box {
    width: 100%;
    margin: 20px auto;
    margin-left:-100px;
  }
  .slide {
    height: 630px;
    position: relative;
  }
  .slide ul {
    height: 100%;
  }
  .slide li {
    position: absolute;
    left:200px;
    top:0;
  }
  .slide li img{
    width:330px;
    height: 236px;
  }
  .arraw {
    opacity: 0;
  }
  .arraw a {
    width: 44px;
    height: 56px;
    display: block;
    position: absolute;
    z-index: 999;
  }
  .dai{
    background: url(../images/right_16.png) no-repeat;
    top: 55%;
    right:21%;
   /* right: -10px;*/
    /*opacity: .5;*/
    /*filter: alpha(opacity=50);*/
  }
  .xiao {
    background: url(../images/left_16.png) no-repeat;
    top: 55%;
    left:36%;
  }
  

/*
 * 08
 */
	.box2{
				margin-top:80px;
				width: 100%;
				height: 340px;
				position: relative;
				overflow: hidden;
			}
			
			.list2{
				width: 1200px;
				height: 300px;
				overflow: hidden;
				position: absolute;
				left: 50%;
				margin-left: -440px;
			}
			
			.btn{
				position: absolute;
				top: 73%;
				width: 60px;
				height: 80px;
			}
			.next{
				 background: url(../images/left_24.png) no-repeat;
				 left:30%;
				 z-index:999;
			}
			.prev{
				background: url(../images/right_24.png) no-repeat;		
				right:30%;		
				z-index:999;
			}
			.list2 li{
				position: absolute;
				top: 0;
				left: 0;
				list-style: none;
				transition: all 0.3s ease-out;
			}
			.lidt2 li img{
				width: 300px;
				height: 200px;
				border:none;
				float: left;
			}
			.p1{
				transform:translate3d(0px,0,0) scale(0.81);
				z-index: 1;
				opacity: 0.4;
			}
			.p2{
				transform:translate3d(50px,0,0) scale(0.81);
				opacity: 0.6;
				z-index: 2;
			}
			.p3{
				transform:translate3d(110px,0,0) scale(0.81);
				z-index: 3;
				opacity: 0.7;
			}
			.p4{
				transform:translate3d(200px,0,0) scale(0.81);
				transform-origin:0 50%;
				opacity: 0.8;
				z-index: 4;
			}
			.p5{
				transform:translate3d(265px,0,0) scale(1);
				opacity:1;
				z-index:5;
			}
			.p6{
				transform:translate3d(330px,0,0) scale(0.81);
				transform-origin:100% 50%;
				z-index:4;
				opacity:0.8;
			}
			.p7{
				transform:translate3d(420px,0,0) scale(0.81);
				z-index:3;
				opacity:0.7;
			}
			.p8{
				transform:translate3d(470px,0,0) scale(0.81);
				z-index:2;
				opacity:0.6;
			}
			.p9{
				transform:translate3d(300px,0,0) scale(0.81);
				z-index:1;
				opacity:0.4;
			}
			.p10{
				transform:translate3d(400px,0,0) scale(0.81);
				z-index:1;
				opacity:0.4;
			}
			
			.buttons{
				position: absolute;
				width: 1200px;
				height: 30px;
				bottom: 0;
				left: 50%;
				margin-left: -600px;
				text-align: center;
				padding-top: 10px;
			}
			.buttons a{
				display: inline-block;
				width: 35px;
				height: 5px;
				padding-top: 4px;
				cursor: pointer;
			}
			.buttons span{
				display: block;
				width: 35px;
				height: 1px;
				background: red;
			}
			.blue{
				background: blue;
			}