@charset "utf-8";
*{margin:0;padding:0;outline:0}
html{height:100%}
h1{font-size:15px}
h2{font-size:14px}
h3{font-size:14px}
h4{font-size:14px}
h5{font-size:14px}
h6{font-size:14px}
a{text-decoration:none}
p{padding:0 0 10px}
img{border:0;border-spacing:0}
img,embed{vertical-align:middle}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,img,embed{margin:0;padding:0;outline:0}
:focus{outline:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;border:1px solid #e1e1e1}
table td,table th{border:1px solid #e1e1e1;padding:3px 10px}
caption,th,td{font-weight:400}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
strong,b{font-weight:600}
em{font-style:italic}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap!important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
input[type=text],input[type=password],input[type=file],input[type=submit],input[type=reset],input[type=search],textarea,button{-webkit-appearance:none}
input[type=number]::-webkit-inner-spin-button{opacity:1}
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;src:url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.eot);src:url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.woff2) format("woff2"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.woff) format("woff"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.ttf) format("truetype"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.svg#fontawesome) format("svg")}
@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;src:url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.eot);src:url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.woff2) format("woff2"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.woff) format("woff"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.ttf) format("truetype"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.svg#fontawesome) format("svg")}
@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;src:url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.eot);src:url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.woff2) format("woff2"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.woff) format("woff"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.ttf) format("truetype"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.svg#fontawesome) format("svg")}
@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;src:url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.eot);src:url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.woff2) format("woff2"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.woff) format("woff"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.ttf) format("truetype"),url(../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.svg#fontawesome) format("svg")}
.top_hea{background:#f5f5f5;line-height:40px}
.m_th{float:left;font-size:14px}
.m_th > li{float:left;margin-right:20px}
.m_th > li .fa-phone-volume,.m_th > li .fa-envelope{margin-right:6px;font-size:14px;position:relative;top:0}
.r_th{float:right}
.r_th > li{float:left;position:relative}
.r_th > li a{color:#333}
.r_th > li .fa-user-plus{margin-right:6px;font-size:14px;position:relative;top:0}
html{background:#fff}
body{font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;font-weight:500;color:#222;}
.css_body{background:#fff;-webkit-text-size-adjust:100%;word-wrap:break-word;height:auto;min-height:100%;overflow-x:hidden}
.fixbody{overflow:hidden}
.fixbody .swiper1 .swiper-slide{width:100%!important}
#wrapper{position:relative;height:100%}
.min_wrap{width:1200px;margin:0 auto}
.text_center{text-align:center}
#header{background-color:#fff;-webkit-transition:ease .2s;-moz-transition:ease .2s;-ms-transition:ease .2s;-o-transition:ease .2s;transition:ease .2s;position:relative;z-index:100;-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px #cfcfcf}
.sty_home #header{top:0;right:0;left:0;z-index:101}
#header.scroll_header{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1)}
/* Hủy rule fixed cũ cho sidebar */

#header.scroll_header .ul_mn > li > a,#header.scroll_header .lang_hea,#header.scroll_header .lang_hea a,#header.scroll_header .lang_hea span{color:#073159}
#header.scroll_header .top_hea{display:none}
.banner_hea .min_wrap{position:relative; padding:10px 0px;}
.c1_hea{float:left;padding:5px}
.logo{display:inline-block;float:left}
.logo img{display:inline-block;width:auto;height:60px}
.lang_web{position:absolute;right:0;top:0}
.show_lang_web{font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:40px;line-height:40px;text-align:center;cursor:pointer;padding:0px; background: #f5f5f5;}
.show_lang_web .fa-globe{margin-right:6px;font-size:14px;position:relative;top:1px}
.show_lang_web .fa-angle-down{margin-left:6px;font-size:14px}
.ul_lang_web{display:none;position:absolute;top:40px;right:0;border-top:2px solid #073159;min-width:120px;z-index:11;background:#fff}
.ul_lang_web > li > a{color:#434343;display:block;white-space:nowrap;padding:0 10px;text-transform:capitalize; font-size:13px; line-height:30px;}
.ul_lang_web > li > a img{margin-right:5px}
.ul_lang_web > li.active > a{color:#0e64af;font-size:13px}
.ul_lang_web > li > a:hover{text-decoration:underline}
.nav_mn{float:left;padding:0 10px;position:absolute;top:35px;right:50px}
.search{position:absolute;top:18px;right:0;width:32px;height:32px;z-index:2}
.hotline_top{font-weight:700;color:#0e64af;font-size:14px}
.click_s{width:32px;height:32px;background:#fff url(../imgs/layout/icon_search.png) no-repeat;position:absolute;top:10px;right:0;cursor:pointer;border:1px solid #e1e1e1;border-radius:25px!important}
.form_s{display:none;height:18px}
.form_s .ipt_s{width:100%;height:18px;position:absolute;top:0;background:#fff;padding:0 30px 0 8px;color:#777;font-size:11px;border:1px solid #999}
.form_s .btn_s{border:0;cursor:pointer;position:absolute;width:18px;height:18px;background:url(../imgs/layout/icon_search.png) no-repeat center;top:8px;right:10px}
.search_open{width:170px;height:34px;top:18px}
.search_open .form_s{display:block;height:32px;right:0;top:7px}
.search_open .form_s .ipt_s{height:34px;border-radius:25px!important;top:0;right:0}
.ul_mn > li{float:left;position:relative;margin-right:35px}
.ul_mn > li > a{display:block;font-size:13px;font-weight:600;color:#073159;text-transform:uppercase;text-align:center}
.ul_mn > li > a span{display:block}
.icon_mn_1,.icon_mn_2{display:inline-block;width:auto;height:18px}
.icon_mn_2{display:none}
.ul_mn > li:hover .icon_mn_1,.ul_mn > li.active .icon_mn_1{display:none}
.ul_mn > li:hover .icon_mn_2,.ul_mn > li.active .icon_mn_2{display:inline-block}
.ul_mn > li:hover > ul.mn_child_01{visibility:visible;z-index:100;opacity:1;top:50px}
.ul_mn > li > ul.mn_child_01{visibility:hidden;opacity:0;position:absolute;left:0;top:50px;background:#fff;min-width:200px;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:ease .3s;z-index:100;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1)}
.ul_mn > li > ul.mn_child_01 > li{position:relative}
.ul_mn > li > ul.mn_child_01 > li > a{color:#333;display:block;padding:5px 10px;white-space:nowrap; font-size:13px; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.ul_mn > li > ul.mn_child_01 > li:hover > a{background:#0e64af;color:#fff}
.ul_mn > li > ul.mn_child_01 > li:hover > ul.mn_child_02{display:block}
.ul_mn > li > ul.mn_child_01 > li > ul.mn_child_02{display:none;position:absolute;top:0; left:200px;background:#ea4522;min-width:200px}
.ul_mn > li > ul.mn_child_01 > li > ul.mn_child_02 > li > a{color:#fff;display:block;padding:5px 10px;white-space:nowrap;text-transform:capitalize}
.ul_mn > li > ul.mn_child_01 > li > ul.mn_child_02 > li > a:hover{text-decoration:underline}
#container{min-height:500px; margin-bottom: 40px; width:100%;float:left; background:#fff;}
.footer_page{background:#f9f9f9!important;margin-top:40px;float:left}
.r1_ct{overflow:hidden}
.slide{width:100%;float:lef; margin-bottom: 30px; box-shadow: 0 0 5px #cfcfcf;}
.swiper1 .swiper-slide{background:#fff;height:500px}
.swiper1 .swiper-slide img{display:block;width:100%;height:100%}
.swiper1 .swiper-button-prev-1, .swiper4 .swiper-button-prev-4{background-color:#e9e9e9;border:solid 1px #073159;width:40px!important;height:40px!important;background-size:auto 18px!important;margin-top:-15px!important;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-weight:700}
.swiper1 .swiper-button-next-1, .swiper4 .swiper-button-next-4{background-color:#e9e9e9;width:40px!important;border:solid 1px #073159;width:40px!important;height:40px!important;background-size:auto 18px!important;margin-top:-15px!important;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-weight:700}
.swiper-button-prev { left: 15px!important;}
.swiper-button-next{right: 15px!important;}
.swiper-pagination-4 {
  bottom: 1rem !important;
}
.swiper-pagination-4 .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
  background-color: #f5f5f5;
  position: relative;
  margin: 2rem 0.5rem !important;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.swiper-pagination-4 .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 0.1rem solid transparent;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.swiper-pagination-4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0e64af;
}
.swiper-pagination-4 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: #0e64af;
}
.building-head{float:left;background:#FFF}
.building-head .price{font-weight:600;font-size:22px;line-height:30px;letter-spacing:-.26px;color:#222531;margin:0 0 22px;display:block}
.building-head .bao-gom{font-weight:600;font-size:17px;line-height:28px;letter-spacing:-.43px;color:#222531;display:block;margin:0 0 22px}
.building-head .bao-gom i{margin-right:10px;color:#16C784}
.building-head .contact-building{float:left;width:100%}
.building-head .contact-building .btn-phone{font-size:24px;line-height:28px;font-weight:600;letter-spacing:-.43px;background:#26CF4C;border-radius:6px;color:#FFF;padding:12px 0;width:100%;display:block;margin-bottom:16px}
.building-head .contact-building .btn-submit{font-size:17px;line-height:28px;letter-spacing:-.43px;background:#FFF;border:.5px solid #00b2e2;box-sizing:border-box;border-radius:6px;color:#00b2e2;padding:12px 0;margin-bottom:16px;width:100%;display:block}
.building-head .team-tu-van > span{float:left;width:100%;font-size:18px;text-transform:uppercase;line-height:24px;text-align:center;font-weight:600;letter-spacing:-.23px;color:#222531;display:block;margin-bottom:20px}
.content .f-detail {padding: 15px; border-left: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; margin-top: 0px; float: none; clear: both;}
.list-tu-van{float:left;border:1px solid #e1e1e1;border-top:0}
.list-tu-van li{width:100%;float:left;margin-bottom:5px;border-top:solid 1px #e1e1e1;padding-top:10px}
.thongtin_user{overflow:hidden;text-align:left}
.thongtin_user .phutrach{width:100%;float:left;font-weight:600;margin-bottom:5px}
.thongtin_user .ten{width:100%;font-weight:500;font-size:14px;float:left;}
.thongtin_user .dienthoai{width:100%;float:left;margin-bottom:5px; font-size: 15px;}
.thongtin_user .dienthoai a{color:#ea4522;font-weight:600}
.thongtin_user .email{width:100%;float:left;font-size:13px}
.list-tu-van .thumb{background:#F9FAFB;border:1px solid rgba(34,37,49,0.16);box-sizing:border-box;border-radius:100px;display:block;position:relative;overflow:hidden;float:left;margin-right:10px;margin-left:15px; padding: 5px; margin-top: 5px;}
.list-tu-van .thumb img{width:100%;height:100%;object-fit:cover}
.ul_mn > li:hover::before,.ul_mn > li.active::before{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background-color:#073159}
.t_prod_h { background: url(../imgs/layout/bg_t_prod.png) repeat-x; height: 34px;-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px;border-top-right-radius: 3px; overflow: hidden;}
.foot_diachi{background-image:url(../imgs/layout/pattern-1.png);background-repeat:initial;background-size:cover;margin-top:30px;width:100%;float:left;background-color:var(--c-1637744195821,#222);background-position:0 center;padding:10px 0;display:block}
.foot_1 {  background: url(../imgs/bg_foot.webp) no-repeat center center;   background-size: auto;}
.foot_diachi .min_wrap{padding:30px 0}
.diachi_t>li{margin-right:30px;float:left;min-height:1px;width:calc(calc(100% - 60px)/ 3)}
.diachi_t>li:nth-child(3n){margin-right:0}
.diachi_t>li:nth-child(3n+1){clear:both}
.t_foot_diachi{text-transform:uppercase;color:#fff;background:#1e8dca;font-weight:600;padding:10px 5px 10px 80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}
.m_foot_diachi{background:#fff;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:15px 15px 15px 80px;position:relative;font-size:14px}
.m_foot_diachi p{padding-bottom:5px}
.sty_map{overflow:hidden!important;padding:10px!important;margin-bottom:0!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:75%!important;}
.fancybox-close-small svg {opacity: 1 !important;color: #fff; background: #1e8dca;}
.fancybox-close-small {right: 5px !important; top: 5px !important;}
.fcb_map{color:#ea4522!important;padding-bottom:10px;font-size:12px}
.sty_map iframe{width:100%!important}
.m_foot_diachi svg{font-size:35px;color:#ea4522;position:absolute;top:20px;left:30px}
.prod_ct{background:#fff;}
.prod_ct .xem_tatca{position:absolute;right:0;bottom:0}
.prod_ct .xem_tatca a{color:#999;font-size:14px;font-weight:400}
.t_prod_ct{position:relative;overflow:hidden}
.h_t_prod_ct{color:#272727;position:relative;text-transform:uppercase;font-size:16px;line-height:32px;margin-bottom:15px;font-weight:600;padding-bottom:10px;background:url(../imgs/line_t1_cont.webp) no-repeat bottom center;text-align:center}
.h_t_prod_ct a{color:#272727}
.slide_prod_D{
    display:flex;
    gap:25px;
    align-items:flex-start;
    margin-bottom:30px;
}

.swiper44-wrap{
    position:relative;
    flex:1;
    min-width:0;
}

.swiper44-main{
    width:100%;
    overflow:hidden;
}

.swiper44-main .swiper-slide{
    position:relative;
    height:365px;
    background:#fff;
    text-align:center;
}

.swiper44-main .swiper-slide img{
    display:block;
    width:auto;
    height:auto;
    width:100%;
    height:100%;
}

.swiper44-thumb{
    margin-top:15px;
    overflow:hidden;
}

.swiper44-thumb .swiper-slide{
    height:100px;
    opacity:.5;
    cursor:pointer;
    border:2px solid transparent;
    box-sizing:border-box;
}

.swiper44-thumb .swiper-slide-thumb-active{
    opacity:1;
    border-color:#0e64af;
}

.swiper44-thumb .swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.swiper44-main .swiper-button-prev-44,
.swiper44-main .swiper-button-next-44{
    width:40px;
    height:40px;
    border: solid 1px #073159;
    border-radius: 50%;
    margin-top:-40px;
    background-color:rgba(255,255,255,.8);
    background-size:12px auto;
    transition:.2s;
}

.swiper44-main .swiper-button-prev-44{
    left:20px;
}

.swiper44-main .swiper-button-next-44{
    right:20px;
}

.swiper44-main .swiper-button-prev-44:hover,
.swiper44-main .swiper-button-next-44:hover{
    background-color:#fff;
}
.scroll_header .sidebar.sticky { position: sticky; top: 10px; right: auto;  z-index: auto; box-shadow: none; width: auto !important; align-self: flex-start;}
.f_cont_2 { align-items: flex-start; overflow: visible;}
.f_cont_2 .sidebar,
.f_cont .sidebar{ position: sticky; top: 10px;align-self: flex-start;  max-height: none !important;  display: block;}
.scroll_header .sidebar,.scroll_header .sidebar.sticky{ position: sticky; top: 10px !important;}
.sidebar.fixed{ position: sticky;}
#btn-zoom-fixed{
    position:absolute;
    top:15px;
    right:15px;
    width:45px;
    height:45px;
    border-radius:50%;
    background:rgba(0,0,0,.5);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:10;
    font-size:18px;
}

#btn-zoom-fixed:hover{
    background:rgba(0,0,0,.8);
}

.nd_slide_prod_D{
    width:350px;
    flex-shrink:0;
}

@media(max-width:991px){

    .slide_prod_D{
        flex-direction:column;
    }

    .nd_slide_prod_D{
        width:100%;
    }
    
    .swiper44-thumb .swiper-slide{
        height:80px;
    }
     .f_cont .sidebar {
        display: none !important;
    }
}

@media(max-width:767px){

    .swiper44-main .swiper-slide{
        height:320px;
    }

    .swiper44-thumb .swiper-slide{
        height:65px;
    }

    .swiper44-main .swiper-button-prev-44,
    .swiper44-main .swiper-button-next-44{
        margin-top:-30px;
    }
}
.title_slider {
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #000;
    opacity: 0.7;
    padding: 7px 10px;
    text-align: center;
}
.swiper44-wrap {
    display: flex;
    gap: 15px;
    background: #f5f5f5;
}

.swiper44-main {
    flex: 1;
    min-width: 0;
}

.swiper44-thumb {
    width: 90px;
    flex-shrink: 0;
}

.swiper44-thumb .swiper-slide {
    opacity: 0.5;
    cursor: pointer;
    height: 70px !important;
}

.swiper44-thumb .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid #0e64af;
}
.t_prod_ct_tcode { background: url(../imgs/layout/bg_t_prod.png) repeat-x; height: 34px; -webkit-border-top-left-radius: 3px;  -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;float: none; clear: both;}
.t_prod_tcode {display: inline-block; color: #fff; background: #073159; line-height: 34px; text-transform: uppercase; font-size: 14px; padding: 0 15px;  position: relative; font-weight: 600;}
.t_prod_tcode::before {content:"";width:20px;height:34px;position:absolute;top:0;right:-18px;background:url(../imgs/layout/bg_h_prod_h.png) no-repeat;}
.news_h {position:relative;padding:30px 0;float:none;clear:both;}
.ul_news {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.ul_news>li {margin:0;padding:15px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);overflow:hidden;box-sizing:border-box;float:none!important;clear:none!important;width:auto!important;display:flex;flex-direction:column;}
.ul_news>li:nth-child(4n), .ul_news>li:nth-child(4n+1) {margin-right:0;clear:none;}
.img_news {position:relative;overflow:hidden;aspect-ratio:3/2;flex-shrink:0;}
.img_news a {display:block;width:100%;height:100%;}
.img_news img {display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s;}
.img_news:hover img {transform:scale(1.1);}
.if_news {padding:15px 0 0;display:flex;flex-direction:column;flex:1;}
.t_news {font-size:14px;line-height:26px;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:52px;}
.t_news a {color:#000;font-weight:600;}
.t_news a:hover {color:#0e64af;}
.des_news {font-size:15px;line-height:22px;color:#666;padding-bottom:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;}
.if_news{padding:15px 0}
.in_if_news{background-color:#fff;position:relative;z-index:1;font-size:12px;line-height:18px}
.t_news{font-size:15px;color:#222;min-height:52px;line-height:24px;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.min_wrap2{width:945px;position:relative;margin:0 auto}
.ykkh_index{background:#f9f9f9;padding:50px 0}
.box_ykkh{background:#fff none repeat scroll 0 0;box-shadow:0 0 3px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;text-align:center}
.t1_cont{text-align:center;font-size:30px;line-height:30px;font-weight:600;color:#000;letter-spacing:2px;text-transform:capitalize;font-weight:500}
.swiper5{padding-top:20px}
.swiper-pagination-5{position:absolute;bottom:-40px;left:0;right:0}
.swiper-pagination-5 .swiper-pagination-bullet{border:1px solid #9a9b9b;border-radius:12px;height:12px;margin:0 3px!important;width:3px;background:#9a9b9b;opacity:1}
.swiper-pagination-5 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#073159;border:1px solid #0e64af;height:20px;margin:0 3px!important;width:3px}
.text_ykkh{font-size:18px;line-height:28px;margin-bottom:20px;overflow:hidden; padding-top: 20px; text-align: left;}
.text_ykkh::before{font-family:"Font Awesome 5 Pro";content:"\f10d";font-size:30px;color:#9a9b9b;font-weight:600}
.text_ykkh .f-detail{font-size:14px;margin-top:30px;min-height:120px;font-weight:400;text-align:left}
.bot_ykkh{float:left;margin-right:20px;text-align:center;background:#d9d9d9;padding:30px 30px 10px 30px;}
.bot_ykkh figure img{border:3px solid #073159;border-radius:100px;height:150px;margin-bottom:10px;width:150px}
.bot_ykkh strong{color:#333;font-size:14px;margin-top:10px;text-transform:uppercase;font-weight:600;float:left;width:100%}
.bot_ykkh p{color:#333;letter-spacing:1px;text-transform:uppercase;margin-bottom:0;font-weight:400;font-size:12px}
.doitac_index{background:#fff;position:relative;padding:40px 0}
.ul_doitac > li{background:#fff none repeat scroll 0 0;overflow:hidden}
.ul_doitac > li:nth-child(5n){margin-right:0}
.ul_doitac > li:nth-child(5n){margin-right:0}
.img_doitac{ border-top: 2px solid #F1F1F1; border-bottom: 2px solid #F1F1F1;border-right: 2px solid #F1F1F1;position:relative;overflow: hidden;text-align:center; height:80px;}
.ul_doitac .swiper-slide:first-child .img_doitac{ border-left: 2px solid #F1F1F1;}
.swiper-slide:first-child .img_doitac { border-left: 2px solid #F1F1F1;}
.img_doitac img{height:65px; display:block;width:auto;max-width:100%;max-height:100%;margin:auto;position:absolute;top:10px;right:0;bottom:10px;left:0;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;-o-transition:transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}
.img_doitac img:hover{filter:none;-moz-filter:none;-webkit-filter:none}
.img_doitac:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.img_doitac{ position: relative; border: 2px solid #F1F1F1; margin-left: -2px;}
.swiper-slide:first-child .img_doitac{ margin-left: 0;}
.r_news{display:block;color:#555;padding-top:10px}
.r_news i{color:#FFB74D;font-size:14px;margin-right:8px;width:14px}
.content .date_sty { margin-bottom:10px;}
.des_news{display:-webkit-box;font-size:15px;line-height:22px;overflow:hidden;padding-bottom:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666}
.des_news_detail{padding:20px 0;font-weight:600;line-height:24px;font-size:17px}
.link_news{display:inline-block;font-size:14px;font-weight:600;color:#FFB74D;margin-top:20px}
.link_news i{position:relative;top:1px;margin-left:8px}
.date_news{width:100%;float:left;overflow:hidden;border-top:1px solid #e8e8e9;color:#999;font-size:14px;margin-top:10px;padding-top:10px}
.by_news{float:left}
.time_news{float:left}
.main_sb { background:#f9f9f9;}
.video {
    height: 160px
}

.list_video {
    padding: 0 10px
}

.list_video ul {
    border-top: 1px solid #dfe0e4;
    padding: 10px 0
}

.list_video ul li {
    position: relative
}

.list_video ul li + li {
    margin-top: 5px
}

.list_video ul li::before {
    content: " ";
    width: 3px;
    height: 3px;
    background: #bbb;
    position: absolute;
    top: 10px;
    left: 0
}

.list_video ul li a {
    color: #333;
    display: block;
    padding-left: 10px
}

.list_video ul li.active::before,.list_video ul li:hover::before {
    background: #203F76
}
.list_video ul li.active a{
    color: #203F76;
    font-weight:600;
}
.list_video ul li:hover a {
    color: #203F76;
}
.product_solution{background:#fff;margin-bottom:30px}
.ul_product_solution { margin-top: 20px;}
.ul_product_solution > li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;position:relative;float:left;width:calc(calc(100% - 45px)/ 4);margin:0 15px 20px 0;border:0 solid #3c241599;box-shadow:0 0 10px #e1e1e1;padding:0 0 20px;border-radius:10px}
.ul_product_solution > li:nth-child(4n+1){clear:both}
.ul_product_solution > li:nth-child(4n){margin-right:0}
.t_cont span{background:#a8a8a8 none repeat scroll 0 0;display:block;height:2px;margin:15px auto 20px;overflow:hidden;width:50px}
.ul_product_solution > li > a,.ul_product_solution > li > a{display:block}
.ul_product_solution > li figure{position:relative;}
.ul_product_solution > li figure img,.ul_product_solution > li figure img{display:block;width:100%;height:100%;}
.in_bg_cont { z-index: 99;}
.ul_product_solution > li h3, .ul_prod_h > li h3{text-transform: uppercase;
    color: #333;
    font-size: 12px;
    padding-top: 10px;
    font-weight: 600;
    line-height: 22px;
    min-height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    line-clamp: 2;
    overflow: hidden;}
.ul_product_solution > li .xem_them,.ul_product_solution > li .xem_them{display:inline-block;background:#073159;padding:1px 15px;border-radius:5px;font-size:12px;color:#fff}
.ul_product_solution > li .xem_them:hover,.ul_product_solution > li .xem_them:hover{background:#0e64af}
.ul_prod_h { margin-top: 20px;}
.ul_prod_h > li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;position:relative;float:left;width:calc(calc(100% - 45px)/ 4);margin:0 15px 25px 0}
.ul_prod_h > li:nth-child(4n+1){clear:both}
.ul_prod_h > li:nth-child(4n){margin-right:0}
.t_cont span{background:#a8a8a8 none repeat scroll 0 0;display:block;height:2px;margin:15px auto 20px;overflow:hidden;width:50px}
.ul_prod_h > li > a{display:block}
.ul_prod_h > li figure{position:relative;border:1px solid #e1e1e1}
.ul_prod_h > li figure img{display:block;width:100%;height:100%;}
.swiper-wrap { width: 65%;}
.swiper-wrap img { width: 100%; border-radius: 5px;}
.ul_prod_h > li h3:hover{color:#1e8dca}
.ul_prod_h > li .xem_them{display:inline-block;background:#073159;padding:1px 15px;border-radius:5px;font-size:12px;color:#fff}
.ul_prod_h > li .xem_them:hover{background:#0e64af}
.img_news{overflow:hidden;position:relative; aspect-ratio: 3 / 2;}
.img_product,.img_category,.img_product_solution{overflow:hidden;position:relative; aspect-ratio:1;}
.img_product:hover img,.img_category:hover img,.img_news:hover img,.img_product_solution:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.img_product img,.img_category img,.img_news img,.img_product_solution img{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;-o-transition:transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;display:block;width:100%;height:100%}
.img_product:before,.img_category:before,.img_news:before,.img_product_solution:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;-webkit-transition:.3s;transition:.3s;opacity:.8;cursor:pointer}
.gt_index{background:#fff;padding:40px 0;margin-bottom:30px}
.row_team{background:#fff;padding:40px 0}
.tq_gt{float:right;width:50%}
.tq_gt .f-detail{font-size:15px;font-weight:400;padding:20px 0}
.t_tq_gt{font-weight:600;letter-spacing:1px;line-height:48px;font-size:36px;color:#333}
.fcb_video:hover::before{color:#fff;background-color:#0aa7df}
.fcb_video img{display:block;width:100%;height:auto}
.fcb_video::before{font-family:"Font Awesome 5 Pro";font-weight:900;content:"\f04b";background-color:rgba(0,0,0,0.5);width:80px;height:80px;text-align:center;font-size:26px;line-height:80px;color:#0aa7df;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:9;-webkit-transition:ease .2s;-moz-transition:ease .2s;-ms-transition:ease .2s;-o-transition:ease .2s;transition:ease .2s}
.link_tq_gt{display:inline-block;position:relative}
.link_tq_gt::before{content:"";background:linear-gradient(-90deg,#ea4522,#008ddd 50%,#ea4522 100%);width:50%;position:absolute;top:-2px;bottom:-2px;left:-2px;border-radius:2px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.link_tq_gt:hover::before{width:101.5%}
.link_tq_gt span{display:inline-block;background-color:#fff;border-radius:2px;border:1px solid #0e64af;padding:8px 15px;text-transform:uppercase;font-size:13px;color:#222;position:relative;z-index:1}
.link_tq_gt span i{margin-left:3px}
.vd_gt{float:left;width:45%}
.img_vd_gt{width:100%;float:left;position:relative;padding-right:10px}
.img_vd_gt::before{content:"";width:50%;background:linear-gradient(90deg,#82b4e0,#008ddd 50%,#e82900 100%);position:absolute;top:10px;right:0;bottom:-10px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.img_vd_gt:hover::before{width:98%}
.img_vd_gt::after{content:"";width:50%;background-color:#fff;position:absolute;top:5px;right:5px;bottom:-5px;z-index:1;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.img_vd_gt:hover::after{width:97%}
.img_vd_gt img{display:block;width:100%;height:auto;cursor:pointer;position:relative;z-index:2}
.icon_vd_gt{line-height:70px;width:70px;height:70px;text-align:center;position:absolute;top:50%;left:-35px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding:0;z-index:3;cursor:pointer}
.icon_vd_gt span{display:block;width:100%;height:100%;border-radius:50%;background:#FFB74D;background:linear-gradient(-90deg,#FFB74D 0,#ff4438 50%,#FFB74D 100%);font-size:24px;color:#fff;position:relative;z-index:4}
.icon_vd_gt:hover span{background:#de9f17;background:linear-gradient(-90deg,#82b4e0 0,#008ddd 50%,#e82900 100%)}
.icon_vd_gt::before{content:"";width:70px;height:70px;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgba(255,68,56,.2);animation-name:mymove2;animation-duration:1s;animation-timing-function:ease;animation-direction:alternate;animation-iteration-count:infinite}
.icon_vd_gt::after{content:"";width:70px;height:70px;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgba(255,68,56,.3);animation-name:mymove3;animation-duration:1s;animation-timing-function:ease;animation-direction:alternate;animation-iteration-count:infinite;z-index:1}
.f_cont{display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    overflow: visible !important;
    gap: 20px;}
.f_cont_2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    overflow: visible !important;
    gap: 20px;
}

.f_cont_2 .content {
    float: none !important;
    width: 75%;
}

.f_cont_2 .sidebar, .f_cont .sidebar {
    float: none !important;
    width: 25%;
    position: sticky;
    top: 10px;
    align-self: flex-start;
}

/* Hủy rule scroll_header fixed cũ nếu có */
.scroll_header .sidebar,
.scroll_header .sidebar.sticky {
    position: sticky !important;
    top: 10px;
    right: auto !important;
    width: auto !important;
    box-shadow: none !important;
    align-self: flex-start;
}
.bg_cont{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;text-align:center;position:relative;width:100%;height:270px;align-items:center;justify-content:center;background:url(../imgs/layout/banner.webp) center center; margin-bottom: 30px;}
.bg_cont::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.h_bg_cont{text-transform:uppercase;color:#fff;font-size:34px;line-height:40px;font-weight:600;}
.bg_cont_D .ul_breacrum > li::after{content:"/";display:inline-block;margin:0 2px;color:#e1e1e1!important}
.ul_breacrum{text-align:center;padding-top:10px}
.ul_breacrum > li{display:inline-block;font-size:15px;font-weight:500;}
.ul_breacrum > li::after{content:"/";display:inline-block;margin:0 2px;color:#fff}
.ul_breacrum > li:last-child::after{display:none}
.ul_breacrum > li > a{color:#fff}
.content{min-height:1px;flex: 3 0 4.6rem;}
.sidebar{min-height:1px; flex: 1;  display: flex; flex-direction: column;  gap: 0.2rem;}
.breacrum .min_wrap{position:relative;padding:10px 0}
.ul_breacrum > li{display:inline-block;color:#999}
.ul_breacrum > li::after{content:"/";display:inline-block;margin:0 3px}
.ul_breacrum > li:last-child::after{display:none}
.ul_breacrum > li > a:hover{text-decoration:underline;}
.addthis_sharing_toolbox{position:absolute;top:12px;right:-5px}
.map_h .mask_map{background:rgba(0,0,0,0.2)}
.maps_ct{position:relative;height:300px;background:#ccc}
.maps_ct iframe{width:100%!important;height:100%!important}
.mask_map{background:rgba(0,0,0,0);z-index:2;position:absolute;top:0;right:0;bottom:0;left:0}
.f_contact{padding:20px 0}
.fc_1{float:left;width:48%}
.fc_2{float:right;width:48%}
.ul_ct > li{margin-bottom:20px;position:relative}
.ipt_ct{border:1px solid #e1e1e1;width:100%;height:34px;padding:0 10px;color:#777}
.txt_ct{border:1px solid #e1e1e1;width:100%;min-height:100px;padding:10px;color:#777;resize:vertical}
.ipt_ct:focus,.txt_ct:focus{border:1px solid #bbb;color:#333}
.btn_ct{cursor:pointer;background:#0e64af;color:#fff;text-transform:uppercase;padding:15px 30px;border:0;font-weight:500}
.btn_ct:active{opacity:.9}
.p_fc_1{padding:0}
.t_D a{color:#000}
.t_fc_1{padding:20px 0;font-weight:600;font-size:20px;line-height:26px;text-transform:uppercase;color:#073159}
.m_fc_1 a{color:#0e64af}
.m_fc_1 a:hover{text-decoration:underline}
.ul_m_fc_1 > li{padding:5px 0;overflow:hidden}
.ul_m_fc_1 > li span{font-size:14px;margin-right:10px;float:left;text-align:center;width:30px;height:30px;line-height:30px;background:#f9f9f9;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative;top:-4px;color:#434343}
.block_sb{margin-bottom:20px;float:left;width:100%}
.block_sb:last-child{margin-bottom:0}
.t_sb{border:1px solid #e1e1e1;padding:10px;background:#f7f7f7;font-weight:600;text-transform:uppercase}
.ul_dm_sb{border:1px solid #e1e1e1;border-top:0;padding:0 10px}
.ul_dm_sb > li{border-bottom:1px dashed #e1e1e1;line-height: 26px;position: relative; padding: 8px 0px 8px 15px;}
.ul_dm_sb > li:last-child{border:0}
.ul_dm_sb > li > a{display:inline-block;color:#333;width:100%;text-transform:capitalize; font-size:13px; }
.ul_dm_sb > li > a span{color:#333}
.ul_dm_sb > li > a p{display:inline-block;padding:0}
.ul_dm_sb > li > a p:hover{text-decoration:underline}
.ul_dm_sb .active a::before{color:#0e64af}
.ul_dm_sb > li > a::before{content:"\f105";font-family:"Font Awesome 5 Pro";font-weight:600;position:absolute;top:10px;left:0}
.ul_dm_sb > li.active > a p{color:#0e64af;text-transform:capitalize;font-size:14px;font-weight:600;}
.ul_dm_sb > li.active .sub_dm_sb{display:block}
.sub_dm_sb{padding-left:10px;display:none}
.sub_dm_sb > li{padding-left:15px;position:relative;line-height:35px}
.sub_dm_sb > li::before{content:"";width:5px;height:5px;border-radius:50%;background:#999;position:absolute;top:15px;left:0}
.sub_dm_sb > li > a{display:inline-block;color:#555}
.sub_dm_sb > li > a span{color:#666;font-size:14px}
.sub_dm_sb > li > a p{display:inline-block;padding:0}
.sub_dm_sb > li.active > a p,.sub_dm_sb > li > a p:hover{text-decoration:underline;color:#0e64af}
.ul_ht_sb{border:1px solid #e1e1e1;border-top:0;padding:0 10px}
.ul_ht_sb > li{overflow:hidden;padding:15px 0 15px 45px;background:url(../imgs/layout/icon_5.png) no-repeat left center;position:relative;line-height:15px;min-height:30px}
.ul_ht_sb > li + li{border-top:1px dotted #e0e0e0}
.ul_ht_sb > li strong{display:block;color:#2f2e2d;text-transform:uppercase}
.ul_ht_sb > li a{color:#da251c!important}
.play_vd{background:#000}
.ul_vd_sb{border:1px solid #e1e1e1;border-top:0;padding:0 10px}
.ul_vd_sb > li{padding:10px 0}
.ul_vd_sb > li + li{border-top:1px dotted #c5c5c5}
.ul_vd_sb > li > a{color:#434343}
.ul_vd_sb > li.active > a{font-weight:600}
.ul_news_sb{border:1px solid #e1e1e1;border-top:0;padding:0 10px}
.ul_news_sb > li{overflow:hidden;padding:10px 0}
.ul_news_sb > li + li{border-top:1px dotted #e0e0e0}
.ul_news_sb > li figure{float:left;width:100px;height:68px;margin-right:10px}
.ul_news_sb > li figure img{display:block;width:100%;height:100%}
.ul_news_sb > li p{padding:0;color:#434343;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ul_share_social{padding-top:20px;line-height:18px}
.ul_share_social > li{float:left}
.ul_share_social > li + li{margin-left:7px}
.t_D{font-weight:400;color:#000;font-size:24px;line-height:30px;padding-bottom:10px}
.des_D{padding-bottom:10px;font-size:15px}
.t_prod{font-weight:600;color:#0d509d;font-size:16px;margin-bottom:20px; float: none; clear: both;}
.t_prod .t_D{display:inline-block;padding:0 20px 5px 0}
.ul_t_prod{display:inline-block;position:relative;top:-5px}
.ul_t_prod > li{display:inline-block}
.ul_t_prod > li > a{display:inline-block;background:#e1e1e1;padding:0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:13px;color:#666}
.ul_t_prod > li > a:hover{background:#e0e0e0}
.ul_dm_bv > li{padding:20px 0;overflow:hidden}
.ul_dm_bv > li:first-child{padding-top:0}
.ul_dm_bv > li + li{border-top:1px solid #ececec}
.ul_dm_bv > li figure{float:left;width:250px;height:170px;margin-right:25px;border:solid 1px #ececec;padding:5px}
.ul_dm_bv > li figure img{display:block;width:100%;height:100%}
.m_ul_dm_bv{overflow:hidden}
.m_ul_dm_bv h3{font-size:16px;color:#333;font-weight:600}
.m_ul_dm_bv h3:hover{color:#0e64af}
.m_ul_dm_bv .tool_user{padding:5px 0}
.m_ul_dm_bv p{color:#666;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;padding-bottom:0;-webkit-box-orient:vertical}
.m_ul_dm_bv span{color:#da251c;font-size:12px}
.m_ul_dm_bv span svg{margin-left:4px}
.date_sty{font-size:12px}
.date_sty li{display:inline-block;color:#666;margin:0 10px 0 1px}
.date_sty li svg{margin-right:4px;position:relative;top:0px;font-size:12px}
.t_other_D{font-size:16px;font-weight:600;padding:20px 0;text-transform:uppercase}
.f_cont_1{padding-bottom:20px;margin-bottom:20px;float:none;clear:both}
.t_D_detail{font-weight:400;color:#000;font-size:24px;line-height:35px;padding-bottom:10px}
.policy{border:solid 2px #1e8dca;border-radius:25px;padding:0 18px 5px;margin-top:30px; background:#fff;}
.policy .i-title{text-transform:uppercase;background:#1e8dca;color:#fff;font-size:15px;font-weight:700;line-height:30px;height:30px;border-radius:30px;margin-bottom:-5px;padding:0 25px;position:relative;top:-15px;display:inline-block;vertical-align:middle}
.policy ul li{margin-left:0!important;list-style:none!important;padding:6px 0 6px 25px;position:relative;border-bottom:1px dotted #bbb;color:#555;font-weight:400}
.policy ul li::before{font-family:"Font Awesome 5 Pro";font-weight:900;content:"\f00c";position:absolute;top:6px;left:0;color:#1e8dca}
.policy ul > li:last-child{border:0}
.policy_hotline{padding-left:65px;padding-right:22px;height:50px;display:inline-block;vertical-align:middle;border-radius:50px;line-height:1.3;background:#073159;color:#fff;position:relative;text-transform:uppercase;padding-top:10px; border: solid 1px #e1e1e1;}
.policy_hotline:hover,.r_other_prod_D .form-row .btn_ct:hover{background:#0e64af}
.policy_hotline svg{font-size:32px;position:absolute;color:#fff;left:20px;top:15px}
.policy_hotline span{color:#fff;text-align:left;float:left;width:100%}
.policy_hotline strong{display:block;font-size:18px;font-weight:700;color:#fff}
.f_cont_0{padding-bottom:20px;overflow:hidden}
.prod_D{    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: flex-start;min-height:1px;overflow:hidden;margin-bottom:30px}
.r_other_prod_D{background:#f5f5f5;padding:15px 15px 25px;margin-bottom:20px;;}
.r_other_prod_D .title{color:#222;font-weight:700;font-size:16px;text-align:center;margin-bottom:15px; text-transform: uppercase;}
.form-row .ipt_ct{width:100%;height:40px!important;border:none!important;margin-bottom:15px!important;font-size:14px!important}
.form-row .txt_ct{min-height:40px;height:110px!important;border:none!important}
.r_other_prod_D .form-row .btn_ct{width:100%;padding:0;margin-top:10px;background:#073159;height:40px!important;border:none!important;font-size:14px!important}
.r_other_prod_D:last-child{margin-bottom:0}
.other_prod_D{overflow:hidden;padding-left:20px;min-height:1px}
.t_other_prod_D{text-align:center;border:1px solid #e1e1e1;padding:10px;font-size:12px;font-weight:600;text-transform:uppercase;background:#f7f7f7}
.m_other_prod_D{padding:10px;border:1px solid #e1e1e1;border-top:0}
.m_other_prod_D > li + li{padding-top:10px}
.m_other_prod_D > li strong{display:block}
.m_other_prod_D > li a{color:#da251c!important;font-weight:600}
.swiper4{float:left;width:550px;height:485px; overflow: hidden;}
.swiper4 .swiper-slide{text-align:center; background:#fff;}
.swiper4 .swiper-slide img{width:auto;height:auto;max-width:100%;max-height:100%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}
.info_prod_D{overflow:hidden;min-height:1px; width: 300px;}
#footer{line-height:22px;float:none;clear:both;background:#125d92}
#footer a{color:#fff}
#footer a:hover{color:#125d92}
.foot_1 .min_wrap{padding:40px 0;font-size:14px}
.ul_foot_1{overflow:hidden;color:#fff}
.ul_foot_1 > li{width:20%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ul_foot_1 > li:nth-child(1){padding-right:20px;width:40%;float:left}
.t_foot_1{text-transform:uppercase;overflow:hidden;font-weight:600;font-size:16px;color:#ffffff;padding:20px 0}
.ol1_foot_1 > li + li{margin-top:20px}
.ol1_foot_1 > li strong{display:block;font-weight:600;color:#fff;float:left}
.ol1_foot_1 > li a[href^="tel:"],.m_fc_1 a[href^="tel:"],.m_fc_1 a[href^="tel:"]{color:#ea4522!important;font-weight:600}
.ol2_foot_1{overflow:hidden}
.m_fc_1{font-size:14px}
.ol2_foot_1 > li{width:100%;float:left;margin-bottom:5px}
.ol2_foot_1 > li:nth-child(2n){float:right}
.ol2_foot_1 > li > a{position:relative;padding-left:13px;display:inline-block}
.ol2_foot_1 > li > a::before{content:"\f105";font-family:"Font Awesome 5 Pro";font-weight:300;position:absolute;top:0;left:0}
.ol3_foot_1{padding-top:20px}
.ol3_foot_1 > li{display:inline-block;margin-right:5px}
.ol3_foot_1 > li > a{display:block;text-align:center;line-height:38px;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;color:#fff!important;font-size:14px; border:solid 1px #e1e1e1;}
.ol3_foot_1 li a img { height: 22px; width: 22px;}
.swiper3 .swiper-slide figure{position:relative;background:#fff;text-align:center;height:90px}
.swiper3 .swiper-slide figure img{display:block;width:auto;max-width:90%;max-height:90%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.link_foot_1{text-align:center;padding-top:30px;font-size:13px}
.link_foot_1 a{display:inline-block}
.link_foot_1 a::after{content:"/";margin:2px 2px 2px 5px; color:#e1e1e1;}
.link_foot_1 a:hover::after{color:#fff}
.link_foot_1 a:last-child::after{display:none}
.foot_2{text-align:center;padding:12px 2%;font-size:13px;background:#073159;color:#fff!important}
.foot_2 a{color:#fff!important}
.bg_cont_breacrum{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);background:#f9f9f9}
.bg_cont_breacrum .ul_breacrum_contact > li::after{content:"/";display:inline-block;margin:0 2px;color:#333}
.ul_breacrum_contact{text-align:left;height:40px;line-height:40px}
.ul_breacrum_contact > li{display:inline-block;color:#333;font-size:14px}
.ul_breacrum_contact > li::after{content:"/";display:inline-block;margin:0 2px}
.ul_breacrum_contact > li:last-child::after{display:none}
.ul_breacrum_contact > li > a{color:#333}
.ul_breacrum_contact > li > a:hover,.ul_breacrum_contact > li:last-child > a{color:#FFB74D}
.f-detail, .f-detail-news{font-size:14px;line-height:24px;margin-top:20px}
.f-detail img,.f-detail div,.f-detail table,.f-detail h1,.f-detail h2,.f-detail h3,.f-detail h4,.f-detail h5,.f-detail h6,.f-detail p,.f-detail strong,.f-ndct em{max-width:100%!important}
.f-detail img{padding:5px 0;max-width:100%!important;height:auto!important}
.f-detail a{color:#0e64af}
.f-detail a:hover{text-decoration:underline}
.f-detail table tr{background:#fff}
.f-detail table tr:nth-child(2n){background:#f9f9f9}
.f-detail table td{padding:10px}
.f-detail ul,.f-detail ol{margin-top:10px;margin-bottom:10px}
.f-detail ul li{list-style:disc;margin-left:30px}
.f-detail ol li{list-style:decimal;margin-left:30px}
.tag{padding:15px 0px;font-size:11px;overflow:hidden;font-family:Arial;line-height:18px}
.tag span{color:#939393;padding:2px 5px 2px 23px;background:#F1F1F1 url(../imgs/layout/icontag.png) no-repeat 5px 5px;display:block;float:left;margin:0 3px 3px 0}
.tag a{padding:2px 5px;color:#656565;background:#F1F1F1;display:block;float:left;margin:0 3px 3px 0}
.tag a:hover{background:#E2E2E2}
.error-sty{color:#f70000;font-weight:400;padding:5px 0;font-size:11px}
a,a:hover{}
a[href^="tel:"],a[href^="mailto:"]{color:#0e64af}
.clear{clear:both;height:0;float:none}
.box-sizing-fix{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.img_object_fit{object-fit:cover;-moz-object-fit:cover;-webkit-object-fit:cover;-o-object-fit:cover;-ms-object-fit:cover}
::-webkit-input-placeholder{opacity:1}
::-moz-placeholder{opacity:1}
:-ms-input-placeholder{opacity:1}
:-moz-placeholder{opacity:1}
.sty_slec{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.sty_slec::-ms-expand{display:none}
.sty_transition{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;transition:all .4s}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
select option{font-size:12px;padding:0 5px}
input,textarea,select,button{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:20px}
button:active{opacity:.9}
::-webkit-scrollbar{width:10px;height:10px;background:#f9f9f9}
::-webkit-scrollbar-thumb{width:10px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-track{padding:6px}
.vote_radio input{position:relative;top:-2px;cursor:pointer}
.vote_radio label{cursor:pointer}
.page{font-size:12px;padding:35px 0 20px;text-align:center;text-transform:uppercase;font-weight:400;float:none;clear:both}
.PageNum a{display:inline-block;color:#000;padding:3px 10px;margin:0 3px 5px 0;background:#f9f9f9}
.PageNum a:hover{color:#fff;background:#0e64af}
.PageNum span{font-weight:600;display:inline-block;color:#fff;padding:3px 10px;margin:0 3px 5px 0;background:#0e64af}
.icon_menu_mobile{visibility:hidden;width:33px;height:33px;background:#fff url(../imgs/layout/mobile_menu.png) no-repeat center center;position:absolute;top:18px;right:0;z-index:10;border-radius: 3px;    border: 1px solid #e1e1e1;}
.menu_mobile{visibility:hidden;background:#555;width:280px;height:100%;overflow-y:scroll;position:fixed;top:0;left:-280px;z-index:99999;font-size:12px;font-family:Arial,Helvetica,sans-serif;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}
.close_menu_mobile{background:rgba(255,255,255,0);position:fixed;top:0;right:0;bottom:0;left:280px;z-index:7009}
.ad_body{overflow-y:hidden}
.ad_body .menu_mobile{left:0}
.ad_body #wrapper::after{content:"";background:rgba(0,0,0,0.8);position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}
.ul_ma_1 li{font-size:14px;position:relative}
.ul_ma_1 > li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;color:#fff;padding:10px 38px 10px 15px;text-transform:uppercase}
.ul_ma_1 > li > a{border-top:1px solid #6c6c6c;border-bottom:1px solid #454545;font-weight:600;text-transform:uppercase}
.ul_ma_1 > li > a:hover,.ul_ma_1 > li.active > a{background:#626262}
.ul_ma_2 > li > a{background:#474747;border-left:3px solid #0e64af;padding-left:25px}
.ul_ma_2 > li > a:hover{background:#5F5F5F}
.ul_ma_2 > li + li{border-top:1px solid #575757}
.ul_ma_3 > li{border-top:1px solid #575757}
.ul_ma_3 > li > a{background:#474747;border-left:3px solid #0e64af;padding-left:40px;padding-right:15px}
.ul_ma_3 > li > a:hover{background:#5F5F5F}
.arrown_menu_accordion{background:url(../imgs/layout/arrown_menu_accordion.png) no-repeat center;width:38px;height:38px;position:absolute;top:1px;right:0;cursor:pointer}
.other_mobile{display:none;background:#88d2f4;padding:10px;border-bottom:1px solid rgba(255,255,255,0.4);color:#fff;font-size:13px;overflow:hidden}
.other_mobile a{color:#fff}
.l_other_mobile{padding:0;float:left}
.r_other_mobile{padding:0;float:right}
.text_link_mobile{display:none;background:#88d2f4;padding:0 10px}
.text_link_mobile ul{overflow:hidden;padding:5px 0}
.text_link_mobile ul li{float:left;padding:5px 0;width:32%;margin-right:2%}
.text_link_mobile ul li:nth-child(3n){margin-right:0}
.text_link_mobile ul li a{display:block;text-align:center;font-size:12px;color:#555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0)}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.min_wrap{width:960px}
.ul_mn > li > a{padding-left:10px;padding-right:10px}
.slide{width:640px}
.swiper1 .swiper-slide{height:296px}
.adv_r1_ct{width:305px}
.adv_r1_ct > li > a img{height:140px}
.content{width:750px}
.ul_news_sb > li figure{width:74px;height:50px}
}
@media only screen and (max-width: 1023px) {
.search { right: 50px;}
html,body{overflow-x:hidden;-webkit-overflow-scrolling:touch}
body{background-size:100% auto}
.icon_menu_mobile{visibility:visible}
#wrapper{transition:ease .3s;-moz-transition:ease .3s;-webkit-transition:ease .3s;-o-transition:ease .3s;left:0}
.min_wrap{width:96%}
.logo{float:none}
.ipt_search_hea{width:100%}
.btn_search_hea{right:0}
.slide{width:auto;float:none}
.swiper1 .swiper-slide{height:auto;min-height:200px}
.adv_r1_ct{width:auto;float:none;overflow:hidden;padding-top:2%}
.adv_r1_ct li{float:left;width:49%}
.adv_r1_ct li:nth-child(2){float:right}
.adv_r1_ct > li + li{margin-top:0}
.lang_web{position:fixed;top:auto;bottom:0;left:0;z-index:15;background:rgba(255,255,255,0.9)}
.show_lang_web,.lang_web:hover .show_lang_web{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0}
.sub_t_prod_ct{float:none;margin-left:5px}
.t_foot_1{white-space:normal}
.content{padding-bottom:2%}
.ul_t_prod{display:block;position:static;white-space:nowrap;overflow-x:auto}
.other_prod_D,.f_cont_2 .sidebar{padding-left:0}
.info_prod_D{padding-left:15px}
.adv_r1_ct > li > a img{height:auto}
.foot_1 .min_wrap{padding:2% 0}
.f_home,.content,.prod_D{padding-bottom:2%}
.f_cont{padding-bottom:4%}
.ul_dm_bv > li{padding:15px 0}
.block_sb{margin-bottom:2%}
.ul_breacrum{overflow-x:auto; font-size:12px;}
.nav_mn,.h_t_prod_ct::before{display:none!important}
.f-detail table,.f-qldh{display:block;overflow-x:auto}
.ul_prod > li:nth-child(10){display:block!important}
.text_link_mobile,.other_mobile{display:block}
}
@media only screen and (max-width: 812px) {
.adv_r1_ct > li > a img{height:174px}
.maps_ct{height:200px}
.addthis_sharing_toolbox{display:none!important}
.f-detail iframe{max-width:100%!important}
}
@media only screen and (max-width: 768px) {
.min_wrap,.min_wrap2{width:94%}
.m_foot_diachi { padding: 15px 15px 15px 50px;}
.ul_foot_1 > li:nth-child(1) { width: 60%;}
.ul_foot_1 > li {width: 40%;}
.m_foot_diachi svg { left:12px;}
.adv_r1_ct > li > a img{height:164px}
.ul_product_solution > li, .ul_prod_h > li { width: calc(calc(100% - 30px)/ 2); margin: 0 30px 30px 0;}
.ul_product_solution > li:nth-child(2n+1), .ul_prod_h > li:nth-child(2n+1) { clear: both;}
.ul_product_solution > li:nth-child(2n), .ul_prod_h > li:nth-child(2n) { margin-right: 0;}
.date_news{display:none}
.f-detail-news img, .f-detail img  { width: 100%; height: auto !important;}
.swiper44-wrap {
    display: flex;
    gap: 15px;
    background: #f5f5f5;
    width: 100%;
    flex-direction: column;
}
.swiper-wrap {
    width: 100%;
    height: auto !important;
}
.prod_D {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: flex-start;
    min-height: 1px;
    overflow: hidden;
    margin-bottom: 30px;
    flex-direction: column;
}
}
@media only screen and (max-width: 736px) {
.adv_r1_ct > li > a img{height:158px}
}
@media only screen and (max-width: 667px) {
.adv_r1_ct > li > a img{height:143px}
.swiper4{width:300px;height:300px}
}
@media only screen and (max-width: 640px) {
.adv_r1_ct > li > a img{height:138px}
}
@media only screen and (max-width: 568px) {
.adv_r1_ct > li > a img{height:122px}
.swiper1 .swiper-slide{min-height:100px}
}
@media only screen and (max-width: 480px) {
.c1_hea {
    float: left;
    padding: 15px 0px;
}
.info_prod_D {
    width: 100%;
}
.ul_prod_h > li .xem_them{display:none;}
.bot_ykkh {
    padding: 30px 0px 0px 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 100%;
}
#container {
    margin-bottom: 0px;
}
.ykkh_index {
    padding: 0px;
}
.ul_foot_1 > li:nth-child(1) {
    padding-right: 0px;
}
.ul_foot_1 > li:nth-child(2) .ol2_foot_1 > li {
    width: 50%;
    float: left;
    margin-bottom: 5px;
}
.ul_foot_1 > li:nth-child(3) , .ul_foot_1 > li:nth-child(4) {
    width: 50%;
    float: left;
}
.ul_foot_1 > li + li {
    margin-bottom: 15px;
}
.ul_news {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.ul_breacrum > li { font-size: 12px;}
.f_cont_2 .sidebar, .f_cont .sidebar, .sty_map {width: 100%!important;}
#fixed-social-network > a {padding: 0px 4px !important;}
#fixed-social-network a img {margin-right: 10px !important;}
.prod_ct { margin-bottom:0px;}
.bg_cont{height:150px}
.h_bg_cont{font-size:24px}
.ul_breacrum{padding-top:0px}
.search{position:absolute;top:18px;right:50px;width:32px;height:32px;z-index:2}
.search_open{width:170px;height:34px;top:18px}
#header .min_wrap{padding:0px;}
.m_th > li:nth-child(2n),.img_vd_gt::before,.doitac_index,.swiper-pagination, .date_news, .swiper44-thumb{display:none}
.ul_prod_h > li figure,.swiper2 .swiper-slide figure{border:none}
.gt_2_box,.vd_gt,.tq_gt,.ul_foot_1 > li{width:100%;float:left}
.ul_foot_1 > li:nth-child(1){width:100%;float:left;margin-bottom:20px}
.ul_news > li{width:94%;padding:3%;float:left}
.ul_prod_h > li,.ul_product_solution > li{background: #fff;
        width: 49%;
        margin: 0 0px 20px 0px;
        box-shadow: 0 0 5px #e1e1e1;
        padding: 0 0 0px;
        border-radius: 10px;}
.ul_prod_h>li:nth-child(2n),.ul_product_solution>li:nth-child(2n){float:right}
.ul_prod_h>li:nth-child(2n+1),.ul_product_solution>li:nth-child(2n+1){clear:none}
.ul_prod_h > li figure,.ul_product_solution > li figure,.swiper2 .swiper-slide figure{ aspect-ratio: 1; position:relative;}
.ul_prod_h > li h3,.ul_product_solution > li h3{width:94%; padding: 3% 3% 0 3%; font-size:13px; margin-bottom: 0px;}
.gt_index,.ykkh_index,.news_h, .foot_diachi .min_wrap{padding:20px 0}
.text_ykkh{float:left}
.text_ykkh::before, .ul_product_solution > li .xem_them, .ul_product_solution > li .xem_them, .m_ul_dm_bv p {display:none}
.foot_diachi { padding:0px;}
.text_ykkh .f-detail{margin-top: 0px;  padding: 10px;}
.box_ykkh{border:none}
.h_t_prod_ct{padding-bottom:24px}
.logo img{height:45px}
.click_s {
    top: 0px;
}
.btn_search_hea{top:0}
.other_mobile{font-size:11px}
.foot_1 .min_wrap{padding:3% 0}
.other_mobile,.text_link_mobile{padding-left:3%;padding-right:3%}
.adv_r1_ct{padding-top:3%}
.f_home,.content,.prod_D{padding-bottom:3%}
.f_cont{padding-bottom:6%}
.block_sb{margin-bottom:3%}
.ul_dm_bv > li figure{width:100px;height:68px;margin-right:10px}
.m_ul_dm_bv{overflow:visible}
.fc_1,.fc_2{width:auto;float:none;padding-bottom:3%}
.btn_ct{width:100%}
.adv_r1_ct li{width:48.5%}
.adv_r1_ct > li > a img{height:100px}
.swiper4{height:200px}
.date_sty,.m_ul_dm_bv span{display:none!important}
}
@media only screen and (max-width: 414px) {
.adv_r1_ct > li > a img{height:86px}
.swiper4{width:auto;height:387px;float:none}
.info_prod_D{padding:3% 0 0}
}
@media only screen and (max-width: 375px) {
.adv_r1_ct > li > a img{height:78px}
.swiper4{height:351px}
}
@media only screen and (max-width: 360px) {
.adv_r1_ct > li > a img{height:75px}
.swiper4{height:338px}
}
@media only screen and (max-width: 320px) {
.adv_r1_ct > li > a img{height:67px}
.swiper4{height:299px}
}