.info_li ul{ display: flex; padding: 10px; } .info_li ul li{ padding-right: 9px; } .info_product_inc{ width: 100%; display: flex; } .info_img{ width: 50%; padding: 0 30px; } .info_img img{ width: 100%; height: 100%; } .info_message{ width: 50%; padding: 0 30px; } .content{ margin: 0 30px; } .line_p{ position: relative; } .divider{ height: 60px; } .line{ border-bottom: 1px solid rgba(238, 238, 238, 1); height: 36px; } .liner{ border-bottom: 1px solid rgb(156, 156, 156); height: 36px; } .info_info span{ color: #333; line-height: 1.5; font-size: 22px; text-align: center; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; height: 260px; } img { vertical-align: middle; width: 100%; height: 80%; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; text-transform: none!important; letter-spacing: 0; font-variant: initial; font-size: 21px !important; color: #000; } @media screen and (max-width: 772px){ .info_product_inc { width: 100%; display: block !important; } .info_message { width: 100%; padding: 0 30px; } .info_img { width: 100%; padding: 0 30px; } }