@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
a{ text-decoration:none;}
.clearfix:before,.clearfix:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;clear: both;}
.case-li-box{
	width: 1200px;
	min-width: 1200px;
	padding: 0 0 30px 0;
	margin: 0 auto;
}
.case-li-box .case-ul{
	width: 1213px;
	margin-left: -13px;
}
.case-li-box .case-ul>li{
	float: left;
	width: 290px;
	height: 400px;
	overflow: hidden;
	box-shadow:0 0 10px rgb(167, 167, 167);
	margin-left: 13px;
	margin-bottom: 50px;
}
.case-li-box .case-ul>li.margin-l0{
	margin-left: 0;
}
.case-li-box .case-ul>li>a{
	display: block;
	width: 290px;
	height: 400px;
	cursor: default;
}
.case-li-box .case-ul .li-img{
	width: 290px;
	height: 290px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.case-li-box .case-ul .li-img>img{ 
	width: 100%; 
	height: 100%;
	-moz-transition: all 0.7s ease-in-out;
	 -webkit-transition: all 0.7s ease-in-out; 
	 -o-transition: all 0.7s ease-in-out; 
	 -ms-transition: all 0.7s ease-in-out; 
	 transition: all 0.7s ease-in-out;
 }
.case-li-box .case-ul .li-img:hover img{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }
.case-ul .li-img .img-tips{
	position: absolute;
	color: #fff;
	font-size: 14px;
	bottom: 10px;
	width: 100%;
	height: 16px;
	margin: 0;
	overflow: hidden;
	text-align: center;
 	vertical-align:text-top;
    white-space: nowrap;
	text-overflow: ellipsis;
}
.case-ull li .li-img-name{
	font-size: 14px;
	color: #000;
	display: block;
	margin: 10px;
}

.li-text-content{
	padding:0 20px;
	font-size: 14px;
}
.li-text-content .tips-name{
	font-weight: bold;
	margin: 10px 0;
	color: #000;
	cursor: pointer;
}
.li-text-content .li-type{
	color: #333;
	
}
.li-text-content .go-detail{
	color: #999;
	margin-top: 15px;
	font-size: 14px;
	display:inline-block;
	*zoom:1;
	*display:inline;
	cursor: pointer;
	float: left;
}
.li-text-content .go-detail:hover{
	text-decoration: underline;
}
.li-text-content .design{
	font-size: 14px;
	width: 90px;
	height: 30px;
	color: #f14600;
	border: 1px solid #f14600;
	text-align: center;
	line-height: 30px;
	float: right;
	margin-top: 5px;
	-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;
	cursor: pointer;
}
.li-text-content .design:hover{
	color: #fff;
	background:#f14600;
}
/*分页 start*/
.newPage{text-align: center;padding: 0 0 30px; font-size:0;}
.newPage>a{
	display: inline-block;*display:inline;*zoom:1;
	vertical-align: middle;
	line-height: 34px;
	font-size: 12px;
	padding: 0 5px;	
	min-width: 26px;
	background: #fff;
	color: #aaa;
	border: 1px solid #dedede;
}
.page-number{display: inline-block; vertical-align: middle; font-size: 0;}
.page-number>a{
	display: inline-block;*display:inline;*zoom:1;
	vertical-align: middle;
	line-height: 34px;
	font-size: 14px;
	padding: 0 5px;
	min-width: 26px;
	background: #fff;
	color: #aaa;
	border: 1px solid #dedede;
	margin-right: 7px;
}
/*.page-number>a:first-child{border-left:1px solid #dedede}*/
.page-number>span{ font-size: 14px; color: #ccc; margin: 0 7px; font-weight: 700;}
.page-number>a:hover{color: #13b3b3; border-color: #13b3b3;}
.page-number>a.active{background: #13b3b3;color: #fff;border-color: #13b3b3;}
.newPage>a:hover{border-color: #13b3b3;color: #13b3b3;}
.newPage a.prevPage,.newPage a.nextPage,.newPage a.onePage,.newPage a.lastPage{padding: 0 10px;min-width: 16px;}
.newPage a.prevPage{ margin:0 5px}
.newPage a.nextPage{ margin-right:5px}
.newPage a.prevPage span{margin-left: 5px;font-size: 14px;}
.newPage a.nextPage span{font-size: 14px;}
/*分页 end*/