.banner img{
	width: 100%;
}

.nav{
	padding:30px 0px;
}
.nav .classification{
    width: 82px;
	font-size: 20px;
    color: #187bce;
    float: left;
    font-weight: bold;
    word-wrap: normal; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.nav .list{
	border-bottom: 1px dotted cornflowerblue;
	padding-top: 16px;
}
.nav .act{
	background: #4b96e3;
    padding: 4px 8px;
    border-radius: 4px;
    margin-left: 1rem;
    line-height: 28px;
}
.nav .act a{
    color: #fff;
}

.case-list{
	padding-bottom: 30px;
}
.case-list .info_box{
	/*width: 23.333%;*/
    border: 1px solid #ddd;
    float: left;
    background: #f8f8f8;
    margin:6px;
    width: 95%;
}
.case-list-li-act{
    background: #4b96e3;
    padding:2px 4px;
    border-radius: 4px;
}
.case-list-li-act a{color: #fff !important;}
.case-list img{
	width: 100%;
    height: 170px;
    border-bottom: 1px solid #ddd;
}
 .case-list h3{    
 	padding: 5px 0;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    word-wrap: normal; /* for IE */
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
 .case-list h5{
	padding: 2px;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    text-align: center;
    word-wrap: normal; /* for IE */
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

@media screen and (max-width:768px) {
    .nav .classification{
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

    .list-inline li{
        margin: 5px 0px;
    }

    .case-list img{
        height: 100px;
    }
}