/*banner*/		
		.slider { margin: 0 auto; position: relative; width: 100%; } 
		 .slider .bd { position: relative; z-index: 0; }  .slider .bd li { overflow: hidden; } 
		  .slider .bd li img { display: block; width: 100%; }  
		  .slider .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }  
		  .slider .hd ul { text-align: center; }  
		  /*.slider .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 18px; height: 18px; margin: 0 4px; background: url(../img/t_3.png) 0 0px; overflow: hidden; filter: alpha(opacity=90); opacity: 0.9; vertical-align: top; line-height: 9999px; }  
		  .slider .hd ul .on { background: url(../img/p_1.png) 0 0px; } 
		   .slider .timer { position: absolute; z-index: 1; left: 0; bottom: 0; height: 4px; width: 0; background: #FFFFFF; filter: alpha(opacity=40); opacity: 0.4; font-size: 0; overflow: hidden; }*/
			/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slider .prev,
		.slider .next{ position:absolute; left:0; top:50%; margin-top:-30px; display:block; width:60px; height:60px; background:url(../img/pp_1.png)  no-repeat;  }
		.slider .next{
			left: auto;
			right: 0;
			background:url(../img/pp_2.png)  no-repeat;
		}


/* 产品展示css */
		.slideTxtBox{ 100%; text-align:left; margin-top: 30px; }
		.slideTxtBox .hd{ height:24px; line-height:24px;  position:relative; margin-bottom: 45px;font-size: 20px;}
		.slideTxtBox .hd ul{  top:-1px; height:32px; text-align: center;  }
		.slideTxtBox .hd ul li{ display: inline-block; padding:0 25px; cursor:pointer;padding-bottom: 10px; }
		.slideTxtBox .hd ul a{padding-left: 35px;color: #000;}
		.slideTxtBox .hd ul li.on{ background: url(../img/p_3.jpg) no-repeat center bottom;transform: translateY(-10px);}
		.slideTxtBox .bd ul{   zoom:1;  }
		.slideTxtBox .bd li{ height:24px; line-height:24px;   }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }
		.pro_box{
			position: relative;
		}
		.pro_box img{
			display: block;
			margin: 0 auto;			
		}
		.pro_box .pro_li{
			position: relative;
			margin-bottom: 20px;
		}
		.pro_le{
			width: 490px;
			height: 740px;
			overflow: hidden;
			display: table-cell;
			vertical-align: middle;
			position: relative;
			float: left;
		}
		.pro_le .pro_li{
			height:100%; 
		}
		.pro_box dl{
			position: absolute;
			top:27px;			
			left: 27px;
			z-index: 20;
			font-size: 18px;
			color: #FFFFFF;
		}
		.pro_box dl dt{
			color: #D6222E;
		}
		.pro_cen{
			width: 551px;
			float: left;
			margin: 0 20px;
		}
		.pro_cen  .pro_li{
			width: 551px;
			height: 360px;
			overflow: hidden;
		}
		.pro_li img{
			max-width:100%;
			width:100%; 
			height:100%;
		}
		.show .show_de h3 img{
			width:auto;
		}
		.pro_ri{
			width: 359px;
			float: left;
			overflow: hidden;
		}
		.pro_ri .pro_li{
			width: 359px;
			height: 360px;
			overflow: hidden;
		}
		.show{
			position: absolute;
			top: 0px;
			z-index: 25;
			background: rgba(169,28,37,0.8);
			height: 100%;
			width: 100%;
			transform: scale(0);
			transition: all ease-in-out .5s;
		}
		.show a{
			display: block;
			width: 100%;
			height: 100%;
			color: #FFFFFF;
			
		}
		.pro_box .pro_li:hover .show{
			transform: scale(1);
		}
		.show .show_de{
			position: relative;
			top: 50%;
			left: 50%;
			
			transform: translate(-50%,-50%);
			text-align: center;
			font-size: 16px;
		}
		.show .show_de a{
			color: #FFFFFF;
		}
		.show .show_de  h3{
			padding-bottom: 14px;
		}
		
		
		
		/* 本例子css */
		.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
		.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:25px; height:45px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;position: absolute;top: 134px;left: 0; z-index: 20;
			 cursor:pointer; background:url(../img/pp_7.png) no-repeat center center;}
		.picScroll-left .hd .next{ background:url(../img/pp_8.png) no-repeat center center; left: auto;right: 0;}
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:26px;   padding-top: 20px;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 44px; float:left; _display:inline; overflow:hidden; text-align:left; width: 388px;transition: all ease-in-out .5s; padding: 3px;box-sizing: border-box; }
		.picScroll-left .bd ul li:hover{
			box-shadow: 0 0 10px 1px #CBCBCB;
	        transform: translateY(-15px);
		}
		.picScroll-left .bd ul li:hover .title{
			padding: 0 5px;
		}
		.picScroll-left .bd ul li .pic{ text-align:center; width:388px; height:262px;display: table-cell;overflow: hidden;vertical-align: middle;}
		.picScroll-left .bd ul li .pic img{  display:block; max-width: 100%;max-height: 100%; transition: all ease-in-out .5s;}

		.picScroll-left .bd ul li:hover .pic img{
			transform: scale(1.2); 
		}
		.picScroll-left .bd ul li .title{transition: all ease-in-out .5s;s}
		.picScroll-left .bd ul li .title h3{
			font-size: 20px;
			padding: 5px 0;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			display: block;
		}
		.picScroll-left .bd ul li .title p{
			font-size: 16px;
			color: #666666;
			-webkit-line-clamp: 2;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
		}
		.news_title{
			margin-top: 8px;
		}
		.news_title  em{
			color: #999999;
			font-size: 14px;
		}
		.news_title span{
			display: block;
			width: 60px;
			height: 18px;
			line-height: 18px;
			border: 1px solid #D0000E;
			border-radius: 15px;
			float: right;
			text-align: center;
			color: #D0000E;
		}
		
		
		
		
		/*产品详情*/
		.game163 {
				position: relative;
				overflow: hidden;
				width: 100%;
			}
			
			.game163 .bigImg {
				height: 440px;
				position: relative;
			}
			
			.game163 .bigImg li img {
				vertical-align: middle;
				width: 664px;
				height: 440px;
				border: 2px solid #cccccc;
			}
			
			.game163 .bigImg h4 {
				font-size: 14px;
				font-weight: bold;
				line-height: 33px;
				height: 33px;
				padding-right: 30px;
				overflow: hidden;
				text-align: left;
			}
			
			.game163 .smallScroll {
				height: 81px;
				margin-top: 18px;

			}
			
			.game163 .sPrev,
			.game163 .sNext {
				float: left;
				display: block;
				margin-top: 20px;
				width: 22px;
				height: 33px;
				text-indent: 200px;
				background: url(../img/p_25.jpg) no-repeat center center;
			}
			.game163 .sNext{
				background: url(../img/p_26.jpg) no-repeat center center;
			}				
			.game163 .smallImg {
				float: left;
				margin: 0 6px;
				display: inline;
				width: 90%;
				overflow: hidden;
			}
			
			.game163 .smallImg ul {
				height: 79px;
				width: 9999px;
				overflow: hidden;
			}
			
			.game163 .smallImg li {
				float: left;
				margin: 0 10px;
				width: 79px;
				height: 79px;
				cursor: pointer;
				display: inline;
			}
			
			.game163 .smallImg img {
				border: 1px solid #cccccc;
				width: 79px;
				height: 79px;
				box-sizing: border-box;
			}
			
			.game163 .smallImg .on img {
				border-color: #d0000e;
			}
			
			.game163 .pageState {
				position: absolute;
				top: 235px;
				right: 5px;
				font-family: "Times New Roman", serif;
				letter-spacing: 1px;
			}
			
			.game163 .pageState span {
				color: #f00;
				font-size: 16px;
			}
			
			
			
			
			.fullSlide {
				width: 100%;
				position: relative;
				height: 880px;
				background: #fff;
			}
			
			.fullSlide .bd {
				margin: 0 auto;
				position: relative;
				z-index: 0;
				overflow: hidden;
			}
			
			.fullSlide .bd ul {
				width: 100% !important;
			}
			
			.fullSlide .bd li {
				width: 100% !important;
				height: 880px;
				overflow: hidden;
				text-align: center;
			}
			
			.fullSlide .bd li a {
				display: block;
				height: 460px;
			}
			
			.fullSlide .hd {
				width: 100%;
				position: absolute;
				z-index: 1;
				bottom: 0;
				left: 0;
				height: 30px;
				line-height: 30px;
				background: url(images/touming.png) repeat-x;
				text-align: center;
				_background: #000;
				_filter: alpha(opacity=60);
			}
			
			.fullSlide .hd ul {
				text-align: center;
				padding-top: 5px;
			}
			
			.fullSlide .hd ul li {
				cursor: pointer;
				display: inline-block;
				*display: inline;
				zoom: 1;
				width: 8px;
				height: 8px;
				margin: 5px;
				background: url(../img/tg_flash_p.png) -18px 0;
				overflow: hidden;
				line-height: 9999px;
			}
			
			.fullSlide .hd ul .on {
				background-position: 0 0;
			}