@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
@import url(../templates/font-awesome-pro/css/all.min.css);
@import url(../scripts/swiper-5/css/swiper.min.css);
@import url(../scripts/fancybox-3/dist/jquery.fancybox.min.css);


*{margin:0;padding:0;outline:0}
html{height:100%}
h1{font-size:18px}
h2{font-size:17px}
h3{font-size:16px}
h4{font-size:15px}
h5{font-size:14px}
h6{font-size:14px}
a{text-decoration:none}
p{padding:0 0 10px}
img{border:0;border-spacing:0;max-width:100%}
img:hover{opacity:1}
embed,img{vertical-align:middle}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,embed,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;outline:0}
:focus{outline:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
table td,table th{padding:3px 10px}
caption,td,th{font-weight:400}
blockquote:after,blockquote:before,q:after,q:before{content:""}
blockquote,q{quotes:"" ""}
b,strong{font-weight:700}
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}
button,input[type=file],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=number]::-webkit-inner-spin-button{opacity:1}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
html{background:#222}
body{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;color:#333;line-height:20px}
.css_body{background:#fff;-webkit-text-size-adjust:100%;word-wrap:break-word;max-width:1920px;margin:0 auto;height:auto;min-height:100%;overflow-x:hidden}
.fixbody{overflow:hidden}
#wrapper{position:relative;height:100%;overflow-x:hidden}
.min_wrap{width:1170px;margin:0 auto}
.min_wrap_3{width:800px;margin:0 auto}
.min_wrap2{margin-left:-15px;margin-right:-15px}
#header{position:relative;z-index:11}
.banner{background-color:#fff}
.banner .min_wrap{height:80px;position:relative}
.logo{display:block;background-color:#fff;z-index:12;width:120px;height:106px;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;position:absolute;top:0;left:0}
.logo::before{content:"";background:url(../imgs/bg_logo.png) no-repeat;width:140px;height:116px;position:absolute;top:0;left:-10px}
.logo img{display:inline-block;max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
table{display:block;border-collapse:collapse;border-spacing:0;margin:0 auto}
.FAQPage{margin:50px 0px 30px 0px;}
.faq_page{clear:both;margin:20px 0 0 0;}
.faq_list{clear:both;background:#f2f2f2;margin:1px 0 0 0}
.faq_list:hover{background:#e5e5e5}
.faq_list li{list-style:inside}
.faq_list .p_tcode{font-size:14px;font-weight:400;padding:10px 30px 10px 10px;cursor:pointer;position:relative; line-height:1.5em;}
.faq_list .p_tcode:before{content:"\f107";font-family: "Font Awesome 5 Pro";font-size:1.5rem;position:absolute;right:10px;}
.faq_list .p_tcode .active_faq:before{content:"\f106";font-family: "Font Awesome 5 Pro";font-size:1.5rem;position:absolute;right:10px}
.faq_list .answer{display:none;font-size:14px;line-height:24px;color:#333;padding:20px;background:#f9f9f9;}
.faqmain{display:block;padding:0 0 10px 0;font-size:16px; color:#333; font-weight:bold; text-transform:uppercase;}
.content_faq a{color:#00aeef;}
.box_2_table table tbody tr td{float:left;margin:0 30px 20px 0;width:calc(calc(100% - 70px)/ 2)!important}
.box_2_table table td:nth-child(2n){margin-right:0}
.box_2_table table td:nth-child(2n+1){clear:both}
.box_3_table table td{float:left;margin:0 30px 20px 0;width:calc(calc(100% - 120px)/ 3)!important}
.box_3_table table td:nth-child(3n){margin-right:0}
.box_3_table table td:nth-child(3n+1){clear:both}
.box_4_table table td{float:left;margin:0 20px 20px 0;width:calc(calc(100% - 140px)/ 4)!important}
.box_4_table table td:nth-child(4n){margin-right:0}
.box_4_table table td:nth-child(4n+1){clear:both}

.f_view_prod{padding:15px}.f_view_prod .ul_form{padding-top:0}.f_view_prod .but_ul_form{width:100%}.t_view_prod{color:#fff;text-transform:uppercase;font-size:14px;background:-moz-linear-gradient(left,rgba(18,61,101,0.8) 0%,rgba(33,168,190,0.8) 100%);background:-webkit-linear-gradient(left,rgba(18,61,101,0.8) 0%,rgba(33,168,190,0.8) 100%);background:linear-gradient(to right,rgba(18,61,101,0.8) 0%,rgba(33,168,190,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc02577c',endColorstr='#cc01aaff',GradientType=1);padding:12px 20px;font-weight:700}.fancybox-slide--iframe .fancybox-close-small{top:0!important;right:0!important;padding:0 8px!important;color:#fff!important}

.ul_form{padding-top:20px;margin:0 -10px}.ul_form > li{float:left;min-height:1px;width:100%;position:relative;margin-bottom:10px;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ul_form > li.li_full_form{width:100%;clear:both;float:none}.txt_ul_form{width:100%;height:38px;border:1px solid #ddd;padding:0 15px}.txt_ul_form[type=text]{-webkit-border-radius:2px!important;-moz-border-radius:2px!important;border-radius:2px!important}.tarea_ul_form{width:100%;min-height:80px;border:1px solid #ddd;padding:10px 15px;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;border-radius:2px!important;resize:vertical}.txt_ul_form:focus,.tarea_ul_form:focus{border:1px solid #01aaff}.slec_ul_form{width:100%;height:38px;border:1px solid #ddd;padding:0 38px 0 15px;background:url(../imgs/icon_1.png) no-repeat center right 15px;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;border-radius:2px!important}.capcha_ul_form{position:absolute;top:0;right:10px;display:inline-block;width:auto;height:38px;z-index:1;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;border-top-right-radius:2px;border-bottom-right-radius:2px}.but_ul_form{color:#fff;text-transform:uppercase;font-weight:700;font-size:14px;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;border-radius:2px!important;height:40px;padding:0 40px;border:0;cursor:pointer;background-color:#278cd3;-webkit-transition:ease .2s;-moz-transition:ease .2s;-ms-transition:ease .2s;-o-transition:ease .2s;transition:ease .2s}.but_ul_form:active{background-color:#02577c}

.t_view_prod{color:#fff;text-transform:uppercase;font-size:14px;background:#22427a;padding:12px 20px;font-weight:700}
.fancybox-slide--iframe .fancybox-close-small{top:0!important;right:0!important;padding:0 8px!important;color:#fff!important}
.social_right{position:fixed;bottom:95px;float:left;width:50px;right:15px;z-index:9;font-family:Arial;color:#000}
.social_right>li{float:left;margin-bottom:15px}
.social_right>li>a{display:block;width:45px;height:45px;text-align:center;line-height:45px;font-size:20px;border-radius:50%;background:#fff;color:#333;border:2px solid #00aeef}
.social_right>li>a:hover{background:#ccc}
.social_right>li>a:hover img{filter:none;-moz-filter:none;-webkit-filter:none}
.social_right>li>a img{display:inline-block;width:auto;height:18px;-ms-filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%)}
.ti_fixed{position:fixed;bottom:20px;right:10px;z-index:111;font-family:Arial;color:#000}
.icon_ti_fixed{width:80px;height:80px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative}
.icon_ti_fixed::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(249,0,0,0.1);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-animation:icon_ti_fixed 1s infinite alternate;animation:icon_ti_fixed 1s infinite alternate}
.icon_ti_fixed::after{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(249,0,0,0.1);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-animation:icon_ti_fixed 1.2s infinite alternate;animation:icon_ti_fixed 1.2s infinite alternate}
.in_icon_ti_fixed{overflow:hidden;cursor:pointer;position:absolute;top:5px;left:5px;z-index:2;width:70px;height:70px;background-color:#f90000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;color:#fff;font-size:10px;line-height:10px;font-weight:700;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center}
.in_icon_ti_fixed p strong{display:block}
.in_icon_ti_fixed::before{content:"";-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}
.in_icon_ti_fixed.active::before{content:"x";line-height:70px;font-size:30px;background-color:#db0303;font-weight:400}
.nd_ti_fixed{min-width:250px;white-space:nowrap;z-index:3;padding:10px 0;background-color:#fff;position:absolute;bottom:90px;right:0;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.1);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.nd_ti_fixed::before{border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;content:" ";cursor:pointer;display:block;width:0;height:0;position:absolute;bottom:-7px;right:35px;z-index:1}
.ul_nd_ti_fixed > li{border-bottom:1px dashed #ddd}
.ul_nd_ti_fixed > li:last-child{border-bottom:0}
.ul_nd_ti_fixed > li > a{padding:7px 10px;font-size:14px;line-height:18px;color:#000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}
.ul_nd_ti_fixed > li > a:hover{background-color:#f0f0f0}
.ul_nd_ti_fixed > li > a span{width:40px;height:40px;text-align:center;line-height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#10c325;margin-right:10px}
.ul_nd_ti_fixed > li:nth-child(1) > a span{background-color:#f90000}
.ul_nd_ti_fixed > li:nth-child(2) > a span{background-color:#007ff6}
.ul_nd_ti_fixed > li:nth-child(3) > a span{background-color:#35c4ff}
.ul_nd_ti_fixed > li:nth-child(4) > a span{background-color:#567aff}
.ul_nd_ti_fixed > li > a p{padding:0}
.fcb_view_prod { padding: 5px 20px; border-radius: 10px; background: #d30b2c; color: #fff !important; float: right; text-align: right;}
.slide_prod_catalogy{padding-bottom:15px}
.alert_user {
    border-left: none;
    padding: 5px;
    position: fixed;
    top: 45%;
    left: 0;
    width: 200px;
    z-index: 9999;
    color: #FFF;
    font-size: 12px;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    background: rgba(255, 255, 255, 0.25);
    padding: 5px 5px 5px 0;
}
.alert_user_hide {
    display: none;
}
.alert_user_con {
    background-color: #278cd3;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    padding: 10px;
    color: #333;
    font-size: 14px;
}
.alert_user a {
    color: #FFF;
}
.swiper33 .swiper-slide{width:720px;height:325px}
.swiper33 .swiper-slide img{display:block;width:100%;height:100%}
.swiper33 .swiper-button-next-33{right:-37px;background-color:rgba(255,255,255,0.5);padding:10px 5px;margin-top:-42px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.swiper33:hover .swiper-button-next-33{right:0}
.swiper33 .swiper-button-prev-33{left:-37px;background-color:rgba(255,255,255,0.5);padding:10px 5px;margin-top:-32px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.swiper33:hover .swiper-button-prev-33{left:0}
.A_TAG_Box_Menu{display:block;padding:15px;line-height:1.5em;background-color:#f6f6f6}
.A_TAG_Box_Menu .A_TAG{margin:0;padding:0}
.A_TAG_Box_Menu a{text-decoration:none;color:#000}
.A_TAG_Box_Menu a:hover{color:#ec393f}
.A_TAG_Box_Menu .A_TAG_2{font-weight:700;font-size:15px;margin-bottom:5px;margin-top:8px}
.A_TAG_Box_Menu .A_TAG_3{margin-left:20px;font-size:13px;font-weight:400;padding-left:15px;position:relative}
.A_TAG_Box_Menu .A_TAG_3::before{font-family:"Font Awesome 6 Pro";font-weight:300;content:"\f101";position:absolute;top:2px;left:0;font-size:10px}
.A_TAG_Box_Menu .A_TAG_4{margin-left:40px;font-weight:400;padding-left:15px;position:relative}
.A_TAG_Box_Menu .A_TAG_4::before{font-family:"Font Awesome 6 Pro";font-weight:300;content:"\f061";position:absolute;top:1px;left:0;font-size:10px}
.A_TAG_Box_Menu_td{font-size:1.2em}
.menu_muluc:hover{color:#fa0!important}
.menu_muluc{display:none;bottom:30px;right:10px;background-image:url(../imgs/menu_muluc.png);text-align:center;color:#fff;z-index:999;font-size:22px;width:45px;height:45px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:solid 1px #999}
#header.scroll_header{position:fixed;top:0;right:0;left:0;z-index:101;background-color:#fff;-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)}
#header.scroll_header .banner{display:none}
#header.scroll_header .nav_mn .ul_mn{display:block;padding-left:0!important}
.name_company{padding:20px 0 0 150px;height:30px;font-size:23px;text-transform:uppercase;color:#555;font-weight:600;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}
.slogan_company{padding:0 0 10px 150px;height:20px;font-size:13px;color:#555;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}
.ul_banner{position:absolute;top:20px;right:0}
.ul_banner>li{padding:0 20px 0 70px;float:left;position:relative;border-right:1px solid #eee;height:40px;font-size:13px;line-height:18px;font-style:italic}
.ul_banner>li:first-child{padding-left:50px}
.ul_banner>li:last-child{padding-right:0;border-right:0}
.ul_banner>li:first-child .icon_ul_banner{left:0}
.ul_banner>li a{color:#888}
.ul_banner>li a[href^="tel:"]{color:#f90000;font-weight:500}
.icon_ul_banner{font-size:16px;text-align:center;background-color:#f6f6f6;width:40px;height:40px;line-height:40px;position:absolute;top:0;left:20px;border-radius:50%}
.t_ul_banner{display:block;font-style:normal}
.dknbg{font-style:normal;color:#333!important}
.dknbg em{display:block}
.nav_mn{height:46px;background:#278cd3;position:absolute;bottom:-46px;right:0;left:0}
.nav_mn .min_wrap{position:relative}
.ul_mn{padding-left:130px}
.ul_mn>li{float:left;padding:0 20px;position:relative}
.ul_mn>li>a{display:block;text-transform:uppercase;font-size:15px;line-height:46px;font-weight:500;color:#fff}
.ul_mn>li.active>a::before{content:"";background-color:#f90000;position:absolute;bottom:0;right:20px;left:20px;height:3px}
.ul_mn>li>a:hover{color:#0ae5f5}
.ul_mn>li:hover>ul.mn_child_01{visibility:visible;z-index:100;opacity:1;top:46px}
.ul_mn>li>ul.mn_child_01{visibility:hidden;opacity:0;position:absolute;left:0;top:56px;background:#fff;min-width:170px;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;z-index:100;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}
.ul_mn>li>ul.mn_child_01>li{position:relative}
.ul_mn>li>ul.mn_child_01>li>a{color:#333;display:block;padding:7px 20px;white-space:nowrap;text-transform:capitalize;-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:#278cd3;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;background:#fff;min-width:200px}
.ul_mn>li>ul.mn_child_01>li>ul.mn_child_02>li>a{color:#000;display:block;padding:7px 15px;white-space:nowrap;text-transform:capitalize}
.ul_mn>li>ul.mn_child_01>li>ul.mn_child_02>li>a:hover{background:#278cd3;color:#fff}
.click_s{color:#fff;text-align:center;width:30px;height:30px;line-height:30px;font-size:14px;position:absolute;top:8px;right:0;z-index:1;background-color:rgba(255,255,255,.2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.click_s:hover{background-color:rgba(255,255,255,.5)}
.form_s{background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;z-index:99999999;visibility:hidden;-webkit-transition:ease .4s;-moz-transition:ease .4s;-ms-transition:ease .4s;-o-transition:ease .4s;transition:ease .4s;opacity:0}
.form_s.active{visibility:visible;opacity:1}
.close_form_s{font-size:32px;color:#fff;position:absolute;top:40px;right:40px;display:block;cursor:pointer;z-index:1;font-style:normal}
.close_form_s::before{content:"\f057";font-family:"Font Awesome 5 Pro";font-weight:300}
.d_form_s{width:50%;margin:-30px auto 0;position:absolute;top:50%;left:0;right:0}
.ipt_form_s{width:100%;height:60px;border:0;padding:0 60px 0 20px;border-bottom:1px solid #eee;font-size:20px;font-family:Arial,Helvetica,sans-serif;font-weight:400}
.btn_form_s{border:0;cursor:pointer;width:60px;height:60px;text-align:center;font-size:32px;color:#000;position:absolute;bottom:0;right:0;background:0 0}
#container{min-height:100vh}
.swiper-container{visibility:hidden}
.swiper-container{visibility:hidden}
.swiper-container.swiper-container-initialized{visibility:visible}
.slide,.swiper1 .swiper-slide{width:100%;height:550px;background-color:#999;box-shadow:0 0 5px #000}
.swiper1 .swiper-slide img{display:block;width:100%;height:100%}
.swiper1 .swiper-button-prev-1{width:50px;height:50px;border-radius:0;transform:none;background:none;box-shadow:none!important;padding:0;font-size:18px!important;transition:.3s;border-radius:50%;color:#fff;top:50%;left:25px;margin-top:-28px}
.swiper1 .swiper-button-prev-1:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #278cd3;border-radius:50%;transition:.3s}
.swiper1 .swiper-button-next-1:hover,.swiper1 .swiper-button-prev-1:hover{color:#203181!important;background:#fff;cursor:pointer}
.swiper1 .swiper-button-next:after,.swiper1 .swiper-button-prev:after{font-size:18px!important;font-weight:700; color: #278cd3;}
.swiper1 .swiper-button-next-1{width:50px;height:50px;border-radius:0;transform:none;background:none;box-shadow:none!important;padding:0;transition:.3s;border-radius:50%;color:#fff;top:50%;right:25px;margin-top:-28px}
.swiper1 .swiper-button-next-1:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #fff;font-size:18px!important;border-radius:50%;transition:.3s}
.swiper1 .swiper-pagination-1{bottom:20px!important}
.swiper1 .swiper-pagination-1 .swiper-pagination-bullet{width:40px;height:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;opacity:1}
.swiper1 .swiper-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#005f9a}
.r1_ct{background-color:#fff;padding:30px 0}
.r1_ct ul{display:flex;flex-wrap:wrap}
.r1_ct ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:25%;text-align:center;border-right:1px solid #e5e5e5;font-size:13px;line-height:16px;display:flex;flex-direction:column;padding:0 10px}
.r1_ct ul li:last-child{border-right:0}
.r1_ct ul li figure{padding:5px 0 20px}
.r1_ct ul li figure img{display:inline-block;width:auto;height:60px}
.r1_ct ul li strong{font-weight:500;margin-bottom:5px;display:block;text-transform:uppercase;color:#000}
.r1_ct ul li span{display:block;color:#888}
.r2_ct{background-color:#000;position:relative}
.t_r2_ct{text-transform:uppercase;color:#fff;font-weight:700;font-size:22px;line-height:60px;padding:0 30px;background-color:rgba(39,140,211,.8);position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:3;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.prod_h{overflow:hidden}
.prod_h>li{float:left;width:25%;position:relative;text-align:center}
.tv_vd{overflow:hidden}
.tv_vd > li{float:left;width:calc(calc(100% - 60px)/ 4);margin:0 20px 30px 0;text-align:center}
.tv_vd > li:nth-child(4n){margin-right:0}
.tv_vd > li:nth-child(4n+1){clear:both}
.list_vd_sb > li figure,.tv_vd > li figure{background:#000;position:relative}
.tv_vd > li figure::before{content:"▶";font-size:20px;color:#fff;margin:auto;width:40px;height:40px;line-height:40px;text-align:center;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.list_vd_sb > li figure::before{content:"▶";font-size:15px;color:#fff;margin:auto;width:30px;height:30px;line-height:30px;text-align:center;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.list_vd_sb > li:hover figure::before,.tv_vd > li:hover figure::before{color:red;border:2px solid red}
.tv_vd > li figure img{display:block;width:100%;height:180px;border:1px solid #f5f5f5}
.tv_vd > li h3{font-weight:500;line-height:24px;min-height:50px;color:#333;width:100%;padding:8px 0;font-size:14px;border:solid 1px #f5f5f5}
.tv_vd > li:hover h3{color:#ea2448}
.list_vd_sb{border-top:0}
.list_vd_sb > li{padding-top:15px;width:100%;float:left}
.list_vd_sb > li:last-child{padding-bottom:0}
.list_vd_sb > li > a{color:#333;display:block;position:relative}
.list_vd_sb > li > a:hover::before,.list_vd_sb > li.active > a::before,.list_vd_sb > li > a:hover{color:#278cd3}
.list_vd_sb > li.active > a{color:#278cd3;font-weight:700}
.play_vd_sb figure{height:200px;position:relative;overflow:hidden;padding:1px;border:solid #999 1px}
.play_vd_sb figure::before{content:"▶";font-size:20px;color:#fff;margin:auto;width:40px;height:40px;line-height:40px;z-index:1;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;border:2px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.play_vd_sb:hover figure::before{color:red;border:2px solid red}
.play_vd_sb figure img{width:100%!important;height:100%!important}
.box_video{float:right;width:393px;margin-bottom:20px}
.list_vd_sb > li figure{width:100px;height:70px;border:solid #999 1px;margin-right:10px;float:left}
.list_vd_sb > li figure img{width:100%;height:100%}
.h_t_section_ct_h{color:#333;font-size:20px;margin-bottom:10px;font-weight:700;line-height:30px}
.prod_h:hover li{cursor:pointer}
.img_prod,.img_prod_h,.img_da,.img_news_h,.img_news,.img_dichvu{height:-webkit-calc(100vh - 34.375%);height:-moz-calc(100vh - 34.375%);height:calc(100vh - 34.375%);position:relative;overflow:hidden}
.prod_h .zoomInDown:hover img,.swiper2 .swiper-wrapper .swiper-slide:hover img,.ul_news_h li:hover img,.l_news_ct_h:hover img,.r_news_ct_h li:hover img,.ul_news li:hover img,.ul_da li:hover img,.ul_prod li:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);cursor:pointer}
.img_prod img,.prod_h .zoomInDown .img_prod_h img,.swiper2 .swiper-wrapper .swiper-slide .img_da img,.ul_da li .img_da img,.ul_news_h li .img_news_h img,.l_news_ct_h .img_dichvu img,.r_news_ct_h li .img_dichvu img,.ul_news li .img_news 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%}
.if_prod_h{text-align:center;position:absolute;top:50%;left:0;right:0;padding:0 20px;margin-top:23px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.n_prod_h{text-transform:uppercase;color:#fff;font-size:18px;line-height:24px}
.n_prod_h a{color:#fff}
.link_prod_h{display:inline-block;font-size:13px;text-transform:uppercase;line-height:36px;padding:0 20px;border-radius:18px;background-color:rgba(255,255,255,.3);color:rgba(255,255,255,.8);margin-top:10px;visibility:hidden;opacity:0;-webkit-transition:.2;-o-transition:.2s;transition:.2s;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}
.link_prod_h:hover{background-color:#278cd3;color:#fff}
.link_prod_h i{margin-left:3px}
.prod_h>li:hover .link_prod_h{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1}
.r3_ct{background-color:#fff;padding:60px 0}
.dv_h{float:left;width:650px}
.gt_h{float:right;width:500px}
.gt_h .t_r3_ct{text-align:right}
.t_r3_ct{text-transform:uppercase;font-size:22px;font-weight:700;padding-bottom:30px}
.ul_dv_h{max-height:475px;overflow-y:auto}
.ul_dv_h>li{margin-bottom:1px;border:1px solid #eee;border-left:3px solid #eee;background-color:#fff}
.ul_dv_h>li:last-child{margin-bottom:0}
.ul_dv_h>li>a{display:block;padding:15px}
.ul_dv_h>li h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;font-size:18px;line-height:24px;color:#333;padding-bottom:5px;font-weight:400}
.ul_dv_h>li p{padding:0;font-size:13px;line-height:19px;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:justify}
.ul_dv_h>li:hover{border-color:#f1f6f9;border-left-color:#278cd3;background-color:#f1f6f9}
.ul_dv_h>li:hover h3{color:#278cd3}
.m_gt_h{position:relative}
.m_gt_h figure{height:350px}
.m_gt_h figure img{display:block;width:100%;height:100%}
.nd_gt_h{background-color:rgba(0,0,0,.4);padding:15px 180px 15px 20px;position:absolute;bottom:0;right:0;left:0;z-index:1;color:#fff;font-size:13px;line-height:19px}
.text_nd_gt_h{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.link_gt_h{text-transform:uppercase;color:#fff;background-color:#278cd3;font-size:13px;line-height:36px;padding:0 20px;border-radius:18px;position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.link_gt_h:hover{background-color:#f90000}
.r4_ct{padding:50px 0 60px;background:#f6f6f6}
.t_r4_ct{text-transform:uppercase;font-size:22px;line-height:28px;font-weight:700;text-align:center;padding-bottom:10px}
.t_r4_ct strong{display:inline-block;position:relative}
.t_r4_ct strong::before{content:"";background:url(../imgs/icon_7_1.png) no-repeat;width:80px;height:4px;position:absolute;top:50%;left:-95px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.t_r4_ct strong::after{content:"";background:url(../imgs/icon_7_2.png) no-repeat;width:80px;height:4px;position:absolute;top:50%;right:-95px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.img_da{height:425px;position:relative}
.news_ct_h{overflow:hidden;padding:5px 0}
.l_news_ct_h{float:left;position:relative;margin-right:2%}
.l_news_ct_h figure{height:350px}
.l_news_ct_h figure img{display:block;width:100%;height:100%;cursor:pointer}
.l_news_ct_h h3{width:90%;font-size:16px;font-weight:700;padding:5%;cursor:pointer;background-color:rgba(0,0,0,.4);color:#fff;position:absolute;bottom:0;left:0}
.l_news_ct_h p{padding:0;color:#434343;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}
.l_news_ct_h strong{display:inline-block;color:#f69322;margin-top:5px}
.r_news_ct_h{overflow:hidden}
.r_news_ct_h > li{overflow:hidden;padding-bottom:15px}
.r_news_ct_h > li figure{float:left;width:100px;height:105px;cursor:pointer;margin-right:15px}
.r_news_ct_h > li figure img{display:block;width:100%;height:100%;cursor:pointer}
.r_news_ct_h > li h3{font-size:16px;color:#434343;margin-bottom:5px;cursor:pointer;line-height:24px;max-height:45px;overflow:hidden}
.r_news_ct_h > li p{padding:0;color:#000;max-height:50px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
.vn_title::before{content:"";width:100px;height:2px;background-color:#278cd3;position:absolute;bottom:0;left:0;z-index:1}
.vn_child{margin-bottom:10px}
.vn_child a{text-indent:20px;margin-bottom:5px;font-size:14px;float:left;width:100%;color:#000;font-family:Roboto,Arial}
.box_show .vn_title::before,.box_show .vn_title::after{display:none}
.f-detail .vn_title{position:relative;padding-top:10px;margin-bottom:10px;font-weight:700;color:#278cd3!important;font-size:20px;text-transform:uppercase}
.muc_luc{font-weight:600;z-index:99;max-width:480px;position:relative;background:#f3f3f3;float:left;border:solid 1px #333;padding:8px 10px;border-radius:5px;font-size:16px;color:#333;display:none}
.box_show{width:95%;background:#edf6ff}
#menu_mucluc.scroll_mucluc{position:fixed;top:70px;right:0;left:15px;z-index:99}
#menu_mucluc.scroll_mucluc .muc_luc{display:block;padding-left:0!important}
.button{border:none;font-weight:700;text-transform:capitalize;margin-left:10px;background:none;color:#333;cursor:pointer;font-size:13px}
.button_close{position:absolute;top:10px;left:40px;text-transform:uppercase;cursor:pointer;font-weight:700;background:none;font-size:16px;border:none}
.muc_luc .fa{margin-right:10px}
#tag_hien .vn_title{border-bottom:none;float:left;width:100%;text-tranzsform:capitalize!important}
#tag_hien .vn_title a{font-weight:700!important}
#tag_hien{background:#f3f3f3;border-radius:0 0 5px 5px;overflow:auto;border-top:1px #ccc solid;margin-top:10px;padding:2% 3%;font-size:13px;display:none}
.vn_title a{color:#333;font-size:17px;margin-top:15px;font-weight:700;float:left;width:100%;font-family:Roboto,Arial}
.r_news_ct_h > li:last-child{border-bottom:none}
.ul_dichvu > li{float:left;position:relative;width:calc(calc(100% - 60px)/ 4);margin:0 20px 20px 0;box-shadow:0 0 10px 0 #c6c6c6}
.ul_dichvu > li:nth-child(4n+1){clear:both}
.ul_dichvu>li:nth-child(4n){margin-right:0}
.img_dv{height:350px;position:relative}
.img_dv::before{content:"";position:absolute;bottom:0;right:0;left:0;height:50%;-webkit-transition:.2;-o-transition:.2s;transition:.2s;background:-moz-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%)}
.img_dv img{display:block;width:100%;height:100%}
.nd_dv{font-size:13px;line-height:30px;padding:20px 20px 35px;color:#fff;position:absolute;text-align:center;bottom:0;right:0;left:0;z-index:2}
.nd_dv h2 a{color:#fff;font-size:17px;line-height:26px}
.nd_da h2 a{color:#fff;font-size:20px;line-height:30px}
.nd_dv h2 a:hover,.nd_da h2 a:hover{color:#278cd3}
.ul_dichvu>li:hover .nd_dv p{opacity:1;visibility:visible}
.ul_dichvu>li:hover .link_dv{opacity:1;visibility:visible;bottom:-20px}
.nd_dv p{padding:20px 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;opacity:0;visibility:hidden;-webkit-transition:.2;-o-transition:.2s;transition:.2s}
.link_dv{opacity:0;visibility:hidden;-webkit-transition:.2;-o-transition:.2s;transition:.2s;display:block;text-transform:uppercase;font-size:13px;line-height:40px;background-color:#278cd3;position:absolute;bottom:10px;left:20px;right:20px;z-index:2;text-align:center;color:#fff;border-radius:20px}
.nd_da h3{overflow:hidden}
.list_vd_sb{border-top:0}
.list_vd_sb > li{padding-top:15px;width:100%;float:left}
.list_vd_sb > li:last-child{padding-bottom:0}
.list_vd_sb > li > a{color:#333;display:block;position:relative}
.a_video p{line-height:24px}
.list_vd_sb > li > a:hover::before,.list_vd_sb > li.active > a::before,.list_vd_sb > li > a:hover{color:#278cd3}
.list_vd_sb > li.active > a{color:#278cd3}
.play_vd_sb iframe{width:100%!important;height:100%!important}
.box_video{float:right;width:393px;margin-bottom:20px}
.list_vd_sb > li figure{width:120px;height:80px;margin-right:10px;float:left}
.list_vd_sb > li figure img{width:100%;height:100%}
.swiper-wrapper> .swiper-slide:hover .nd_da h3,.ul_da>li:hover .nd_da h3{display:none}
.img_da::before{content:"";position:absolute;bottom:0;right:0;left:0;height:50%;-webkit-transition:.2;-o-transition:.2s;transition:.2s;background:-moz-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%)}
.img_da img{display:block;width:100%;height:100%}
.nd_da{font-size:15px;text-align:center;line-height:25px;padding:45px 35px;color:#fff;position:absolute;bottom:0;right:0;left:0;z-index:2}
.nd_da span{display:block}
.nd_da h3{font-size:18px;font-weight:700;line-height:28px;text-transform:capitalize}
.nd_da h3 a{color:#fff}
.nd_da h3 a:hover{color:#278cd3}
.nd_da p{padding:10px 0 0;min-height:40px;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:.2;-o-transition:.2s;transition:.2s}
.link_da{opacity:0;visibility:hidden;-webkit-transition:.2;-o-transition:.2s;transition:.2s;display:block;text-transform:uppercase;font-size:13px;line-height:40px;background-color:#278cd3;position:absolute;bottom:10px;left:20px;right:20px;z-index:2;text-align:center;color:#fff;border-radius:20px}
.link_da:hover{background-color:#f90000}
.link_da i{margin-left:3px}
.swiper2{padding:30px 0px!important}
.swiper2 .swiper-slide:hover .img_da::before,.ul_da>li:hover .img_da::before{height:100%}
.swiper2 .swiper-slide:hover .nd_da p,.ul_da>li:hover .nd_da p{opacity:1;visibility:visible}
.swiper2 .swiper-slide:hover .link_da,.ul_da>li:hover .link_da{opacity:1;visibility:visible;bottom:-20px}
.swiper2 .swiper-slide img, .swiper1 .swiper-slide img{display:block;width:100%;height:100%}
.swiper2 .swiper-button-prev-2, .swiper1 .swiper-button-prev-1{width:47px;height:47px;transform:none;background:none;box-shadow:none!important;padding:0;font-size:18px!important;transition:.3s;border-radius:50%;color:#fff;top:50%; left: 15px;}
.swiper2 .swiper-button-prev-2:before, .swiper1 .swiper-button-prev-1:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #278cd3;border-radius:50%;transition:.3s}
.swiper2 .swiper-button-next-2:hover,.swiper2 .swiper-button-prev-2:hover, .swiper1 .swiper-button-next-1:hover,.swiper1 .swiper-button-prev-1:hover{color:#203181!important;background:#fff;cursor:pointer}
.swiper2 .swiper-button-next:after,.swiper2 .swiper-button-prev:after, .swiper1 .swiper-button-next:after,.swiper1 .swiper-button-prev:after{font-size:18px!important;font-weight:700; color: #278cd3;}
.swiper2 .swiper-button-next-2, .swiper1 .swiper-button-next-1{width:47px;height:47px;transform:none;background:none;box-shadow:none!important;padding:0;transition:.3s;border-radius:50%;color:#fff;top:50%; right: 15px;}
.swiper2 .swiper-button-next-2:before, .swiper1 .swiper-button-next-1:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #278cd3;font-size:18px!important;border-radius:50%;transition:.3s}
.r5_ct{padding:60px 0}
.news_h{float:left;width:770px}
.cnkh_h{float:right;width:370px}
.t_r5_ct{text-transform:uppercase;font-size:22px;line-height:28px;padding-bottom:20px}
.ul_news_h>li{margin-bottom:20px;overflow:hidden;width:370px}
.ul_news_h>li:last-child{margin-bottom:0}
.img_news_h{float:left;width:143px;height:100px;margin-right:15px}
.img_news_h img{display:block;width:100%;height:100%}
.n_news_h{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:13px;line-height:19px;font-weight:400;color:#333}
.n_news_h:hover{color:#278cd3}
.des_news_h{padding:0;overflow:hidden;font-size:14px;line-height:22px;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:none}
.ul_news_h>li:nth-child(1){float:left;width:370px;margin:0 30px 0 0;min-height:325px}
.ul_news_h>li:nth-child(1) .img_news_h{width:auto;height:270px;float:none;margin:0}
.ul_news_h>li:nth-child(1) .n_news_h{font-size:18px;line-height:24px;font-weight:500;padding-top:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ul_news_h>li:nth-child(1) .des_news_h{display:-webkit-box;padding-top:10px}
.link_news_h{text-align:center;font-size:13px;display:block;text-transform:uppercase;background-color:#f6f6f6;line-height:40px;color:#555}
.link_news_h:hover{color:#fff;background:#278cd3}
.text_cnkh_h{background-color:#f6f6f6;border-radius:5px;font-size:13px;line-height:19px;position:relative;padding:20px 20px 20px 65px}
.text_cnkh_h::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f10d";font-size:30px;position:absolute;top:20px;left:20px;line-height:30px}
.in_text_cnkh_h{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-align:center}
.avt_cnkh_h{padding:30px 0}
.avt_cnkh_h img{display:block;border-radius:50%;width:80px;height:80px;margin:0 auto}
.avt_cnkh_h figcaption{font-size:13px;line-height:19px;text-align:center;color:#555;display:block}
.avt_cnkh_h figcaption strong{display:block;text-transform:capitalize;color:#333;padding-top:10px}
.swiper-pagination-3{position:static;padding-top:30px}
.swiper-pagination-3 .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px}
.r6_ct{border-top:1px solid #ddd;padding:20px 0;background-color:#fff}
.swiper4 .swiper-slide figure{position:relative;background:#fff;text-align:center;height:80px}
.swiper4 .swiper-slide figure img{display:block;width:auto;max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.swiper4 .swiper-slide figure img:hover{opacity:.9}
.bg_cont{background:#000 url(../imgs/bg_cont.png) no-repeat center center;background-size:cover}
.bg_cont .min_wrap{height:200px;position:relative}
.addthis_sharing_toolbox{position:absolute;top:50%;right:-5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin-top:25px}
.t_bg_cont{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin-top:25px;border-left:5px solid #278cd3;padding:0 0 0 20px}
.h_bg_cont{text-transform:uppercase;color:#fff;font-size:24px;line-height:30px;font-weight:700}
.ul_breacrum{position:relative;font-size:13px;line-height:19px}
.ul_breacrum>li{display:inline-block;color:rgba(255,255,255,.6)}
.ul_breacrum>li::after{content:"/";margin:0 3px}
.ul_breacrum>li:last-child::after{display:none}
.ul_breacrum>li>a{color:rgba(255,255,255,.6)}
.ul_breacrum>li>a:hover{color:#fff}
.f_cont{padding:30px 0 50px;position:relative}
.min_f_cont{padding-bottom:30px}
.content{width:870px;float:left}
.sidebar{width:270px;float:right}
.til_D{padding-bottom:10px;font-size:30px;line-height:40px;color:#000;font-weight:400}
.des_D{font-size:16px;font-weight:500;padding-bottom:10px;line-height:22px}
.date_D{font-size:13px;color:#888;padding-bottom:10px}
.ul_da>li{width: calc(calc(100% - 60px) / 4);margin: 0 20px 40px 0;position:relative;float:left}
.ul_da>li:nth-child(4n){margin-right:0}
.ul_projects > li:nth-child(4n+1) {clear: both;}
.t_other_D{font-size:20px;width:100%;float:left;line-height:30px;border-left:3px solid #278cd3;padding-left:10px;text-transform:uppercase;font-weight:700;margin:20px 0}
.r_sb{margin-bottom:20px;background-color:#f6f6f6}
.r_sb:last-child{margin-bottom:0}
.t_r_sb{text-transform:uppercase;font-size:15px;font-weight:700;color:#278cd3;line-height:40px;border-left:4px solid #278cd3;padding:0 16px}
.news_r_sb{padding:0 20px}
.news_r_sb>li{padding:12px 0;border-bottom:1px dotted #acacac;overflow:hidden}
.news_r_sb>li:last-child{border-bottom:0}
.news_r_sb>li figure{float:left;width:105px;height:70px;margin-right:12px}
.news_r_sb>li figure img{display:block;width:100%;height:100%}
.news_r_sb>li h3{overflow:hidden;font-size:13px;line-height:19px;font-weight:500;color:#444;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news_r_sb>li h3:hover{color:#278cd3}
.news_r_sb>li span{display:block;overflow:hidden;font-size:13px;color:#888;line-height:19px}
.xnn_r_sb>li figure{width:100px;height:100px}
.dm_r_sb{padding:0 20px}
.dm_r_sb>li{padding:10px 0;border-bottom:1px dotted #acacac}
.dm_r_sb>li:last-child{border-bottom:0}
.dm_r_sb>li>a{display:inline-block;color:#444;position:relative;padding-left:11px}
.dm_r_sb>li>a::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f0da";position:absolute;top:-1px;left:0}
.dm_r_sb>li.active>a::before{font-weight:900}
.dm_r_sb>li.active>a,.dm_r_sb>li>a:hover{color:#278cd3}
.ul_news>li,.ul_news_D>li{float:left;width:calc(calc(100% - 60px)/ 4);margin:0 20px 30px 0;box-shadow:0 0 10px 0 #c6c6c6}
.ul_news > li:nth-child(4n),.ul_news_D > li:nth-child(4n){margin-right:0}
.ul_news > li:nth-child(4n+1),.ul_news_D > li:nth-child(4n+1){clear:both}
.ul_news{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:center}
.ol_form_dktt_foot > li{float:left;width:50%;margin-bottom:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ipt_form_dktt_foot{border:solid 1px #ccc;background:#fff;width:100%;height:30px;padding:0 10px;color:#777;font-size:11px}
.txt_form_dktt_foot{border:solid 1px #ccc;background:#fff;width:100%!important;height:60px;padding:5px 10px;color:#777;font-size:12px;resize:none}
.txt_form_dktt_foot textarea{width:100%;border:none}
.width_100{text-transform:uppercase;width:100%!important;height:30px;font-size:11px;font-weight:700;text-align:center;color:#fff;cursor:pointer;margin-top:5px;background:#347ab6;border:solid 1px #347ab6;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.width_100 .btn_form_dktt_foot{width:100%!important;height:28px;border:none;background:#347ab6;border:solid 1px #347ab6;cursor:pointer;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase}
.btn_form_dktt_foot:active{background:#537ccf}
.img_news{height:320px;background-color:#f6f6f6;overflow:hidden}
.img_news img{display:block;width:100%;height:100%;-webkit-transition:.2;-o-transition:.2s;transition:.2s}
.ul_news>li:hover .img_news img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.nd_news{display:flex;align-items:center;padding:15px 0}
.date_news{text-align:center;border-right:1px solid #eee;width:60px;color:#333;height:40px;padding:5px}
.date_news strong{font-size:16px}
.til_new{width:calc(100% - 111px);overflow:hidden;font-weight:500;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 20px;color:#333}
.til_new:hover{color:#278cd3}
.ul_news_catalog .til_new{width:100%;height:40px;text-align:center}
.list_catalog>li{float:left;padding:1px;width:33.33333%;height:calc(100% / 3);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.list_catalog>li img{display:block;width:100%;height:100%}
.list_catalog>li img:hover{opacity:.9;cursor:zoom-in}
.f_contact{overflow:hidden}
.l_fct{float:left;width:50%;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:15px}
.r_fct{float:left;width:50%;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:15px}
.form_fct>li{padding-bottom:15px;position:relative;width:100%;float:left}
.form_fct>li .name_ll{width:200px;height:40px;line-height:40px;font-weight:600;float:left}
.form_fct>li .box_ll{width:600px;float:left}
.form_fct>li .box_ll imput{width:100%;float:left}
.css_select_dichvu{width:100%;height:40px;border:1px solid #ccc;padding:0 12px;border-radius:2px}
.box_ll imput{margin-top:5px;float:left}
.form_fct>li{line-height:40px}
.note_ll{padding:15px;width:98%;line-height:24px;color:#fff;float:left;border-radius:10px;background:#c5c5c5;border:solid 1px #999}
.note_ll a{color:#f90000;font-weight:500}
.img_capcha{position:absolute;top:0;right:0;height:40px;z-index:1}
.ipt_fct{width:100%;height:40px;border:1px solid #ccc;padding:0 12px;border-radius:2px}
.txt_fct{width:100%;height:100px;min-height:100px;border:1px solid #ccc;padding:10px 12px;resize:none;border-radius:2px}
.ipt_fct:focus,.txt_fct:focus{border:1px solid #353535}
.but_fct{color:#fff;text-transform:uppercase;font-weight:700;background-color:#278cd3;padding:0 50px;height:40px;border:0;cursor:pointer;border-radius:2px;font-size:14px}
.map_fct{height:400px;background-color:#353535;margin-bottom:30px}
.map_fct iframe{width:100%!important;height:100%!important}
.tt_fct{padding-top:30px}
.tt_fct a{color:#000}
.tt_fct>li{padding:0 0 30px;position:relative;line-height:24px}
.tt_fct>li::before{content:"";width:3px;background-color:#ff7f00;position:absolute;top:0;left:-20px;bottom:0}
.tt_fct>li:last-child{padding-bottom:0}
.tt_fct>li strong{display:block;color:#212121;font-weight:500;padding-bottom:10px;text-transform:capitalize;font-size:24px;line-height:30px}
.ul_prod{width:100%;float:none;clear:both}
.ul_prod .width_sp{width:50%;position:relative}
.ul_prod .width_sp .img_prod{height:800px;border-radius:10px;border:solid 1px #ccc;padding:5px}
.ul_prod .width_sp .img_prod img{border-radius:10px}
.ul_prod>li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:25%;position:relative;padding:.5px}
.img_prod{height:431px}
.img_prod::before{content:"";position:absolute;top:.5px;right:.5px;bottom:.5px;left:.5px;z-index:1;-webkit-transition:.2;-o-transition:.2s;transition:.2s}
.img_prod img{display:block;width:100%;height:100%}
.if_prod{text-align:center;position:absolute;top:50%;left:0;right:0;padding:0 20px;margin-top:23px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.n_prod{text-transform:uppercase;color:#fff;font-size:18px;line-height:24px}
.n_prod a{color:#fff}
.link_prod{display:inline-block;font-size:13px;text-transform:uppercase;line-height:36px;padding:0 20px;border-radius:18px;background-color:rgba(255,255,255,.3);color:rgba(255,255,255,.8);margin-top:10px;visibility:hidden;opacity:0;-webkit-transition:.2;-o-transition:.2s;transition:.2s;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}
.link_prod:hover{background-color:#278cd3;color:#fff}
.link_prod i{margin-left:3px}
.ul_prod>li:hover .link_prod{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1}
.ul_prod>li:hover .img_prod::before{background-color:rgba(0,0,0,.1)}
.slide_prod_D{float:left;width:480px;margin-right:30px}
.info_prod_D{overflow:hidden}
.til_prod_D{padding-bottom:12px;font-weight:400;font-size:30px;line-height:36px;color:#000;border-bottom:1px solid #ededed}
.nd_prod_D{overflow:hidden;padding-top:20px}
.l_nd_prod_D{float:left;width:315px}
.r_nd_prod_D{float:right}
.text_editor{font-size:15px;line-height:30px!important}
.text_editor ol,.text_editor ul{margin:0!important}
.but_down_prod_D{display:block;text-align:center;width:100%;float:left;color:#fff;font-size:13px;line-height:19px;background-color:#f90000;border-radius:2px;padding:10px 0;margin-top:30px}
.but_down_prod_D strong{display:block;font-size:20px;font-weight:700;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.2)}
.but_down_prod_D:hover{background-color:#278cd3}
.gallery-top{width:400px;height:593px;float:right;background-color:#fff}
.gallery-top .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%}
.gallery-top .swiper-slide img:hover{cursor:zoom-in}
.gallery-thumbs{width:65px;height:593px;float:left}
.gallery-thumbs .swiper-slide{height:96px}
.gallery-thumbs .swiper-slide img{display:block;height:94px;width:63px;border:1px solid #ccc}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active img{border:2px solid#278cd3;width:61px;height:92px}
.swiper-button-next-1-plus{margin-top:0!important;background-color:rgba(0,0,0,.7);width:100%!important;height:20px!important;top:auto!important;bottom:0!important;right:0!important;left:0!important}
.swiper-button-next-1-plus::after{font-size:16px!important;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.swiper-button-prev-1-plus{margin-top:0!important;background-color:rgba(0,0,0,.7);width:100%!important;height:20px!important;top:0!important;right:0!important;left:0!important}
.swiper-button-prev-1-plus::after{font-size:16px!important;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.swiper-button-next-1-plus.swiper-button-disabled,.swiper-button-prev-1-plus.swiper-button-disabled{display:none}
.r1_nd_prod_D{padding:10px 20px;float:left;font-size:13px;line-height:17px;color:#607584;background-color:#eaf3f9;margin-bottom:5px}
.r1_nd_prod_D ul li{overflow:hidden;padding:5px 0}
.img_r1_nd_prod_D{float:left;width:26px;height:26px;margin:4px 15px 0 0;display:block}
.if_r1_nd_prod_D{overflow:hidden}
.if_r1_nd_prod_D strong{display:block;font-weight:400;color:#278cd3;text-transform:uppercase}
.if_r1_nd_prod_D span{display:block;color:#607584}
.r2_nd_prod_D{text-align:center;font-size:13px;line-height:19px;color:#607584;background-color:#eaf3f9;padding:15px}
#footer a:hover{color:#fff}
.foot_1{background:#000 url(../imgs/bg_foot_1.png) no-repeat center center;background-size:cover;padding:50px 0}
.ul_foot_1>li{float:left;width:210px;margin-right:30px;color:rgba(255,255,255,.8)}
.ul_foot_1>li:nth-child(3){margin-right:0;float:left;width:400px}
.ul_foot_1>li:nth-child(1){width:500px}
.t_foot_1{text-transform:uppercase;font-size:18px;line-height:24px;font-weight:700;color:#fff;padding-bottom:10px;position:relative;margin-bottom:20px}
.t_foot_1::before{content:"";width:60px;height:3px;background-color:#278cd3;position:absolute;bottom:0;left:0}
.ol1_foot_1>li{padding-bottom:10px;line-height:15px;position:relative;display:flex;align-items:center}
.ol2_foot_1>li{padding-bottom:10px}
.ol1_foot_1>li:last-child,.ol2_foot_1>li:last-child{padding-bottom:0}
.ol1_foot_1>li>a{color:rgba(255,255,255,.8)}
.ol1_foot_1>li span{width:30px;height:30px;border-radius:50%;background-color:rgba(255,255,255,.3);text-align:center;line-height:30px;font-size:14px;color:#fff;display:block;margin-right:10px}
.ol2_foot_1>li>a{display:inline-block;position:relative;padding-left:11px;color:rgba(255,255,255,.8)}
.ol2_foot_1>li>a::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f105";position:absolute;top:-1px;left:0}
.foot_2{background-color:#000;font-size:13px;color:rgba(255,255,255,.5)}
.foot_2 .min_wrap{padding:15px 0;position:relative}
.foot_2 a{color:rgba(255,255,255,.5)}
.foot_2 a:hover{color:#fff}
.social_foot_2{position:absolute;top:15px;right:0}
.social_foot_2>li{float:left;margin-left:10px}
.social_foot_2>li:first-child{margin-left:0}
.social_foot_2>li>a{display:block;width:26px;height:26px;text-align:center;line-height:26px;font-size:14px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}
.social_foot_2>li>a:hover{border-color:#fff;color:#fff}
.social_foot_2>li>a:hover img{opacity:1;filter:none;-moz-filter:none;-webkit-filter:none}
.social_foot_2>li>a img{display:inline-block;width:auto;height:16px;-ms-filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);opacity:.5}
.f-detail{line-height:1.8;width:100%;float:left;margin-top:20px}
.f-detail div,.f-detail h1,.f-detail h2,.f-detail h3,.f-detail h4,.f-detail h5,.f-detail h6,.f-detail img,.f-detail p,.f-detail strong,.f-detail table,.f-ndct em{max-width:100%!important}
.f-detail img{padding:5px 0;max-width:100%!important;height:auto!important;display:block;margin-left:auto;margin-right:auto}
.f-detail a{color:#d30b2c}
.f-detail a:hover{text-decoration:underline}
.f-detail iframe{max-width:100%!important}
.f-detail table td{padding:10px;vertical-align:top}
.f-detail ol,.f-detail ul{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:20px 0 0;float:none;clear:both;font-size:11px;overflow:hidden;font-family:Arial;line-height:18px}
.tag span{color:#939393;padding:2px 5px 2px 23px;background:#f1f1f1 url(../imgs/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}
.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:ease .3s;-moz-transition:ease .3s;-o-transition:ease .3s;-ms-transition:ease .3s;transition:ease .3s}
.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}
button,input,select,textarea{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:19px}
button:active{opacity:.9}
html{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.5) #ddd}
::-webkit-scrollbar{width:7px;height:7px;background:#ddd}
::-webkit-scrollbar-thumb{width:7px;background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track{padding:3px}
#star img{display:inline-block;width:auto;height:18px;position:relative;top:-1px}
.page{font-size:13px;padding:30px 0 0;text-align:center;text-transform:uppercase;font-weight:400}
.PageNum a{display:inline-block;color:#333;background-color:#fff;padding:3px 10px;margin:0 3px 5px 0;border:1px solid #eee;border-radius:2px}
.PageNum a:hover{color:#fff;background-color:#278cd3;border:1px solid #278cd3}
.PageNum span{border-radius:2px;font-weight:700;display:inline-block;color:#fff;padding:3px 10px;margin:0 3px 5px 0;background-color:#278cd3;border:1px solid #278cd3}
.t_f_book{text-transform:uppercase;text-align:center;font-size:15px;padding:10px 15px;border-bottom:1px solid #eee;font-weight:700;line-height:21px}
.ul_f_book{border-top:1px solid #f6f6f6;padding:15px}
.ul_f_book>li{list-style:none;position:relative}
.ul_f_book>li+li{margin-top:15px}
.icon_f_book{width:32px;height:32px;font-size:14px;color:#444;position:absolute;top:0;right:0;background:#eee;z-index:1;display:block;text-align:center;line-height:32px}
.icon_f_book i{top:8px;position:relative}
.ipt_f_book{width:100%;height:32px;border:1px solid #ddd;padding:0 42px 0 10px;border-radius:2px}
.txt_f_book{width:100%;height:80px;border:1px solid #ddd;padding:10px;resize:none;border-radius:2px}
.slec_f_book{background:#fff;width:100%;height:32px;border:1px solid #ddd;padding:0 40px 0 6px;border-radius:2px}
.ipt_f_book:focus,.slec_f_book:focus,.txt_f_book:focus{border-color:#278cd3}
.ipt_f_book:focus~.icon_f_book{background-color:#278cd3;color:#fff}
.btn_f_book{width:100%;height:32px;cursor:pointer;color:#fff;text-transform:uppercase;font-weight:700;background:#278cd3;border:0;font-size:14px;border-radius:2px}
.btn_f_book:active{background:#f90000}
.icon_menu_mobile{visibility:hidden;width:40px;height:40px;background:url(../imgs/menu_mobile.png) no-repeat center center;position:absolute;top:0;left:0;z-index:102;cursor:pointer;display:block;border-right:1px solid rgba(255,255,255,.3)}
.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}
.show_menu_mobile{overflow-y:hidden}
.show_menu_mobile .menu_mobile{left:0}
.show_menu_mobile #wrapper::after{content:"";background:rgba(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:12px;position:relative}
.ul_ma_1>li a{text-overflow:ellipsis;overflow:hidden;text-transform:uppercase;display:block;color:#fff;padding:10px 38px 10px 15px}
.ul_ma_1>li>a{border-top:1px solid #6c6c6c;border-bottom:1px solid #454545;font-weight:700}
.ul_ma_1>li.active>a,.ul_ma_1>li>a:hover{background:#626262}
.ul_ma_2>li>a{text-transform:none;font-size:14px;background:#474747;border-left:3px solid #278cd3;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 #278cd3;padding-left:40px;padding-right:15px}
.ul_ma_3>li>a:hover{background:#5f5f5f}
.arrown_menu_accordion{background:url(../imgs/icon_0.png) no-repeat center;width:38px;height:38px;position:absolute;top:1px;right:0;cursor:pointer}
@media only screen and (max-width:1024px) and (min-width:769px) {
.min_wrap{width:960px}
.name_company{padding-left:0;font-size:17px}
.slogan_company{padding-left:0;font-size:14px}
.name_company strong{font-size:20px}
.ul_mn>li{padding:0 10px}
.ul_mn>li.active>a::before{right:10px;left:10px}
.cnkh_h,.dv_h{width:32%}
.gt_h,.news_h{width:66%}
.ul_news_h>li{width:49%}
.ul_news_h>li:nth-child(1){width:49%;margin-right:2%}
.ul_foot_1>li{width:23.5%;margin-right:2%}
.ul_foot_1>li:nth-child(1){width:49%}
.r5_ct{background-size:auto 15%}
.content{width:630px}
.sidebar,.ul_da>li,.ul_news>li{width:300px}
.img_news{height:200px}
.img_da{height:425px}
.img_prod{height:356px}
.l_nd_prod_D,.r_nd_prod_D{width:215px}
}
@media only screen and (max-width:1023px) {
body,html{overflow-x:hidden;-webkit-overflow-scrolling:touch}
body{background-size:100% auto}
.icon_menu_mobile{visibility:visible}
#wrapper{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;left:0}
.min_wrap{width:96%}
.logo{display:inline-block;margin:10px 10px 0 0;background:0 0;position:static;width:auto;height:60px;float:left}
.logo img{display:inline-block;width:auto;height:60px;position:static}
.name_company{padding:10px 0 5px}
.slogan_company{padding-left:0;line-height:16px;font-size:12px}
.name_company strong{font-size:20px;letter-spacing:0}
.nav_mn{height:40px;bottom:-40px}
.nav_mn .min_wrap{width:auto!important}
.click_s{top:5px}
.t_r2_ct{line-height:46px;font-size:18px}
.if_prod_h{padding:0 15px}
.n_prod_h{font-size:15px}
.dv_h,.gt_h{width:auto;float:none}
.t_r3_ct{text-align:left!important;padding-bottom:20px;font-size:18px}
.m_gt_h figure{height:auto;max-height:350px}
.nd_da h3,.t_r4_ct,.t_r5_ct,.tt_fct>li strong{font-size:16px;line-height:24px}
.nd_da{padding:20px}
.link_da{left:15px;right:15px}
.cnkh_h,.news_h{float:none;width:auto}
.r5_ct{background:0 0}
.cnkh_h .t_r5_ct{background-color:#f6f6f6;padding:30px 15px 0!important;text-align:center}
.ul_news_h>li{width:49%}
.ul_news_h>li:nth-child(1){width:49%;margin-right:2%}
.swiper3{background-color:#f6f6f6}
.ul_foot_1>li{width:auto!important;float:none;margin:0!important;text-align:center}
.t_foot_1{text-align:center}
.t_foot_1::before{right:0;margin:auto}
.ol1_foot_1>li{display:block;line-height:inherit;padding-bottom:5px}
.foot_2 .min_wrap{text-align:center}
.social_foot_2{position:static;padding-top:15px}
.social_foot_2>li{display:inline-block;float:none}
.swiper2 .img_da{height:425px}
.swiper2 .swiper-slide{width:300px}
.f_contact{padding-top:0}
.content,.sidebar{width:auto;float:none;padding-bottom:20px}
.til_D{font-size:24px;line-height:30px}
.ul_news>li{width:32%!important;margin:0 2% 2% 0!important}
.ul_news>li:nth-child(2n){margin-right:2%!important}
.ul_news>li:nth-child(3n){margin-right:0!important}
.ul_da>li{width:32%;margin:0 2% 2% 0}
.img_da{height:-webkit-calc(100vw - 54.4vw);height:-moz-calc(100vw - 54.4vw);height:calc(100vw - 54.4vw)}
.img_news{height:-webkit-calc(100vw - 79.557vw);height:-moz-calc(100vw - 79.557vw);height:calc(100vw - 79.557vw)}
.img_prod{height:-webkit-calc(100vw - 64.54vw);height:-moz-calc(100vw - 64.54vw);height:calc(100vw - 64.54vw)}
.n_prod{font-size:15px}
.nd_news{display:block;padding:10px 0}
.date_news{width:auto;height:auto;text-align:left;padding:0 12px;color:#888;font-size:13px;border-right:0}
.date_news strong{font-size:13px;font-weight:400}
.date_news strong::before{content:'-';margin-left:-3px}
.til_new{width:auto;padding:0 12px;height:40px}
.slide_prod_D{width:49%;margin-right:2%;overflow:hidden}
.gallery-top{width:100%;height:-webkit-calc(100vw - 30.299vw);height:-moz-calc(100vw - 30.299);height:calc(100vw -30.299)}
.gallery-thumbs{width:100%;height:96px;margin-top:10px}
.gallery-thumbs .swiper-slide{width:65px}
.swiper-button-next-1-plus{width:20px!important;height:100%!important;top:0!important;left:auto!important}
.swiper-button-prev-1-plus{width:20px!important;height:100%!important;top:0!important;right:auto!important}
.swiper-button-next-1-plus::after,.swiper-button-prev-1-plus::after{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.nd_prod_D{padding-top:0}
.l_nd_prod_D,.r_nd_prod_D{float:none;width:auto;padding-top:20px}
.til_prod_D{font-size:24px;line-height:30px}
.foot_1,.r3_ct,.r4_ct,.r5_ct{padding:4% 0}
.f_cont{padding:4% 0 2%}
.cnkh_h,.dv_h,.gt_h,.news_h,.ul_foot_1>li{padding:2% 0}
.click_s,.swiper-button-next-2{right:2%}
.swiper-button-prev-2{left:2%}
.ul_breacrum{white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.addthis_sharing_toolbox,.logo::before,.ol1_foot_1>li span,.ul_banner>li:nth-child(1),.ul_banner>li:nth-child(2),.ul_foot_1>li:nth-child(2),.ul_mn{display:none!important}
.f-detail table,.f-qldh{display:block;overflow-x:auto}
}
@media only screen and (max-width:736px) {
.r1_ct ul li figure img{height:50px}
.map_fct{height:200px}
.d_form_s{width:90%}
.close_form_s{top:5%;right:5%}
}
@media only screen and (max-width:480px) {
.gt_h { display: none;}
.ul_prod .width_sp{width:96%!important}
.ul_prod .width_sp .img_prod{width:98%!important;height:auto!important}
.tv_vd >li{width:48.5%;margin:0 0 15px}
.tv_vd>li:nth-child(2n){float:right}
.tv_vd > li figure img{height:120px}
.tv_vd > li h3{display:-webkit-box;padding-bottom:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.min_wrap, .min_wrap_3 {width:94%}
.note_ll {padding: 5%;width: 90%;}
.form_fct>li .box_ll{width:100%}
.foot_1,.r3_ct,.r4_ct,.r5_ct{padding:6% 0}
.f_cont{padding:6% 0 3%}
.cnkh_h,.dv_h,.news_h,.ul_foot_1>li{padding:3% 0}
.click_s,.swiper-button-next-2{right:3%}
.swiper-button-prev-2{left:3%}
.name_company{font-size:16px;padding-right:0}
.nav_mn{position:static;background-color:#278cd3}
.nd_gt_h{position:static;padding:15px;background-color:rgba(0,0,0,.7)}
.link_gt_h{position:static;display:block;padding:0 5px;text-align:center;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;margin-top:15px}
.ul_news_h>li{width:auto!important;float:none!important;margin:0 0 20px!important;min-height:inherit}
.img_news_h{width:100px;height:80px;margin-right:12px}
.n_news_h{-webkit-line-clamp:3}
.r1_ct ul li{width:50%;padding:10px;border-bottom:1px solid #eee}
.r1_ct ul li:nth-child(2n){border-right:0}
.r1_ct ul li:last-child,.r1_ct ul li:nth-last-child(2){border-bottom:0}
.r1_ct ul li figure{padding-top:10px}
.t_r2_ct{position:static;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;border-radius:0;text-align:center;padding:0}
.prod_h>li{width:50%}
.bg_cont .min_wrap{height:120px}
.addthis_sharing_toolbox,.t_bg_cont{margin-top:0}
.h_bg_cont{font-size:18px;line-height:24px}
.l_fct,.r_fct{width:auto;float:none;padding:0 0 6%!important}
.but_fct{width:100%}
.ul_news>li{width:48.5%!important;margin:0 0 3%!important}
.ul_news>li:nth-child(2n){float:right!important;margin-right:0!important}
.ul_news>li:nth-child(2n+1){clear:both}
.img_news{height:-webkit-calc(100vw - 69.557vw);height:-moz-calc(100vw - 69.557vw);height:calc(100vw - 69.557vw)}
.list_catalog>li{width:50%;height:calc(100% / 2)}
.ul_da>li{width:100%;margin:0 0 3%}
.ul_da>li:nth-child(2n){float:right}
.img_da{height:-webkit-calc(100vw - 32.35vw);height:-moz-calc(100vw - 32.35vw);height:calc(100vw - 32.35vw)}
.nd_da h3{font-size:15px;line-height:21px}
.ul_prod>li{width:50%}
.img_prod{height:-webkit-calc(100vw - 30.54vw);height:-moz-calc(100vw - 30.54vw);height:calc(100vw - 30.54vw)}
.slide_prod_D{width:auto;float:none;margin:0 0 3%}
.gallery-top{height:139.469vw}
.icon_ti_fixed{width:60px!important;height:60px!important}
.in_icon_ti_fixed{width:50px!important;height:50px!important}
.in_icon_ti_fixed img{height:16px;padding-bottom:0}
.in_icon_ti_fixed.active::before{line-height:50px!important;font-size:20px!important}
.nd_ti_fixed{bottom:70px!important}
.nd_ti_fixed::before{right:25px!important}
.ul_news_h>li:nth-child(1) .img_news_h{height:301px}
}
@media only screen and (min-width: 1920px) {
.min_wrap{width:1440px;margin:0 auto}
#menu_mucluc.scroll_mucluc{left:150px!important}
}
@media only screen and (min-width: 1440px) {
#menu_mucluc.scroll_mucluc{left:75px!important}
}
@media only screen and (max-width:414px) {
.ul_news_h>li:nth-child(1) .img_news_h{height:260px}
}
@media only screen and (max-width:375px) {
.ul_news_h>li:nth-child(1) .img_news_h{height:235px}
}
@media only screen and (max-width:360px) {
.ul_news_h>li:nth-child(1) .img_news_h{height:226px}
}
@media only screen and (max-width:320px) {
.ul_news_h>li:nth-child(1) .img_news_h{height:200px}
}
.r1_ct ul li figure img{width:60px}
.in_icon_ti_fixed img,.ul_nd_ti_fixed > li > a span img{width:24px;height:24px}
.ul_prod{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:center}
.ul_prod > li{float:none}
.slide_mobile{display:none}
@media only screen and (max-width: 1023px) {
.fb-digilift{width:300px;height:115px}
}
@media only screen and (max-width: 736px) {
.r1_ct ul li figure{width:60px;height:60px;margin-left:auto;margin-right:auto}
.r1_ct ul li figure img{width:60px;height:60px}
}
@media only screen and (max-width: 480px) {
.slide,.swiper1 .swiper-slide{width:100%;height:150px;}
table th,table td{border-bottom:none;text-align:left;display:block;padding-left:0!important}
.box_2_table table tbody tr td,.box_3_table table tbody tr td,.box_4_table table tbody tr td{width:100%!important;margin-bottom:10px;margin-right:0!important;padding:0!important}
.ul_dichvu > li{width:100%!important}
.ul_dichvu > li .img_dv img{width:100%!important}
.r1_ct{padding:0}
.social_right{right:10px!important}
.link_prod_h{padding:0 10px;font-size:12px}
#menu_mucluc.scroll_mucluc{left:10px;top:50px;width:94%}
.img_prod,.img_prod_h,.img_da,.img_dichvu{height:270px;position:relative;overflow:hidden}
.l_news_ct_h figure{height:250px}
.r_news_ct_h{float:left;margin-top:15px;width:100%}
.r_news_ct_h > li figure{float:left;width:90px;height:90px;cursor:pointer;margin-right:15px}
.r1_ct ul li figure{width:45px;height:45px;margin-left:auto;margin-right:auto}
.r1_ct ul li figure img{width:45px;height:45px}
.l_news_ct_h{float:left;width:100%;position:relative;margin-right:2%}
.logo img{width:43px;height:60px}
.in_icon_ti_fixed img{width:24px;height:24px}
.cnkh_h .t_r5_ct,.swiper-pagination-1{display:none}
}
@media only screen and (max-width: 360px) {
.img_prod_h,.img_da,.img_dichvu{width:100%;position:relative;overflow:hidden}
.ul_prod>li{width:100%;margin-bottom:20px}
}
@media only screen and (max-width:360px) and (min-width:359px) {
.r1_ct ul li figure,.r1_ct ul li figure img{width:30px;height:30px}
.in_icon_ti_fixed img{width:12px;height:12px}
.bg_cont{background:#000 url(../imgs/bg_cont_rwd.png) no-repeat center center}
}