.slick-dotted.slick-slider {
         margin-bottom: 0px; 
    }


    .vnt-banner{
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
    }
    .bg_Right{
        background: url(../images/bns_main_right.png) center no-repeat;
        width: 34%;
        background-size: cover;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 100;
    }
    .bg_left {
        background: url(../images/bns_main_left.png) center no-repeat;
        background-size: cover;
        width: 60%;
        display: block;
        position: absolute;
        left: -250px;
        top: 0;
        bottom: 0;
        z-index: 100;
    }



    /*--------------------------*/

    .bg_Right .menuslide .menu_product{
        position: absolute;
        top: -7px;
        left: 90px;
    }
    .bg_Right .menuslide .menu_product a{
        display: block;
        position: relative;
        -webkit-transition: all .4s esae-out;
        -o-transition: all .4s esae-out;
        transition: all .4s esae-out;
    }
    .bg_Right .menuslide .menu_product a:after{
        background: url(../images/ic_menu01_act.png) no-repeat;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background-size: contain;
        -webkit-transition: all .8s esae-out;
        -o-transition: all .8s esae-out;
        transition: all .8s esae-out;
    }
    .bg_Right .menuslide .menu_product a:hover:after, .bg_Right .menuslide .menu_product a.active:after{
        opacity: 1;
    }

    .bg_Right .menuslide .menu_service{
        position: absolute;
        top: 132px;
        left: 90px;
    }
    .bg_Right .menuslide .menu_service a{
        display: block;
        position: relative;
        -webkit-transition: all .4s esae-out;
        -o-transition: all .4s esae-out;
        transition: all .4s esae-out;
    }
    .bg_Right .menuslide .menu_service a:after{
        background: url(../images/ic_menu02_act.png) no-repeat;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background-size: contain;
        -webkit-transition: all .8s esae-out;
        -o-transition: all .8s esae-out;
        transition: all .8s esae-out;
    }
    .bg_Right .menuslide .menu_service a:hover:after, .bg_Right .menuslide .menu_service a.active:after{
        opacity: 1;
    }

    .bg_Right .menuslide .menu_faqs{
        position: absolute;
        bottom: 140px;
        left: 95px;
    }
    .bg_Right .menuslide .menu_faqs a{
        display: block;
        position: relative;
        -webkit-transition: all .4s esae-out;
        -o-transition: all .4s esae-out;
        transition: all .4s esae-out;
    }
    .bg_Right .menuslide .menu_faqs a:after{
        background: url(../images/ic_menu03_act.png) no-repeat;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background-size: contain;
        -webkit-transition: all .8s esae-out;
        -o-transition: all .8s esae-out;
        transition: all .8s esae-out;
    }
    .bg_Right .menuslide .menu_faqs a:hover:after, .bg_Right .menuslide .menu_faqs a.active:after{
        opacity: 1;
    }

    .bg_Right .menuslide .menu_news{
        position: absolute;
        bottom: -5px;
        left: 95px;
    }
    .bg_Right .menuslide .menu_news a{
        display: block;
        position: relative;
        -webkit-transition: all .4s esae-out;
        -o-transition: all .4s esae-out;
        transition: all .4s esae-out;
    }
    .bg_Right .menuslide .menu_news a:after{
        background: url(../images/ic_menu04_act.png) no-repeat;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background-size: contain;
        -webkit-transition: all .8s esae-out;
        -o-transition: all .8s esae-out;
        transition: all .8s esae-out;
    }
    .bg_Right .menuslide .menu_news a:hover:after, .bg_Right .menuslide .menu_news a.active:after{
        opacity: 1;
    }


    #vnt-banner img{
        width: 100%;
    }
    #vnt-banner.slick-initialized .item, #vnt-banner .item:first-child{
        display: block;
    }
    #vnt-banner .item{
        display: none;
    }

   #vnt-banner .slick-arrow {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        display: block;
        color: #cccccc;
    }
    #vnt-banner .slick-arrow:hover{
        color: #ed1c24;
    }
    #vnt-banner .slick-arrow:after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 50px;
        font-weight: 700;
        font-family: fontawesome;
    }
    #vnt-banner .slick-next:after {
        content: '\f105';
    }
    #vnt-banner .slick-prev:after {
        content: '\f104';
    }
    #vnt-banner .slick-prev {
        left: 25px;
    }
    #vnt-banner .slick-next {
        right: 25px;
    }
    #vnt-banner .item .i-img a{
        position: relative;
        display: block;
    }
    #vnt-banner .item .i-img img{
        width: 100%;
    }
    #vnt-banner .slick-dots{
        bottom: 15px;
        text-align: center;
    }
    #vnt-banner .slick-dots li {
        width: 14px;
        height: 14px;
    }
    #vnt-banner .slick-dots li button{
        width: 14px;
        height: 14px;
    }
    #vnt-banner .slick-dots li button:before{
        content: '';
        border: 0;
        width: 14px;
        height: 14px;
        border: 2px solid #fff;
        border-radius: 100%;
        background: transparent;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    #vnt-banner .slick-dots li.slick-active button:before ,#vnt-banner .slick-dots li button:hover:before{
        opacity: 1;
        background: #01488e;
        border: 0;
    }
    /*********************************************/
    .product{
        margin-bottom: 35px;
    }
    .product .title{
        border-bottom: 2px solid #ddd;
        margin-bottom: 20px;
    }
    .product .title h2{
        font-size: 22px;
        line-height: 30px;
        font-weight: 400;
        color: #333;
        padding-bottom: 5px;
        display: inline-block;
        position: relative;
        text-transform: uppercase;
    }
    .product .title h2:after{
        content: '';
        width: 55px;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: -1px;
        background: #01488e;
    }

    .box_pro > table{
        width: 100%;
    }
    .box_pro{

    }
    .box_pro .box-img{
        margin-bottom: 14px;
    }
    .box_pro .box-img a{
        display: block;
        position: relative;
        padding-top: 96.41%;
        overflow: hidden;
        border: 1px solid #ddd;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }
    .box_pro .box-img a:after{
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background: rgba(0,0,0,.3);
        opacity: 0;
        z-index: 1;
        pointer-events: none;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }
    .box_pro .box-img a:hover:after{
        opacity: 1;
    }
    .box_pro .box-img img{
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .box_pro h3 a{
        font-size: 16px;
        line-height: 22px;
        color: #333;
        text-align: center;
        display: block;
        margin-bottom: 5px;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }
    .box_pro h3 a:hover{
        color: #01488e;
    }

    .slide_product .slick-list{
        margin: 0 -10px;
    }
    .slide_product .slick-list .item{
        padding: 0 10px;
    }
    .slide_product .wrap_item .img{
        position: relative;
        padding-top: 66.667%;
        overflow: hidden;
        border: 2px solid #920a01;
        margin-bottom: 8px;
    }
    .slide_product .wrap_item .img img{
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .slide_product .wrap_item .i-desc .i-title h3 a{
        font-size: 14px;
        line-height: 22px;
        color: #333;
        font-weight: 600;
        margin-bottom: 5px;
        display: block;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }
    .slide_product .wrap_item .i-desc .i-title h3 a:hover{
        color: #920a01;
    }
    .slide_product .wrap_item .i-desc .date{
        font-size: 13px;
        line-height: 20px;
        color: #666;
    }
    /*-------------------------------*/
    .group-box{
        display: block;
        width: 100%;
    }
    .group-box .box_main {
        width: 100%;
        margin-bottom: 15px;
    }
    .group-box .box_main .mid-title{
        margin-bottom: 15px;
    }
    .group-box .box_main .mid-title .titleL{

    }
    .group-box .box_main .mid-title .titleL h3{
        font-size: 22px;
        line-height: 30px;
        font-weight: 400;
        color: #333;
        padding-bottom: 5px;
        position: relative;
        text-transform: uppercase;
        border-bottom: 1px solid #ddd;
    }
    .group-box .box_main .mid-title .titleL h3:after{
        content: '';
        width: 55px;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: -1px;
        background: #01488e;
    }


    /*----box_sms------*/
    .box_sms{

    }
    .box_sms .sms_mess{
        font-size: 15px;
        line-height: 22px;
        color: #333333;
        text-align: justify;
        margin-bottom: 10px;
    }
    .box_sms .phuongthuc{
        padding:15px 10px;
        background: #fff3e4;
        border: 1px solid #ed9421;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        text-transform: uppercase;
        text-align: center;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .box_sms .sms_send{
        font-size: 22px;
        color: #666666;
        text-transform: uppercase;
        text-align: center;
        line-height: 30px;
        padding:5px;
    }
    .box_sms .sms_phone{
        font-size: 26px;
        color: #ff0000;
        text-transform: uppercase;
        text-align: center;
        line-height: 26px;
    }
    .box_sms .sms_link{
        font-size: 12px;
        color: #024b97;
        font-weight: bold;
        text-align: center;
        line-height: 22px;
        padding: 5px;
    }
    .box_sms .sms_link a{color: #024b97}

    /*------box_news-------*/
    .box_news ul{
        margin-bottom: 20px;
    }
    .box_news ul li{

    }
    .box_news ul li a{
        font-size: 15px;
        line-height: 25px;
        position: relative;
        display: block;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        color: #333;
        padding-left: 20px;
    }
    .box_news ul li a:after{
        content: '\f0da';
        font-family: fontawesome;
        font-size: 15px;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .box_news ul li a:hover{
        color: #024b97;
    }
    #ext_video{
        margin-bottom: 10px;
    }
    .viewA{
        text-align: center;
    }
    a.view_more{
        font-size: 15px;
        line-height: 25px;
        color: #333;
        padding: 6px 20px;
        background: #ddd;
        padding-right: 40px;
        display: inline-block;
        text-align: center;
        position: relative;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }
    a.view_more:hover{
        background: #024b97;
        color: #fff
    }
    a.view_more:after{
        content: '\f105';
        font-family: fontawesome;
        font-size: 15px;
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }






    @media screen and (max-width: 991px){
        .bg_Right{

        }
        .bg_Right .menuslide .menu_product{
            left: 82px;
        }
        .bg_Right .menuslide .menu_service {
            top: 120px;
            left: 85px;
        }
        .bg_Right .menuslide .menu_faqs {
            bottom: 120px;
            left: 80px;
        }
        .bg_Right .menuslide .menu_news {
            left: 80px;
        }
    }

    @media screen and (max-width: 915px){
        .bg_Right .menuslide .menu_product a img{
            width: 85%;
        }
        .bg_Right .menuslide .menu_service a img{
            width: 85%;
        }
        .bg_Right .menuslide .menu_faqs a img{
            width: 85%;
        }
        .bg_Right .menuslide .menu_news a img{
            width: 85%;
        }

    }

    @media screen and (max-width: 840px){
        .bg_Right .menuslide .menu_product {
            left: 70px;
        }
        .bg_Right .menuslide .menu_service {
            top: 100px;
            left: 68px;
        }
        .bg_Right .menuslide .menu_faqs {
            bottom: 110px;
            left: 70px;
        }
        .bg_Right .menuslide .menu_news {
            left: 70px;
        }
    }

    @media screen and (max-width: 768px){
        .bg_Right .menuslide .menu_product{
            left: 65px;
        }
        .bg_Right .menuslide .menu_product a img{
            width: 75%;
        }

        .bg_Right .menuslide .menu_service{
            top: 95px;
            left: 65px;
        }
        .bg_Right .menuslide .menu_service a img{
            width: 75%;
        }

        .bg_Right .menuslide .menu_faqs{
            bottom: 95px;
            left: 65px;
        }
        .bg_Right .menuslide .menu_faqs a img{
            width: 75%;
        }

        .bg_Right .menuslide .menu_news{
            left: 65px;
        }
        .bg_Right .menuslide .menu_news a img{
            width: 75%;
        }

    }

    @media screen and (max-width: 665px){
        .bg_Right .menuslide .menu_product{
            left: 60px;
        }
        .bg_Right .menuslide .menu_product a img{
            width: 65%;
        }

        .bg_Right .menuslide .menu_service{
            top: 80px;
            left: 55px;
        }
        .bg_Right .menuslide .menu_service a img{
            width: 65%;
        }

        .bg_Right .menuslide .menu_faqs{
            bottom: 80px;
            left: 55px;
        }
        .bg_Right .menuslide .menu_faqs a img{
            width: 65%;
        }

        .bg_Right .menuslide .menu_news{
            left: 55px;
        }
        .bg_Right .menuslide .menu_news a img{
            width: 65%;
        }

    }

    @media screen and (max-width: 650px){
        .bg_left{
            left: -130px;
        }
    }

    @media screen and (max-width: 555px){
        .bg_Right .menuslide .menu_product{
            left: 40px;
        }
        .bg_Right .menuslide .menu_product a img{
            width: 63%;
        }

        .bg_Right .menuslide .menu_service{
            top: 65px;
            left: 45px
        }
        .bg_Right .menuslide .menu_service a img{
            width: 63%;
        }

        .bg_Right .menuslide .menu_faqs{
            bottom: 65px;
            left: 45px
        }
        .bg_Right .menuslide .menu_faqs a img{
            width: 63%;
        }

        .bg_Right .menuslide .menu_news{
            left: 45px
        }
        .bg_Right .menuslide .menu_news a img{
            width: 63%;
        }

    }

    @media screen and (max-width: 455px){
        .bg_Right .menuslide .menu_product{
            left: 35px;
        }
        .bg_Right .menuslide .menu_product a img{
            width: 68%;
        }

        .bg_Right .menuslide .menu_service{
            top: 55px;
            left: 35px;
        }
        .bg_Right .menuslide .menu_service a img{
            width: 68%;
        }

        .bg_Right .menuslide .menu_faqs{
            bottom: 55px;
            left: 35px;
        }
        .bg_Right .menuslide .menu_faqs a img{
            width: 68%;
        }

        .bg_Right .menuslide .menu_news{
            left: 35px;
        }
        .bg_Right .menuslide .menu_news a img{
            width: 68%;
        }

    }

    @media screen and (max-width: 380px){

        .bg_left{
            left: -85px;
        }

        .bg_Right .menuslide .menu_service{
            top: 45px;
            left: 30px;
        }
        .bg_Right .menuslide .menu_faqs{
            bottom: 45px;
            left: 30px;
        }
        .bg_Right .menuslide .menu_news{
            left: 30px;
        }
    }


    @media screen and (max-width: 355px){
        .bg_Right .menuslide .menu_product{
            left: 25px;
        }

        .bg_Right .menuslide .menu_service{
            left: 25px;
            top: 40px;
        }

        bg_Right .menuslide .menu_faqs{
            left: 25px;
            bottom: 40px;
        }

        bg_Right .menuslide .menu_news{
            left: 25px;
        }

    }