/* 首页案例轮动 -------------------------------------- */
		.picScroll-left{ width:100%; float:left;  overflow:hidden; position:relative;   }
		.picScroll-left .hd{ overflow:hidden; position: absolute; left:50%; bottom:0; margin-left:-30px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px;   overflow:hidden;
			 cursor:pointer; background:url("../ico/arrow_blue.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.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; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; border-radius:100%; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;background-color:#CCC;}
		.picScroll-left .hd ul li.on{ background-position:0 0; background-color:#067BC6; }
		
		.picScroll-left .bd{ padding:0; }
		.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; }
		.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }*/
	
	
	/* 案例详情页 带缩略图 多图轮动切换css */
		.picFocus{ float:left;  max-width:870px;   position:relative;  overflow:hidden;  zoom:1; margin-bottom:20px;}
		.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
		.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
		.picFocus .hd ul li img{ width:67px; height: auto; border:2px solid #E9E9E9; cursor:pointer; margin:0 2px;   }
		.picFocus .hd ul li.on{ background:url("../ico/icoUp.gif") no-repeat center 0; }
		.picFocus .hd ul li.on img{ border-color:#3292DE;  }
		.picFocus .hd ul li p{ width:100%;font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif;   }
		.picFocus .hd ul li.on p{ color:#3292DE;  }
		
		
		.picFocus .bd {  border:1px solid #E9E9E9; }
		.picFocus .bd li{ vertical-align:middle;position:relative;  }
		.picFocus .bd img{max-width:868px; width:600px;; display:block;  }
		.picFocus .bd li h2{ display:none; width:0; height:0; overflow:hidden;
		 position: absolute; bottom:0; left:0;  font-size:24px; line-height:50px; font-weight:normal; color:#FFF; padding:0 20px;
		 background-color: rgba(0,0,0,0.5);/* border-bottom:3px solid rgba(230,0,33,0.8);*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);/*ie6*/}
		
		
		
			/* 公司介绍 底部 团队轮动效果 -------------------------------------- */
	.slideBox{ position:relative; width:100%;   overflow:hidden; margin:10px auto; }
	.slideBox .hd{ position:absolute; width:40%;  height:35px; bottom:0; left:0; z-index:1; }
	.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:0; display:block; width:200px; height:30px; padding-bottom:3px;  line-height:30px; border-radius:6px; background-color:#63637F; text-align:center; color:#FFF; font-size:22px; font-family:Arial; cursor:pointer;}
	.slideBox .next{ left:auto; right:0;}
	.slideBox .prev:hover,.slideBox .next:hover{  background-color:#0066cc; }
		
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; }
	.slideBox .bd li div{ float:right; width:600px; }
	.slideBox .bd li div img{ width:100%;   display:block;   }
	.slideBox .bd li h2{ float:left; width:500px;font-size: 30px; font-weight:normal;color: #63637f;    padding:150px 0 40px 0;  }
	.slideBox .bd li p{ float:left; width:500px;font-size: 16px; line-height:28px;  }
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:27px; line-height:27px;  text-align:center;  color:#fff; background-color:rgba(0,0,0,0.7); 	}
	
	
		/* 网站方案Tab -------------------------------------- */
	.tabBox {width:900px; float:left; margin-left:300px; height:420px; position:relative; }
	.tabBox .tempWrap{   /* overflow: visible !important;*/ position: relative;  }
	
	#tabBoxImg{ position: absolute; right:0; bottom:0; z-index:9999;  }
	
	.tabBox .hd { width:240px;position: absolute; left:-300px; top:50px; background:#FFF; border-right:2px solid #F5F6FA;  }
	.tabBox .hd ul{float:left;   }
	.tabBox .hd ul li{ float:left; width:100%; margin: 25px 0; color:#666; font-size: 20px; cursor:pointer; position:relative;}
	.tabBox .hd ul li:after{ content:""; position: absolute; right:-8px; top:10px; width:16px; height:16px; border-radius: 100%;	background-color: #e4e5e7; overflow:hidden; }
	.tabBox .hd ul li span{ color:#999; font-size: 14px; }
	.tabBox .hd ul li.on{  color:#F24D39;  }
	.tabBox .hd ul li.on span{ color:#F24D39;   }
	.tabBox .hd ul li.on:after{ 	background-color: #F24D39;  }

	.tabBox .bd {float:left;  }
	.tabBox .bd ul{ float:left;  }
	.tab-con{ width:96%; float:left; height:300px; margin-top:40px; }
	.tab-con p{ padding:50px 250px 50px 50px; }
	.web01{ background:url(../images/web01.jpg) right top no-repeat;}
	.web02{ background:url(../images/web02.jpg) right top no-repeat;}
	.web03{ background:url(../images/web03.jpg) right top no-repeat;}
	
	.ul-icon{	/*padding-right: 50px;*/	overflow: hidden;}
	.ul-icon dd{
		width: 94px;
		height: 94px;
		border-radius: 100%;
		background-color: #e4e5e7;
		color: #666;
		text-align: center;
		float: left;
		font-size: 15px;
		line-height: 94px;
		margin-left:50px;
	}
@media screen and (max-width:1030px){
	
	/* 公司介绍 底部 团队轮动效果 -------------------------------------- */
	.slideBox{ position:relative; width:100%;   overflow:hidden; margin:10px auto; }
	.slideBox .bd li div{ float:right; width:50%; }
	.slideBox .bd li h2{ width:50%; font-size: 20px; padding:5px 0 10px 0;  }
	.slideBox .bd li p{ width:50%; font-size: 14px; line-height:24px;  }
	
	/* 网站方案Tab -------------------------------------- */
	.tabBox {width:75%; margin-left:25%; }
	.tabBox .hd { width:26%;left:-30%;   }
	.tabBox .hd ul li{  width:95%; padding-left:5%;}
	.tab-con p {    padding: 40px 240px 40px 40px;}
	.ul-icon dd {    margin-left: 30px;}
	.tab-con {    width: 95%;}
	
	
	
}	
@media screen and (max-width:800px){
	/* 首页案例轮动 -------------------------------------- */
		.picScroll-left{ padding-bottom:15px; }
	
	/* 公司介绍 底部 团队轮动效果 -------------------------------------- */
	.slideBox .hd{ position:relative; float:left; width:100%;  }
	.slideBox .prev,.slideBox .next{ width: auto; padding:0 18% 3px 18%; left:5%;}
	.slideBox .next{ left:auto; right:5%;}
			/* 网站方案Tab -------------------------------------- */
	.tabBox {width:100%;  margin-left:0; height: auto; position:relative; }
	.tabBox .tempWrap{    overflow: visible !important; position: relative;  }
	#tabBoxImg{  display:none;}
	
	.tabBox .hd { width:100%; margin-top:15px;position: relative; left:0; top:0; float:left;  border-right:none;border-bottom:2px solid #F5F6FA;  }
	.tabBox .hd ul{float:left; width:100%;}
	.tabBox .hd ul li{  width:31.33%; margin:0 1% 20px 1%;  font-size: 14px; padding-left:0;}
	.tabBox .hd ul li:after{ content:""; position: absolute; margin-right:18px; right:50%;  top:100%; margin-top:14px; width:16px; height:16px; border-radius: 100%;	background-color: #e4e5e7; overflow:hidden; }
	.tabBox .hd ul li span{ color:#999; font-size: 10px; font-family:Arial; }
	.tabBox .hd ul li.on{  color:#F24D39;  }
	.tabBox .hd ul li.on span{ color:#F24D39;   }
	.tabBox .hd ul li.on:after{ 	background-color: #F24D39;  }

	.tabBox .bd {float:left;width:100%;}
	.tabBox .bd ul{ float:left;width:100%;}
	.tab-con{ width:100%; float:left; height: auto; margin-top:20px; }
	.tab-con p{ padding:5px 150px 5px 5px; }
	.web01{ background:url(../images/web01.jpg) right top no-repeat;}
	.web02{ background:url(../images/web02.jpg) right top no-repeat;}
	.web03{ background:url(../images/web03.jpg) right top no-repeat;}
	
	.ul-icon dd{
		width: 60px;
		height: 60px;
		border-radius: 100%;
		background-color: #e4e5e7;
		color: #666;
		text-align: center;
		float: left;
		font-size: 12px;
		line-height: 60px;
		margin-left:5px;
	}
	
		/* 案例详情页 带缩略图 多图轮动切换css */
		.picFocus .bd img{max-width:100%; width:100%;; display:block;  }
	
}