.xiaobanner{
    width:100%;
    height:100%
}
.xiaobanner>img{
    width:100%;
}
/*优质案例*/

.case_p1{
    font-size:24px;
    color:#444444;
}
.case_p2{
    color:#a2a2a2;
}
.casenav>li{
    float:left;
    list-style:none;
}
.casenav>li>a{
    color:#a2a2a2;
    padding:0px 15px;
    text-decoration: none;
}
.casenav>li>a.active{
    color:orange;
}
.casenav>li>a:hover{
    color:#444444;
}
/**/
.col-md-3{
    padding: 10px 10px;
}
.col-md-3>.case_img>a>img{
    width:100%;
}
.case_div_p>p{
    text-align: center;
}
.case_row{
    margin-top:25px;
    padding: 0 30px;
}
.c_p1{
    padding-top: 20px;
}
.c_p1>a{
    font-size:16px;
    color:#444444;
}
.c_p2{
    color:#999999;
    padding-bottom: 20px;
}
.case_div:hover .case_div_p{
    transition-duration:.5s;
    -moz-transition-duration: .5s; /* Firefox 4 */
    -webkit-transition-duration: .5s; /* Safari 和 Chrome */
    -o-transition-duration: .5s; /* Opera */
    -webkit-box-shadow:rgb(162, 162, 162) 0px 0px 10px;
    -moz-box-shadow:rgb(162, 162, 162) 0px 0px 10px;
    box-shadow:rgb(162, 162, 162) 0px 0px 10px ;
}
.case_img{
     width: 300px;
     height: 210px;
     overflow: hidden;
}
   






/* 小屏幕（平板，大于等于 768px） */
@media (min-width:768px) {
    .casenav>li>a{
        padding: 0px 13px;
    }
    .anli{
        margin-top:-16px;
    }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:992px) {

}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {
}
/*手机*/
@media only screen and (max-width : 768px) {
    .anli{
        text-align:center;
        margin-bottom: 15px;
    }
    .casenav>li{
        margin-bottom: 2px;
    }
    .casenav>li>a {
        padding: 0px 20px;
        font-size: 16px;
    }
    .case_row{
        margin-top:25px;
        padding: 0 0px;
    }
}