@media (min-width: 1180px){	
	.box_category{
		width: 1180px;
		margin: auto;
	}

}
@media (min-width:990px){
  .box_category  .list_1{width: 41.7%;}
.box_category .list_2{width:29.15%;}
.box_category .list_3{width:29.15%;}
  .box_category  .list{margin-top: 14px;}
}


@media (max-width: 989px){
.box_category .list_1{width: 100%;}
.box_category .list_2{width:50%;}
.box_category .list_3{width:50%;}
.box_category .keyword{font-size:28px;}
    .box_category .list{margin-top: 0;}
}
@media (min-width:768px){
.box_category .keyword{font-size:36px;}
    .box_category .cat_title{font-size: 36px;font-weight: bold;}
  .box_category  .cat_info{font-size: 16px;}
}

@media (max-width: 767px){
 
.box_category .list_1{width: 100%;}
.box_category .list_2{width:100%;}
.box_category .list_3{width:100%;}
.box_category .keyword{font-size:28px;}
    .box_category .cat_title{font-size: 28px;font-weight: bold;}
   .box_category .cat_info{font-size: 16px;}
   .box_category .img_box{padding:0 10px;}
}

.box_category .category_title{text-align: center;}
    .box_category img{width:100%;}
    .category_pics{width:100%;}
    
    
    
.box_category .cat_info{color: #999;margin: 16px 0;}
.box_category .list{float: left;}

.box_category .category_pics{ display:inline-block;}
.box_category .img_box{padding:10px;}
          
.box_category .img_cat{width:100%;transition: all 0.6s;}
.box_category .blocks-image img{width:100%;transition: all 0.6s;}
    .box_category .img_box:hover   .blocks-image img{
    	transform:scale(1.1);//设置缩放比例
            -ms-transform:scale(1.1);
            -webkit-transform:scale(1.1);
            -o-transform:scale(1.1);
            -moz-transform:scale(1.1);
     } 
.box_category .img_box:hover .img_cat{
            transform:scale(1.1);//设置缩放比例
            -ms-transform:scale(1.1);
            -webkit-transform:scale(1.1);
            -o-transform:scale(1.1);
            -moz-transform:scale(1.1);
        }
          
         .box_category .img_box .backstage-componet-bd{overflow:hidden;}
         .box_category .keyword{    
              z-index: 3;
              line-height: 1.11111111;
              position: absolute;
              max-width: 200px;
              padding: 45px 0 0 30px;
              color: #fff;
              transform: all 0.6s;
              font-weight: bold;
             overflow:hidden;
          }
                        
.box_category .img_box:hover .keyword .backstage-blocksEditor-wrap{
    display: block;
    width: 200px;
    position: relative;
	animation:myslidein 5s;
	-moz-animation:myfirst 1s; /* Firefox */
	-webkit-animation:myfirst 1s; /* Safari and Chrome */
	-o-animation:myfirst 1s; /* Opera */
}


@keyframes myslidein
{
0%   { margin-left:-200px;}

100% { margin-left:0px;}
}
@-moz-keyframes myfirst
{
0%   { margin-left:-200px;}

100% { margin-left:0px;}
}
@-webkit-keyframes myfirst
{
0%   { margin-left:-200px;}

100% { margin-left:0px;}
}
@-o-keyframes myfirst myfirst
{
0%   { margin-left:-200px;}

100% { margin-left:0px;}
}