/* 本例子css */
		.picScroll-left{ overflow:hidden; position:relative;}
		.picScroll-left .prev,.picScroll-left .next{ display:block;  width:40px; height:40px;overflow:hidden;cursor:pointer; z-index: 2;opacity: 0.5;}
		.picScroll-left .prev {background:url(btn_l.png) 0 0 no-repeat;position: absolute;top: 65px;left: 10px;}
		.picScroll-left .next { background:url(btn_r.png) 0 0 no-repeat;position: absolute;top: 65px;right: 20px;}
		.picScroll-left .prev:hover {opacity: 1;}
		.picScroll-left .next:hover {opacity: 1;}
		.picScroll-left .bd{ padding-left: 6px;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center;width: 280px;height: 170px;overflow: hidden; }
		.picScroll-left .bd ul li .pic img {width: 280px;height: 170px;transform: scale(1,1);}
		.picScroll-left .bd ul li .pic .active{ transition: 0.5s;transform: scale(1.1,1.1);}
		.normal {transition: 0.5s;transform: scale(1,1);}
		.picScroll-left .bd ul li .title{ line-height:30px;   }
		.picScroll-left .bd ul li .title a {line-height:30px;display: block;}
		

		/* 焦点图css */
		.slideBox{ width:650px; height:380px; overflow:hidden; position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:25px; bottom:7px; z-index:1; }
		.slideBox .prev,.slideBox .next {display:block;  width:40px; height:40px;overflow:hidden;cursor:pointer; z-index: 2;opacity: 0.5;}
		.slideBox .prev {;background:url(btn_l.png) 0 0 no-repeat;position: absolute;top: 45%;left: 0px;}
		.slideBox .next { background:url(btn_r.png) 0 0 no-repeat;position: absolute;top: 45%;right: 2px;}
		.slideBox .prev:hover {opacity: 1;}
		.slideBox .next:hover {opacity: 1;}
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius: 50%; }
		.slideBox .hd ul li.on{ background:#ea922b; color:#fff;position: relative;}
		.slideBox .bd ul li p {color: #fff;position: absolute;bottom: -10px;width: 650px;background: rgba(0,0,0,.5);height: 35px;line-height: 35px;padding-left: 10px;}
		.slideBox .bd ul li a:hover p {color:#088fe4;} 
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:650px; height:380px; display:block;  }
		

/*手风琴*/
		.bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		#wrap{
			width: 1000px;
			overflow: hidden;
			top:0; left:0; right:0; bottom:0;
			margin:auto;
			height: 300px;
		}
		#wrap > ul{
			width: 120%;
			list-style: none;
		}
		#wrap > ul > li{
			float: left;
			width: 100px;
			height: 300px;
			cursor: pointer;
		}
		/*#wrap > ul > li:nth-child(1){
			background: url('img/1.jpg') no-repeat center/cover;
		}
		#wrap > ul > li:nth-child(2){
			background: url('img/2.jpg') no-repeat center/cover;
		}
		#wrap > ul > li:nth-child(3){
			background: url('img/3.jpg') no-repeat center/cover;
		}*/
		#wrap > ul > li:nth-child(4){
			/*background: url('img/4.jpg') no-repeat center/cover;*/
			width: 500px;
		}	
		#wrap > ul > li > .img {
			height: 100%;
			position: relative;
			border-left: 5px solid #fff;
		}
		#wrap > ul > li > .img img {
			width: 500px;
			height: 300px;
			/*margin-left: 100px;*/
			float: left;
		}
		#wrap > ul > li > .img p {
			width: 460px;
			height: 50px;
			line-height: 50px;
			background:rgba(0,0,0,.5);
			color: #fff;
			padding: 0 20px;
			text-align: center;
			position: absolute;
			bottom: 0;
		}
		#wrap > ul > li > .img p a{
			color: #fff;
		}
		#wrap > ul > li > .img p a:hover{
			color: #088fe4;
		}

		#wrap > ul > li > .text{
			width: 100px;
			height: 100%;
			background: #000;
			opacity: 0;
		}
		#wrap > ul > li > .text p{
			width: 20px;
			height: 100%;
			font-family: 'Microsoft yahei';
			position: absolute;
		}