.banner{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
}
.banner img{    width: 100%;}
.bann-title{
    width: 100%;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 48%;
    text-align: center;
}
.bann-title h2 {
    font-size: 27px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: .8%;
}

.bann-title li {
    font-size: 15px;
    color: #fff;
    letter-spacing: 0px;
    margin-top: 2px;
}

.bann-title li a {
    font-size: 13px;
    color: #fff;
    letter-spacing: 0px;
}

.industry{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 3%;
}
.ind-one{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    margin-top: 3%;
}
.ind-left {
    width: 75%;
    float: left;
}

.ind-left h3{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0%;
}
.ind-left p{
    text-align: justify;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    width: 95%;
    line-height: 28px;
    padding: 1% 0;
    margin-bottom: 0%;
}
.ind-left img{
    width: 43%;
}
.ind-right{
    width: 25%;
    float: right;
}
.more{
    width: 90%;
    position: relative;
}
.more img{}
.more h3{
    position: absolute;
    top: 55%;
    left: 0%;
    color: #fff;
    font-size: 23px;
    letter-spacing: 2px;
    text-align: center;
}
.more a{
    background-color: #C70123;
    color: #fff;
    font-size: 16px;
    padding: 12px 29px;
    border-radius: 25px;
    float: right;
    position: absolute;
    top: 78%;
    left: 29%;
}
.ind-right img{
    width: 100%;
}
.ind-right p{
}
.ir-bex{
    width: 90%;
    position: relative;
}
.ir-bex img{}
.ir-bex p{
    position: absolute;
    left: 8%;
    color: #fff;
    font-size: 21px;
    letter-spacing: 2px;
    font-weight: bold;
    bottom: 24px;
}
.il-box{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 5%;
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
    .banner img {
        width: 100%;
        height: 110px;
    }

    .bann-title {
        width: 100%;
        height: auto;
        display: inline-block;
        position: absolute;
        top: 24%;
        text-align: center;
    }

    .ab-top h3 {
        color: #000000;
        font-family: "Poppins", Sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 45px;
        text-align: left;
        margin-bottom: 1%;
    }

    .ab-top p {
        text-align: left;
        color: #000000;
        font-size: 13px;
        font-weight: 400;
        line-height: 30px !important;
        width: 100%;
        margin-bottom: 4%;
        text-indent: 2em;
    }
    .bann-title h2 {
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
    }
    .bann-title li i img {
        width: 100% !important;
        float: left;
        display: inline-block;
        height: auto;
    }
    .ind-left {
        width: 100%;
        float: left;
    }
    .ind-left img {
        width: 100%;
    }
    .ind-right {
        width: 100%;
        float: right;
    }
    .more {
        width: 100%;
        position: relative;
    }
    .ir-bex {
        width: 100%;
        position: relative;
    }
}