/*^
 * 严微工作室
 * @authro      : yanwei
 * @created     : 2017-11-14
 * @url         : http://www.ywcms.com
 * @Page        : 经典案例
 */
#case-nav{
	width: 100%;
	height: 58px;
	background: #f7f7f7;
	margin: 0 auto;
	overflow: hidden;
}
.case-nav{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.case-nav ul{
	width: 1200px;
	float: left;
}
.case-nav li{
	width: 100px;
	float: left;
	height: 35px;
	text-align: center;
	line-height: 35px;
	margin: 11px 10px;
	overflow: hidden;
	font-size: 16px;
}
.case-nav li a{
	text-decoration: none;
	color: #666;
	width: 100px;
	height: 35px;
	float: left;
}
.case-nav li a:hover, .case-nav li a.active{
	color: #fff;
	background: #e3631a;
	width: 100px;
	height: 35px;
	float: left;
}
.index-case-con{
	width: 1200px;
	margin: 45px auto 30px;
	position: relative;
	overflow: hidden;
}
.index-case-tit{
	width: 1200px;
	position: relative;
	margin: 45px auto 0;
}
.case_bt{
	border-top:1px solid #dadada;
	margin-bottom:45px;
}
.case_bt span{
	width: 170px;
	height: 55px;
	display: block;
	line-height: 55px;
	background: #fff;
	text-align: center;
	margin: -28px auto 0;
	color: #333;
	font-size: 32px;
}
.case-item{
	width: 279px;
	border: 1px solid #ddd;
	margin: 0 10px 20px;
	float: left;
	padding: 10px;
	background: #fff;
	display: block;
	box-shadow: 0 0 10px 1px rgba(200,188,188,0.5);
	transition:all 0.2s;
	cursor: pointer;
}
.case-item:hover {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.case-item-img{
	width: 259px;
	float: left;
	margin-bottom: 10px;
}
.case-item-img img{
	width: 259px;
	height: 210px;
}
.case-item-txt{
	width: 259px;
	float: left;
	position: relative;
}
.case-item-txt h1{
	width: 100%;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	float: left;
	position: relative;
}
.case-item-txt p{
	width: 80%;
	font-size: 12px;
	color: #999;
	line-height: 24px;
	float: left;
	position: relative;
}
.case-item-txt span{
	width: 38px;
	height: 38px;
	position: absolute;
	top: 20px;
	right:10px;
}

.list_page{ width:100%; margin:0 auto 45px; overflow:hidden; float:left;}


@media screen and (max-width: 768px){
	.index-case-tit,.index-case-con{
		width: 100%;
		padding: 0 16px;
	}
	.case-item{
		width: 100%;
		margin: 0 0 20px;
	}
	.case-item-img,.case-item-txt{
		width: 100%;
	}
	.case-item-img img{
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 760px){

}
/* iPhone6+ */
@media screen and (max-width: 414px){

}
/* iPhone6 */
@media screen and (max-width: 375px){
	.new_list .news_all{ width:81%;}
}
/* iPhone5、4 */
@media screen and (max-width: 320px){

}
/* Galaxy S5 */
@media screen and (max-width: 360px){

}
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

}