body {
   background: #f1f3f6;
 }

 .article {
   background: #fff;
   padding: 60px 100px;
   margin-top: 30px;
 }

 .article .title,
 .articles .title {
   font-size: 28px;
   text-align: center;
   margin-bottom: 10px;
   font-weight: 500;
   color: #111;
 }

 .article .date,
 .articles .date {
   text-align: center;
   margin-bottom: 50px;
 }

 .contact-box {
   display: flex;
   margin-right: -20px;
 }

 .contact-box>div {
   overflow: hidden;
   border-radius: 10px;
   background: rgba(26, 42, 59, 0.05);
   width: 33.33%;
   margin-right: 20px;
 }

 .contact-box .anticon {

   font-size: 20px;
 }

 .contact-box>div .label {
   font-size: 16px;
   background: rgba(46, 110, 213, 1);
   color: #fff;
   padding: 20px;
 }

 .contact-box .value {
   color: rgba(26, 42, 59, 0.8);
   padding: 20px;
 }

 .map-img {
   width: 100%;
   margin-top: 40px;
   border-radius: 10px;
 }