/* 微时微刻 专注中高端网站建设 */
/* 官网：www.visvik.com */
/* QQ：695540945 */
#cont{width: 100%;max-width: 780px;height:auto;margin: -3px auto 0px;padding:1.5% 1.5% 1px;background-color: #ededed;border-top:1px solid transparent;}

#case{
	margin-bottom: 10px;
}
.case,.page{
	padding: 15px 0 10px 0px;background-color: white;
}
.case-title{padding-left: 10px}
.case h1,.case span{font-family: "微软雅黑"}
.case-title h1{
	display: inline-block;color: #666666;font-size: 20px
}
.case span{
	text-transform:uppercase;color:#b9b9b9;font-size: 14px
}

/* 案例内容 */

.case-item-list{position:relative;width: 100%;padding:9px 10px 9px 9px;background-color:#f7f6f6;}
.case-item-list:after{content: "";display: block;clear: both;}
.case-item-list:nth-child(2n-1){background-color: white}
.case-item-list:nth-child(2n){border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}
.case-item{margin-top: 15px}
.list-pro{float: left;margin-right: 15px}
.list-pro img{width: 140px;height:95px;}
.list-font{margin: 10px 0 0 0px;overflow: hidden;}
.list-font h2{font:14px/23px "微软雅黑";max-height: 67px;}
.list-font p{margin-top:10px;font:14px/22px "微软雅黑";overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.list-font h2 {color:#525252;}
.list-font p {color: #6e6d6d;}
.list-date{position: absolute;bottom: 15px;right: 20px;margin-top: 15px;font-family: "微软雅黑";color:#888888;font-size:12px }

/* 分页 */
.page{margin: 0 auto;position: relative;text-align: center;}
.page ul {
    list-style: none;
    padding: 0 12px;
    /* background: #0880d8; */
    display: inline-block;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
   /*  box-shadow: 0px 4px #606060, 0px 4px 6px rgba(0, 0, 0, 0.3); */
}
.page ul li {
    display: inline-block;
    position: relative;
    border:1px solid #d3d3d3;
    bottom: -11px;
}
.page ul li a {
    background: white;
    display: block;
    padding: 0 12px;
    color: #959595;
    position: relative;
    text-decoration: none;
    height: 27px;
    line-height: 27px;
    font-family: "微软雅黑";
    /* box-shadow: 0px 3px #7fafbc, 0px 4px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease; */
}
.page ul li a.cur {
    background: #ff8d00;
    color: white;
}
	

@media (max-width: 370px){
	.list-pro img{width: 120px;height: 85px;}
	.list-font h1{font-size: 15px;}
	.list-font p{font-size: 12px;margin-top: 5px;line-height: 18px}
    .page ul li a{padding: 0 7px;}
    .case-title h1{font-size:18px;}
}