﻿		/* 本例子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:490px; height:105px; overflow:hidden; position:relative;background: #f3f0f0;}
		.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: 25%;left: 0px;}
		.slideBox .next { background:url(btn_r.png) 0 0 no-repeat;position: absolute;top: 25%;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 a {
			display: block;
			color: #000;
			width: 480px;
			height: 35px;
			line-height: 35px;
			text-align: center;
		}
		.slideBox .bd{ 
			position:relative; 
			width: 480px;
			padding: 0 5px;
			background: #f3f0f0;
		}
		.slideBox .bd li{ zoom:1; vertical-align:middle; margin-top: 10px;}
		.slideBox .bd img{ width:490px; height:280px; display:block;  }
		


/*1*/
		.slideBox1{ width:490px; height:220px; overflow:hidden; position:relative;}
		.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:25px; bottom:7px; z-index:1; }
		.slideBox1 .prev,.slideBox1 .next {display:block;  width:40px; height:40px;overflow:hidden;cursor:pointer; z-index: 2;opacity: 0.5;}
		.slideBox1 .prev {background:url(btn_l.png) 0 0 no-repeat;position: absolute;top: 45%;left: 0px;}
		.slideBox1 .next {background:url(btn_r.png) 0 0 no-repeat;position: absolute;top: 45%;right: 2px;}
		.slideBox1 .prev:hover {opacity: 1;}
		.slideBox1 .next:hover {opacity: 1;}
		.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox1 .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%; }
		.slideBox1 .hd ul li.on{ background:indianred; color:#fff;position: relative;}
		.slideBox1 .bd ul li p {color: #fff;position: absolute;bottom: 0;width: 480px;background: rgba(0,0,0,.5);height: 35px;line-height: 35px;padding-left: 10px;}
		.slideBox1 .bd ul li a:hover p {color:#088fe4;} 
		.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
		.slideBox1 .bd img{ width:490px; height:220px; 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){
			width: 300px;
		}	
		#wrap > ul > li > .img {
			height: 100%;
			position: relative;
			border-left: 5px solid #fff;
		}
		#wrap > ul > li > .img img {
			width: 300px;
			height: 400px;
			/*margin-left: 100px;*/
			float: left;
		}
		#wrap > ul > li > .img p {
			width: 260px;
			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;
		}
		

		/* 视频 */
		.picFocus{width:1000px; position:relative;  overflow:hidden;  zoom:1;   }
		.picFocus .hd{
			width: 390px;
			height: 360px;
			overflow:hidden;
		}
		.picFocus .hd ul{
			overflow:hidden; 
			zoom:1; 
		}
		.picFocus .hd ul li{
			float:left;
		}
		.picFocus .hd ul {
			height: 360px;
		}
		.picFocus .hd ul li img{ cursor:pointer; margin-right:5px;   }
		.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
		.picFocus .hd ul li.on img{ border-color:#f60;  }
		.picFocus .bd {
			
		}
		.picFocus .bd li{ vertical-align:middle; }
		.picFocus .bd img{ width:600px; height:360px; display:block;  }
