.leto_navti_second{
    display:block;
	position:static;
}
.wrap{
	width:1200px;
	margin:0 auto;
}
.navti_case{
	margin-top:68px;
}
.navti_case ul{
	margin-right:-30px;
}
.navti_case ul li{
	width:240px;
	height:130px;
	border:1px solid #cccccc;
	text-align:center;
	float:left;
	margin-right:30px;
}

.navti_case ul li:first-child{
	width:100px;
	height:130px;
	border:1px solid #cccccc;
	text-align:center;
	float:left;
}
.navti_case ul li{
	width:240px;
	height:130px;
	border:1px solid #cccccc;
	text-align:center;
	float:left;
	margin-right:30px;
	color:#666666;
}
.navti_case ul li:hover,.navti_case ul li.active {
	color:#00abc1;
	letter-spacing:4px;
	border:1px solid #00abc1;
}
.navti_case ul li:hover .line,.navti_case ul li.active .line{
	border-bottom:1px solid #00abc1;
}
.first-li a{
	display:block;
	color:#666666;
}
.first-li a img{
	margin-top:26px;
	margin-bottom:30px;
}
.font1{
	font-size:18px;	
	padding:20px 0;
}
.font2{
	font-size:18px;	
	padding-top:20px;
}
.line{
	width:50px;
	margin:0 auto;
    border-bottom:1px solid #cccccc;
	
}
.case_list>ul>li{
	display:none;
}
.title_wrap{
	width:220px;
	margin:0 auto;
	text-align:center;
	padding-top:40px;
	padding-bottom:25px;
}
.title_wrap h2{
	letter-spacing:5px;
	font-size:24px;
	font-weight:normal;
}
.title_wrap p{
	letter-spacing:5px;
	font-size:18px;
	color:#cccccc;
	margin-top:27px;
}
.product_wrap ul{
	margin-right:-29px;
	margin-left:18px;
}
.product_wrap ul li{
	float:left;
	margin-right:29px;
	margin-top:24px;
	
}
.product_wrap ul li img {
	width: 270px;
	height:270px;
}
.product_wrap ul li:hover{
	-moz-box-shadow:0px 3px 17px #D1D1D1; -webkit-box-shadow:0px 3px 17px #D1D1D1; box-shadow:0px 3px 17px #D1D1D1;
}
.pic_shuoming{
	width:260px;
	height:150px;
	text-align:center;
	padding-bottom:10px;
	padding:0 5px;
}
.pic_shuoming p:first-child{
	font-size:18px;
	color:#000000;
	padding-top:34px;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.pic_shuoming p:last-child{
	font-size:14px;
	color:#666666;
	padding-top:16px;
}
.product_wrap ul li:hover .pic_shuoming p:first-child{
	padding-top:20px;
}
/*detail*/
.detail_wrap{
	width:100%;
	background:#f5f5f5;
	padding-top:20px;
	padding-bottom:10px;
}
.left_navti{
	width:300px;
	background:#fff;
	position:fixed;
	top:120px;
	bottom:340px;
}
.logo_wrap{
	width:300px;
	height:130px;
	background:#00abc1;
	text-align:center;
	padding-top:50px;
}
.detail_list li{
	
}
.detail_list li a{
	display:block;
	text-align:center;
	padding:30px 0;
	font-size:18px;
	color:#000;
	
}
.detail_list li a.active,.detail_list li a:hover{
	background:#00abc1;
	color:#fff;
}
.detail_content{
	width:800px;
	position:relative;
	left:50%;
	margin-left:-400px;
}
.slideBox{ width:860px;margin:0 auto;position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:45%; bottom:0px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; border-radius:50%; background:#e0e0e0; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#b0b0b0; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; border:30px solid #fff;}
		.slideBox .bd img{ width:800px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:-10%; top:30%; margin-top:-25px; display:block; width:60px; height:120px; background:url(../img/prev_ico.jpg) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:-10%; background:url(../img/next_ico.jpg) no-repeat;}
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

/*适应屏幕*/
@media only screen and (min-width:1000px) and (max-width:1200px){
	.detail_content{
	margin-left:-200px;
  }
}
@media only screen and (min-width:1200px) and (max-width:1500px){
	.detail_content{
	margin-left:-300px;
}
}