.inblo { display: grid; grid-template-columns: auto auto; grid-gap: 40px; padding: 110px 0;}
.inblo .item {  position: relative; background-color: #f8f8f8; border: 1px solid #c4c4c4;}
.title { position: absolute; background-color: #d61900; padding: 0 15px; height: 50px; top: -20px; left: 15px; color: #fff; font-size: 25px; font-weight: bold; line-height: 50px;}
.inblo .item img {max-width: 100%;}
.inblo .item img:hover {transform: scale(1.1, 1.1);transition: .6s;}
.inblo .item figcaption { padding: 20px; line-height: 35px; font-size: 15px;}
.title::after {  width: 0;  height: 0;  border-bottom: 20px solid #610e0d;  border-right: 20px solid transparent; right: -20px; top: 0; content: ''; position: absolute;}
.inblo .item .in_a { display: block;position: absolute; background-color: #d61900; padding: 0 30px; height: 35px; bottom: -15px; right: 25px; color: #fff; font-size:14px; line-height: 35px; border-radius: 30px;}

@media screen and  (max-width: 1500px){
  
}

@media screen and  (max-width: 1300px){
  
} 
@media screen and  (max-width: 1200px){
	
}
@media screen and  (max-width: 1100px){
	
}
@media screen and  (max-width: 1000px){
    
}
@media screen and  (max-width: 850px){
  
}
@media screen and  (max-width: 760px){
  
    .inblo {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 40px;
        padding: 110px 0;
    }
}

@media screen and  (max-width: 600px){



}

@media screen and  (max-width: 390px){
  
}