.section5 {
       position: relative;
       overflow: hidden;
       padding-top: 60px;
       padding-bottom: 120px;
   }

   .title5 {
       font-weight: bold;
       font-size: 32px;
       line-height: 1;
       color: #000;
       margin-bottom: 30px;
   }

   .Box5 {
       position: relative;
       display: flex;
       flex-wrap: wrap;
       grid-gap: 45px;
   }

   .item5 {
       width: calc((100% - 45px) / 2);
       padding-top: 15px;
       padding-bottom: 60px;
       border-bottom: 1px solid #ccc;
   }

   .item5:nth-child(1) {
       padding: 0;
   }

   .item5 img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .item5 h2 {
       font-size: 14px;
       color: #ccc;
   }

   .item5 h1 {
       font-size: 18px;
       color: #000;
       margin: 15px 0;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

   .item5 p {
       font-size: 16px;
       color: #ccc;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 3;
   }

   @media (max-width:1200px) {
       .Box5 {
           grid-gap: 15px;
       }

       .item5 {
           width: calc((100% - 15px) / 2);
           padding-top: 15px;
           padding-bottom: 30px;
       }
   }

   @media (max-width:720px) {
       .title5 {
           font-size: 28px;
       }

       .item5 {
           width: 100%;
       }

       .item5 h1 {
           margin: 5px 0;
       }

       .item5 p {
           font-size: 14px;
       }
   }

   @media (max-width:460px) {}