/*列表样式*/
.m1200{width: 1200px; margin: 0 auto;}
.m-crumbs{margin-bottom: 30px; margin-top: 60px;}
.m-crumbs span{font-size: 14px; color: #999999; padding-right: 10px;}
.m-crumbs span a{color: #999999;}
.m-crumbs span:last-child{color: #bd1a2d;}

/*图片列表*/
.m-imgListsWrap .m-bigTitle{width: 1200px; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px;overflow:hidden;height:auto;}
.m-imgListsWrap .m-bigTitle .m-title{font-size: 24px; color: #010101;float:left; border-bottom: 2px solid #bd1a2d; padding-bottom: 13px;}
.m-ulImgListsWrap{display: block; margin: 0 0 5px 0; overflow: hidden; padding: 0; clear: both; margin-right: -40px;}
.m-ulImgListsWrap li{float: left; width: 250px; height: auto; overflow:hidden; margin-bottom: 30px; margin-right: 40px;padding:5px; border:1px solid #e0e0e0;position: relative;}
.m-ulImgListsWrap li .m-imgWrap{height: 180px; overflow: hidden;}
.m-ulImgListsWrap li .m-imgWrap img{width: 100%; height: 180px; transition: all 0.8s;}
.m-ulImgListsWrap li .m-imgWrap img:hover{transform: scale(1.1);}
.m-ulImgListsWrap li h2{text-align: left; font-size: 16px; margin-bottom: 5px;line-height:48px; color: #333333;border-bottom: 1px solid #e5e5e5;}
.m-ulImgListsWrap li .m-zy{font-size: 14px; color: #666666;}
.m-ulImgListsWrap li .m-zy a{color: #bd1a2d;}
/*分页*/
.m-pageWrap ul{overflow: hidden; clear: both; width: 897px; margin: 0 auto;}
.m-pageWrap ul li{float: left; text-align: center;}
.m-pageWrap{text-align:center;margin-top: -1px;padding-bottom:50px;border-top: 1px solid #fff;}
.m-pageWrap a{padding:8px 20px;display:inline-block;margin:0 5px;border:1px solid #e8e8e8;background:#fff;font-size:14px;}
.m-pageWrap a:hover,.changepage .current{background:#d30b15;color:#fff;}
.m-pageWrap input{border:1px solid #e8e8e8;display:inline-block;padding:8px 10px;margin:0 5px;height: 19px;font-size: 14px;font-family: '\5FAE\8F6F\96C5\9ED1';*display: inline;*zoom: 1; vertical-align: 3px;*height:21px;line-height:19px;width:33px;text-align:center;}
.m-pageWrap span{display:inline-block;margin:0 5px;border:1px solid #e8e8e8;padding:8px 20px;}
.m-pageWrap span.u_page{border:0;padding:0;}
.m_nav li a{color: #fff;}



#pagination-input{ width:40px; height:24px; line-height:18px; margin:0 5px; padding:0; overflow:hidden; border:1px solid #ccc;}

#page_div .pagination-index,#page_div .pagination-num{color: #666666;border: 1px #b2b2b2 solid;padding:0px 12px;margin-right:6px;text-align:center;font-size:14px;}
#page_div .pagination-index a, #page_div .pagination-num a{padding:0px; margin:0px;text-align:center;  color:#666666; display:block; font-size:14px;  }
#page_div pagination-num:hover, #page_div{padding:0px; margin:0px;text-align:center; font-size:14px;}
#page_div .pagination_index_last{width:260px; float:right; text-align:right; margin:0 auto;}

#page_div a.hover{background-color: #257295;color:#fff;font-size:14px;}
#page_div a.hover a:hover{ color:#fff;}
/*-------分页---------*/
.page_num{    padding-top: 15px;padding-bottom:15px;height:auto;overflow:hidden;width:97%;margin:auto;font-size:14px; clear: both; }
#page_div{color:#000;margin:0 auto;line-height: 20px; }

#page_div .pagination_zx {color: #bd1a2d; padding:0px 13px; margin-right: 2px; float: left; text-align: center; font-size: 14px;}
#page_div .pagination_zx span{line-height:34px;}
#page_div .pagination-zxx{border: 1px solid #bd1a2d;    color: #104c6e;padding: 6px 8px 7px;background-color:#bd1a2d;color:#fff;padding-top: 2px\9;}

#page_div .pagination_index{ color: #104c6e; border: 1px #efefef solid;
margin-right:5px; float: left;text-align:center; font-size:12px;background-color: #efefef;}
#page_div .pagination_index a{padding:6px 13px; margin:0px;text-align:center;  color:#666666; display:block; font-size:12px;display: inline-block; }
#page_div .pagination_index a:hover{color:#fff; font-size:12px;background:#bd1a2d;}

#page_div div.page_loca{ background-color:#bd1a2d;border-color: #bd1a2d;}
#page_div div.page_loca a{ color:#fff; font-size:12px;}
#page_div div.page_loca a:hover{ color:#fff;}

#page_div .pagination_index_last{border: none; width: auto; float: left; text-align: left;}
#page_div .pagination_index_last .page_a_tz{ border: 1px #b2b2b2 solid; padding:3px 8px;}
#pagination_input{ width: 35px; height:32px; line-height: 18px; margin: 0 5px; padding: 0; overflow: hidden; text-align:center; border: 1px solid #ccc;}
#pagination_input{height: 24px\9;}


@keyframes  width{
0%{width:0;}
50%{width:100%;}
100%{width:0;}
}
@keyframes  height{
0%{height:0;}
50%{height:100%;}
100%{height:0;}
}

.m-ulImgListsWrap li .l_t,.m-ulImgListsWrap li .r_b {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 2px solid transparent;
}

.m-ulImgListsWrap li:hover .l_t{
    border-top-color: #bd1a2d;
    border-left-color: #bd1a2d;
    animation:width 2s ease-in-out,height 2s ease-in-out;
   -webkit-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
    -moz-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
    -o-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
    -ms-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
    animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
}
.m-ulImgListsWrap li:hover .r_b{
    top:auto;
    left:auto;
    right:0;
    bottom:0;
    border-bottom-color: #bd1a2d;
    border-right-color: #bd1a2d;
    -webkit-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
    -moz-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
    -o-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
    -ms-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
    animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite;
}
@media (min-width: 320px) and (max-width: 750px) { 
.m1200{width:auto;}
.m-crumbs{margin: 25px;} 
.m-ulImgListsWrap{margin-right:0;}
.m-imgListsWrap .m-bigTitle {width: 100%;margin-left: 0;}
.m-imgListsWrap .m-bigTitle .m-title {padding-left: 25px;padding-right: 25px;}
.m-ulImgListsWrap li {float: none;display: inline-block;width: 43%;margin:5px;}

}