.ByBan {
            height: 500px;
            width: 100%;
            position: relative;
        }

        .ByImg {
            width: 100%;
            height: 100%;
            position: relative;
        }

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

        .ByImg::before {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            content: '';
            /* background: rgba(0, 0, 0, .3); */
            background-image: linear-gradient(to right, rgb(0, 51, 169, .88) 0, rgb(39, 60, 154, .8) 40%, rgb(39, 60, 154, 0) 100%);
        }

        .ByTbox {
            position: absolute;
            left: 10%;
            top: 55%;
            transform: translateY(-50%);
            z-index: 2;
        }

        .ByTit {
            font-size: 60px;
            font-weight: 600;
            color: #fff;
            text-transform: uppercase;
            line-height: 1.2;
            margin: 30px 0 20px
        }

        .ByText {
            font-size: 22px;
            color: #fff;
        }




        .ByBox{
            margin-top: 85px;
        }
            @media(max-width:1024px) {
            .ByBox{
                margin-top: 74px;
            }
        }