@font-face {
        font-family: 'UTM_HelvetIns';
        src: url('../fonts/UTMHelvetIns.eot');
        src: url('../fonts/UTMHelvetIns.eot') format('embedded-opentype'), url('../fonts/UTMHelvetIns.woff') format('woff2'), url('../fonts/UTMHelvetIns.woff') format('woff'), url('../fonts/UTMHelvetIns.ttf') format('truetype'), url('../fonts/UTMHelvetIns.svg#fontawesomeregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Roboto-Bold';
        src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Roboto-Regular';
        src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Roboto-Black';
        src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Roboto-Light';
        src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Roboto-Medium';
        src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'UTM_Cookies';
        src: url('../fonts/UTMCookies.eot?#iefix') format('embedded-opentype'), url('../fonts/UTMCookies.woff') format('woff'), url('../fonts/UTMCookies.ttf') format('truetype'), url('../fonts/UTMCookies.svg#UTMCookies') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'UTM_LinotypeZapfinoKT';
        src: url('../fonts/UTMLinotypeZapfinoKT.eot?#iefix') format('embedded-opentype'), url('../fonts/UTMLinotypeZapfinoKT.woff') format('woff'), url('../fonts/UTMLinotypeZapfinoKT.ttf') format('truetype'), url('../fonts/UTMLinotypeZapfinoKT.svg#UTMLinotypeZapfinoKT') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'UVN_BaiSauNhe';
        src: url('../fonts/UVNBaiSauNhe.eot?#iefix') format('embedded-opentype'), url('../fonts/UVNBaiSauNhe.woff') format('woff'), url('../fonts/UVNBaiSauNhe.ttf') format('truetype'), url('../fonts/UVNBaiSauNhe.svg#UVNBaiSauNhe') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'UVN_MoiHong';
        src: url('../fonts/UVNMoiHong.eot?#iefix') format('embedded-opentype'), url('../fonts/UVNMoiHong.woff') format('woff'), url('../fonts/UVNMoiHong.ttf') format('truetype'), url('../fonts/UVNMoiHong.svg#UVNMoiHong') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'RobotoSlab-Regular';
        src: url('../fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Regular.woff') format('woff'), url('../fonts/RobotoSlab-Regular.ttf') format('truetype'), url('../fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'OpenSans-Regular';
        src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'OpenSans-Bold';
        src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'OpenSans-Light';
        src: url('../fonts/OpenSans-Light.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    p {
        margin: 0px;
    }
    
    a {
        text-decoration: none;
        color: #333333;
        -webkit-transition: 0.5s ease 0s;
        -o-transition: 0.5s ease 0s;
        transition: 0.5s ease 0s;
        color: #292a32;
        text-decoration: none;
    }
    
    a:hover,
    a:focus {
        color: #0d7cd6;
        text-decoration: none;
    }
    

    .content_detail_news ul{
        padding-left: 15px;
        line-height: 1.7;
    }
    .content_detail_news ul li:first-child,
    .content_detail_news ul li:nth-child(2),
    .content_detail_news ul li:nth-child(3){
        list-style: disc;
    }
    .content_detail_news ul li:last-child,
    .content_detail_news ul li:nth-child(4),
    .content_detail_news ul li:nth-child(5),
    .content_detail_news ul li:nth-child(6){
        list-style: none;
        margin-left: -16px;
    }

    * {
        margin: 0px;
        padding: 0px;
    }
    
    ul,
    ol {
        padding: 0;
        margin: 0;
    }
    
    li {
        list-style: none;
    }
    
    .fixed {
        position: fixed !important;
        top: 0px;
        z-index: 99;
        width: 100%;
    }
    
    .clearfix-130 {
        clear: both;
        height: 130px;
    }
    
    .clearfix-100 {
        clear: both;
        height: 100px;
    }
    
    .clearfix-80 {
        clear: both;
        height: 80px;
    }
    
    .clearfix-60 {
        clear: both;
        height: 60px;
    }
    
    .clearfix-55 {
        clear: both;
        height: 55px;
    }
    
    .clearfix-50 {
        clear: both;
        height: 50px;
    }
    
    .clearfix-45 {
        clear: both;
        height: 45px;
    }
    
    .clearfix-40 {
        clear: both;
        height: 40px;
    }
    
    .clearfix-35 {
        clear: both;
        height: 35px;
    }
    
    .clearfix-30 {
        clear: both;
        height: 30px;
    }
    
    .clearfix-32 {
        clear: both;
        height: 32px;
    }
    
    .clearfix-25 {
        clear: both;
        height: 25px;
    }
    
    .clearfix-20 {
        clear: both;
        height: 20px;
    }
    
    .clearfix-15 {
        clear: both;
        height: 15px;
    }
    
    .clearfix-12 {
        clear: both;
        height: 12px;
    }
    
    .clearfix-10 {
        clear: both;
        height: 10px;
    }
    
    .clearfix-5 {
        clear: both;
        height: 5px;
    }
    
    body {
        background: #fff;
        font-size: 14px;
        font-family: Roboto-Regular;
        color: #000;
    }
    
    del {
        font-size: 12px;
        color: #999;
    }
    /*===========All=============*/
    
    .w_100 {
        width: 100%;
    }
    
    .w_40 {
        width: 40%;
    }
    
    .w_60 {
        width: 60%;
    }
    /*==========Main============*/
    
    .menu_mb {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999;
        padding: 1px 15px;
        border-bottom: 1px solid #ccc;
    }
    
    #go_top {
        position: fixed;
        width: 24px;
        height: 25px;
        background: #0263b0;
        color: #fff;
        text-align: center;
        line-height: 25px;
        font-size: 18px;
        font-weight: bold;
        background-size: 100% 100%;
        display: inline-block;
        z-index: 100;
        bottom: 50px;
        right: 25px;
    }
    
    .img_logo_mb {
        max-height: 60px;
        max-width: 70%;
        margin-right: 40px;
    }
    
    .menu_main .nav.is-fixed {
        position: relative;
        z-index: 105;
    }
    
    .form_search {
        width: 130px;
    }
    
    .form_search input.form-control {
        height: 30px;
        border: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 05px;
        background: transparent;
        box-shadow: none;
        font-size: 12px !important;
        font-family: Roboto-Regular;
        color: #ffffff;
    }
    
    .form_search button.btn.btn-default {
        height: 30px;
        padding: 0px 6px;
        border: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        color: #FFFFFF;
        background: transparent;
        border-left: 1px solid #FFFFFF;
    }
    
    .qts_head_top {
        color: white;
        background: #0263af;
        font-size: 14px;
        font-family: Roboto-Regular;
        line-height: 30px;
    }
    
     ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #2ca2ff !important;
        font-size: 12px;
    }
    
    .slogan_cpn_hd {
        text-align: center;
        text-transform: uppercase;
    }
    
    .slogan_main_hd {
        font-family: Roboto-Bold;
        color: #0263b0;
        font-size: 26px;
    }
    
    .slogan_main_hd span {
        font-size: 36px;
    }
    
    .des_slogan_hd {
        color: #0263b0;
        font-size: 43.44px;
        font-family: Roboto-Bold;
    }
    
    .slogan_cpn_hd {
        margin-top: 20px;
    }
    
    .slider_main .owl-dots .owl-dot.active span,
    .slider_main .owl-dots .owl-dot:hover span {
        background: #0088c2;
    }
    
    .tit_home {
        text-align: center;
        margin: 0;
    }
    
    .tit_home span {
        font-size: 32px;
        font-family: Roboto-Bold;
        color: #333333;
        position: relative;
        display: block;
        padding-bottom: 20px;
        background: url(../img/bg_line.png) no-repeat center bottom;
    }
    
    .tit_home {
        margin-top: 0;
        margin-bottom: 10px;
    }
    
    .tit_home a {
        color: #2350a5;
        font-size: 18px;
        font-family: Roboto-Regular;
    }
    
    .tit_home a span {
        color: #f29200;
    }
    
    .tit_home a:hover {
        text-decoration: underline;
    }
    
    .sub_sv {
        font-size: 12px;
        font-family: Roboto-Regular;
        color: #333;
        text-align: justify;
        line-height: 23.5px;
        height: 90px;
        overflow: hidden;
    }
    
    .tit_step span {
        color: #006699;
    }
    
    .sc_step {
        background: url("../img/bg_step.png") no-repeat fixed;
        background-size: cover;
    }
    
    .fix-tabs {
        text-align: center;
        width: 100%;
    }
    
    .fix-tabs li {
        padding: 0px 0px;
        float: none;
        display: inline-table;
    }
    
    .fix-tabs li a {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 30px 9px 10px 9px;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        color: #fff;
        background: rgba(2, 99, 176, 0.9);
        transition: all 0.5s;
    }
    
    .fix-tabs li a span {
        display: block;
        text-align: center;
        font-size: 30px;
        font-family: Roboto-Bold;
        border-bottom: 2px solid #fff;
        margin-bottom: 10px;
    }
    
    .fix-tabs>li.active>a {
        border: 2px solid #142a8d!important;
        background-color: transparent;
        color: #d6d7d5;
    }
    
    .fix-tabs>li.active .line-tabs {
        opacity: 1;
    }
    
    .fix-tabs>li.active>a,
    .fix-tabs>li.active>a:hover,
    .fix-tabs>li.active>a:focus {
        color: #142a8d;
        cursor: default;
        background-color: transparent;
        border: 1px solid transparent;
        border-bottom-color: transparent;
        transition: all 0.5s;
    }
    
    .fix-tabs>li.active>a span,
    .fix-tabs>li.active>a:hover span,
    .fix-tabs>li.active>a:focus span {
        border-bottom-color: #142a8d;
    }
    
    .fix-tabs>li>a:hover,
    .fix-tabs>li>a:focus {
        background-color: transparent;
        border: 2px solid #142a8d!important;
        color: #142a8d;
    }
    
    .fix-tabs>li>a:hover span,
    .fix-tabs>li>a:focus span {
        border-bottom-color: #142a8d;
    }
    
    .line-tabs {
        height: 60px;
        width: 1px;
        background: #142a8d;
        margin: auto;
        opacity: 0;
    }
    
    .tab-step {
        padding: 30px 0px 20px 0px;
        font-size: 14px;
        line-height: 21px;
        color: #feffff;
        text-align: justify;
        min-height: 175px;
        overflow: hidden;
    }
    
    .view-tabs {
        color: #142a8d;
        transition: .3s all;
    }
    
    .view-tabs:hover {
        text-decoration: underline;
        transition: .3s all;
    }
    
    .tabs-projects {
        text-align: center;
        margin-bottom: 25px;
        border-bottom: 1px solid transparent;
    }
    
    .sc_step {
        padding: 20px 0;
    }
    
    .sc_step .nav-tabs {
        border-bottom: 1px solid #142a8d;
    }
    
    .sc_step .tit_home span {
        background: url(../img/bg_line_fff.png) no-repeat center bottom;
    }
    
    .tabs-projects {
        text-align: center;
        margin-bottom: 25px;
        border-bottom: 1px solid transparent;
    }
    
    .tabs-projects li {
        float: none;
        display: inline-table;
    }
    
    .tabs-projects>li.active>a,
    .tabs-projects>li.active>a:hover,
    .tabs-projects>li.active>a:focus {
        border: 1px solid #0263b0;
        color: #fff;
        background: #0263b0;
    }
    
    .tabs-projects li a {
        border-radius: 0px;
        text-align: center;
        font-size: 14px;
        font-family: Roboto-Regular;
        color: #000;
        text-transform: uppercase;
        position: relative;
    }
    
    .box_proj_home {
        position: relative;
        overflow: hidden;
    }
    
    .btn-view-all {
        font-size: 14px;
        color: #000000;
        border: 1px solid #000000;
        text-transform: uppercase;
        background: transparent;
        padding: 9px 26px;
        border-radius: 0px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    
    .btn-view-all:hover {
        color: white;
    }
    
    .box-view-all {
        text-align: center;
        padding: 25px 0px;
        background: #0263b0;
    }
    
    .btn-view-all .fa {
        margin-left: 32px;
    }
    
    .row_2 {
        margin: 0 -2px;
    }
    
    .row_13 {
        margin: 0 -13px;
    }
    
    .box_proj_home {
        margin-bottom: 4px;
    }
    
    .typical-projects {
        max-width: 100%;
        overflow: hidden;
    }
    
    .noithat_thitruong>li {
        font-size: 14px;
        font-family: Roboto-Regular;
        display: inline-table;
    }
    
    .noithat_thitruong .tin_thi_truong {
        padding: 8px 38px;
        border: 1px solid #f29200;
        display: inline-block;
        color: #407a02;
        border-radius: 50px 50px;
        margin-left: 3px;
    }
    
    .noithat_thitruong .tin_thi_truong a {
        color: #f29200;
    }
    
    .noithat_thitruong .tin_noithat {
        padding: 8px 46px;
        border: 1px solid #04ce08;
        display: inline-block;
        color: #92d050;
        border-radius: 50px 50px;
        margin-right: 3px;
    }
    
    .noithat_thitruong .tin_noithat a {
        color: #04ce08;
    }
    
    .noithat_thitruong a:hover {
        color: #92d050;
    }
    
    .box_news_hot_home {
        overflow: hidden;
    }
    
    .img_news_hot {
        overflow: hidden;
        width: 100%;
        display: block;
    }
    
    .img_news_hot img {
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.5s;
    }
    
    .sub_news_hot_home {
        padding: 0px 0px 0px 20px;
        overflow: hidden;
        height: 170px;
    }
    
    .name_tit_news_home {
        margin: 0px;
        font-size: 16px;
        font-weight: bold;
        color: #161616;
        line-height: 22px;
        height: 42px;
    }
    
    .name_tit_news_home a {
        font-family: Roboto-Regular;
        color: #161616;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .des_news_hot_home {
        font-size: 14px;
        color: #000000;
        line-height: 25px;
        text-align: justify;
        height: 125px;
        overflow: hidden;
        font-family: Roboto-Regular;
    }
    
    .img_news_hot:hover img {
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        transition: all 0.5s;
    }
    
    .name_tit_news_home a:hover {
        color: #407a02;
        text-decoration: underline;
    }
    
    .kiss_news {
        padding-left: 0;
        padding-right: 10px;
    }
    
    .name_tit_news_home a {
        color: #f29200;
        font-family: Roboto-Bold;
        font-size: 16px;
    }
    
    .cl_1 a {
        color: #04ce08;
    }
    
    .box-feedback {
        padding: 30px 35px 30px 81px;
        background: rgba(0, 0, 0, 0.5) url(../img/nhay.png)no-repeat left top;
        background-position: 0% 10%;
        border-radius: 0px;
        transition: all 0.3s;
    }
    
    .box-feedback:hover {
        background: #000000 url(../img/nhay.png)no-repeat left top;
        transition: all 0.3s;
        background-position: 0% 10%;
    }
    
    .sv_feedback {
        background: url("../img/bg_fb.png") no-repeat fixed;
        background-size: cover;
    }
    
    .sc_slider_fb {
        background: rgba(0, 0, 0, 0.2);
        padding-bottom: 140px;
        padding-top: 75px;
    }
    
    .img-fback img {
        margin: auto;
        height: 106px;
        width: 106px !important;
        border-radius: 50%;
        max-width: 100%;
    }
    
    .tit_fb {
        text-align: center;
        margin-bottom: 35px;
        padding-top: 30px;
        margin-top: 0;
    }
    
    .img-fback {
        text-align: center;
    }
    
    .dcs-fback {
        padding-top: 30px;
        font-size: 14px;
        color: #fff;
        text-align: justify;
        line-height: 21px;
        font-family: Roboto-Regular;
    }
    
    .name-customer {
        margin: 5px 0px 20px 0px;
    }
    
    .name-customer {
        margin: 5px 0px 5px 0px;
    }
    
    .name-customer a {
        font-size: 14px;
        color: #04ce08;
    }
    
    .address-customer {
        font-size: 12px;
        color: #f29200;
    }
    
    .slider_fb .owl-dots {
        bottom: -50px;
    }
    
    .sc_slider_dt {
        background: url("../img/bg_dt.png") no-repeat fixed;
        background-size: cover;
        padding: 35px 0;
    }
    
    .qts_footer_top {
        border-top: 1px solid #959595;
        padding: 20px 0px;
    }
    
    .tit_ft {
        font-family: Roboto-Regular;
        font-size: 16px;
        color: white;
        text-transform: uppercase;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    
    .add_ft li {
        color: white;
        font-size: 14px;
        font-family: Roboto-Regular;
        padding: 4px 0;
        border-bottom: 1px solid #FFFFFF;
    }
    
    .menuft li a {
        color: white;
        font-size: 14px;
        font-family: Roboto-Regular;
        padding: 4px 0;
        border-bottom: 1px solid #FFFFFF;
        display: block;
        position: relative;
    }
    
    .menuft li a:after {
        position: absolute;
        content: "\f105";
        display: inline-block;
        font: normal normal normal 13px/1 fontawesome;
        color: #FFFFFF;
        right: 0;
        top: 5px;
    }
    
    .menuft li a:hover {
        color: #04ce08;
    }
    
    .box_ft {
        min-height: 280px;
    }
    
    .qts_footer_bot a {
        color: #0d0d0d;
        text-transform: uppercase;
    }
    
    .contact_ft {
        margin-right: 100px;
    }
    
    .qts_footer_bot {
        color: #0d0d0d;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0;
        border-top: 1px solid #959595;
    }
    
    .contact_ft a {
        margin-left: 10px;
    }
    
    .contact_ft a:hover {
        color: #f29200;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++18/12++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /*==================================================Slider detail=================================================================*/
    
    .gc-icon.gc-icon-download {
        display: none !important;
    }
    
    .gc-thumbs-area-next .gc-icon.gc-icon-next:before {
        content: "\f105" !important;
        font: normal normal normal 24px/1 fontawesome !important;
        width: 24px;
        height: 24px;
        text-align: center;
    }
    
    .gc-thumbs-area-prev .gc-icon.gc-icon-prev:before {
        content: "\f104" !important;
        font: normal normal normal 24px/1 fontawesome !important;
        width: 24px;
        height: 24px;
        text-align: center;
    }
    
    .gc-display-area .gc-icon.gc-icon-next {
        width: 36px !important;
        height: 50px !important;
        right: 10px;
    }
    
    .gc-display-area .gc-icon.gc-icon-next:before {
        content: "\f105" !important;
        font: normal normal normal 48px/1 fontawesome !important;
        width: 36px;
        color: #fff;
        height: 50px;
        text-align: center;
    }
    
    .gc-display-area .gc-icon.gc-icon-prev {
        width: 36px !important;
        height: 50px !important;
        left: 10px;
    }
    
    .gc-display-area .gc-icon.gc-icon-prev:before {
        content: "\f104" !important;
        font: normal normal normal 48px/1 fontawesome !important;
        width: 36px;
        color: #fff;
        height: 50px;
        text-align: center;
    }
    
    .gc-overlay-right-icons .gc-icon.gc-icon-next {
        width: 36px !important;
        height: 50px !important;
        text-align: center;
    }
    
    .gc-overlay-right-icons .gc-icon.gc-icon-next:before {
        content: "\f105" !important;
        font: normal normal normal 48px/1 fontawesome !important;
        width: 36px !important;
        height: 50px !important;
        color: #fff;
    }
    
    .gc-overlay-left-icons .gc-icon.gc-icon-prev {
        width: 36px !important;
        height: 50px !important;
        text-align: center;
    }
    
    .gc-overlay-left-icons .gc-icon.gc-icon-prev:before {
        content: "\f104" !important;
        font: normal normal normal 48px/1 fontawesome !important;
        width: 36px !important;
        height: 50px !important;
        color: #fff;
    }
    
    .gc-icon.gc-icon-enlarge {
        display: none !important;
    }
    
    .gc-overlay-top-icons .gc-icon.gc-icon-close:before {
        content: "\f00d" !important;
        font: normal normal normal 25px/1 fontawesome !important;
        color: #fff;
        width: 24px;
        text-align: center;
    }
    
    .glass-case {
        margin: auto;
    }
    /*===================================================end slider detail======================================================*/
    
    .tit_detail_tk {
        font-size: 18px;
        margin-top: 0;
        color: #3f3f3f;
        text-transform: uppercase;
    }
    
    .sub_detail_tk {
        font-size: 14px;
        color: #3f3f3f;
        line-height: 23px;
        background: #eeeeee;
        border-radius: 5px;
        margin-top: 40px;
        margin-bottom: 30px;
        padding: 25px 20px;
    }
    
    .content_detail_tk img {
        max-width: 800px;
        width: 100%;
    }
    
    .title-service {
        margin-top: 0;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .title-service a {
        color: #f29200;
        font-size: 18px;
    }
    
    .item-news .desc {
        height: 31px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    
    .spacer-single {
        width: 100%;
        height: 30px;
        display: block;
        clear: both;
    }
    
    .btn-line,
    a.btn-line {
        border: solid 1px #222;
        color: #333;
        font-weight: 500;
        font-size: 12px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        padding: 6px 30px;
        text-transform: uppercase;
        display: inline-block;
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
    }
    
    .btn-fullwidth {
        width: 100%;
    }
    
    .widget {
        border-bottom: solid 1px #ddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    .widget h4 {
        text-transform: uppercase;
        padding-bottom: 20px;
        font-size: 16px;
        letter-spacing: normal;
        letter-spacing: 1px;
    }
    
    .widget .small-border {
        height: 2px;
        width: 30px;
        margin: 10px 0 20px 0;
        display: block;
    }
    
    .widget ul li {
        line-height: 1.8em;
        font-size: 13px;
    }
    
    .widget ul li a:hover {
        color: #f29200;
    }
    
    .address-bottom li {
        text-align: inherit;
        line-height: 22px;
        font-size: 12.5px;
        color: #cccccc;
        padding: 4px 0px;
        border-bottom: 1px solid #222;
        list-style: none;
        font-weight: bold;
    }
    
    .widget ul li a {
        color: #606060;
    }
    
    .small-border {
        background: #f29200;
    }
    
    .form-mail {
        max-width: 275px;
    }
    
    .form-mail input {
        border-radius: 0px;
        border: 1px solid #f29200;
    }
    
    .btn-mail {
        border: 0px;
        padding: 0px;
    }
    
    .btn-mail button {
        border: 1px solid #f29200;
        padding: 9px 13px;
        background: #f29200;
        color: #fff;
    }
    
    .item-news {
        margin-bottom: 20px;
    }
    
    .btn-line:hover {
        border: 1px solid #f29200;
        color: #f29200;
    }
    
    .tit_detail_tk {
        color: #f29200;
        font-family: Roboto-Bold;
        text-transform: none;
    }
    
    .logo_pc img {
        max-width: 100%;
        padding: 27.5px 0;
    }
    
    .call-mobile {
        background: #ed1c24;
        height: 50px;
        line-height: 48px;
        margin-top: 30px;
        padding: 0;
        border-radius: 40px;
        color: #fff;
        float: right;
        position: relative;
        top: -15px;
    }
    
    .call-mobile i {
        font-size: 29px;
        line-height: 50px;
        background: #b52026;
        border-radius: 100%;
        width: 49px;
        height: 50px;
        text-align: center;
        float: left;
    }
    
    .call-mobile a {
        color: #fff;
        font-size: 30px;
        font-family: Roboto-Regular;
        text-decoration: none;
        margin-right: 10px;
        padding-left: 5px;
    }
    /*======phone fix=====*/
    
    .call-mobile2 {
        background: #ed1c24;
        position: fixed;
        bottom: 10px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        border-radius: 40px;
        color: #fff;
        left: 20px;
        z-index: 99999;
    }
    
    .call-mobile2 a {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        margin-right: 10px;
        padding-left: 10px;
    }
    
    .call-mobile2 i {
        font-size: 20px;
        line-height: 40px;
        background: #b52026;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        text-align: center;
        float: right;
    }
    /*=====================*/
    
    .tit_sv {
        font-size: 18px;
        line-height: 24px;
        font-family: Roboto-Regular;
    }
    
    .tit_sv a {
        color: #f29200;
    }
    
    .click_xt {
        text-align: right;
        font-family: Roboto-Light;
        font-size: 12px;
        line-height: 18px;
        font-style: italic;
        margin-bottom: 20px;
    }
    
    .click_xt a {
        color: #f29200;
    }
    
    .click_xt a:hover {
        text-decoration: underline;
    }
    /*======album=======*/
    
    .gallery-title {
        font-size: 35px;
        color: #333333;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 30px;
    }
    
    .filter-button {
        font-size: 14px;
        padding: 10px 27px;
        text-align: center;
        color: #333333;
        margin-bottom: 30px;
        text-transform: uppercase;
        border-radius: 25px 25px 25px 25px;
        border: transparent;
    }
    
    .filter-button:hover {
        border: transparent;
        text-align: center;
        color: #333333;
        background-color: transparent;
    }
    
    .filter-button.active {
        background-color: #ffffff;
        color: #333;
        box-shadow: none;
        /*border: 1px solid #333;*/
    }
    
    .port-image {
        width: 100%;
    }
    
    .gallery_product {
        margin-bottom: 10px;
    }
    
    .btn-default:focus {
        background-color: transparent;
        border-color: #333;
        border: 1px solid #333;
        border-radius: 25px 25px 25px 25px;
        outline: none;
        box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8) !important;
    }
    /*===================*/
    
    .btn03 {
        width: 100%;
        overflow: hidden;
        position: relative;
        -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    }
    
    .btn03 img {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        object-fit: contain;
    }
    
    .btn03 .ovrly {
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        top: calc(100% - 45px);
        width: 100%;
        position: absolute;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .btn03 .buttons {
        position: absolute;
        padding: 15px;
        top: calc(100% - 85px);
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        height: 100%;
        width: 100%;
    }
    
    .btn03:hover .buttons {
        top: 0;
    }
    
    .btn03:hover .buttons .title-post-type {
        text-align: left;
        -webkit-line-clamp: 2;
        line-height: 30px;
    }
    
    .btn03:hover .ovrly {
        top: 0;
        background: rgba(13, 124, 214, 0.7)
    }
    
    .title-post-type {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
        line-height: 60px;
        /*padding: 10px 0; */
        width: 100%;
        /*chiều rộng bằng khối bao nó */
        white-space: pre-wrap;
        overflow: hidden;
        /* ẩn các nội dung khi kích thước lớn hơn chiều rộng khối bên ngoài */
        text-overflow: ellipsis;
        /* thêm 3 dấu chấm ở cuối */
        -webkit-line-clamp: 1;
        /* số dòng muốn hiển thị */
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    
    .time-post-type {
        color: orange;
        text-align: left;
    }
    
    .row_10 {
        margin: 0px -10px;
    }
    
    .row_5 {
        margin: 0px -5px;
    }
    
    .click_5 {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 10px;
    }
    
    .click_5 a {
        display: inline-block;
        color: #333333;
        border-radius: 30px;
        border: 1px solid #333333;
        height: 42px;
        line-height: 42px;
        padding: 0px 20px;
    }
    
    .click_5 a:hover {
        background-color: transparent;
        border-color: #333;
        border: 1px solid #333;
        border-radius: 25px 25px 25px 25px;
        outline: none;
        box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8) !important;
    }
    
    .banner-index-in {
        vertical-align: middle;
        height: 365px;
        border-color: #fff;
        position: relative;
        padding: 11px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 100%;
    }
    
    .banner-background {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../img/banner01-1.png);
    }
    
    .banner-index img {
        height: 100%;
        width: 100%;
    }
    
    .info-banner {
        width: 100%;
        height: 100%;
    }
    
    .info-banner-in {
        padding: 41.5% 0%;
        position: relative;
        z-index: 10;
        width: 33%;
    }
    
    .info-banner-in-large {
        position: relative;
        z-index: 10;
        width: 90%;
        height: 100%;
    }
    
    .info-banner:after {
        content: '';
        position: absolute;
        z-index: 1;
        top: 11px;
        bottom: 11px;
        left: 11px;
        right: 11px;
        display: block;
        border-color: #fff;
        border-style: solid;
        border-width: 1px;
    }
    
    .info-banner:hover:after {
        top: 22px;
        left: 22px;
        right: 22px;
        bottom: 22px;
        -webkit-transition: all 0.25s cubic-bezier(0.42, 0.09, 0.25, 0.91);
        -moz-transition: all 0.25s cubic-bezier(0.42, 0.09, 0.25, 0.91);
        transition: all 0.25s cubic-bezier(0.42, 0.09, 0.25, 0.91);
    }
    
    .qts_banner_index {
        margin: 20px 0px;
    }
    
    .item-post-project {
        position: relative;
        margin-bottom: 66px;
    }
    
    .title-content-list-post {
        opacity: 0.8;
    }
    
    .post-title {
        position: absolute;
        bottom: 20px;
        text-align: center;
        padding: 5px 5px;
        background: hsla(0, 0%, 95%, 0.72);
        margin: 0px 20px;
        border-radius: 5px;
        line-height: 25px;
        text-transform: none;
    }
    
    .date-post {
        position: absolute;
        top: 20px;
        left: -20px;
        padding: 10px;
        color: #0062ff;
        background: #fff;
        border: 2px solid;
        font-weight: bold;
    }
    
    .post-title h3 {
        font-size: 16px;
        font-family: Roboto-Bold;
        line-height: 22px;
        margin: 0;
    }
    
    .post-title h3 {
        color: #333333;
    }
    
    .post-title p {
        font-size: 14px;
        line-height: 20px;
        color: #333333;
    }
    
    .top_vd_left iframe {
        height: 470px;
    }
    
    .bottom_vd iframe {
        height: 184px;
    }
    
    .slider_vd .item {
        width: 100%;
        margin: auto;
    }
    
    .slider_vd {
        margin-top: 25px;
    }
    
    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: block;
    }
    /*========slider_banner=========*/
    
    .slider_vd .owl-nav .owl-prev {
        background-color: red;
        padding: 0px 8px;
        border-radius: 3px;
        opacity: 1;
    }
    
    .slider_vd .owl-nav .owl-prev:hover {
        background: red;
        opacity: 0.85;
    }
    
    .slider_vd .owl-nav .owl-next {
        background-color: red;
        padding: 0px 8px;
        border-radius: 3px;
        opacity: 1;
    }
    
    .slider_vd .owl-nav .owl-next:hover {
        background: red;
        opacity: 0.85;
    }
    
    .slider_vd .icon_slider {
        font-size: 35px;
        text-shadow: none;
    }
    
    .slider_vd .owl-nav [class*='owl-'] {
        display: none;
    }
    
    .slider_vd:hover .owl-nav [class*='owl-'] {
        display: block;
    }
    
    .slider_vd .owl-nav {
        top: 50%;
    }
    /*=====and_slider_banner*/
    
    .title-news {
        color: #333333;
        font-size: 24px;
        line-height: 30px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 25px 0px;
    }
    
    .name_news {
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        margin: 0;
        margin-bottom: 12px;
    }
    
    .box_news_col {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .name_news a {
        color: #333333;
    }
    
    .name_news a:hover {
        color: #0263b0;
    }
    
    .text_news p {
        font-size: 14px;
        line-height: 20px;
        color: #333333;
    }
    
    .text_news {
        height: 97px;
        overflow: hidden;
    }
    
    .qts_dt {
        background: #fafbfc;
        margin: 20px 0px;
    }
    
    .sld_dt {
        padding: 10px 0px;
    }
    
    .sld_dt .item {
        text-align: center;
    }
    
    .sld_dt img {
        width: inherit !important;
        max-width: 100% !important;
        margin: auto;
    }
    
    .logo_ft img {
        max-width: 100%;
    }
    
    .logo_ft {
        text-align: center;
        padding: 5px 0 35px;
    }
    
    .box_left_ft p {
        font-size: 14px;
        line-height: 20px;
        font-family: Roboto-Regular;
        color: #333333;
        padding: 7px 0px;
        border-bottom: 1px dashed #b7b7b7;
    }
    
    .box_left_ft .fa-map-marker {
        font-size: 17px;
        color: #0062ff;
        margin-right: 7px;
    }
    
    .box_left_ft .fa-phone {
        color: #0062ff;
        font-size: 17px;
        margin-right: 7px;
    }
    
    .box_left_ft .fa-envelope {
        color: #0062ff;
        font-size: 14px;
        margin-right: 7px;
    }
    
    .titl_ct_ft {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        color: #333333;
        margin: 0;
        margin-bottom: 20px;
    }
    
    .ul_ct_ft li {
        float: left;
        width: 100%;
        padding: 10px 0px;
        border-bottom: 1px dashed #b7b7b7;
    }
    
    .ul_ct_ft li .img_ft_ct {
        float: left;
        display: inline-block;
        width: 82px;
        height: 52px;
        margin-right: 10px;
    }
    
    .ul_ct_ft li .img_ft_ct img {
        height: 52px;
        object-fit: cover;
    }
    
    .name_ft_ct {
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        font-family: Roboto-Bold;
    }
    
    .name_ft_ct a {
        color: #333333;
    }
    
    .name_ft_ct a:hover {
        color: #0263b0;
    }
    
    .text_ct_ft p {
        color: #9f9e9e;
        font-size: 14px;
        line-height: 20px;
    }
    
    .face_ft img {
        max-width: 100%;
    }
    
    .fix_sms {
        position: fixed;
        right: 10px;
        bottom: 0px;
    }
    
    .fix_sms img {
        max-width: 100%;
    }
    
    .col-lg-12:last-child .item-post-project {
        margin-bottom: 0px;
    }
    /*+++++++++++++++3/4+++++++++++++++*/
    
    .title_cate,
    .title_cate_hot {
        margin: 0;
        font-size: 24px;
        font-weight: bold;
        color: #333;
        text-transform: uppercase;
    }
    
    .img_news_cate {
        display: block;
        float: left;
        width: 255px;
        margin-right: 15px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .img_news_cate:hover {
        opacity: 0.8;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .post_date {
        font-size: 14px;
        color: #9fa0a1;
        display: flex;
        align-items: center;
    }
    
    .post_date .fa {
        margin-right: 5px;
    }
    
    .name_news_cate {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 15px;
        font-weight: bold;
        text-transform: unset;
    }
    
    .name_news_cate a {
        color: #333333;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .name_news_cate a:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        color: #0263b0;
    }
    
    .des_news_cate {
        font-size: 14px;
        color: #333333;
        text-align: justify;
        line-height: 20px;
    }
    
    .sub_news_cate {
        overflow: hidden;
        height: 159px;
    }
    
    .box_news_cate {
        padding: 15px 0;
        border-bottom: 1px solid #cccccc;
    }
    
    .phantrang_prod {
        text-align: center;
    }
    
    .pagination li {
        /* display: inline-block;*/
        padding-right: 0px;
    }
    
    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    
    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        margin-left: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    
    .pagination>.active>a,
    .pagination>.active>span,
    .pagination>.active>a:hover,
    .pagination>.active>span:hover,
    .pagination>.active>a:focus,
    .pagination>.active>span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #fb3f40;
        border-color: #fb3f40;
    }
    
    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 4px 10px;
        border-radius: 4px;
        margin-right: 10px;
        line-height: 1.42857143;
        color: #000;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    
    .pagination>li>a:hover,
    .pagination>li>span:hover,
    .pagination>li>a:focus,
    .pagination>li>span:focus {
        color: #fff;
        background-color: #fb3f40;
        border-color: #fb3f40;
    }
    
    .pagination {
        margin: 0;
    }
    
    .box_news_hot h3 {
        text-align: justify;
        font-size: 16px;
        font-weight: bold;
    }
    
    .box_news_hot h3 a {
        color: #333333;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .box_news_hot h3 a:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        color: #0263b0;
    }
    
    .banner_cate {
        height: 153px;
        background: url("../img/ban_cate.png") no-repeat center;
        background-size: 100% 100%;
        padding: 45px 0;
    }
    
    .back_link ul li {
        display: inline-block;
    }
    
    .back_link ul li a {
        display: block;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 0 15px;
        position: relative;
    }
    
    .back_link ul li:not(:last-child) a:after {
        position: absolute;
        content: '>>';
        display: inline-block;
        top: 0;
        right: -8px;
    }
    
    .banner_cate h1 {
        font-size: 30px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 40px;
        white-space: pre-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    
    .review_prod {
        font-size: 14px;
        text-align: left;
        line-height: 20px;
        color: #333333;
    }
    
    .title_detail {
        font-size: 24px;
        text-transform: uppercase;
        color: #333333;
        font-weight: bold;
        margin: 0;
    }
    
    .content_detail_news {
        font-size: 14px;
        color: #333333;
        line-height: 20px;
        text-align: justify;
    }
    
    .content_detail_news img {
        max-width: 100%;
        margin: 10px auto !important;
        text-align: center;
        display: block;
    }
    
    .tit_lq {
        font-size: 18px;
        font-weight: bold;
    }
    
    .tit_lq span {
        border-bottom: 2px solid #333;
    }
    
    .news_lq ul li a {
        display: inline-block;
        color: rgba(51, 51, 51, 0.7);
        font-size: 14px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .news_lq ul li a:hover {
        color: #0263b0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .news_lq ul li {
        margin-bottom: 20px;
    }
    
    .btn_contact {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .btn_contact a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 13px;
        border-radius: 5px;
        max-width: 352px;
        width: 100%;
        height: 70px;
        margin: 15px 5px;
    }
    
    .btn_contact a .fa {
        margin-right: 5px;
    }
    
    .btn_contact a.btn_1 {
        background: #0263b0;
        flex-direction: column;
    }
    
    .btn_contact a.btn_2 {
        background: #333333;
    }
    
    .btn_contact a.btn_2 .fa {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #fff;
        font-size: 20px;
        line-height: 39px;
    }
    
    .btn_contact a.btn_2 b {
        margin: 0 15px;
    }
    
    .proj_lq h2 {
        margin-bottom: 0px;
        text-align: left;
        font-size: 24px;
    }
    
    .proj_lq h2 span {
        border-bottom: 1px solid #333;
    }
    /* introduce */
    
    h1.title-intro {
        font-size: 24px;
        font-weight: bold;
        margin: 0;
    }
    
    .introduce .intro_about {
        font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
    }
    
    .introduce .sologane_introduce {
        font-size: 30px;
        color: #0364b0;
        font-family: Roboto-Bold;
        font-weight: bold;
        text-align: center;
    }
    
    .introduce .content_introduce {
        padding-top: 30px;
        line-height: 27px;
    }
    
    .introduce_wrap {
        position: relative;
    }
    /* /introduce */
    /* Dự án thiết kế */
    
    .btn03 .ovrly {
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        top: calc(100% - 60px);
        width: 100%;
        position: absolute;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .info-post-type {
        position: relative;
        padding: 10px;
        width: 100%;
        height: 100%;
    }
    
    .info-post-type::after,
    .info-post-type::before {
        content: '';
        border: 3px solid transparent;
        width: 0;
        height: 0;
        position: absolute;
    }
    
    .info-post-type::after {
        right: 0;
        bottom: 0;
    }
    
    .info-post-type::before {
        top: 0;
        left: 0;
    }
    
    .buttons:hover .info-post-type::after,
    .buttons:hover .info-post-type::before {
        width: 100%;
        height: 100%;
    }
    
    .buttons:hover .info-post-type::before {
        border-top-color: #fff;
        border-right-color: #fff;
        -webkit-transition: width .25s ease-out, height .25s ease-out .25s;
        transition: width .25s ease-out, height .25s ease-out .25s;
        -moz-transition: width .25s ease-out, height .25s ease-out .25s;
        -o-transition: width .25s ease-out, height .25s ease-out .25s;
    }
    
    .buttons:hover .info-post-type::after {
        border-bottom-color: #fff;
        border-left-color: #fff;
        -webkit-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
        transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
        -moz-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
        -o-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
    }
    
    .sub_news_cate .go_detail a {
        color: #0263b0
    }
    
    .item_tit_product {
        border-bottom: 1px solid #dedede;
        padding: 10px 0;
    }
    
    ul>li.item_tit_product:first-child {
        padding-top: 0;
    }
    
    .item_tit_product a {
        line-height: 20px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    @media (min-width:992px) {
        .introduce .pr_30 {
            padding-right: 30px;
            padding-top: 20px;
        }
        .introduce .pl_30 {
            padding-left: 30px;
            padding-top: 20px;
        }
        .introduce_wrap::after {
            content: url('../img/bd_right.png');
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            text-align: center;
            z-index: -1;
        }
    }
    
    .ic_phone_header_top {
        position: relative;
    }
    
    .ic_email_header_top a,
    .ic_phone_header_top a {
        color: #fff;
    }
    
    .ic_phone_header_top::before {
        content: "\f095";
        font: normal normal normal 16px/1 fontawesome;
        position: absolute;
        top: 1px;
        left: -17px;
    }
    
    .ic_email_header_top::before {
        content: "\f0e0";
        font: normal normal normal 14px/1 fontawesome;
        margin-right: 5px;
    }
    
    @media (max-width:991px) {
        .introduce .pr_30 {
            padding-bottom: 20px;
        }
    }
    
    @media (max-width:480px) {
        .introduce_wrap::after {
            content: "";
        }
    }