.banner_content{left: 30%;}


.solutions{margin-bottom: 30px;width: 100%;text-align: center;}
.solutions img{width: 100%;height: 220px;object-fit: cover;margin-bottom: 10px;}
.solutions a{color: #6A6A6A;font-size: 20px;}

.img_box .box_bg{position: absolute;z-index: 2;top: 0;height: 220px;display: none;left: 15px;right: 15px;}
.img_box.active .box_bg{display: flex;flex-direction: column;align-items: center;
    padding: 10px 20px;color: #fff;background: rgba(196,196,196,.7);}
.img_box.active .box_bg img{width: 50px;height: auto;}
.img_box.active .box_bg .title{border-bottom: 1px solid #fff;width: 80%;padding-bottom: 5px;}
.img_box.active .box_bg .text{text-align: justify;margin-top: 5px; font-size: 12px;line-height: 22px;}

@media (max-width: 768px) {
    .banner_content{left: 0% !important;text-align: center;width: 100%;}
    .banner_content .sub{white-space:pre-wrap;padding: 0 15px;}

    .solutions{margin-bottom: 15px;}
    .solutions a{font-size: 18px;}
/*    */
    .solutions .img_box>img{height: 280px!important;}
    .img_box.active .box_bg{padding: 5px 10px;}
    .img_box .box_bg{height: 280px!important;}
}