.crumb{line-height:28px;padding:20px 0 17px 0;color:#666;font-size:14px;}
.crumb a{color:#666;margin:0 6px;}

.main{padding-bottom: 20px;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .child{position:relative;width:380px;height:330px;float:left;margin-bottom:20px;margin-right:20px;overflow:hidden;}
.main .content .child .childImg{position:relative;width:380px;height:330px;}
.main .content .child .childImg img{width:100%;height:100%; vertical-align:middle;}
.main .content .child .childInfo{position:absolute;width: 100%;bottom:-200px;left:0px;background:url(../images/index/blackBg.png);}
.main .content .child .childInfo{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .content .child .childInfo p{line-height:24px;color:#fff;font-size:14px;margin:20px 15px;}
.main .content .child:hover .childInfo{bottom:0px;}

.main .btns{height:40px;text-align:center;padding:52px 0;}
.main .btns .btn{border:1px solid #ccc;color:#878787;font-size:16px;width:38px;height:38px;line-height:38px;text-align:center;margin:0 2px;display:inline-block;*display:inline;*zoom:1;cursor:pointer;}
.main .btns .btn:hover{background:#da251d;color:#fff;border-color:#da251d;}
.main .btns .btn.on{background:#da251d;color:#fff;border-color:#da251d;}
.main .btns .btn.direction{font-family:"宋体";background:#f5f5f5;}
.main .btns .btn.direction:hover{background:#aaaaaa;border:1px solid #ccc;}
.main .btns .btn.no{border:0px;cursor:none;}
.main .btns .btn.no:hover{background:#fff;color:#878787;}
@media (max-width: 639px) {
.crumb{display:none;}

.main{padding:20px 0;}
.main .content{padding-top:14px;}
.main .content .child{width:100%;height:250px;margin:0px 0 15px 0;}
.main .content .child .childImg{width:100%;height:250px;}
.main .content .child .childInfo{bottom:0px;}
.main .content .child .childInfo p{line-height:16px;font-size:14px;margin:8px;}

.main .btns{height:40px;padding:20px 0 10px 0;}
.main .btns .btn{font-size:12px;width:20px;height:20px;line-height:20px;margin:0 1px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.crumb{display:none;}

.main{padding:30px 0;}
.main .content{padding-top:27px;}
.main .content .child{width:48%;height:250px;margin:0px 1% 30px 1%;}
.main .content .child .childImg{width:100%;height:250px;}
.main .content .child .childInfo{bottom:0px;}
.main .content .child .childInfo p{line-height:20px;font-size:14px;margin:10px 8px;}

.main .btns{height:40px;text-align:center;padding-top:52px;}
.main .btns .btn{border:1px solid #ccc;color:#878787;font-size:16px;width:38px;height:38px;line-height:38px;text-align:center;margin:0 2px;display:inline-block;*display:inline;*zoom:1;cursor:pointer;}
.main .btns .btn:hover{background:#da251d;color:#fff;border-color:#da251d;}
.main .btns .btn.direction{font-family:"宋体";background:#f5f5f5;}
.main .btns .btn.direction:hover{background:#aaaaaa;border:1px solid #ccc;}
.main .btns .btn.no{border:0px;cursor:none;}
.main .btns .btn.no:hover{background:#fff;color:#878787;}
}
@media (min-width: 1024px) and (max-width:1199px ) {

}
@media (min-width: 1200px) and (max-width:1439px ) {

}
@media (min-width: 1440px) and (max-width:1920px ) {

}