.article_right {
  width: 660px;
  height: 420px;
  padding: 21px;
  margin-left: 370px;
  zoom: 1.1;
 }
 .article_right a {
   display: block;
   text-align: center;
 }
 a:hover .InfoBox img {
   transition: all 0.3s;
   transform: scale(1.1);
  }
 .InfoBox {
   float: left;
   margin: 10px;
   padding-top: 40px;
   height: 160px;
   width: 200px;
 }
 .InfoBox p {
   text-align: center;
 color: white;
 font-size: 18px;
 margin-top: 10px;
 }

 .InfoBox img {
   width: 80px;
   margin: 5px;
 }

 .InfoBox1 {
   background: #1998de;
   border-radius: 60px 0 0 0;
 }
 .InfoBox2 {
   background: #8ec31f;
 }

 .InfoBox3 {
   background: #4b90d1;
 }

 .InfoBox4 {
   background: #6f71de;

 }
 .InfoBox5 {
   background: #8d6fc0;
 }
 .InfoBox6 {
   background: #c95366;
   border-radius: 0 0 60px 0;
 }
 @media only screen and (max-width:1440px){
   .article_right {
 margin-left: 190px;
 }
  }
 @media only screen and (max-width:768px){
 .article_right {
   margin-left: -18px;
  }
}
 @media only screen and (max-width:640px){
   .article_right {
 width: 620px;
 height: 660px;
 margin-left: -16px;
 zoom: 0.9;
 }
 .InfoBox{
   border-radius: 10px;
  }
  .InfoBox p{
 margin-top: 25px;
  }
 }
 @media only screen and (max-width:375px){
   .article_right {
 zoom: 0.8;
 }
 }
 @media only screen and (max-width:320px){
   .article_right {
 zoom: 0.69;
 }
 .InfoBox p {
   font-size: 20px;
 }