@media only screen and (max-width: 750px) {
    .display-mobile{
display: block !important;
}
.display-computer{
display: none !important;
}
.titlemobile{
font-size: 0.5851rem;
font-weight: 500;
color: #333;
margin-bottom: 0.2127rem;
}
.submobile{
font-size: 0.4255rem;
font-weight: 500;
  color: #333;
  margin-bottom: 0.5319rem;
}
.textmobile{
font-size: 0.3723rem;
font-weight: 400;
  color: #333;
}
.card{
width: 100% !important;
height: auto !important;
margin-top:0.6382rem;
padding-bottom: 0.4255rem;
}
.card-title{
height: auto !important;
margin: 0 !important;
width: auto !important;
padding-top: 0.4042rem !important;
padding-left: 0.4042rem !important;
color: #333 !important;
font-weight: 500 !important;
font-size: 0.4255rem !important;
}
.card-content1{
margin-left: 0.8297rem !important;
margin-top:0.4042rem !important;
font-size: 0.3404rem !important;
font-weight: 400 !important;
color: #666 !important;
line-height: 0.5531rem !important;
width: auto!important;
}
.card-content{
line-height: 0.5531rem !important;
width: auto!important;
margin-top: 0.2127rem !important;
margin-left: 0.8297rem !important;
font-size: 0.3404rem !important;
font-weight: 400 !important;
color: #666 !important;
}
.swiper-slide{
text-align: center;
width:20% ;
}
.boimg{
height:1.0638rem;
width:75%
} 
.topimg{
height: 5.319rem;
width: 76vw;
padding: 0.9787rem 0.4255rem 0rem;
margin-bottom: 0.851rem;
object-fit: contain;
}
.mobilepad{
padding-right: 0.4255rem;
}
/* .container >div >p >span{
font-size: 0.2666rem !important;
font-weight: 500;
text-align: center;
color: #333333;
} */
}