.about {
    padding-top: 60px !important
}

    .about .h-50px {
        height: 50px;
        clear: both
    }

    .about .containertn {
        margin-top: 0 !important
    }

    .about .intro {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        margin-bottom: 60px
    }

        .about .intro .colAbout {
            width: calc(100% / 2);
            padding: 0;
            position: relative
        }
    .about .colAbout .desc {
        text-align: left !important;margin-bottom:20px
    }
    .about .colAbout .desc b{
        color:#00446D
    }
        .about .intro .colLeft.h410 {
            height: 410px
        }

        .about .intro .colLeft img {
            width: 100%
        }

    .about .title {
        font-size: 36px;
        font-weight: 600;
        color: #000000;
        text-align: center;
        margin-bottom: 50px;
    }
    .about .title2 {
        font-size: 36px;
        font-weight: 600;
        color: #000000;
        margin-bottom: 20px;
        text-align: center
    }
    .about .desc {
        text-align: center;
        margin-bottom:40px
    }
    .about .intro .title {
        text-align: left
    }

    .about .intro .item {
        color: #000000;
        padding-left: 30px;
        background: url(/assets/image/icon/iconEnable.png) no-repeat;
        background-position: 0px 3px;
        margin-bottom: 16px
    }

    .about .block {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        margin-bottom: 60px
    }

    .about .colblock {
        width: calc(100% / 2);
        padding: 0;
        position: relative
    }

        .about .colblock.textContent {
            padding-top: 80px
        }

        .about .colblock img {
            max-width: 100%
        }



    .about .block .subTitle {
        font-size: 20px;
        font-weight: 600;
        color: #000000;
        margin-bottom: 20px
    }

    .about .block .item {
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px
    }

        .about .block .item:before {
            content: "";
            position: absolute;
            top: 10px;
            width: 6px;
            height: 6px;
            background: #7BC48A;
            border-radius: 100%;
            left: 0
        }

    .about .block2 .colRight {
        padding-left: 130px;
    }

    .about .block4 .colblock {
        width: calc((100% - 30px) / 2);
    }

    .about .block4 .img {
        position: relative;
        margin-bottom: 30px;
        float: left;
        border-radius: 10px;
        overflow: hidden
    }

        .about .block4 .img span {
            position: absolute;
            background: rgb(0,68,109,0.66);
            width: 100%;
            bottom: 0;
            left: 0;
            padding: 5px 15px;
            font-size: 24px;
            color: #fff
        }



        .about .block4 .img img {
            width: 100%
        }

    .about .block4 .colLeft .img.img1 {
        width: 100%
    }

    .about .block4 .colLeft .img.img2, .about .block4 .colLeft .img.img3 {
        width: calc((100% - 30px) / 2);
    }

    .about .block4 .colLeft .img.img3 {
        float: right
    }

    .about .block4 .colRight .img.img1, .about .block4 .colRight .img.img2 {
        width: calc((100% - 30px) / 2);
    }

    .about .block4 .colRight .img.img2 {
        float: right
    }


@media (max-width:991px) {
    .about .intro {
        flex-direction: column;
    }

        .about .intro .colLeft.h410 {
            height: auto
        }

        .about .intro .colAbout {
            width: 100%;
        }

    .about .block {
        flex-direction: column;margin-bottom:0px
    }
        .about .block.block2 {
            flex-direction: column-reverse;
            
        }
    .about .block2 .colRight{padding-left:0}
    .about .colblock {
        width: 100%;margin-bottom:50px
    }
    .about .colblock img {
        width: 100%;
    }
        .about .colblock.textContent{padding-top:0}
    .about .block4 .colblock{width:100%;margin-bottom:0}
    .about .block4 .img span {
        padding: 5px 5px;
        font-size: 18px;
    }
}