img{
   object-fit: cover;
}
.menu{
   justify-content: start;
}
.menu li {
   color: rgb(122, 120, 120);
   font-weight: 400;
   cursor: pointer;
   font-size: 20px;
   padding-left: 20px;
   padding-right: 20px;
   margin-right: 20px;
}

.menu li.active {
   color: rgb(99, 157, 255);
   background-color: rgb(244, 248, 255);
}

.content {
   width: 63%;
   margin: 0 auto;
}

.content-list{
   display: flex;
   flex-wrap: wrap;
}

.content-item{
   display: block;
   width: calc(25% - 10px);
   margin: 0 10px 30px 0;
   display: flex;
   flex-direction: column;
   border-radius: 4px;
   overflow: hidden;
   cursor: pointer;
}

.content-item img{
   width: 100%;
   height: 200px;
}

.content-item div{
   height: 46px;
   line-height: 46px;
   display: block;
   font-size: 15px;
   color: #333;
   align-items: center;
   padding: 0 10px;
   background: #f5f5f5;
   overflow: hidden;
   text-overflow: ellipsis;
   cursor: pointer;
}

.banner_img{
   position:relative;
}

.product-title{
   position:absolute;
   margin-top: -15%;
   margin-left: 41%;
   color: white;
   
}

.title1{
   font-size: 67px;
   display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.title2{
   display: flex;
  align-items: center;
  justify-content: center;
   flex-direction: column;

   font-size: 30px;
   margin-top: 5%;
   /*margin-left: 11%;*/
}