body{background: #f6f6f6;}
.Min {
 padding: 50px 0;
 min-height: 470px;
 box-sizing: border-box;
 background: url(/Content/Areas/News/images/xinxigongkai/xinxi_bg.jpg) no-repeat bottom;
 background-size: cover;
}
.min-center{width: 1200px;margin: 0 auto;}
.banner img{width: 100%;}
ul.xx_ul li {
 width: 277px;
 height: 214px;
 background: #F1F1F1;
 box-shadow: -11px -9px 16px 0px rgba(255, 255, 255, 0.65), 4px 6px 13px 0px rgba(199, 199, 199, 0.29);
 float: left;
 margin-right: 30px;
 margin-bottom: 30px;
}

ul.xx_ul li a {
 width: 100%;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

ul.xx_ul li a h2 {
 font-size: 22px;
 font-weight: 500;
 color: #1055B6;
 margin-top: 20px;
}

ul.xx_ul li:nth-child(4n) {
 margin-right: 0;
}
ul.xx_ul li a:hover img {
 animation: tada 1s;
 -o-animation: tada 1s;
 -webkit-animation: tada 1s;
 -moz-animation: tada 1s;
}

ul.xx_ul li a:hover h2 {
 font-weight: bold;
}
@media only screen and (max-width: 768px){

 .min-center {
 width: 100%;
   }
   .Min {
 padding: 40px 30px;
   }
   .main{margin: 0;padding: 0;}
   ul.xx_ul li {
 width: 48%;
 margin-right: 15px;
 margin-bottom: 15px;
 }
 
 ul.xx_ul li:nth-child(2n) {
 margin-right: 0;
 }
  
}
@media only screen and (max-width: 425px){

 .Min {
 padding: 20px 15px;
   }
   ul.xx_ul li{width: 100%;}
}
@media only screen and (max-width: 320px){

 
  
}