:root {

    --color-1: #87270D;

    --color-2: #0000d4;

    --color-3: #ceceff;

    --color-4: #ff2c2c;

    --color-5: #fffcf4;

    --trans: all 350ms ease-in-out;

    --bg-gradient: linear-gradient(90deg, #62ADE3 0%, #62E36F 100%);

}



@font-face {

    font-family: 'LatoR';

    src: url(templates/fonts/LatoRegular.ttf);

}



@font-face {

    font-family: 'LatoM';

    src: url(templates/fonts/LatoMedium.ttf);

}



@font-face {

    font-family: 'LatoB';

    src: url(templates/fonts/LatoBold.ttf);

}

@font-face {

    font-family: 'FahkwangR';

    src: url(templates/fonts/Fahkwang-Regular.ttf);

}

@font-face {

    font-family: 'FahkwangB';

    src: url(templates/fonts/Fahkwang-Bold.ttf);

}




html {

    font: normal 62.5% 'LatoR'!important;

    overflow-x: hidden;

    max-width: 1920px;

    color: #545454;

    scroll-behavior: smooth;

}



body {

    font-family: 'LatoR'!important;

    transition: var(--trans);

    max-width: 1920px;

    overflow-x: hidden;

}



a,

a:hover {

    color: #545454;

    transition: var(--trans);

}



tbody,

td,

tfoot,

th,

thead,

tr {

    border-color: inherit;

    border-style: inherit;

    border-width: inherit;

}



.webkit-box-1 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    text-overflow: ellipsis;

}



.webkit-box-2 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.webkit-box-3 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.webkit-box-4 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

}



.webkit-box-5 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    text-overflow: ellipsis;

}



.hide,

.hidden {

    display: none;

}

 .title__page{
    font-family:'LatoB';
 }

.title__page .ds_page{
    font-family:'LatoM';
}

.nav-top>li {

    float: left;

    position: relative;

}



.nav-top>li>a {

    color: #c43030;

}



.nav-top a:after {

    border-left-color: #c43030;

}



header {

    background: #992020;

    padding-bottom: 25px;

}



.navbar-form {

    margin: 0 1rem 0 0;

}



.navbar-form input {

    min-width: 30rem;

    width: 100%;

    height: 3.4rem;

    color: var(--color-1);

    line-height: 4rem;

    border-radius: 1rem;

    background-color: transparent;

    padding: 0.4em 1rem;

    border-color: var(--color-1);

}



.navbar-form button {

    background: transparent;

    border-radius: 0;

    color: var(--color-1);

    font-size: 1.6rem;

    padding: 0 1.5rem;

}



.left-menu {

    display: flex;

    justify-content: left;

}



.navbar-form input::placeholder {

    color: var(--color-1);

    opacity: 1;

}



.navbar-form input:-ms-input-placeholder {

    color: var(--color-1);

}



.navbar-form input::-ms-input-placeholder {

    color: var(--color-1);

}



.head__contact {

    display: flex;

    justify-content: flex-end;

}



.right-head_hotline {

    border: none;

    border-radius: 0;

    min-width: 200px;

}



.right-head_hotline img {

    float: left;

    margin-right: 10px;

}



.right-head_hotline b {

    font-size: 18px;

}



.right-head_cart .icon .num {

    font-size: 12px;

    font-weight: 600;

    color: #ee4a3e;

    position: absolute;

    border: 1px solid #fff;

    line-height: 16px;

    height: 20px;

    padding-left: 5px;

    background-color: #a20a09;

    text-align: center;

    padding-right: 5px;

    border-radius: 50%;

    line-height: 20px;

    color: #fff;

}



.right-head_cart .icon {

    position: absolute;

    left: 0;

    background-color: #edc180;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    text-align: center;

    line-height: 45px;

}



.right-head_cart .title {

    padding-top: 10px;

    display: inline-block;

    color: #fff;

}



.cate__tit {

    position: relative;

    z-index: 9;

    margin-top: -40px;

    background: #7a0c0c;

    color: #fff;

    line-height: 40px;

    padding: 0 0;

    text-indent: 10px;

    border-radius: 5px 5px 0 0;

    display: flex;

    justify-content: space-between;

    padding-right: 10px;

}



.nav-product {

    position: relative;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.nav-product li {

    background: #eae09e;

    border-bottom: 1px solid #fff;

    position: relative;

}



.nav-product li a {

    display: block;

    text-indent: 10px;

    line-height: 37px;

    color: #c43030;

    font-family: 'UTM_Staccato';

    font-size: 18px;

}



.nav-product li ul {

    position: absolute;

    left: 100%;

    top: 0;

    list-style-type: none;

    min-width: 280px;

    display: none;

    margin: 0;

    padding: 0;

    z-index: 9;

}



.nav-product li ul li a {

    display: block;

    text-decoration: none;

}



.nav-product li:hover ul {

    display: block;

}



.left__sl424 {

    width: calc(78%);

    float: left;

    padding-top: 10px;

}



.right__ht424 {

    width: calc(22%);

    float: right;

    padding-left: 10px;

    position: relative

}



.system__store {

    position: relative;

    margin-top: -30px;

    color: #fff;

    z-index: 9;

    font-size: 17px;

    text-transform: uppercase;

}



.system__store span {

    cursor: pointer;

}



.right__ht424 .divbd {

    padding: 6px 0;

    background: linear-gradient(to right, #eae09e, #fcfcfc);

}



.right__ht424 .divbd ul {

    position: relative;

    list-style-type: none;

    margin: 0;

    padding: 0;

    background-color: #992020;

}



.right__ht424 .divbd ul li {

    display: block;

    background: #c43030;

    margin-bottom: 6px;

}



.right__ht424 .divbd ul li:last-child {

    margin-bottom: 0;

}



.right__ht424 .sup_item {

    padding: 15px 5px;

    color: #fff;

}



.sup_itemImg {

    float: left;

    width: 50px;

}



.sup_itemImg img {

    max-width: 40px;

    margin-top: 5px;

}



.right__ht424 .sup_item h4 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    font-size: 14px;

    line-height: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 2px;

}



.right__ht424 .sup_item p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    font-size: 13px;

    line-height: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.list__store {

    position: absolute;

    width: 96%;

    list-style-type: none;

    margin: 0;

    padding: 0;

    display: none;

    background-color: #fff;

    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

    z-index: 9;

}



.list__store.open {

    display: block;

}



.list__store>li {

    display: block;

}



.list__store>li>a {

    display: block;

    line-height: 30px;

    text-indent: 10px;

}



.site-partner {

    position: relative;

}



.site-partner .swiper-slide {

    position: relative;

}



.site-bnc {

    position: relative;

    z-index: 99;

}



.site-bnc .container-fluid {

    position: relative;

}



.partnerItem {

    text-align: center;

    padding: 20px 10px;

    background: #fff;

    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;

}



.partnerItem h4 {

    color: #787878;

    font-size: 16px;

    margin-top: 15px;

    text-transform: uppercase;

}



.site-cket .container-fluid {

    position: relative;

}



.swiper-button-next:after,

.swiper-button-prev:after {

    font-size: 2.4rem!important;

    font-weight: bold;

}



.swiper-button-next,

.swiper-button-prev {

    color: var(--color-1)!important;

}



.site-khuyenmai {

    margin-top: 30px;

}



.product__titHome h2 {

    text-align: center;

    margin-bottom: 40px;

}



.product__titHome h2 span {

    font-family: 'UTM_Staccato';

    color: #992020;

    text-transform: uppercase;

    position: relative;

}



.product__titHome h2 span:after {

    position: absolute;

    width: 100%;

    height: 6px;

    content: '';

    background: url(templates/images/line_productsale.png)no-repeat;

    background-size: 100% 100%;

    left: 0;

    bottom: -10px;

}



.site-khuyenmai .inner {

    position: relative;

}



.product__txt {

    position: relative;

    padding-bottom: 15px;

}



.item_product_img {

    height: 250px;

}



.item_product_title {

    font-size: 16px;

    line-height: 20px;

    margin: 0 0 10px 0;

    height: 46px;

}



.item_product_price {

    color: red;

    font-size: 24px;

}



.item_product_price del {

    color: #555;

}



.item_product>a .sale {

    background: url(templates/images/bg_sale.png)no-repeat;

    background-size: 100% 100%;

    font-family: 'UTM_Staccato';

    color: #992020;

}



.item_productAction {

    text-align: center;

}



.btn-dt,

.btn-buyn {

    background: #eae09e;

    color: #c43030;

    border-radius: 3px;

    padding: 3px 15px;

    margin: 0 5px;

}



.item_product_title a {

    color: #333;

    text-transform: capitalize;

    font-size: 20px;

    line-height: 24px;

}



.link_wrap_img {

    position: relative;

}





/* .link_wrap_img::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background-color: rgba(255, 255, 255, 0.5);

    transition: all .5s ease-in-out;

    -moz-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

    z-index: 1;

}



.item_product:hover .link_wrap_img::before {

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

} */



.item_product {

    background: #fff;

    text-align: center;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    margin-top: 5px;

}



.swiperProductSale {

    padding-left: 2px!important;

    padding-right: 2px!important;

}



.product__titHomeCate {

    margin-bottom: 30px;

}



.product__titHomeCate h2 {

    position: relative;

    text-align: center;

}



.product__titHomeCate h2 span {

    text-transform: uppercase;

    color: #fff;

    font-family: 'UTM_Staccato';

    position: relative;

    padding: 10px 40px;

    background: url(templates/images/bg_tit.png);

    background-size: 100% 100%;

}



.site-catehome .item_product,

.body-sanpham .item_product {

    margin: 0 0;

}



.feedback__content {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 25%;

    background-size: cover;

    background-position: center;

    position: relative;

}



.feedback_text {

    background-color: rgba(139, 34, 34, 0.8);

    position: absolute;

    width: 50%;

    right: 0;

    top: 0;

    height: 100%;

    z-index: 9;

}



.feedback_text {

    text-align: center;

}



.feedback_text h3 {

    text-transform: uppercase;

    color: #eae09e;

    font-family: 'UTM_Staccato';

    margin-bottom: 30px;

}



.item__kh {

    padding: 0 0 0 30px;

    position: relative;

}



.item__kh:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 7px;

    height: 100%;

    background-color: var(--color-1);

}



.mySwiperkh-next,

.mySwiperkh-prev {

    color: #fff!important

}



.site-blogs__tit h2 {

    text-align: center;

}



.site-blogs__tit h2 span {

    text-transform: uppercase;

    color: #7a0c0c;

    font-family: 'UTM_Staccato';

    position: relative;

    padding: 10px 40px;

}



.keySuggest {

    font-style: italic;

    font-size: 13px;

    color: #fff;

    margin-top: 10px;

}



h4.blog_tit {

    line-height: 22px;

}



h4.blog_tit a {

    font-size: 17px;

    color: #992020;

}



.link_wrap_img {

    padding: 20px;

}



.blog__item .blog__item_img {

    width: 170px;

    float: left;

}



.blog__item .blog__item_content {

    width: calc(100% - 170px);

    float: right;

    padding: 15px;

}



.blog__item .blog__item_content p {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    font-size: 14px;

    line-height: 20px;

}



.blog__item {

    width: 100%;

    float: left;

    background: #eae09e;

    margin-bottom: 15px;

}



.site-blogs__tit h2 {

    margin-bottom: 30px;

}



.blog__line {

    text-align: right;

    position: relative;

}



.blog__line:after {

    position: absolute;

    content: '';

    width: calc(100% - 60px);

    left: 0;

    bottom: 5px;

    height: 1px;

    background-color: #7a0c0c;

}



.blog__line a {

    color: #7a0c0c;

    font-size: 13px;

}



.logo__footer {

    display: block;

    margin-bottom: 15px;

}



.mxh__foo ul {

    position: relative;

    list-style-type: none;

    padding: 0;

    text-align: center;

    margin: 0 0 15px 0;

}



.mxh__foo>ul>li {

    display: inline-block;

    margin-right: 5px;

}



.site-copyright p {

    margin: 0;

    line-height: 22px;

    text-align: center;

    color: #333;

    font-size: 13px;

    padding: 7px 15px;

    padding-left: 10%;

}



.title-f:before {

    background-color: #eae09e;

}



.content-f ul li a:hover {

    color: #eae09e;

}



.tit-lienhe {

    text-transform: uppercase;

    font-size: 2rem;

    margin-bottom: 2rem;

    font-weight: 600;

}



.single-about {

    padding: 3rem 0;

}



.btn__contact:hover {

    color: #fff;

}



.tit-about h2 {

    font-size: 2.6rem;

    color: var(--color-1);

    margin: 0 0 3rem 0;

    text-transform: uppercase;

    text-align: center;

}



.wrap__map {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 40%;

}



.wrap__map iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.sodotrang {

    padding: 0.7rem 0;

    margin-bottom: 1rem;

}



.breadcrumb-item+.breadcrumb-item::before {

    font-size: 1rem;

    margin-top: 0.3rem;

}



.breadcrumb {

    justify-content: flex-start;

}



.breadcrumb li a {

    font-size: 1.3rem;

}



.breadcrumb li.active a {

    color: #444;

}



.tit__opage span {

    text-transform: uppercase;

    position: relative;

    font-size: 1.8rem;

}



.cont .spacial,

.desc-dt.spacial {

    font-size: 1.6rem;

    font-weight: 600;

    margin-bottom: 2rem

}



.cont-dt {

    margin: 1rem 0;

    font-size: 1.6rem;

    line-height: 1.625;

}



.relatedNews .title_block {

    font-size: 3rem;

    margin-bottom: 1rem;

    margin-top: 3rem;

}



.relatedNews .list {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 3rem;

    list-style-type: none;

    padding: 0 0;

}



.relatedNews .list>li {

    border-bottom: .0625rem solid #c8cbc8;

    padding: 2rem 0rem;

}



.relatedNews .list>li a {

    font-size: 1.6rem;

    color: #222;

    line-height: 2rem;

    text-decoration: none;

    display: block;

}



.body-sanpham {

    margin: 0;

    padding: 0;

    background-color: unset;

}



.tit__productPage {

    position: relative;

    text-align: center;

    margin-bottom: 35px;

}



.tit__productPage span {

    text-transform: uppercase;

    color: #333;

    position: relative;

    padding: 10px 40px;

    font-size: 30px;

}



.chitiet_sp_hot_title {

    color: #111;

}



.chitiet_sp_hot_gia del,

.chitiet_sp_hot_gia span {

    color: #eae09e;

}



.chitiet_sp_hot_gia {

    color: #EE0000;

    font-size: 24px;

    font-weight: 600;

}



.chitiet_sp_hot_gia del,

.chitiet_sp_hot_gia span {

    color: #777

}



.mota_sp {

    border-top: 1px dotted #ebebeb;

    margin-top: 15px;

    border-bottom: 1px dotted #ebebeb;

    margin-bottom: 15px;

    padding-top: 10px;

    color: #333

}



.mota_sp li {

    padding: 7px 10px;

    color: #4d4b4b;

    background-image: url(templates/images/green.png);

    background-repeat: no-repeat;

    background-position: 10px center;

    padding-left: 38px;

    background-size: 14px;

}



.mota_sp ul {

    list-style-type: none;

    padding-left: 0px;

}



.Swiper_spct img,

.Swiper_spct2 .Swiper_sp_hot_img {

    border: 1px solid #ccc;

    padding: 4px;

}



.projectOtherTitle {

    text-transform: uppercase;

    font-size: 2rem;

    margin-bottom: 1rem;

}



.projectShortDes {

    font-size: 1.6rem;

    line-height: 1.643;

    margin: 3rem 0;

}



.listProjectRel li a {

    font-size: 1.5rem;

    line-height: 2.6rem;

}



.box_right_sp_title {

    background-color: #edc180;

    border-radius: 4px 4px 0 0;

    color: #fff;

}



.tit_splq {

    text-transform: uppercase;

    margin: 30px 0 15px 0;

}



.cart-action .btn,

.btn-thanhtoan.active,

.btn-dathang {

    background: #333;

    color: #fff;

}



.shopping-summery .product-name {

    color: #333;

    font-size: 14px;

}



.shopping-summery table thead th.start {

    border-radius: 0;

}



.shopping-summery table thead th.end {

    border-radius: 0;

}



.shopping-summery table thead th {

    padding: 12px 10px;

    background-color: #333;

    color: #fff;

}



.shopping-summery .text-price {

    font-size: 1.2rem;

}



.shopping-summery table> :not(caption)>*>* {

    padding: 7px 7px;

}



.video_home_title {

    padding-left: 0px;

    background: none;

    font-size: 20px;

}



.title-news_ct {

    border-bottom-color: var(--color-blue);

}



.title-news_ct:after {

    background-color: #ffa31a;

    display: none;

}



.head-mobile {

    background: #ffa31a;

    display: none;

}



.giohang-mobile span {

    color: #fff;

}



.offcanvas_w2 {

    background: #992020;

}



.offcanvas_w2 .offcanvas-body ul li a {

    color: #fff;

}



.offcanvas_w2 .btn-close {

    color: #fff!important;

    background: url('templates/images/close.png')no-repeat;

    background-size: 100% 100%;

}



.right-head_cart {

    margin-left: 0;

}



.blog-area {

    background-color: transparent;

}





/* m_menu.php*/



.title-rpmenu {

    padding: 5px;

    color: #FFF;

    font-size: 18px;

    cursor: pointer;

    position: relative;

    z-index: 9999;

    display: none;

}



.title-rpmenu .icon-bar {

    width: 30px;

    height: 3px;

    background: #fff;

    float: left;

    clear: both;

    margin-bottom: 5px;

    border-radius: 0px;

    overflow: hidden;

    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);

    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);

    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);

}



#responsive-menu .content ul li span.gg {

    display: none;

}



#responsive-menu .close {

    position: absolute;

    top: 2px;

    right: 5px;

    font-size: 24px;

    z-index: 123;

    opacity: 1;

    font-weight: 300;

    color: #fff;

    background: transparent;

    border-color: transparent;

    padding: 0;

}



#responsive-menu {

    position: fixed;

    z-index: 1;

    background: #222222;

    width: auto;

    max-height: 100%;

    z-index: 999999;

    max-height: 420px;

    overflow-y: auto;

    left: -300px;

    height: 100%;

    width: 300px;

    min-height: 100%;

    top: 0;

}



#responsive-menu .search {

    position: relative;

    padding: 0 5px;

    margin-top: 25px;

}



#responsive-menu .search form input {

    width: 100%;

    padding: 5px;

    height: 27px;

    border: 1px solid rgba(204, 204, 204, 0.35);

    border-radius: 0px;

}



#responsive-menu .search form button {

    position: absolute;

    right: 5px;

    top: 0;

    border: 0;

    padding: 3px 13px;

    background-color: black;

    color: #fff;

    font-size: 15px;

}



#responsive-menu .search form button i {

    position: relative;

    top: 2px;

}



#responsive-menu .content {

    max-width: 300px;

    float: right;

    width: 100%;

}



#responsive-menu .content ul {

    list-style: none;

    padding: 0;

    width: 100%;

}



#responsive-menu .content>ul {

    padding: 0;

    margin: 0;

}



#responsive-menu .content .toggle-menu {

    float: right;

    cursor: pointer;

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 11px;

}



#responsive-menu .content .toggle-menu i {

    font-size: 14px;

    font-weight: 400;

}



#responsive-menu .content ul li a {

    color: #FFFFFF;

    font-size: 18px;

    padding-left: 20px;

    display: block;

    max-width: 90%;

    line-height: 24px;

}



#responsive-menu .close img {

    height: 20px;

}



#responsive-menu .content ul li {

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

    padding: 5px 0px;

    border-bottom: 1px solid rgba(247, 246, 246, 0.25);

    position: relative;

    cursor: pointer;

    float: none;

}



#responsive-menu .content ul li:last-child {

    border-bottom: none;

}



#responsive-menu .content ul li:hover {

    background: #333;

}



#responsive-menu .content ul li ul {

    display: none

}



#responsive-menu .content li li:first-child {

    border-top: 1px solid rgba(247, 246, 246, 0.25);

}



#responsive-menu .content>ul>li ul {

    position: relative;

    top: 9px;

}



#responsive-menu .content>ul li ul li {

    text-indent: 10px;

}



#responsive-menu .content>ul li ul li a {

    font-size: 14px;

}



#responsive-menu .content>ul li ul li ul li {

    text-indent: 20px

}



#responsive-menu .content>ul li ul li ul li a {

    font-size: 13px;

}



.res__head {

    padding: 10px 10px;

}



.res__search {

    padding: 10px 10px;

}





/* End m_menu.php */



.hidden {

    display: none;

}



.res__search .form-search-nav {

    margin-bottom: 10px;

}



.cate__left {

    width: calc(25%);

    float: left;

}



.slider__right {

    width: calc(75%);

    float: left;

}



.pn-menu {

    background: #6da222;

}



.menu_t ul {

    list-style-type: none;

    margin: 0 auto;

    padding: 0;

    float: right;

    width: 100%;

    text-align: right;

    white-space: nowrap;

}



.menu_t>ul>li {

    position: relative;

    display: inline-block;

}



.menu_t>ul>li.has-sub {

    position: unset;

}



.menu_t>ul>li>a {

    padding: 0 1.2rem;

    font-size: 1.7rem;

    line-height: 5rem;

    color: #333;

    white-space: nowrap;

    font-family: 'LatoM';

    text-transform:uppercase;

}



.menu_t>ul>li:first-child>a {

    padding-left: 0;

}

.menu_t>ul>li:last-child>a{
    padding-right:0;
}



.menu_t>ul>li.current>a,

.menu_t>ul>li:hover>a {

    color: var(--color-1);

}



.menu_t>ul>li>ul {

    position: absolute;

    width: 100%;

    top: 100%!important;

    left: 0;

    z-index: 999999;

    display: none;

    background: #fff;

    min-width: 300px;

}



.menu_t>ul>li.has-sub>ul {

    padding: 2rem 5rem;

    min-height: 40vh;

}



.menu_t>ul>li>ul>li {

    width: 100%;

}



.menu_t>ul>li.has-sub>ul>li {

    width: calc(25% - 10px);

    padding-right: 15px;

    word-break: break-all;

    margin: 0px 5px;

    border-bottom: 1px solid #ccc;

    float: left;

}



.menu_t>ul>li>ul>li.has-sub>ul {

    display: none;

    position: unset;

    padding-left: 0px;

}



.menu_t>ul>li>ul>li>a {

    text-indent: 10px;

    font-size: 1.4rem;

    text-align: left;

}



.menu_t>ul>li>ul>li:hover>a {

    color: var(--color-1);

}



.menu_t>ul>li>ul>li>a {

    color: #333;

    line-height: 36px;

    display: block;

}



.menu_t>ul>li>ul>li:last-child {

    border-bottom-color: transparent;

}



.menu_t>ul>li:hover>ul {

    display: block;

}



.menu_t>ul>li>ul>li>ul {

    position: absolute;

    top: 0px;

    left: 100%;

    background: #fff;

    z-index: 9;

    display: none;

    width: 100%;

}



.menu_t>ul>li>ul>li>ul>li {

    min-width: 250px;

    line-height: 34px;

}



.menu_t>ul>li>ul>li>ul>li:hover {

    background: #ffa31a;

}



.menu_t>ul>li>ul>li>ul>li>a {

    color: #333;

    font-size: 1.3rem;

    text-indent: 1.5rem;

    display: block;

}



.menu_t>ul>li>ul>li>ul>li:hover>a {

    color: #fff;

}



.menu_t>ul>li>ul>li>ul>li:last-child {

    border-bottom: none;

}



.menu_t>ul>li>ul>li:hover>ul {

    display: block;

}



.site-salehome {

    padding: 30px 0;

    background: #F2F1F1;

}



.block__5 {

    width: calc(20% - 15px);

    margin: 7.5px 7.5px;

    float: left;

    padding: 0;

}



.tit__home span {

    font-size: 28px;

}



.site-bc {

    padding: 30px 0;

    background: #7D8FA6;

    color: #fff;

}



.site-bc .inner {

    position: relative;

}



.swiperProductSale-next,

.swiperProductSale-prev {

    color: var(--color-blue)!important;

}



.tit__home {

    margin-bottom: 20px;

}



.site-vct {

    padding: 40px 0;

}



#mucluc-pnvn {

    width: 100%;

}



.site-cket {

    background: #F2F1F1;

    padding: 50px 0;

}



.site-catehome {

    padding: 30px 0;

}



.link_c1 {

    color: #787878;

}



.site-catehome .tit__home {

    margin-bottom: 10px;

    color: #7d8fa6;

}



.list__SubCate {

    position: relative;

    width: 100%;

    float: left;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.cate-left {

    width: calc(25%);

}



.cate-right {

    width: calc(75%);

}



.list__SubCate>li>a {

    color: #787878;

    line-height: 28px;

}



.partnerCketImg {

    max-height: 50px;

}



.title-f:before {

    display: none;

}



footer {

    background: #fff;

    color: #333;

}



#btn-send-email {

    color: #fff;

    background-color: transparent;

}



.newsletter__frm input,

.newsletter__frm textarea {

    border-radius: 0;

    background-color: rgb(255, 255, 255, 0.2);

    color: #fff;

}



.newsletter__frm input::placeholder {

    color: #fff;

    opacity: 1;

    /* Firefox */

}



.newsletter__frm input::-ms-input-placeholder {

    /* Edge 12 -18 */

    color: #fff;

}



.newsletter__frm textarea::placeholder {

    color: #fff;

    opacity: 1;

    /* Firefox */

}



.newsletter__frm textarea::-ms-input-placeholder {

    /* Edge 12 -18 */

    color: #fff;

}



#newsletterFrm {

    position: relative;

}



#btn-send-email {

    position: absolute;

    right: 0;

    top: 0px;

}



.content-btc {

    padding: 15px 0;

}



#email_frm {

    width: calc(100%);

}





/*--nav + filter left --*/



.wrap__cate {

    border: 1px solid #ccc;

    margin-bottom: 30px;

}



.cate_lv1 {

    display: block;

    padding: 6px 40px 6px 10px;

    position: relative;

    color: #111;

    text-transform: capitalize;

    font-size: 15px;

}



.nav__filter {

    margin: 15px 0;

    background: #fff8ed;

    padding: 10px;

    color: #333;

}



.nav__filter ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.nav__filter ul li {

    line-height: 30px;

}





/*----*/



.cart-btn {

    background: #ffa31a;

    border-radius: 0;

    height: auto;

    padding: 10px 20px;

    box-shadow: none;

    border-color: transparent

}



.cart-plus-minus input {

    border-radius: 0;

    height: 44px;

    font-size: 16px;

}



.tab_sanpham .nav-item .nav-link {

    border-radius: 0;

    text-align: left;

    height: 40px;

}



.tab_sanpham .nav-link.active,

.tab_sanpham .show>.nav-link {

    background: #ffa31a;

}



span.act_menu {

    transition: all .2s linear;

}



.nav_pro {

    position: relative;

}



.act_menu {

    position: absolute;

    right: 0;

    top: -4px;

    height: 40px;

    width: 40px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #444;

    font-weight: 600;

    cursor: pointer;

}



.nav_pro .sub1 {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.sub1 li {

    padding: 5px 10px;

}



.sub1 li a {

    display: block;

    color: #444;

    font-size: 14px;

    line-height: 24px;

    text-indent: 0px;

}



.sub1 li a i {

    font-weight: 400;

    color: #999;

    font-size: 10px;

}



.wrap__cate h3 {

    color: #fff;

    text-transform: uppercase;

    line-height: 40px;

    background: var(--color-1);

    font-size: 16px;

    text-align: center;

}



.Swiper_sp_hot_img {

    border-radius: 1rem;

}



.overlay {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 10001;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.4);

    transition: width 0.5s ease-out;

}



.res__head {

    text-align: center;

    color: #fff;

}



.res__head span {

    font-size: 18px;

    text-transform: uppercase;

}



.overlay.show {

    width: 100%;

}



.rel {

    position: relative;

}



.navbar-form {

    display: flex;

    justify-content: flex-end;

}



.giohang-desktop {

    line-height: 40px;

}



.giohang-desktop img {

    height: 36px;

    margin-top: -5px;

}



.giohang-desktop span {

    color: #fff;

}



.giohang-desktop {

    width: 70px;

    height: 40px;

}



.head__hotline {

    padding: 5px 10px;

    text-align: center;

    background-color: #0000cc;

}



.a143 {

    font-size: 20px;

    font-weight: 600;

    color: rgb(246, 255, 0);

}



.t_hotline {

    color: #fff;

}



.t_hotline img {

    margin-right: 2px;

    width: 40px;

}



.t_hotline p {

    margin-bottom: 0;

}



.cate_t {

    position: relative;

    min-width: 250px;

}



.cate_t h4 {

    text-transform: uppercase;

    font-size: 16px;

    margin-bottom: 0;

    line-height: 40px;

    font-weight: 400;

    background: #ffa31a;

    border-radius: 20px 20px 0 0;

    padding: 0 15px;

    color: #fff;

    cursor: pointer;

}



.cate_t ul {

    position: absolute;

    list-style-type: none;

    margin: 0;

    padding: 0;

    top: 100%;

    left: 0;

    background: #fff;

    width: 100%;

    color: #333;

    z-index: 9;

    display: none;

    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;

}



.cate_t ul li {

    line-height: 40px;

}



.cate_t ul li a {

    display: block;

    text-indent: 10px;

    color: #333;

}



.cate_t ul li:hover {

    background: #ffa31a;

}



.cate_t ul li:hover a {

    color: #fff;

}



.cate_t:hover ul {

    display: block;

}



.cate_t h4 span {

    margin-right: 5px;

}



.left__menu {

    display: flex;

    justify-content: flex-start;

}



.site-productHome {

    padding: 40px 0;

    position: relative;

}



.tit__home h2 {

    text-align: center;

    font-size: 26px;

    font-weight: 600;

}



.tit__home h2 span {

    padding: 0 15px;

    position: relative;

}



.tit__home h2 span:after {

    position: absolute;

    content: '';

    bottom: -10px;

    width: 40%;

    height: 3px;

    left: 30%;

    background-color: #ffa31a;

}



.site-CateServiceHome {

    padding: 40px 0 20px 0;

}



.site-CateServiceHome .tit__home {

    margin-bottom: 40px;

}



.item__service {

    position: relative;

}



.item__service h3 {

    margin-top: 10px;

}



.item__service h3 a {

    font-size: 16px;

    color: var(--color-blue);

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 23px;

    text-transform: capitalize;

}



.item__service p {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    line-height: 22px;

    font-size: 14px;

}



.item__service p.tt-time {

    font-size: 13px;

}



.row__grid_2 {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 20px;

}



.row__grid_2 .item__service {

    margin-bottom: 15px;

}



.row__grid_2 .item__service a img {

    float: left;

    margin-right: 15px;

}



.row__grid_2 .item__service h3 {

    margin: 0 0 5px 0;

}



.content-f a {

    color: #333;

}



.site-copyright {

    background: #F2F1F1;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 9;

    width: 100%;

}



.pn-cp {

    margin-top: 2rem;

}



.pn-cp p {

    margin-bottom: 0;

    text-align: center;

    line-height: 3.4rem;

    font-size: 1.4rem;

}



.df-cp {

    justify-content: center!important;

    align-items: center;

}



.pn-cp .container {

    border-top: 0.1rem solid #C9C9C9

}



.col-left-ctsp {

    width: 100%;

    max-width: 1000px;

    margin: 0 auto;

}



.col-right-ctsp {

    width: 25%;

}



.social_foot {

    position: relative;

    padding: 0;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.social_foot>li {

    display: inline-block;

    margin-left: 1rem;

}



.social_foot>li>a>img {

    height: 2.2rem;

}



.head__top {

    position: relative;

    /* background: var(--color-1);*/

    color: #fff;

}



.head__top a {

    color: #fff;

}



.pn-head {

    position: relative;

    box-shadow: 0px 4px 4px 0px #00000040;

    padding-top: 0.2rem

}



#slider_danhmuc {

    overflow: hidden;

    position: relative;

}



.ls-l {

    max-width: 500px!important;

}



.ls-title {

    text-align: left!important;

    text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);

}



.ls-text {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    text-align: left!important;

    text-transform: uppercase;

    font-weight: bold;

    text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);

    font-family: 'LatoB';

}



.df_top {

    line-height: 30px;

    transition: all 0.5s ease-out;

}



.d-main {

    transition: all 0.5s ease-out;

}



.df_top a {

    color: #fff;

}



.df_top p {

    margin: 0 5px;

}



.head__logo {

    width: 20rem;

    padding-bottom:0rem;

}



.head__logo a img {

    height: unset;

    width: 10rem;

    cursor: pointer;

}



.head__logo .banner {

    width: 65%;

    padding-left: 1rem;

}



.head__logo .banner .cpName {

    font-size: 2rem;

    margin-bottom: 0;

}



.head__logo .banner hr {

    margin: 0.3rem 0;

}



.head__logo .banner .slogan {

    font-size: 1.1rem;

}



.short_sv {

    text-align: center;

    margin-bottom: 30px;

}



.tit__home h2 {

    margin-bottom: 20px;

}



.wrap__about {

    max-width: 1000px;

    position: relative;

    display: flex;

    align-items: center;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    margin: 0 auto;

}



.wrap__about .about__txt {

    flex: 60%;

    background-color: var(--color-blue);

    padding: 30px 40px;

    min-height: 450px;

    color: #fff;

    position: relative;

}



.ab-mo-ta {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 10;

    overflow: hidden;

    text-overflow: ellipsis;

}



.wrap__about .about__img {

    flex: 40%;

}



.about__img img {

    width: 100%;

    object-fit: cover;

}



.inner-about__txt h3 {

    text-transform: uppercase;

    margin-bottom: 20px;

    font-size: 24px;

}



.ab-mo-ta {

    font-size: 14px;

    letter-spacing: 0.3px;

    line-height: 24px;

}



.inner-about__txt {

    padding-top: 50px;

}



.ab-redi {

    margin-top: 15px;

}



.ab-redi a {

    display: inline-block;

    padding: 7px 20px;

    border-radius: 4px;

    background-color: #fff;

    color: #444;

    position: relative;

    transition: all 0.5s ease-out;

}



.ab-redi a span {

    opacity: 0;

    transition: opacity 0.5s ease-out;

    font-size: 14px;

    font-weight: 600;

}



.ab-redi a:hover {

    background-color: rgb(246, 255, 0);

}



.ab-redi a:hover span {

    opacity: 1;

}



.site-about {

    position: relative;

    margin-top: -30px;

    z-index: 99;

    padding-bottom: 30px;

}



.wrap__about .about__txt:after,

.wrap__about .about__txt:before {

    position: absolute;

    content: '';

    bottom: 0;

}



.wrap__about .about__txt:after {

    left: 15px;

    width: 50px;

    height: 80px;

    background: url('templates/images/about_1.png')no-repeat;

}



.wrap__about .about__txt:before {

    right: 15px;

    width: 65px;

    height: 100px;

    background: url('templates/images/about_2.png')no-repeat;

}



.site-serviceH {

    padding: 40px 0;

}



.tit__home h2 {

    text-transform: uppercase;

    letter-spacing: 0.4px;

}



.gird__service {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 20px;

}



.service__item a {

    display: block;

    position: relative;

}



.service__item .service__box {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0;

    transition: all 0.5s ease-out;

}



.service__item a {

    overflow: hidden;

}



.service__item a:before {

    position: absolute;

    width: 0;

    height: 100%;

    content: '';

    background: var(--color-blue);

    top: 0;

    left: 0;

    transition: all 0.5s ease-out;

    border-right: 5px solid var(--color-blue);

}



.service__item:hover a:before {

    width: 100%;

    background: rgb(0, 0, 204, 0.4);

}



.service__item:hover .service__box {

    opacity: 1;

}



.service__item .service__box h3 {

    color: #fff;

}



.service__boxI {

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

    flex-direction: column;

    padding: 30px 30px;

    text-align: center;

    margin-top: 25%;

}



.service-dr {

    padding: 7px 15px;

    display: inline-block;

    color: var(--color-blue);

    background: #fff;

}



.service__boxI p {

    color: #fff;

    font-size: 14px;

    line-height: 22px;

}



.service__boxI h3 {

    text-transform: uppercase;

    font-size: 18px;

}



.boxI__ds {

    margin-bottom: 20px;

}



.site-truyenthong {

    padding: 50px 0;

    background-size: 100% 100%;

}



.truyenthong_wrap {

    display: flex;

    justify-content: space-between;

}



.truyenthong_left {

    flex: 40%;

}



.truyenthong_right {

    flex: 60%;

    padding-left: 30px;

}



.tt_imgmax {

    position: relative;

    display: block;

}



.tt_imgmax_txt {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    padding: 10px 10px;

    background: rgb(0, 0, 204, 0.4);

    color: #fff;

}



.tt_imgmax_txt h3 {

    font-size: 16px;

    font-weight: 600;

}



.tt_imgmax:hover .tt_imgmax_txt h3 {

    font-weight: bold;

    color: var(--color-yellow)

}



.tt_desc {

    font-size: 13px;

}



.list__ttItem {

    position: relative;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.list__ttItem>li>.tt_item {

    display: flex;

    margin-bottom: 10px;

    background: #fff;

}



.tt_item a img {

    width: 100%;

    object-fit: cover;

}



.tt_item .img_tt_sm {

    flex: 25%;

}



.tt_item .tt_in {

    flex: 75%;

    padding-left: 10px;

    border-bottom: 3px solid var(--color-blue);

    border-right: 3px solid var(--color-blue);

}



.tt_item .tt_in h4 a {

    color: #333;

    font-size: 14px;

}



.tt_item .tt_in .tt_desc_sm {

    font-size: 13px;

}



.tt_in i {

    color: var(--color-blue);

}



.tt-time {

    font-style: italic;

    font-size: 12px;

}



.site-partner {

    padding: 30px 0;

}



.flex__foot {

    display: flex;

    position: relative;

}



.flex__foot .foot__left {

    flex: 40%;

    text-align: center;

    background-color: var(--color-blue);

    color: #fff;

    padding: 0 30px 0 10%;

    margin-top: -20px;

    position: relative;

    display: flex;

    align-items: center;

}



.flex__foot .foot__right {

    flex: 60%;

    background: #eee;

    padding: 30px 10% 30px 30px;

}



.title-f {

    text-transform: none;

    margin-bottom: 20px;

    border-radius: 0.2rem;

}



.foot_wrapMap {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 30%;

}



.foot_wrapMap iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.logo__footer img {

    height: 120px;

}



.foot__nd {

    font-size: 16px;

    line-height: 26px;

}



.tt_item .tt_in h4 {

    transition: all 0.3s ease;

}



.tt_item .tt_in h4:hover a {

    color: #0000cc;

}



.service-dr:hover {

    background: var(--color-yellow);

}



#contact-form {

    position: relative

}



#contact-form .form-group {

    position: relative;

}



#contact-form .form-group label.error {

    position: absolute;

    color: #ff0000;

    right: 10px;

    font-weight: 400;

    font-size: 12px;

    top: 10px;

    font-style: italic;

}



.title__page {

    margin-bottom: 3rem;

}



.title__page h1 {

    text-transform: uppercase;

    font-size: 3rem;

    font-family: 'LatoB';

    max-width: 1000px;

    margin: 0 auto;

}



.title__page h1 span {

    background: var(--bg-gradient);

    background-clip: text;

    color: transparent;

}





/*.pn-post {

    margin-bottom: 3rem;

}

*/



.row__grid {

    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 30px;

}



.df-3l_7r .left {

    width: 25%;

}



.df-3l_7r .right {

    width: 75%;

    padding-left: 2rem;

}



.df-3l_7r .right .spacial {

    font-weight: 600;

    margin-bottom: 2rem;

    font-size: 1.6rem;

}



.df-3l_7r .right .cont {

    padding-bottom: 2rem;

    font-size: 1.5rem;

}



.cp_m {

    display: none;

}



.tm1 {

    padding: 0!important;

}



.tm2 {

    padding-bottom: 5px!important;

}



.img__AbMobile {

    display: none;

}



.site-banner img {

    width: 100%;

}



.d-ht {

    justify-content: flex-end;

}



.ht-bg {

    background: var(--color-1);

    padding: 5px 20px;

    color: red;

    border-radius: 20px;

    margin-left: 10px;

}



.ht-bg a {

    color: red;

    font-size: 18px;

}



.d-ht span {

    display: flex;

    align-items: center;

}



.ht-bg a img {

    height: 25px;

}



.ht-bg.bg-ar {

    border-radius: 50%;

    padding: 5px 5px;

    width: 37px;

    height: 37px;

}



.d-hm {

    align-items: flex-start;

    justify-content: space-between;

    align-items: center;

}



.pn-vct {

    padding: 30px 0 0 0;

    background-size: 100% 100%!important;

    min-height: 400px;

}



.d-cvt {

    align-items: center;

    justify-content: space-between;

}



.d-cvt .cont {

    flex: 50%;

}



.d-cvt .img {

    flex: 50%;

    padding-left: 30px;

}



.d-cvt .cont .name {

    font-size: 30px;

    margin-bottom: 20px;

    font-family: 'LatoR';

}



.d-cvt .mota {

    font-size: 16px;

    line-height: 26px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 7;

    overflow: hidden;

    text-overflow: ellipsis;

}



.pn-courses {

    padding: 50px 0;

    background-size: 100% 100%!important;

}



.d-courses {

    align-items: center;

    justify-content: space-between;

}



.d-courses .cont {

    flex: 50%;

    padding-left: 30px;

    font-size: 16px;

    line-height: 26px;

}



.d-courses .img {

    flex: 50%;

    padding-right: 30px;

}



.d-courses .cont .name {

    font-size: 30px;

    margin-bottom: 20px;

    font-family: 'LatoR';

}



.site-frmDc {

    padding: 50px 0;

}



.d-frmDc {

    justify-content: space-between;

    align-items: center;

}



.d-frmDc .img {

    flex: 50%;

}



.d-frmDc .frm__discount {

    flex: 50%;

    color: #fff;

}



.site-frmDc {

    background-size: 100% 100%!important;

    min-height: 400px;

}



.frm__discount .form-group label {

    color: #333;

    margin-bottom: 5px;

    font-size: 1.3rem;

}



.frm__discount .form-group .form-control,

.frm__discount .form-group .form-select {

    border: 1px solid var(--color-1);

    border-radius: 0.5rem;

    font-size: 1.25rem;

}



.frm__discount .form-group input,

.frm__discount .form-group select {

    height: 37px;

    border-radius: 2px;

}



#btn-regis-discount {

    width: 100%;

    background: var(--color-1);

    color: #fff;

    text-align: center;

    height: 50px;

    text-transform: uppercase;

    font-size: 20px;

    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;

}



.site-bannerDis {

    padding: 70px 0;

    background-size: 100% 100%!important;

    min-height: 200px;

}



.site-bannerDis .cont {

    max-width: 800px;

    margin: 0 auto;

}



.btn-bannerDis {

    width: 100%;

    text-align: center;

    line-height: 50px;

    background: #eee;

    color: #333;

    font-size: 24px;

}



.pn-khoadaotao {

    padding: 30px 0;

}



.cont-1 {

    max-width: 1000px;

    margin: 0 auto;

    text-align: center;

}



.cont-1 .name {

    font-size: 2rem;

    color: #444;

    margin-bottom: 20px;

}



.cont-1 .desc {

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.3px;

}



.gird__khoahoc {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 25px;

}



.gird__khoahoc .item_kh {

    padding: 20px 20px;

    border: 1px solid var(--color-1);

    border-radius: 5px;

    position: relative;

}



.item_kh:before {

    position: absolute;

    width: 13rem;

    height: 10.5rem;

    content: '';

    background-size: contain!important;

}



.item_kh.item_kh01:before {

    background: url(templates/images/kh_sub1.png)no-repeat;

    left: 0;

    top: 0;

}



.item_kh.item_kh02:before {

    background: url(templates/images/kh_sub2.png)no-repeat;

    right: 0;

    bottom: 0;

}



.item_kh .name {

    color: #111;

    font-size: 1.8rem;

}



.item_kh .sub span {

    background: var(--bg-gradient);

    background-clip: text;

    color: transparent;

    font-size: 2rem;

}



.item_kh .cont {

    font-size: 1.35rem;

    line-height: 2rem;

    color: #545454;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.item_kh .img {

    margin: 10px 0;

}



.item_kh .img img {

    width: 100%;

}



.pn-khoadaotao .cont-2 {

    padding: 30px 0;

}



.pn-bannerkhoahoc a img {

    width: 100%;

}



.pn-question {

    padding: 30px 0;

    background: #fbfbfb;

}



.card-header a {

    outline: none!important;

    box-shadow: none!important;

    font-size: 16px;

    text-align: left;

}



.card__question {

    margin-bottom: 10px;

    border-color: rgba(0, 0, 0, .05);

    border-radius: 2px;

}



.pn-question h2 {

    font-size: 2rem;

    margin-bottom: 20px;

}



.card__question .card-header {

    border-color: rgba(0, 0, 0, .05);

    border-radius: 2px;

    background-color: #fff;

}



.card__question .card-header i {

    color: var(--color-1);

    font-weight: bold;

    font-size: 18px;

}



.card__question .card-body {

    font-size: 15px;

}



.pn-ck {

    padding: 30px 0;

}



.inner-partner {

    position: relative;

}



.d-qb {

    justify-content: center;

    padding: 30px 0 0 0;

}



.qb-l {

    flex: 65%;

    padding-right: 50px;

}



.qb-r {

    flex: 35%;

}



.qb-l iframe {

    width: 100%;

}



.ck__list {

    list-style-type: none;

    margin: 0;

    padding: 0;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 30px;

}



.ck__list li {

    padding: 20px 20px;

    background: #d1e1bc;

    text-align: center;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.ck__list li h4 {

    font-size: 20px;

}



.ck__list li p {

    font-size: 16px;

}



.pn-rating {

    background: var(--color-3);

    color: #fff;

    padding: 70px 0;

}



.item__kh h4.name {

    font-size: 20px;

    margin-bottom: 10px;

}



.rating_side {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.rating_side span i {

    color: var(--color-1);

}



.pn-foot {

    padding: 3rem 0 0 0;

}



.pn-foot .foot_t {

    font-size: 2rem;

    text-transform: uppercase;

    margin-bottom:3rem;

    font-family: 'LatoB';

    border-bottom:1px solid var(--color-1);

    display:flex;



}



.foot-c ul {

    font-size: 1.4rem;

}



.foot-c ul li {

    line-height: 2.4rem;

}



.df-foot .foot-1 {

    width: 40%;

    padding-right: 3rem;

}



.foot-1 .cont {

    font-size: 1.4rem;

}



.df-foot .foot-2 {

    width: 30%;

    padding-right:3rem;

}

.projectNews .df-3c .title_pn{
    width:calc(100% - 12rem);
}



.df-foot .foot-3 {

    width: 30%;

}



.menui_link {

    text-align: right;

    margin: 1rem 0;

}



.menui_link a {

    color: var(--color-1);

}



.tit-foot {

    font-size: 2rem;

    text-transform: uppercase;

    margin-bottom: 2rem;

    color: #fff;

    font-family: 'LatoM';

}



.pn-foot {

    background-size: cover!important;

    color: var(--color-1);

    padding-top: 5rem;

}



.pn-foot a {

    color: var(--color-1);

}



.foot-left {

    flex: 50%;

    padding-right: 2rem;

}



.foot-lk {

    flex: 30%;

    padding-right: 2rem;

}



.foot-right {

    flex: 50%;

}



.tv__cont {

    font-size: 20px;

    margin-bottom: 20px;

    line-height: 24px;

}



.d-frmtv {

    justify-content: space-between;

}



#b-sendtv {

    background: #fff;

    color: var(--color-1);

    text-align: center;

    flex: 30%;

    border-radius: 0;

    min-height: 47px;

    border-radius: 0.2rem;

    font-size: 1.7rem;

    text-transform: uppercase;

    font-family: 'LatoB';

}



#b-sendtv:hover {

    background-color: #111;

    color: #fff;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}



.d-frmtv .g-recaptcha {

    transform: scale(0.7);

    transform-origin: 0 0;

    margin-bottom: -35px;

    flex: 70%;

}



.newsletter__frm input {

    height: 4rem;

    border-radius: 0.2rem;

    font-size: 1.3rem;

}



.leftc1 {

    width: calc(70% - 20px);

    margin: 0 10px;

    float: left;

}



.leftc1 .cont {

    flex: 75%;

    padding-left: 20px;

}



.imgfoot1 {

    height: 80px;

}



.leftc2 {

    width: calc(30% - 20px);

    margin: 0 10px;

    float: right;

}



.ctop {

    display: flex;

    justify-content: flex-start;

    margin-bottom: 15px;

}



.ctop .cont h2 {

    font-size: 18px;

}



.cbottom p {

    font-size: 15px;

    margin-bottom: 12px;

}



.cbottom p span {

    display: inline-flex;

    min-width: 20px;

}



.cbottom p i {

    font-size: 16px;

}



.cbottom p a {

    color: #fff;

}



#contact-form .form-group,

#discountFrm .form-group,

#newsletterFrm .form-group {

    position: relative;

}



#contact-form .form-group label.error,

#discountFrm .form-group label.error,

#newsletterFrm .form-group label.error {

    position: absolute;

    color: #ff0000;

    right: 10px;

    font-weight: 400;

    font-size: 1.3rem;

    top: 10px;

}



.typography {

    font-size: 1.6rem;

    line-height: 1.6;

}





/*.site-page {

    padding-bottom: 3rem;

}*/




.banner_full {

    position: relative;

}



.banner_full img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}



.bg_gray {

    background: #e6eaf0;

}



.btn__contact {

    background: #fff;

    border-color: transparent;

    border-radius: 0.5rem;

    color: var(--color-1);

    text-transform: uppercase;

    font-family: 'LatoM';

    font-size: 1.8rem;

}



.map_contact {

    margin: 2rem 0;

}



.form_contact #contact-form {

    max-width: 80rem;

    margin: 0 auto;

}



.form_contact {

    position: relative;

    padding: 3rem 0;

    background-size: cover!important;

}



.form_contact:before {

    position: absolute;

    width: 100%;

    height: 100%;

    content: '';

    top: 0;

    left: 0;

    background-color: rgb(135, 39, 13, 0.85);

}



.title_frm_contact {

    color: #fff;

    text-align: center;

    font-size: 2.6rem;

    text-transform: uppercase;

    font-family: 'LatoB';

    margin-bottom: 2rem;

    position: relative;

    z-index: 99;

}



.wrap_contact {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 70%;

}



.wrap_contact iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.tt-lienhe {

    padding-left: 2rem;

}



#contact-form input.form-control {

    height: 4rem;

    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;

}



#contact-form textarea.form-control {

    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;

}



.banner_full h1 {

    z-index: 99;

    color: #fff;

    text-transform: uppercase;

    font-size: 2.6rem;

    font-family: 'LatoB'!important;

    text-align: left;

}



.banner_full .background {

    height: 60rem;

    background-size: cover!important;

    background-repeat: no-repeat!important;

    background-position: 50% 50%!important;

    padding-top: 8rem;

    position: relative;

}



.banner_full .background:before {

    position: absolute;

    background: rgb(135, 39, 13, 0.3);

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.banner_full .background .nd {

    background-color: rgb(0, 0, 0, 0.25);

    z-index: 999;

    position: relative;

}



.banner_full h1 {

    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 2rem;

    font-size:2.4rem;

    line-height:3rem;

}



.banner_full .nd {

    position: relative;

    z-index: 2;

    margin: 3rem auto;

    padding: 5% 10%;

}



.banner_full .nd .cont {

    font-size:3.6rem;

    line-height: 4rem;

    color: #fff;

    text-align: center;

    font-family:'FahkwangB';

}



.blog-area .blog__left {

    width: 73%;

    float: left;

    position: relative;

    padding-right: 30px;

}



.blog-area .blog__right {

    width: 27%;

    float: left;

    position: relative;

}



.blog-area .blog__right .insHeading {

    color: var(--color-2);

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 2rem;

}



.c-white {

    color: #fff;

}



.item__service {

    display: flex;

}



.item__service .img {

    width: 40%;

}



.item__service .cont {

    width: 60%;

    padding: 0 20px;

}



.wp__stick {

    position: sticky;

    top: 0;

}



.list__stickHot {

    position: relative;

    list-style-type: square;

    margin: 10px 0;

    padding: 0 0 0 20px;

    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 8px;

}



.stickHot {

    padding: 0 2rem 2rem 2rem;

}



.list__stickHot li a {

    color: #333;

}



#RecaptchaField2 {

    transform: scale(0.7);

    transform-origin: 0 0;

    margin-bottom: -2.5rem;

}



#optionBlog {

    background: #64844b;

    position: relative;

    width: 200px;

    height: 34px;

    margin-bottom: 10px;

    color: #fff;

}



.news-detalis-content {

    position: relative;

}



.news-detalis-content .ngaydang {

    display: flex;

}



.gird__products {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 30px;

}



.product-information {

    background: #d1e1bc;

    padding: 30px 0;

}



.m__menu {

    display: none;

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

}



.navbar-toggle {

    position: relative;

    padding: 10px 10px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}



.navbar-toggle .icon-bar {

    display: block;

    width: 25px;

    height: 3px;

    border-radius: 1px;

    background-color: var(--color-1);

}



.navbar-toggle .icon-bar+.icon-bar {

    margin-top: 5px;

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}



.hc-nav-trigger.hc-nav-1 {

    display: block;

}



.head_social {

    margin-bottom: 1em;

    display: flex;

}



.head_social ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.head_social ul li {

    float: right;

    padding: 0 0.3em;

}



.head_social ul li a {

    display: block;

}



.head_social ul li a img {

    height: 3.5rem;

}



.head_search__booking {

    display: flex;

    justify-content: flex-end;

    flex-direction: column;

}



.head__contact {

    margin: 1rem 0

}



.head__contact span {

    padding: 0 0.5rem;

    font-size: 1.3rem;

}



.btn-booking {

    padding: 0.7em 1em;

    text-transform: uppercase;

    font-size: 1.4rem;

}



.btn-booking-head {

    background: red;

}



.btn-booking-center {

    background: var(--color-2);

    color: #fff;

    padding: 1rem 1.5em;

    border-radius: 0.3rem;

}



.btn-booking-center:hover {

    background-color: var(--color-1);

    color: #fff;

}



.swiperSlider .swiper-pagination-bullet {

    background-color: transparent!important;

    border: 0.2rem solid #fff!important;

    min-width: 1.4rem;

    min-height: 1.4rem;

    opacity: 0.8!important;

}



.swiperSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background-color: var(--color-1)!important;

}



.btn-detail {

    text-transform: none;

    background-color: var(--color-2);

    color: #fff;

}



.df-project .link {

    margin-top: 2rem;

}



.inner-us {

    padding-bottom: 3rem;

}



.head__right {

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    width: calc(100% - 23rem);

}



.pn_about__us {

    padding: 3rem 0;

}



.tit_block {

    margin-bottom: 3rem;

    border-bottom: 1px solid #8cc142;

}



.tit_block h2 {

    font-size: 2.4rem;

    color: #ed1b24;

    text-transform: uppercase;

    margin: 0 0;

    font-family: 'LatoB'!important;

    font-weight: 600;

    padding-bottom: 1.5rem;

    display: inline-block;

    position: relative;

}



.tit_block h2:after {

    position: absolute;

    width: 100%;

    height: 1rem;

    background: #8cc142;

    content: '';

    left: 0;

    bottom: -0.5rem;

    border-radius: 1rem;

}



.un-style {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.list-us {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.list-us>li .item a {

    display: block;

}



.item_us .tit {

    margin: 1rem 0;

}



.item_us .tit h3 {

    font-size: 1.8rem;

    color: var(--color-1);

    text-transform: uppercase;

}



.item_us .tit h3:hover {

    color: var(--color-2);

}



.item_us .img img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}



.pn-service {

    padding: 4rem 0;

    background-color: hsl(0, 20%, 99%);

}



.list-service {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 4rem;

}



.item-service {

    position: relative;

    padding-bottom: 3rem;

}



.item-service .card-img {

    margin-bottom: 10px;

    min-height: 150px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

    flex-direction: column;

    color: #fff;

    background-color: var(--color-2);

}



.item-service .card-img span {

    font-size: 2rem;

    font-style: italic;

}



.lazy-load-box {

    transition: all 0.4s ease-out;

    opacity: 1;

    transform: translateX(0) translateY(0) scale(1);

}



.item-service .card-img strong {

    font-size: 4.4rem;

}



.item-service .content {

    text-align: center;

}



.item-service .content h3 {

    color: var(--color-2);

    font-size: 1.6rem;

    cursor: pointer;

}



.item-service .content p {

    font-size: 1.4rem;

}



.item-service a {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.item-service-even .card-img {

    background-color: var(--color-1);

}



.item-service-even .content h3 {

    color: var(--color-1);

}



.pn-about {

    padding: 3rem 0;

}



.g-about {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 2rem;

}



.g-about .img img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



.g-about .cont .nd {

    font-size: 1.4rem;

    line-height: 2.2rem;

    letter-spacing: 0.05rem;

    margin-bottom: 3rem;

    text-align: right;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 8;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-left: 30px;

}



.inner-cp .link {

    text-align: right;

}



.tit_service {

    margin-bottom: 4rem;

}



.pn-process {

    padding: 3rem 0 5rem 0;

}



.g-process {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 4rem;

}



.g-process .i-process {

    position: relative;

    display: flex;

    margin-bottom: 0rem;

}



.g-process .i-process .left {

    width: 130px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.g-process .i-process .right {

    width: calc(100% - 140px);

    border-radius: 2rem;

    border: 1px solid var(--color-2);

    border-left-color: transparent;

    padding: 1rem 1rem 1rem 1.5rem;

}



.g-process .i-process .right p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 1.25rem;

    margin-bottom: 0;

}



.g-process .i-process .right h3 {

    font-size: 1.4rem;

    color: var(--color-2);

    cursor: pointer;

    text-transform: uppercase;

}



.g-process .i-process-even .right {

    border-color: var(--color-1);

    border-left-color: transparent;

}



.g-process .i-process-even .right h3 {

    color: var(--color-1)

}



.tit_process {

    margin-bottom: 5rem;

}



.g-process .i-process .box {

    width: 12rem;

    height: 12rem;

    position: relative;

}



.g-process .i-process .box:after {

    width: 1rem;

    height: 1rem;

    border-radius: 50%;

    content: '';

    background-color: var(--color-2);

    position: absolute;

    top: 1.5rem;

    left: 1rem;

    z-index: 9;

}



.g-process .i-process-even .box:after {

    background-color: var(--color-1);

}



.g-process .i-process .box::before {

    position: absolute;

    content: attr(data-content);

    top: 2rem;

    left: -3rem;

    width: 6rem;

    height: 8rem;

    padding: 0.3rem 0 0.3rem 0;

    color: #fff;

    font-size: 9rem;

    font-family: 'LatoB'!important;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-shadow: 1px 0px 2px var(--color-2), -1px 0px 2px var(--color-2), 0px 1px 1px var(--color-2);

    text-align: center;

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.g-process .i-process .in-box {

    border-radius: 50%;

    border: 0.13rem solid var(--color-2);

    position: absolute;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-left-color: transparent;

}



.g-process .i-process .in-box span {

    background-color: var(--color-3);

    padding: 1.2rem 1.2rem;

    display: inline-block;

    z-index: 1;

    border-radius: 50%;

    border: 1.2rem solid #fff;

}



.g-process .i-process .in-box span img {

    width: 50px;

    height: 50px;

}



.g-process .i-process-even .in-box {

    border-color: var(--color-1);

    border-left-color: transparent;

}



.g-process .i-process-even .in-box span {

    background-color: var(--color-1);

}



.g-process .i-process-even .box::before {

    text-shadow: 1px 0px 2px var(--color-1), -1px 0px 2px var(--color-1), 0px 1px 1px var(--color-1);

}



.nst_1 .box::before {

    width: 4rem!important;

    top: 2.5rem!important;

    left: -1rem!important;

}



.nst_6 .in-box {

    background-color: #fff;

}



.nst_5 .in-box {

    background-color: #fff;

}



.nst_4 .in-box {

    background-color: #fff;

}



.nst_3 .in-box {

    background-color: #fff;

}



.nst_2 .in-box {

    background-color: #fff;

}



.nst_6 .box::before {

    top: 2.5rem!important;

    left: -3rem!important;

    font-size: 10rem!important;

}



.nst_5 .box::before {

    top: 3rem!important;

    left: -3rem!important

}



.nst_4 .box::before {

    top: 2.8rem!important;

    left: -3.2rem!important;

}



.nst_3 .box::before {

    top: 3rem!important;

    left: -2.8rem!important;

}



.nst_2 .box::before {

    top: 2.8rem!important;

    left: -2.8rem!important;

}



.nd1 {

    padding-left: 0!important;

    text-align: left!important;

    font-size: 1.5rem;

    line-height: 2.2rem;

}



.pn-partner {

    padding: 3rem 0;

}



.pn-partner .swiper-slide {

    background-color: #fff;

    text-align: center;

}



.pn-block-cp {

    padding: 3rem 0;

}



.pn-block-cp .tit_cp {

    margin-bottom: 2.5rem;

}



.pn-block-cp .tit_cp h2 {

    text-align: right;

    font-size: 2.4rem;

}



.pn-news {

    padding: 3rem 0;

}



.pn-news .tit_news {

    margin-bottom: 4rem;

}



.pn-news .item-news {

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    padding: 0.1rem 0.1rem 1rem 0.1rem;

    margin-bottom: 1rem;

    min-height: 410px;

}



.item-news .img {

    margin-bottom: 3rem;

    position: relative;

}



.item-news .img img {

    width: 100%;

    height: 230px;

    object-fit: cover;

}



.item-news .tit h3 {

    font-size: 1.7rem;

    line-height: 2.3rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    color: var(--color-2);

    padding: 0 1rem;

}



.item-news .tit h3:hover {

    color: var(--color-1);

}



.item-news p {

    font-size: 1.4rem;

    line-height: 2rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 0 1rem;

}



.df-project .cont {

    width: 30%;

}



.df-project .list {

    width: 70%;

    padding-left: 2rem;

}



.df-project .list ul {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 2rem;

}



.df-project .list ul .item-project {

    position: relative;

    display: flex;

    justify-content: space-between;

}



.df-project .list ul .item-project .img {

    width: 120px;

}



.df-project .list ul .item-project .img img {

    width: 100%;

    height: 120px;

    object-fit: cover;

    border: 1px solid #eee;

    padding: 0.2rem;

    border-radius: 0.2rem;

}



.df-project .list ul .item-project .nd {

    width: calc(100% - 130px);

}



.df-project .list ul .item-project .nd h3 {

    font-size: 1.6rem;

    color: #222;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.df-project .list ul .item-project .nd h3:hover {

    color: var(--color-2);

}



.df-project .list ul .item-project .nd p {

    font-size: 1.3rem;

    color: #545454;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 0;

}



.df {

    display: flex;

    justify-content: space-between;

}



.df-project {

    align-items: flex-start;

}



.pn-project {

    padding: 5rem 0 3rem 0;

    background-color: #fbfbff;

}



.df-project .cont .tit h2 {

    font-size: 2.6rem;

    text-transform: uppercase;

    font-weight: 600;

    color: var(--color-2);

    margin-bottom: 2rem;

}



.df-project .cont .tit p.nd {

    font-size: 1.35rem;

    line-height: 2.2rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 8;

    overflow: hidden;

    text-overflow: ellipsis;

}



.foot-left .social ul {

    margin: 1rem 0;

    display: flex;

}



.foot-left .social ul li {

    float: left;

    margin-right: 0.5rem;

}



.news_point {

    width: 35px;

    height: 35px;

    border-radius: 50%;

    background-color: var(--color-1);

    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    left: 1rem;

    bottom: -2rem;

    padding: 0.4rem;

    border: 1px solid #fff;

}



.news_point img {

    width: 18px!important;

    height: auto!important;

}



.sodotrang {

    background-color: transparent;

    border: none;

    color: #545454;

}



.pn-contact {

    padding: 0 0;

}



.row_about {

    padding: 3rem 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.row_about .left {

    width: 50%;

    padding-left: 3rem;

}



.row_about .right {

    width: 50%;

}



.row_about .left h3 {

    color: var(--color-2);

    text-transform: uppercase;

    margin-bottom: 2rem;

}



.row-about-even {

    flex-direction: row-reverse;

}



.row_about .right img {

    width: 100%;

    height: 350px;

    object-fit: cover;

    border: 0.3px solid var(--color-1);

    padding: 0.2rem;

}



.single-ps1 {

    padding: 3rem 0;

    background: var(--color-5);

}



.single-ps1 .row_about .left {

    padding-right: 3rem;

}



.single-ps1 .row_about .left h3 {

    font-size: 3rem;

    margin-bottom: 2rem;

    color: var(--color-1);

}



.single-ps1 .row_about .left .nd {

    line-height: 2.4rem;

}



.single-ps1 .row_about .right img {

    height: 450px;

    padding: 0.1rem;

    border-width: 0.3rem;

}



.single-view {

    padding: 4rem 0;

    position: relative;

    background-size: cover!important;

    background-attachment: fixed!important;

    min-height: 50vh;

}



.single-view:before {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    content: '';

    background-color: rgb(0, 0, 0, 0.6);

}



.gird-view {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 4rem;

}



.gird-view .item-view {

    position: relative;

    margin-bottom: 3rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.gird-view .item-view h3 {

    color: var(--color-1);

    font-size: 2.6rem;

    margin-top: 2rem;

    font-weight: 400;

    text-transform: uppercase;

    margin-bottom: 2rem;

}



.gird-view .item-view .nd {

    font-size: 1.3rem;

    line-height: 2.2rem;

    margin-bottom: 1rem;

    color: #fff;

    text-align: center;

}



.single-partner {

    padding: 3rem 0;

}



.single-partner .tit_partner h2 {

    color: var(--color-1);

}



.single-service {

    padding: 3rem 0;

}



.df_news .left73_7 {

    width: 70%;

}



.df_news .left73_3 {

    width: 30%;

    padding-left: 3rem;

}



.single-news {

    padding: 3rem 0;

}



.tit_nbr {

    font-size: 1.8rem;

    text-transform: uppercase;

    font-weight: 600;

    color: var(--color-2);

    margin-bottom: 2rem;

}



.list__nbr {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.list__nbr li {

    padding-bottom: 0.7rem;

}



.list__nbr li a h4 {

    font-size: 1.4rem;

    color: #333;

    line-height: 2.2rem;

    margin-bottom: 0.5rem;

}



.list__nbr li .ndd {

    font-size: 1.2rem;

}



.it_post_hz {

    position: relative;

    padding-bottom: 2rem;

    margin-bottom: 2rem;

    border-bottom: 1px solid #ccc;

}



.it_post_hz .img {

    width: 280px;

}



.it_post_hz .img a img {

    height: 170px;

    width: 100%;

    object-fit: cover;

}



.it_post_hz .info {

    width: calc(100% - 300px);

}



.it_post_hz .info h2 {

    margin: 0 0;

    line-height: 2.4rem;

    margin-bottom: 1rem;

}



.it_post_hz .info h2 a {

    font-size: 1.6rem;

    color: var(--color-2);

    line-height: 2.4rem;

    font-weight: 600;

}



.it_post_hz .info .date {

    color: #999;

    font-size: 1.2rem;

}



.it_post_hz .info .desc {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 0.5rem;

    font-size: 1.35rem;

}



.it_post_hz .info .link a {

    font-style: italic;

    font-size: 1.35rem;

}



.it_post_hz:last-child {

    border-bottom-color: transparent;

}



.tit_single__partner h2 {

    color: var(--color-1);

}



.list__partner {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.list__partner .item__partner {

    text-align: center;

}



.list__partner .item__partner .img img {

    width: 100%;

}



.list__partner .item__partner .img img {

    height: 250px;

    width: 100%;

    object-fit: cover;

}



.list__partner .item__partner .name h3 {

    margin: 1rem 0;

    padding: 0 1rem;

    color: #333;

    font-size: 1.8rem;

}



.list__partner .item__partner .desc {

    font-size: 1.4rem;

    line-height: 2.2rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 0 1rem;

}



.cont-project {

    padding-bottom: 1rem;

}



.single-project {

    padding: 3rem 0;

}



.single-project .list {

    padding-left: 0;

    width: 100%;

    padding: 1rem 0;

}



.cont-partner {

    padding: 2rem 0;

}



.single-album {

    padding: 2rem 0;

}



.grid-album {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 30px;

}



.grid-album .item-album {

    margin-bottom: 1rem

}



.item-album .img img {

    height: 250px;

    width: 100%;

    object-fit: cover;

    margin-bottom: 1rem;

}



.grid_anh {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 2rem;

}



.blog-album .container {

    max-width: 1000px;

}



.content-album {

    padding: 3rem 0;

}



.pn-projects {

    padding-bottom: 3rem;

}



.pagination-page .pagination {

    justify-content: center;

    margin: 2rem 0 1rem 0;

}



.pagination-sm .page-link {

    font-size: 1.3rem;

}



.single-search {

    padding: 3rem 0;

}



.single-menuii {

    padding: 3rem 0;

}



.gird-menuii {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 30px;

}



.gird-menuii .item-menuii {

    min-height: 150px;

    background-size: cover!important;

    position: relative;

    border-radius: 2rem;

}



.gird-menuii .item-menuii:before {

    position: absolute;

    content: '';

    background: rgb(0, 0, 0, 0.6);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 2rem;

}



.gird-menuii .item-menuii a {

    color: #fff;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 3em;

    display: flex;

    align-items: center;

    justify-content: center;

}



.gird-menuii .item-menuii a h3 {

    text-align: center;

    font-size: 2.4rem;

    line-height: 3rem;

}



.cont-menui {

    padding: 3rem 0;

    text-align: center;

}



.tit__rel1 h3 {

    font-size: 2.6rem;

    color: var(--color-2);

    text-transform: uppercase;

    font-weight: 600;

}



.news-detalis {

    font-size: 1.5rem;

    line-height: 2.4rem;

}



.single-detail {

    padding: 1rem 0 3rem 0;

}



.single-relPost {

    margin-top: 2rem;

}



.df-dts .left {

    width: 340px;

    padding: 2rem 2rem 0 2rem;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.df-dts .right {

    width: calc(100% - 370px);

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.single-detail-service {

    padding: 3rem 0;

}



.sv_hotline {

    display: flex;

    justify-content: center;

    flex-direction: column;

    text-align: center;

    padding-bottom: 1rem;

}



.sv_hotline .name {

    font-size: 1.5rem;

    margin: 1rem 0;

    font-weight: 600;

    color: #444;

    margin-bottom: 0.4rem;

}



.sv_hotline .hotline a {

    font-size: 3rem;

    font-weight: 600;

    color: var(--color-4);

}



.sv_datlich .cont {

    font-size: 1.6rem;

    color: red;

    text-transform: uppercase;

    font-weight: 600;

}



.df-dts {

    margin-bottom: 2rem;

}



.sv_datlich .bg img {

    width: 100%;

}



.frm__book {

    padding: 2rem 3rem;

}



.title_book h2 {

    color: var(--color-4);

    font-size: 1.8rem;

}



.gird-wd2 {

    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 2rem;

}



.datepicker {

    padding: 5px!important;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px!important;

}



.datepicker-dropdown {

    background-color: #fff!important;

}



.grid_thoigianhen {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 1rem;

}



.pn-blocksp {

    padding: 3rem 0 1rem 0;

}



.pn-partner .partnerSwiperNext,

.pn-partner .partnerSwiperPrev {

    right: 1rem;

    top: 0;

}



.pn-partner .partnerSwiperNext {

    color: var(--color-1)!important;

    border: 1px solid var(--color-1);

    height: 30px;

    top: 2rem;

}



.pn-partner .partnerSwiperPrev {

    color: var(--color-1)!important;

    border: 1px solid var(--color-1);

    height: 30px;

    top: 2rem!important;

    right: 4rem!important;

    left: unset;

}



.block-type1 {

    position: relative;

    display: flex;

    justify-content: space-between;

}



.block-type1 .left {

    width: 300px;

    padding-right: 2rem;

    position: relative;

}



.block-type1 .left a img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



.block-type1 .right {

    width: calc(100% - 300px);

    position: relative;

}



.pn-blocksp {

    padding: 3rem 0;

}



.pn-blocksp .container {

    max-width: 1300px;

}



.item__product {

    position: relative;

    border: 1px solid #ddd;

}



.item__product .img {

    padding: 0.5rem 0.5rem;

}



.item__product .img a {

    display: block;

}



.item__product .img a img {

    width: 100%;

    height: 180px;

    object-fit: cover;

}



.item__product .name h3 {

    margin: 1rem 0 0.5rem 0;

    text-align: center;

}



.item__product .name h3 a {

    font-size: 1.5rem;

    text-align: center;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 2.2rem;

}



.item__product .price {

    text-align: center;

    color: red;

}



.item__product .model {

    text-align: center;

    text-transform: uppercase;

    font-size: 1.3rem;

    margin-bottom: 0;

}



.df-about .left {

    width: 50%;

}



.df-about .right {

    width: 50%;

    padding-left: 10em;

}



.df-about .right .nd .name {

    font-size: 2.4rem;

    margin-bottom: 1rem;

}



.df-about .right .nd .cont {

    font-size: 2rem;

    line-height: 3rem;

    letter-spacing: 0.1rem;

    color: #545454;

    margin-bottom: 3rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 8;

    overflow: hidden;

    text-overflow: ellipsis;

}



.tit__about {

    text-align: center;

    border-bottom: none;

    margin-bottom: 2rem;

}



.tit__about h2 {

    text-align: center;

    padding-bottom: 0;

}



.tit__about h2:after {

    display: none;

}



.pn-about {

    padding: 3rem 0;

}



.df-about {

    display: flex;

    align-items: center;

}



.sha-tab {

    width: 300px;

}



.sha-tab .w-tab {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    border: 2px solid #222;

    border-radius: 100%;

}



.sha-tab .w-tab .item-tab {

    width: 50%;

    height: 100px;

    display: flex;

    align-items: center;

}



.sha-tab .w-tab #sha_0 {

    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 20px;

}



.sha-tab .w-tab .img {

    margin-top: 0;

    opacity: 1;

    width: 70px;

    height: 70px;

    border: 2px solid #d84d27;

    border-radius: 100px;

    text-align: center;

    line-height: 60px;

    background-color: #fff;

    cursor: pointer;

}



.sha-tab .w-tab img {

    max-width: 40px;

    cursor: pointer;

}



.sha-tab .w-tab #sha_0 {

    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 20px;

}



.sha-tab .w-tab #sha_1 {

    justify-content: flex-end;

    align-items: flex-start;

    padding-right: 20px;

}



.sha-tab .w-tab #sha_2 {

    justify-content: flex-start;

    align-items: center;

    margin-left: -30px;

}



.sha-tab .w-tab #sha_3 {

    justify-content: flex-end;

    align-items: center;

    margin-right: -30px;

}



.sha-tab .w-tab #sha_4 {

    justify-content: flex-start;

    align-items: flex-end;

    padding-right: 20px;

}



.sha-tab .w-tab #sha_4 {

    justify-content: flex-start;

    align-items: flex-end;

    padding-right: 20px;

}



.pn-service {

    padding: 3rem 0;

    background-color: #eee;

}



.tit_service {

    text-align: center;

}



.tit_service {

    border-bottom: none;

}



.tit_service h2:after {

    display: none;

}



.gird_post_home {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 30px;

}



.gird_post_home .item_service {

    padding: 1rem;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

    border-radius: 0.5rem;

    background: #fff;

}



.item_service .img {

    margin-bottom: 2rem;

    overflow: hidden

}



.d-footTop {

    padding: 1rem 0;

}



.d-footTop .top-1,

.d-footTop .top-2,

.d-footTop .top-3 {

    width: calc(33.33% - 30px);

    margin: 0 15px;

}



.foot_map {

    width: 100%;

    height: 0;

    padding-bottom: 50%;

    position: relative;

}



.foot_map iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.foot_top_tit {

    text-transform: uppercase;

    font-size: 1.8rem;

    margin-bottom: 1.5rem;

}



.item_partner {

    display: block;

    margin: 5px 5px;

}



.item_partner img {

    width: 100%;

    height: 14rem;

    object-fit: contain;

}



.foot_video {

    width: 100%;

    height: 0;

    padding-bottom: 50%;

    position: relative;

}



.foot_video iframe {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

}



.aside {

    border: 1px solid #ddd;

    margin-bottom: 3rem;

}



.tit_aside {

    background-color: var(--color-1);

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    text-indent: 1rem;

    line-height: 4rem;

}



.aside_left ul {

    list-style-type: none;

    margin: 0;

    padding: 1rem 1rem;

    display: flex;

    flex-direction: column;

}



.aside_left ul li {

    margin-bottom: 1rem;

}



.menui-right li {

    border-bottom: 1px dashed #444;

    padding: 0.5rem 0;

    position: relative;

}



.menui-right li:last-child {

    border-bottom: transparent;

}



.aside_left ul li a {

    display: flex;

    font-size: 1.35rem;

}



.aside_left ul li .img {

    width: 85px;

    padding-right: 1rem;

}



.aside_left ul li a .img img {

    width: 75px;

    height: 50px;

    object-fit: cover;

}



.aside_left ul li a h4 {

    font-size: 1.3rem;

    line-height: 2rem;

    color: #555

}



.menui-right li a:hover {

    color: red;

}



.menui-right li ul {

    position: absolute;

    left: 100%;

    top: 0;

    list-style-type: none;

    margin: 0;

    padding: 1rem;

    background: #fff;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    min-width: 250px;

    display: none;

}



.menui-right li:hover ul {

    display: block;

}



.box-search {

    padding: 1rem;

}



.box-search input,

.box-search select {

    border-radius: 3rem;

    padding: 0.5rem 1rem;

}



.btn-subSearch {

    font-size: 1.5rem;

    text-transform: uppercase;

}



.mySwiper .swiper-slide .item-slide {

    display: grid;

    grid-template-columns: 1fr;

    place-items: center;

    gap: 20px;

    overflow: hidden;

    padding: 5rem 15rem;

    background-size: cover!important;

}



.mySwiper .content {

    padding: 0 0;

    text-align: center;

    max-width: 80rem;

    position: relative;

    z-index: 99;

}



.mySwiper .content p.link {

    text-align: center;

    margin-top: 2rem;

}



.mySwiper .content p.link a {

    display: inline-block;

    border-radius: 3rem;

}



.mySwiper .content h2 {

    font-size: 5rem;

    font-weight: 900;

    line-height: 1.2;

    margin-bottom: 2rem;

    color: #fff;

    pointer-events: none;

    transform: translateY(-40px);

    opacity: 0;

    transition-duration: 1s;

    transition-delay: 0.6s;

    font-family: 'LatoB';

    text-transform: uppercase;

    color: #fff;

}



.mySwiper .content p {

    font-family: inherit;

    font-size: 2rem;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    transform: translateY(-30px);

    opacity: 0;

    transition-duration: 1s;

    transition-delay: 1.2s;

    position: relative;

}



.mySwiper .content p.desc {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.mySwiper .content p.desc {

    text-transform: uppercase;

}



.mySwiper .content p a {

    color: #fff;

}



.mySwiper .content p.link a {

    background: var(--bg-gradient);

    line-height: 3.6rem;

}



.mySwiper .content p span {

    padding: 0 2rem;

    text-transform: uppercase;

    font-size: 1.6rem;

}



.mySwiper .content p span img {

    height: 3rem;

}



.mySwiper .swiper-slide-active .content h2,

.mySwiper .swiper-slide-active .content p {

    transform: none;

    opacity: 1;

}



.pn-aboutHome {

    padding: 5rem 0;

}



.df-about .right .nd .name span {

    position: relative;

    padding-right: 2rem;

    background: var(--bg-gradient);

    background-clip: text;

    color: transparent;

    font-family: 'LatoM';

    font-size: 2.4rem;

}



.df-about .right .nd .name span:after {

    position: absolute;

    width: 10rem;

    height: 0.18rem;

    left: 100%;

    bottom: 0.5rem;

    content: '';

    background-color: var(--color-1);

}



.df-about .right .nd .sub {

    font-size: 4rem;

    color: var(--color-1);

    text-transform: uppercase;

    margin-bottom: 2rem;

    font-family: 'LatoB';

    letter-spacing: 0.05rem;

}



.df-about .right .more a span {

    padding: 1.2rem 2rem;

    border-radius: 0.2rem;

    background: var(--bg-gradient);

    color: #fff;

    text-align: center;

    font-size: 1.5rem;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.df-about .right .more a span i {

    margin-left: 0.5rem;

}



.pn-why {

    background-size: cover!important;

}



.df-why .left,

.df-why .right {

    width: 50%;

}



.df-why .left {

    padding: 10em;

    color: #fff;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

}



.df-why .right {

    background-size: cover!important;

    padding: 10em;

}



.df-why .right .nd {

    max-width: 50rem;

}



.df-why .left .top-d1 {

    font-size: 1.6rem;

}



.df-why .left .top-d2 ul {

    padding: 0;

    list-style-type: none;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 2rem;

    margin-top: 3rem;

}



.df-why .left .top-d2 ul li {

    text-align: center;

}



.df-why .left .top-d2 ul li img {

    margin-bottom: 2rem;

    width: 7.5rem;

    height: 7.5rem;

}



.df-why .right .name {

    margin-bottom: 2rem;

}



.df-why .right .name span {

    font-size: 4rem;

    background: linear-gradient(90deg, #62ADE3 0%, #62E36F 100%);

    background-clip: text;

    color: transparent;

    font-family: 'LatoB';

    font-weight: 900;

}



.df-why .right .cont {

    font-size: 2rem;

    letter-spacing: 0.1rem;

    line-height: 2.8rem;

    color: #545454;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 7;

    overflow: hidden;

    text-overflow: ellipsis;

}



.pn-serviceH {

    padding: 3rem 0 5rem 0;

    background-size: cover!important;

}



.pn-serviceH .inner {

    padding-bottom: 4rem;

}



.titPn {

    text-align: center;

    margin-bottom: 2rem;

}



.titPn h2 {

    text-align: center;

}



.titPn h2 span {

    background: var(--bg-gradient);

    background-clip: text;

    color: transparent;

    font-family: 'LatoB';

    text-transform: uppercase;

    font-size: 4rem;

    font-weight: 900;

}



.titPn p {

    max-width: 60rem;

    font-size: 1.8rem;

    line-height: 2.6rem;

    text-align: center;

    margin: 0 auto;

    color: #545454;

}



.item_service {

    background-color: #fff;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    border-radius: 1rem;

}



.item_service .img img {

    border-radius: 1rem 1rem 0 4rem;

}



.item_service h3 {

    font-size: 3.2rem;

    margin: 1rem 0;

    background: var(--bg-gradient);

    background-clip: text;

    color: transparent;

    font-family: 'LatoB';

    text-transform: uppercase;

    padding: 0 20%;

    padding-bottom: 1rem;

    min-height: 10rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    text-align: center;

}



.item_service .img img {

    height: 25rem;

    width: 100%;

    object-fit: cover;

}



.item_projectHome .img {

    height: 0;

    padding-bottom: 100%;

    width: 100%;

    position: relative;

    overflow: hidden

}



.item_projectHome .img img {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    object-fit: cover;

}



.item_projectHome .info {

    padding: 0.5rem 1rem;

    color: #333;

    font-size: 1.4rem;

}



.item_projectHome .info .date {

    background: var(--bg-gradient);

    background-clip: text;

    color: transparent;

}



.item_projectHome .info h3 {

    font-size: 2rem;

    color: #111;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.df-cusReply .left {

    width: 30%;

    background-size: cover!important;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}



.df-cusReply .left:before {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    content: '';

    background-color: rgb(255, 255, 255, 0.7);

}



.df-cusReply .right {

    width: 70%;

    background: linear-gradient(90deg, #62ADE3 0%, #62E36F 100%);

    padding: 5em 10% 5em 10%;

}



.title_rp {

    position: relative;

    z-index: 1;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10% 20%;

}



.title_rp span {

    background: var(--bg-gradient);

    background-clip: text;

    color: transparent;

    font-family: 'LatoB';

    text-transform: uppercase;

    font-size: 5rem;

    font-weight: 900;

}



.item_kh {

    margin-bottom: 3rem;

    position: relative;

}



.item_kh.item_kh01 {

    padding-left: 15%;

}



.item_kh.item_kh02 {

    padding-right: 15%;

}



.df-kh {

    align-items: center;

    border-radius: 30rem;

    background-color: #fff;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

}



.df-kh .img {

    margin: 0 0;

    width: 17rem;

}



.df-kh .info {

    width: calc(100% - 17rem);

    padding-right: 3rem;

}



.df-kh .img img {

    height: 15rem;

    width: 15rem;

    border-radius: 50%;

}



.swiperReply {

    max-height: 40rem;

}



.item_kh .name {

    font-family: 'LatoB';

}



.df-foot {

    display: flex;

    justify-content: space-between;

    margin-bottom: 3rem;

}



.swiperMenui-prev,

.swiperMenui-next {

    bottom: 0!important;

    top: unset!important;

    width: 2.7rem!important;

    height: 3rem!important;

    color: var(--color-1);

    border: 0.1rem solid var(--color-1);

    border-radius: 0.2rem;

}



.swiperMenui-prev {

    left: 0!important;

}



.swiperMenui-next {

    right: 0!important;

}



.ds_page {

    position: relative;

    margin-bottom: 0;

    font-size: 1.6rem;

}



.gird_contact {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 3rem;

}



.nd_gird .item1 {

    grid-area: item1;

    position: relative;

}



.nd_gird .item2 {

    grid-area: item2;

    position: relative;

}



.nd_gird .item3 {

    grid-area: item3;

    position: relative;

}



.nd_gird .item3 {

    grid-area: item3;

    position: relative;

}



.nd_gird .item4 {

    grid-area: item4;

    position: relative;

}



.nd_gird .item5 {

    grid-area: item5;

    position: relative;

}



.nd_gird .item6 {

    grid-area: item6;

    position: relative;

}



.nd_gird .item7 {

    grid-area: item7;

    position: relative;

}



.nd_gird .item8 {

    grid-area: item8;

    position: relative;

}



.nd_gird .item9 {

    grid-area: item9;

    position: relative;

}



.nd_gird .item_project .img {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    top: 0;

    left: 0;

    overflow: hidden;

}



.nd_gird .item_project {

    width: 100%;

}



.nd_gird .item_project.item5 .img {

    padding-bottom: 25%;

}



.nd_gird .item_project .img img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover;

    cursor: pointer;

}



.gird__project {

    display: grid;

    grid-template-areas: "item1 item2 item3 item4" "item5 item5 item5 item5" "item6 item7 item8 item9";

    gap: 0;

    grid-template-columns: 25% 25% 25% 25% 100% 25% 25% 25% 25%;

    margin-bottom: 3rem;

}



.nd_gird .item_project .info {

    font-size: 1.4rem;

    padding: 1rem;

}



.nd_gird .item_project .info h3 {

    color: #222;

    font-family: 'LatoB';

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.nd_gird .item_project .info .sub .date {

    background: var(--bg-gradient);

    background-clip: text;

    color: transparent;

}



.nd_gird .item_project.item5 .info {

    position: absolute;

    z-index: 9;

    width: 100%;

    left: 0;

    bottom: 0;

    color: #fff;

}



.nd_gird .item_project.item5 .info h3 {

    color: #fff;

}



.shortCont .container {

    max-width: 1000px;

}



.item_project:hover .info h3 {

    color: var(--color-1);

}



.pn-detail {

    padding-bottom: 3rem;

}



.gird__cateService {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.gird_services {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.it_serv {

    position: relative;

}



.it_serv .img {

    margin-bottom: 2rem;

    overflow: hidden

}



.it_serv .img img {

    width: 100%;

    height: 30rem;

    object-fit: cover;

}



.it_serv .name {

    font-size: 2.4rem;

    font-family: 'LatoR';

    color: #222;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.it_serv .name:hover {

    color: var(--color-1);

}



.it_serv .cont {

    font-size: 1.4rem;

    color: #444;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

}



.it_serv:hover .info h3 {

    color: var(--color-1);

}



.listRecruiment>li {

    display: block;

    margin-bottom: 1rem;

    border-bottom: 0.1rem solid #DDDDDD;

    margin-bottom: 2rem;

}



.listRecruiment>li:last-child {

    border-bottom-color: transparent;

}



.df-recruiment .left {

    width: 35%;

    padding-right: 2rem;

}



.df-recruiment .left h3 {

    font-size: 1.6rem;

    color: #222;

    line-height: 2.2rem;

}



.df-recruiment .left h3:hover a {

    color: var(--color-1);

}



.df-recruiment .right {

    width: calc(65% - 10rem);

}



.df-recruiment .move {

    width: 10rem;

    text-align: center;

}



.df-recruiment .right .sub {

    list-style-type: none;

    margin: 0;

    padding: 0;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 3rem;

    font-size: 1.35rem;

    color: #545454;

}



.listRecruiment>li.first * {

    color: var(--color-1);

    font-family: 'LatoB';

    text-transform: uppercase;

}



.df-recruiment .right .sub p {

    margin-bottom: 2px;

}



.zoomImg {

    transition: transform .4s;

}



.zoomImg:hover {

    -ms-transform: scale(1.05);

    /* IE 9 */

    -webkit-transform: scale(1.05);

    /* Safari 3-8 */

    transform: scale(1.05);

}



.pn-thongso {

    padding: 3rem 0;

    background-size: cover!important;

    background-repeat: no-repeat!important;

    background-position: 50% 50%!important;

}



.gird_ts {

    display: grid;

    grid-template-areas: 'item1 item2 item3 item4' 'item1 item5 item6 item7';

    gap: 3rem;

    grid-template-columns: 25% 25% 25% 25%;

    padding-left: 5%;

    margin: 3rem 0;

    position: relative;

    border-left:0.2rem solid var(--color-1);

}



/*.gird_ts:before {

    position: absolute;

    width: 1.8rem;

    height: 100%;

    content: '';

    left: -1.8rem;

    top: 0;

    background: url(templates/images/line_tk.png)repeat-y;

}*/



.gird_ts .item1 {

    grid-area: item1;

    position: relative;

}



.gird_ts .item2 {

    grid-area: item2;

    position: relative;

}



.gird_ts .item3 {

    grid-area: item3;

    position: relative;

}



.gird_ts .item4 {

    grid-area: item4;

    position: relative;

}



.gird_ts .item5 {

    grid-area: item5;

    position: relative;

}



.gird_ts .item6 {

    grid-area: item6;

    position: relative;

}



.gird_ts .item7 {

    grid-area: item7;

    position: relative;

}



.gird_ts .item_ts {

    position: relative;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

}

.gird_ts .item_ts.item1 .sub{
    font-size:7rem;
    color:var(--color-1);
}



.gird_ts .item_ts .sub {

   font-family: 'FahkwangB';

    color:#525252;

    font-size: 3.6rem;

}



.gird_ts .item_ts .sub sup {

    font-size: 3rem;

}



.gird_ts .item_ts .name {

    font-size: 2rem;

    color: #555;

}



.pn-tongquan {

    padding: 5rem 0 5rem 0;

}



.df-tongquan {

    align-items: center;

}



.df-tongquan .left {

    width: 50%;

    padding-right: 3rem;

}



.title_pn h2 {

    text-transform: uppercase;

    font-family: 'LatoB';

    letter-spacing: 0.1rem;

    margin-bottom:2.5rem;

    border-bottom:1px solid var(--color-1);

    display:flex;

}



.title_pn h2 .slice1 {

    color: #fff;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: var(--color-1);

}



.left .nd .cont {

    font-size: 1.6rem;

    line-height: 1.625;

}



.df-tongquan .right {

    width: 50%;

}



.df-tongquan .right .img {

    position: relative;

    padding-top: 5rem;

    padding-right: 5rem;

}



.df-tongquan .right .img:before {

    position: absolute;

    width: 70%;

    height: 90%;

    content: '';

    top: 0;

    right: 0;

    background-color: rgb(135, 39, 13, 0.85);

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.df-tongquan .right .img img {

    width: 100%;

    position: relative;

    z-index: 1;

    padding: 0.7rem;

    background-color: #fff;

    border: 1px solid #eee;

    border-radius: 0.2rem;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.pn-lvhd {

    padding: 1rem 0;

}



.item_lvhd .img {

    padding: 0.5rem;
    margin-bottom: 1rem;
    overflow:hidden;

}



.item_lvhd .img img {

    height: 32rem;

    object-fit: cover;

    width: 100%;

    border-radius: 1rem;

    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;

}



.item_lvhd .info h3 a {

    color: #222;

    font-size: 1.8rem;

    text-transform: uppercase;

    line-height: 2.6rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    font-family: 'LatoB';

}



.item_lvhd .info h3:hover a {

    color: var(--color-1);

}



.item_lvhd .info .cont {

    font-size: 1.4rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.item_lvhd .info {

    margin-bottom: 2rem;

}



.pn-duantb {

    padding: 3rem 0;

}



.pn-doitac {

    padding: 3rem 0;

}



.gird_dt {

    display: flex;

    display: -webkit-flex;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    justify-content: center;

    -webkit-justify-content: center;

}



.gird_dt .item_dt {

    text-align: center;

    transition: var(--trans);

    width: calc(20% - 2rem);

    margin: 1rem 1rem;

    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;

    border-radius: 0.5rem;

}



.gird_dt .item_dt a img {

    height: 12rem;

    width: 100%;

    object-fit: contain;

    border-radius: 0.5rem;

}



.gird_dt .item_dt:hover a img {

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.gird_duanHome {

    display: grid;

    grid-template-areas: 'item1 item1 item2' 'item1 item1 item3';

    gap: 1rem;

    grid-template-columns: 30% 30% 40%;

}

.gird_duanHome .item_dah{
    overflow:hidden;
}

.gird_duanHome .item_dah img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform .2s;

}

.gird_duanHome .item_dah:hover img{

      transform: scale(1.3);

      transition: transform .2s;
}





.gird_duanHome .item1 {

    grid-area: item1;

    position: relative;

}



.gird_duanHome .item2 {

    grid-area: item2;

    position: relative;

}



.gird_duanHome .item3 {

    grid-area: item3;

    position: relative;

}



.gird_duanHome .item_dah {

    position: relative;

    overflow:hidden;

}

.gird_duanHome .item_dah:before{
    width:100%;
    height:40%;
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    background: linear-gradient(360deg, #87270D 0%, rgba(231, 228, 228, 0) 65.72%);
    z-index:9;
}



.gird_duanHome .item_dah .caption {

    position: absolute;

    width: 85%;

    height: 85%;

    top: 7.5%;

    left: 7.5%;

    z-index:10;

/*    background: #87270D80;*/

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 2em;

}



.gird_duanHome .item_dah.item2 .caption,

.gird_duanHome .item_dah.item3 .caption {

    align-items: flex-end;

/*    background: linear-gradient(360deg, #87270D 0%, rgba(231, 228, 228, 0) 65.72%);*/

}



.gird_duanHome .item_dah .caption h3 {

    font-size: 2.8rem;

    color: #fff;

    font-family: 'LatoB';

    text-transform: uppercase;

    letter-spacing: 0.1rem;

}



.pn-vdHome {

    padding: 5rem 0;

    min-height: 70rem;

    margin-bottom: 3rem;

    background-size: cover!important;

    background-repeat: no-repeat!important;

    background-position: 50% 50%!important;

}



.pn-vdHome .nd {

    text-align: center;

    color: #fff;

}



.pn-vdHome .nd h2 {

    color: #fff;

    text-transform: uppercase;

    font-size: 4rem;

    font-family: 'LatoB';

    margin: 2rem 0;

}



.df-3c {

    align-items: center;

    margin-bottom: 3rem;

    position: relative;

    z-index: 1;

}



.df-3c .title_pn {

    width: 30rem;

}



.df-3c .title_pn h2 {

    margin-bottom: 0;

}



.df-3c .cont {

    width: calc(100% - 40rem);

    font-size: 1.6rem;

    line-height: 2.4rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.df-3c .controls {

    width: 10rem;

}



.pn-newsHot {

    padding: 0 0 3rem 0;

}



.item_news .img img {

    height: 30rem;

    object-fit: cover;

    width: 100%;

}



.item_news {

    position: relative;

    margin-bottom: 2rem;

}



.item_news .info {

    width: calc(100% - 2rem);

    margin: 0 auto;

    margin-top: -3rem;

    position: relative;

    background-color: #F5F5F5;

    padding: 1.5rem;

    min-height: 16rem;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.item_news .info h3 a {

    font-size: 1.6rem;

    font-family: 'LatoB';

    color: #111;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.item_news .info h3:hover a {

    color: var(--color-1);

}



.item_news .info .desc {

    font-size: 1.4rem;

    line-height: 2.2rem;

    color: #444;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 0;

}



.item_news .info .meta {

    font-size: 1.4rem;

}



.item_news .info .meta .author_t {

    position: relative;

    margin-left: 0.5rem;

    padding-left: 1rem;

}



.item_news .info .meta .author_t:before {

    width: 0.5rem;

    height: 0.5rem;

    position: absolute;

    border-radius: 10%;

    content: '';

    left: 0;

    top: 0.5rem;

    background-color: #830B0B;

}



.df-dktv {

    position: relative;

    z-index: 1;

    color: #fff;

    align-items: center;

}



.pn-dktv {

    padding: 5rem 0;

    background-size: cover!important;

    position: relative;

}



.pn-dktv:before {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    content: '';

    background-color: rgb(135, 39, 13, 0.85);

}



.df-dktv .left,

.df-dktv .right {

    width: 50%;

}



.df-dktv .left {

    padding-right: 5rem;

}



.df-dktv .left .name {

    text-transform: uppercase;

    line-height: 3.8rem;

    font-family: 'LatoM';

    margin-bottom: 2rem;

    font-size: 2.6rem;

}



.df-dktv .left .cont {

    font-size: 1.6rem;

    line-height: 2.6rem;

    margin-bottom: 3rem;

    letter-spacing: 0.05rem;

}



.group_down {

    background-color: #1A1A1A;

    font-size: 1.4rem;

    font-family: 'LatoM';

    color: var(--color-1);

    line-height: 4rem;

    display: flex;

    align-items: center;

    padding-right: 1rem;

}



.group_down .txt {

    background-color: #fff;

    padding: 0 2rem 0 1rem;

    border-bottom: 2px solid #1A1A1A;

    text-transform: uppercase;

    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);

}



.d_download {

    display: inline-block;

}



.group_down .icon img {

    height: 2.5rem;

}



.gird_frmtv {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 2rem;

}



.page_desc .nd {

    font-size: 1.6rem;

    line-height: 2.6rem;

    max-width: 90rem;

    margin: 0 auto;

    padding-left: 4rem;

    position: relative;

}



.page_desc .nd:before {

    position: absolute;

    width: 2.5rem;

    height: 2.5rem;

    content: '';

    background: url(templates/images/ic_cp.png)no-repeat;

    top: 0;

    left: 0;

}



.pn-message-president {

    padding: 3rem 0;

}



.df-msg {

    background-color: #EFEFEF;

}



.df-msg .left {

    width: 60%;

    padding: 5rem;

}



.df-msg .right {

    width: 40%;

}



.df-msg .right .img img {

    width: 100%;

    object-fit: cover;

}



.df-msg .left .nd h3.name {

    font-size: 2.4rem;

    color: var(--color-1);

    font-family: 'LatoB';

    text-transform: uppercase;

    margin-bottom:3rem;

    border-bottom:1px solid var(--color-1);

    display:flex;

}



.df-msg .left .nd .cont {

    font-size: 1.6rem;

    letter-spacing: 0.05rem;

    line-height: 2.5rem;

    overflow-y: scroll;

    height: 35rem;

    margin-bottom: 1rem;

    padding-right:2rem;

}



.df-msg .left .nd .caption {

    text-align: right;

}



.df-msg .left .nd .caption p {

    margin-bottom: 0;

}



.df-msg .left .nd .caption p.name {

    color: var(--color-1);

    font-size: 1.6rem;

    text-transform: uppercase;

    font-family: 'LatoB';

}



.df-msg .left .nd .caption p.posi {

    color: #222;

    font-size: 1.5rem;

}





/*

 *  STYLE 3

 */



#style-3::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #F5F5F5;

}



#style-3::-webkit-scrollbar {

    width: 6px;

    background-color: #F5F5F5;

}



#style-3::-webkit-scrollbar-thumb {

    background-color: var(--color-1);

}



.pn-stated {

    padding: 3rem 0;

}



.gird_stated {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.gird_stated .item_stated {

    background-color: #F9F9F9;

    padding: 3rem 2rem;

    border-radius: 0.2rem;

    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;

}



.gird_stated .item_stated h4 {

    font-size: 1.7rem;

    color: #111;

    font-family: 'LatoB';

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 2rem;

}



.gird_stated .item_stated .cont {

    font-size: 1.4rem;

    line-height: 2.3rem;

    text-align: center;

}



.title_page h2 {

    font-size: 2.6rem;

    font-family: 'LatoB';

    text-transform: uppercase;

    margin-bottom:3rem;

    color: var(--color-1);

    border-bottom:1px solid var(--color-1);

    display:flex;

}



.pn-coreValue {

    padding: 0 0;

    margin-bottom: 3rem;

}



.pn-coreValue .background {

    padding: 3rem;

    border-radius: 0.5rem;

    position: relative;

    background-size: cover!important;

    background-repeat: no-repeat!important;

    background-position: 50% 50%!important;

    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;

}



.pn-coreValue .background:before {

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    content: '';

    background: linear-gradient(360deg, #87270D 0%, rgba(231, 228, 228, 0) 65.72%);

}



.background .title_page h2 {

    margin-bottom: 3rem!important;

}



.gird_coreValue {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    grid-gap: 2rem;

    color: #fff;

    position: relative;

    z-index: 1;

}



.gird_coreValue .item h4 {

    font-size: 1.6rem;

    font-family: 'LatoB';

    margin-bottom: 1rem;

}



.gird_coreValue .item .cont {

    font-size: 1.3rem;

    line-height: 2.2rem;

}



.item_his {

    display: block;

    justify-content: space-between;

    align-items: flex-start;

}



.item_his .year {

    width: 20%;

}



.item_his .img {

    width: 40%;

}



.item_his .cont {

    width: 40%;

}



.item_timeline {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    font-size: 2rem;

    font-family: 'LatoB';

    cursor: pointer;

}



.item_timeline .year {

    color: #999;

    width: 100%;

    text-align: center;

    margin-bottom: 1rem;

    position: relative;

}



.item_timeline .year:after {

    position: absolute;

    width: 100%;

    height: 0.15rem;

    content: '';

    background-color: var(--color-1);

    bottom: -2.5rem;

    left: 0;

}



.item_timeline .year .icon {

    width: 100%;

}



.swiper-slide-thumb-active .item_timeline .year {

    color: var(--color-1);

}



.swiper_contTimeLine {

    margin-top: 2rem;

}



.item_contTimeLine {

    padding: 3rem;

    font-size: 1.4rem;

    background-color: #fff;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}



.item_contTimeLine .name {

    width: 15rem;

    font-size: 5rem;

    padding-right: 1rem;

    font-family: 'LatoB';

    color: #fff;

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-color: var(--color-1);

    position: relative;

}



.item_contTimeLine .name:after {

    position: absolute;

    content: '';

    width: 100%;

    height: 70%;

    bottom: 0;

    left: 0;

    background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.9));

}



.item_contTimeLine .img {

    width: 50%;

}



.item_contTimeLine .img img {

    width: 100%;

}



.item_contTimeLine .cont {

    width: calc(50% - 16rem);

    padding-left: 3rem;

}



.pn-hsdn {

    padding: 3rem 0;

}



.group_tit_hsdn {

    color: var(--color-1);

    font-family: 'LatoB';

}



.df-hsdn {

    align-items: center;

}



.df-hsdn .left,

.df-hsdn .right {

    width: 50%;

}



.df-hsdn .left {

    padding-right: 2rem;

}



.group_tit_hsdn .t1 {

    text-transform: uppercase;

    margin-bottom: 1rem;

    border-bottom: 1px solid var(--color-1);

    display:flex;

}



.group_tit_hsdn span {

    position: relative;

    padding-bottom:1rem;

}



.group_tit_hsdn span:after {

    position: absolute;

    width: 100%;

    height: 0.5rem;

    background: var(--color-1);

    content: '';

    left: 0;

    bottom: 0px;

    clip-path: polygon(0 0, 97% 0%, 100% 100%, 0% 100%);

}



.df-hsdn .right .nd {

    padding-left: 3rem;

    font-size: 1.6rem;

    line-height: 2.6rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;

}



.gird_hsdn {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

    margin-top: 3rem;

}



.gird_hsdn>li {

    padding: 2rem 1rem;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    border-radius: 0.5rem;

    text-align: center;

}



.gird_hsdn>li img {

    height: 8rem;

}



.gird_hsdn>li h3 {

    font-family: 'LatoB';

    margin-top: 2rem;

}



.pn-doc {

    padding: 3rem 0;

}



.df-doc {

    align-items: center;

}



.df-doc .left,

.df-doc .right {

    width: 50%;

}

.df-doc .left img{
    width:100%;
}

.pn-doc .right {

    padding-left: 3rem;

}



.df-doc .right .cont {

    font-size: 1.6rem;

    line-height: 2.5rem;

    letter-spacing: 0.05rem;

}



.df-doc .right .download {

    text-align: center;

    margin-top: 2rem;

}



.df-doc .right .download .inner {

    display: inline-block;

}



.download .group_down {

    background-color: var(--color-1);

}



.download .group_down .txt {

    background-color: #c1c1c1;

}



.gird_nhansu {

    margin: 3rem 0;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 2.5rem;

}

.gird_nhansu > li{
    position:relative;
    height:0;
    padding-bottom:150%;
}

.gird_nhansu > li > .item_ns{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}


.gird_nhansu .item_ns {

    position: relative;

    border-radius: 1rem;

    overflow: hidden;

}



.gird_nhansu .item_ns img {

    width: 100%;
    height:100%;
    object-fit: cover;

}



.gird_nhansu .item_ns .cap {

    position: absolute;

    width: 100%;

    height: 40%;

    left: 0;

    bottom: 0;

    color: #fff;

    text-align: center;

    background: linear-gradient(360deg, #87270D 0%, rgba(231, 228, 228, 0) 65.72%);

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding-bottom:2rem;

}



.gird_nhansu .item_ns .cap h3 {

    font-family: 'LatoM';

    font-size: 2rem;

    margin-bottom:1rem;

    text-align:left;

    max-width:calc(100% - 2rem);

    margin:0 1rem;

    border-top:2px solid #fff;

    padding-top:1rem;

}



.gird_nhansu .item_ns .cap p {

    font-size: 1.5rem;

    font-family: 'LatoM';

    margin-bottom: 1rem;

    text-align:left;
    text-indent:1rem;

}



.gird_nhansu .item_ns .ns_hide {

    position: absolute;

    z-index: 1;

    width: 101%;

    height: 101%;

    left: 0;

    top: 0;

    background-color: #fff;

    padding: 0.5rem;

    border-radius: 1rem;

    opacity: 0;

    transition: var(--trans);

}



.gird_nhansu .item_ns:hover .ns_hide {

    opacity: 1;

}



.gird_nhansu .item_ns .ns_hide .inner {

    position: absolute;

    width: calc(100% - 1.5rem);

    height: calc(100% - 1.5rem);

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    display: flex;

    justify-content: flex-start;

    flex-direction: column;

    padding: 2rem;

}



.gird_nhansu .item_ns .ns_hide .inner .h3 {

    font-size: 2rem;

    font-family: 'LatoB';

    text-transform: uppercase;

}



.gird_nhansu .item_ns .ns_hide .inner .posi {

    font-family: 'LatoM';

    text-transform: uppercase;

    font-size: 1.8rem;

    color: #444;

    margin-bottom: 0;

}



.gird_nhansu .item_ns .ns_hide .inner .short_d {

    font-family: 'LatoM';

    text-transform: capitalize;

    font-size: 1.6rem;

    color: #444;

    margin-bottom: 0;

}



.gird_nhansu .item_ns .ns_hide .inner .cont {

    font-size: 1.4rem;

    line-height: 2.2rem;

    letter-spacing: 0.05rem;

    padding-top: 1rem;

    margin-top: 1rem;

    border-top: 0.15rem solid var(--color-1);

}



.pn-newsHot.aboutUs {

    background-size: cover!important;

    position: relative;

    padding-top: 3rem;

}



.pn-newsHot.aboutUs:before {

    position: absolute;

    width: 100%;

    height: 100%;

    content: '';

    top: 0;

    left: 0;

    background-color: rgba(254, 243, 241, 0.5);

    z-index: 1;

}



.pn-field {

    margin-bottom: 5rem;

}



.df-field {

    align-items: center;

}



.df-field .left,

.df-field .right {

    width: 50%;

}



.df-field .left img {

    width: 100%;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

}



.df-field .right {

    padding-left: 4rem;

}



.df-field .right .name {

    font-size: 3rem;

    color: var(--color-1);

    margin: 1rem 0;


    font-family: 'FahkwangB';
}



.df-field .right .cont {

    font-size: 1.7rem;

    line-height: 2.6rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    text-overflow: ellipsis;

}



.gird_field {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 4rem;

    margin-top: 3rem;

}



.gird_field .item_field_tk {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.gird_field .item_field_tk .h2 {

    font-size: 5rem;

    font-family: 'LatoB';

    text-transform: uppercase;

    color: var(--color-1);

}



.gird_field .item_field_tk .txt {

    font-size: 2rem;

    font-family: 'LatoM';

}



.pn-field:nth-child(2n+1) .df-field {

    flex-direction: row-reverse;

}



.pn-field:nth-child(2n+1) .df-field .right {

    padding-left: 0;

    padding-right: 3rem;

}



.df-field .right .gird_field {

    border-top: 1px solid var(--color-1);

    padding-top: 3rem;

    position: relative;

}



.df-field .right .gird_field:before {

    position: absolute;

    width: 50%;

    height: 0.7rem;

    content: '';

    background-color: var(--color-1);

    left: 0;

    top: -0.7rem;

    clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);

}



.newsLv .title_pn {

    width: calc(100% - 10rem);

}



.swiper-container2 .item_news .info {

    padding: 0;

    margin: 1rem 0;

    background-color: transparent;

    box-shadow: unset;

}



.tab_project {

    display: flex;

    justify-content: space-between;

    border-top: 0.2rem solid var(--color-1);

    padding-top: 2rem;

}



.tab_project .item a {

    font-size: 1.6rem;

    text-transform: uppercase;

    color: #222;

    font-family: 'LatoM';

    position: relative;

}



.tab_project .item a:before {

    position: absolute;

    content: '';

    width: 100%;

    left: 0;

    top: -3.2rem;

    height: 0.8rem;

    background-color: var(--color-1);

    clip-path: polygon(7% 0, 93% 0, 100% 100%, 0% 100%);

    opacity: 0;

}



.tab_project .item.current a:before {

    opacity: 1;

}



.gird_filterProject {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

    margin: 3rem 0;

}



.gird_filterProject select {

    font-size: 1.4rem;

    height: 3.7rem;

}


.zoomImg {
    transition: transform .45s;
}
.zoomImg:hover{
    transform: scale(1.05);
}


/* -- css 11-03-24*/



.tit_susDev {

    color: var(--color-1);

    font-size: 2rem;

    font-family: 'LatoB';

    text-transform: capitalize;

    margin-bottom:3rem;

}

.tit_susDev h2{
    border-bottom:1px solid var(--color-1);
    display:flex;
}



.gird_susDev {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap:2rem;

}



.item_susDev {

    position: relative;

    transition: var(--trans);

    cursor:pointer;

}



.item_susDev .img {

    position: relative;

    height: 0;

    width: 100%;

    padding-bottom: 80%;

    background-size: cover!important;

}



.item_susDev h3 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-family: 'LatoM';

    margin-bottom: 1rem;

    font-size:2.6rem;

}



.item_susDev h3 .name {

/*    text-indent: 1rem;*/

}



.item_susDev h3 .control {

    width: 4rem;

    height:6rem;

    background-color: var(--color-1);

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    opacity: 1;

}



.item_susDev:hover h3 span.name,

.item_susDev.open h3  span.name{

    color:var(--color-1);

/*    background: #E8E8E8;*/

}



.item_susDev:hover h3 .control,

.item_susDev.open .control {

    opacity: 1;

}



.item_susDev .img .cap {

    position: absolute;

    width: 85%;

    height: 85%;

    top: 7.5%;

    left: 7.5%;

    background-color: rgb(135, 39, 13, 0.8);

    color: #fff;

    font-size: 1.4rem;

    padding: 2rem;

    display: flex;

    align-items: center;

    opacity: 0;

    display:none;

}



.item_susDev .img .cap .txt {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    text-overflow: ellipsis;

}



.item_susDev.open .img .cap {

    opacity: 1;

}



.item_susDev.op6 {

    opacity: 0.6;


}

.item_susDev.op6.open{
    opacity:1;
}



.item_susDev.open .control_susDev i {

    transform: rotate(180deg);

    transition: var(--trans);

}



.pn-fund {

    position: relative;

    padding: 5rem 0;

}



.df-fund {

    align-items: center;

}



.df-fund .left,

.df-fund .right {

    width: 50%;

}



.df-fund .right img {

    width: 100%;

}



.df-fund .left .nd h3 {

    font-family: 'LatoB';

    font-size: 2.4rem;

    color: var(--color-1);

    text-transform: capitalize;

    margin-bottom: 2rem;

    border-bottom:1px solid var(--color-1);

    display:flex;



}



.df-fund .left .nd .cont {

    padding: 2rem 3rem;

    margin-right: -5rem;

    position: relative;

    z-index: 1;

    background-color: #fff;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

}



.df-prize {

    align-items: center;

}



.df-prize .left,

.df-prize .right {

    width: 50%;

}



.df-prize .left {

    padding-right: 2rem;

}



.pn-prize {

    padding: 3rem 0;

}



.df-prize .left h3.name {

    font-family: 'LatoB';

    font-size: 2.4rem;

    color: var(--color-1);

    text-transform: capitalize;

    margin-bottom: 2rem;

    border-bottom:1px solid var(--color-1);

    display:flex;

}



.swiper-container7 .swiper-slide-prev:before {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    content: '';

    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3));

}



.swiper-container7 .swiper-slide-next:before {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    content: '';

    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1));

}



.tit_media {

    font-family: 'LatoB';

    font-size: 3rem;

    color: var(--color-1);

    text-transform: capitalize;

/*    margin-bottom:0.8rem;*/

    text-transform: uppercase;

}

.tit_media h2{
    display:flex;
    margin-bottom:0;
}



.tab_cateMedia {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 2rem;

    border-top: 1px solid #830B0B;

}



.tab_cateMedia .t_cateM {

    padding: 0 2rem;

    display: inline-block;

    position: relative;

}



.tab_cateMedia .t_cateM a {

    font-size: 1.6rem;

    text-transform: uppercase;

    font-family: 'LatoM';

}

.tab_cateMedia .t_cateM.current a{
    color:var(--color-1);
}



.tab_cateMedia .t_cateM:before {

    position: absolute;

    width: 100%;

    height: 0.8rem;

    content: '';

    background-color: var(--color-1);

    top: -2.8rem;

    left: 0;

    clip-path: polygon(5% 0, 96% 0, 100% 100%, 0% 100%);

    opacity: 0;

}



.tab_cateMedia .t_cateM.current:before,

.tab_cateMedia .t_cateM:hover:before {

    opacity: 1;

}



.gird_listMedia {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

    margin: 3rem 0;

}



.itemListMedia .img img {

    width: 100%;

    height: 25rem;

    object-fit: cover;

    border-radius: 0.5rem;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

}



.itemListMedia .img {

    margin-bottom: 1rem;

}



.itemListMedia .info .date {

    font-size: 1.4rem;

    color: #444;

}



.itemListMedia .info .name a {

    font-size: 1.8rem;

    color: var(--color-1);

    font-family: 'LatoB';

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.pn-pdfNews {

    padding: 3rem 0;

}



.df-pdfNews {

    align-items: center;

}



.df-pdfNews .left {

    width: 35%;

}



.df-pdfNews .right {

    width: 65%;

    padding-left: 3rem;

}



.df-pdfNews .left .nd {

    padding: 10% 20%;

    background-color: var(--color-1);

    color: #fff;

    font-family: 'LatoB';

    min-height: 30rem;

    display: flex;

    align-items: center;

}



.df-pdfNews .left .nd h3 {

    font-size: 2.6rem;

    text-transform: uppercase;

    line-height: 4rem;

}



.itfilePdf {

    position: relative;

    height: 0;

    padding-bottom: 120%;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

    margin: 0.5rem 0.5rem;

}



.itfilePdf .img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-size: cover!important;

}



.itfilePdf .img .caption {

    position: absolute;

    width: 100%;

    height: 50%;

    bottom: 0;

    left: 0;

    background: linear-gradient(360deg, #87270D 0%, rgba(231, 228, 228, 0) 65.72%);

    display: flex;

    justify-content: flex-start;

    align-items: flex-end;

    padding: 1rem;

}



.itfilePdf .img .caption h4 {

    color: #fff;

    font-size: 1.6rem;

    font-family: 'LatoM';

    padding-top: 1rem;

    border-top: 1px solid #fff;

    width: 100%;

}



.pn-videoHot {

    padding: 3rem 0 5rem 0;

    position: relative;

    background-color: #EFEFEF;

}



.tit_videoHot {

    margin-bottom: 3rem;

    display: flex;

    position: relative;

}



.tit_videoHot h3 {

    border-bottom: 1px solid var(--color-1);

    width: calc(100% - 11rem);

    display:flex;

}



.tit_videoHot .controls {

    width: 10rem;

}



.tit_videoHot h3 span {

    font-family: 'LatoM';

    font-size: 2.4rem;

    color: var(--color-1);

    text-transform: uppercase;

    position: relative;

    padding-bottom: 1rem;

}



.tit_videoHot h3 span:after {

    position: absolute;

    width: 100%;

    height: 0.7rem;

    content: '';

    left: 0;

    bottom:-1px;

    background-color: var(--color-1);

/*    clip-path: polygon(5% 0, 96% 0, 100% 100%, 0% 100%);*/
 clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);

}



.item_video3 {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 60%;

    background-size: cover!important;

    border-radius: 0.5rem;

    overflow: hidden;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

}



.item_video3 .caption {

    position: absolute;

    width: 100%;

    height: 50%;

    left: 0;

    bottom: 0;

    background: linear-gradient(360deg, #87270D 0%, rgba(231, 228, 228, 0) 65.72%);

    display: flex;

    justify-content: flex-start;

    align-items: flex-end;

    padding: 2rem;

}



.item_video3 .caption h4 {

    color: #fff;

    font-size: 2.4rem;

    font-family: 'LatoM';

    padding-top: 1rem;

    border-top: 1px solid #fff;

    width: 100%;
    
    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.pn-mediaList {

    padding: 3rem 0;

}



.tab_mlist {

    display: flex;

    justify-content: flex-start;

    align-items: center;

/*    padding-top: 1rem;*/

    border-top: 1px solid var(--color-1);

    margin-bottom: 2rem;

}



.tab_mlist .t_mlist {

    padding-right: 2rem;

    display:flex;

}



.tab_mlist .t_mlist span {

    cursor: pointer;

    font-size: 1.6rem;

    font-family: 'LatoM';

    text-transform: capitalize;

    position: relative;

    padding-top: 2rem;

    margin-top:-0.7rem;

}



.tab_mlist .t_mlist:hover span:before,

.tab_mlist .t_mlist.current span:before {

    position: absolute;

    width: 100%;

    content: '';

    height: 0.7rem;

    background-color: var(--color-1);

    top: 0;

    left: 0;
   
       clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);

}



.tab_mlist .t_mlist:hover span,

.tab_mlist .t_mlist.current span {

    color: var(--color-1);

}



.t_mlist_content {

    display: none;

}



.t_mlist_content.active {

    display: block;

}



.tit_media4 {

    margin: 1rem 0;

}



.tit_media4 a {

    font-size: 1.6rem;

    font-family: 'LatoM';

    color: var(--color-1);

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.post-header__meta {

    font-size: 1.4rem;

    letter-spacing: .02em;

    color: #b2b2b2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    font-family:'LatoR';

}



.post-header__meta-item {

    position: relative;

    margin-right: 2rem;

}



.relatedNews {

    padding: 5rem 0 3rem 0;

    background-color: #f5f5f5;

}



.relatedNews .title_block {

    text-transform: capitalize;

    margin: 0 0 3rem 0;

    font-family: 'LatoM';


    border-bottom:1px solid var(--color-1);

    display:flex;

}



.imr .img img {

    height: 25rem;

    object-fit: cover;

    border-radius: 1rem;

    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;

}



.imr .img {

    margin-bottom: 2rem;

}



.imr h3 {

    font-size: 2rem;

    color: #333;

    font-family: 'LatoM';

     display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:3;

    overflow: hidden;

    text-overflow: ellipsis;



}



.imr .post_date {

    font-size: 1.4rem;

    color: #333;

}



.imr:hover h3 {

    color: var(--color-1);

}



.projectImgInstead img {

    width: 100%;

    height: 50rem;

    object-fit: cover;

    border-radius: 1rem;

    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;

}



.df-projectTitle {

    align-items: center;

}



.df-projectTitle h1 {

    width: 50rem;

    font-size: 3rem;

    color: var(--color-1);

    font-family: 'LatoB';

}



.df-projectTitle .address {

    width: calc(100% - 52rem);

    font-size: 1.8rem;

    line-height: 2.4rem;

    color: #555;

}



.projectTitle {

    padding: 3rem 0;

    text-transform: uppercase;

}



.projectMark {

    padding: 2rem 0;

    border-top: 1px solid var(--color-1);

}



.gird_mark {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.gird_mark .item {

    text-align: left;

    font-size: 1.8rem;

    color: #333;

    font-family: 'LatoM';

}



.gird_mark .item .txt {

    font-size: 3rem;

    color: var(--color-1);

    font-family: 'LatoB';

    text-transform: uppercase;

    margin-top: 1rem;

}



.projectAlbum {

    padding: 2rem 0 3rem 0;

}



.site-slider .control_box {

    position: absolute;

    bottom: 5rem;

    z-index: 99;

    width:100%;

    

}

.swiper-control-slider .swiper-wrapper{
    list-style: none;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    margin-left: 0;
}

h2.sologan{
    color:#fff;
    font-family:'FahkwangB';
    text-align:center;
    margin-bottom:3rem;
    font-size:5rem;
}
.wrap_control_slider{
    position:relative;
    z-index:1;
    margin:0 auto;
    max-width:700px;
}


.item_control_slider {

    display: flex;

    flex-direction: column;

    color: #fff;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.item_control_slider{
    position:relative;
}

.item_control_slider .title {

    font-size: 1.6rem;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 2rem;

    width: 100%;

    text-align: center;

    padding-top:3rem;

    position:relative;

}

.item_control_slider:before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
    top: 0px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: 0 0;
}

.item_control_slider:after{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: calc(50% - 4px);
    top:6px;
    border-radius: 50%;
    border: 1px solid transparent;
    background: 0 0;
}

.swiper-slide-thumb-active .item_control_slider:before{
    border-color:var(--color-1);
}

.swiper-slide-thumb-active .item_control_slider:after{
    border-color:var(--color-1);
    background-color:var(--color-1);
}

.item_control_slider.n1 .title:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #fff;
    left: calc(50% + 10px);
    top:10px;
}


.item_control_slider.n2 .title:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #fff;
    left: calc(50% + 10px);
    top:10px;
}

.item_control_slider.n2 .title:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #fff;
    left: -10px;
    top:10px;
}


.item_control_slider.n3 .title:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #fff;
    left: calc(50% + 10px);
    top:10px;
}

.item_control_slider.n3 .title:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #fff;
    left: -10px;
    top:10px;
}


.item_control_slider.n4 .title:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #fff;
    left: -10px;
    top:10px;
}




.item_control_slider .icon {

    width: 100%;

    text-align: center;

    position: relative;

}



.item_control_slider .icon:after {

    position: absolute;

    height: 2px;

    width: 80%;

    left: 50%;

    content: '';

    background-color: #fff;

    top: 1.1rem;

}



.item_control_slider .icon img {

    display: inline-block;

    margin: 0 auto

}



.showWhenActive {

    display: none!important;

}



.swiper-slide-thumb-active .norm {

    display: none!important;

}



.swiper-slide-thumb-active .showWhenActive {

    display: block!important;

}



.newsLv {

    position: relative;

    background-size: cover!important;

    padding-top: 2rem;

    padding-bottom: 0;

}



.newsLv:before {

    position: absolute;

    width: 100%;

    height: 100%;

    content: '';

    top: 0;

    left: 0;

    background-color: rgba(254, 243, 241, 0.5);

    z-index: 1;

}



.select2 {

    font-size: 14px;

}



.select2 .select2-selection__rendered {

    text-indent: 7px;

}



.select2-results__option {

    font-size: 13px;

}



.select2-search__field {

    font-size: 13px;

    outline: none;

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 32px;

}



.listProject {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 3rem;

}



.listProject .item_project {

    background-color: #eee;

    border-radius: 0.5rem;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    overflow: hidden;

}



.listProject .item_project .img {

    margin-bottom: 0.5rem;

}



.listProject .item_project .img img {

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);

    height: 25rem;

    object-fit: cover;

}



.listProject .item_project .info {

    padding: 0 1rem;

    font-size: 1.4rem;

}



.listProject .item_project .info h3 a {

    font-size: 1.8rem;

    margin-bottom: 0.5rem;

    font-family: 'LatoB';

    color: #333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.listProject .item_project:hover .info h3 a {

    color: var(--color-1);

}



.listProject .item_project .info .adr {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.listProject .item_project .info .sm {

    display: flex;

    justify-content: space-between;

    padding: 0.5rem 0;

    border-top: 1px solid var(--color-1);

}



.listProject .item_project .info .sm .d {

    display: flex;

    flex-direction: column;

}



.listProject .item_project .info .sm .d .rs {

    font-family: 'LatoM';

    font-size: 1.6rem;

}



.chitiet_danhmuc {

    font-size: 1.6rem;

    line-height: 1.625;

}



.projectDetail .chitiet_danhmuc {

    text-align: center;

}



.titOth {

    font-size: 2.4rem;

    margin-bottom:3rem;

    text-transform: uppercase;

    font-family: 'LatoB';

    border-bottom:1px solid var(--color-1);

    display:flex;

}



.txt_prev {

    margin-right: 0.5rem;

    font-size: 1.6rem;

    color: var(--color-1)

}



.txt_next {

    font-size: 1.6rem;

    margin-left: 0.5rem;

    color: var(--color-1);

}



.swiper-container-next {

    flex-direction: row-reverse;

}



.swiper-container-prev,

.swiper-container-next {

    bottom: 0!important;

    top: unset!important

}



.swiper-container-prev {

    left: 20%!important;

}



.swiper-container-next {

    left: calc(20% + 7rem)!important;

}



.pn-lvhd .inner {

    padding-bottom: 5rem;

}





/* .swiper-container .swiper-slide-prev .item_lvhd {

    position: relative;

}



.swiper-container .swiper-slide-prev .item_lvhd:before {

    position: absolute;

    width: 40%;

    height: 100%;

    content: '';

    background-color: var(--color-1);

    top: 0;

    left: -20%;

    z-index: 0;

}



.item_lvhd .img,

.item_lvhd .info {

    position: relative;

    z-index: 1;

} */



.wrap_caption {

    position: relative;

    width: 100%;

    height: 100%;

    display: flex;

    align-items:flex-start;

    justify-content:flex-end;

    flex-direction: column;

}



.wrap_caption .top,

.wrap_caption .bottom,

.wrap_caption .main {

    width: 100%;

    text-align: center;

    position: relative;

}



.wrap_caption .top:before {

    position: absolute;

    content: '';

    background-color: #fff;

    width: 65%;

    height: 0.3rem;

    left: 0;

    top: 0;

}



.wrap_caption .top:after {

    position: absolute;

    content: '';

    background-color: #fff;

    width: 65%;

    height: 0.3rem;

    top: 0.7rem;

    right: 0;

}



.gird_duanHome .item_dah.item1 .caption {

    padding: 7em;

}



.wrap_caption .bottom:before {

    position: absolute;

    content: '';

    background-color: #fff;

    width: 65%;

    height: 0.3rem;

    left: 0;

    bottom: 0;

}



.wrap_caption .bottom:after {

    position: absolute;

    content: '';

    background-color: #fff;

    width: 65%;

    height: 0.3rem;

    bottom: 0.7rem;

    right: 0;

}



.gird_duanHome .item_dah.item1 .caption h3 {

    font-size: 3.6rem;

    text-align:left;

    position:relative;

}

.gird_duanHome .item_dah.item1 .caption h3:before{
    position:absolute;
    top:-2rem;
    width:100%;
    height:0.4rem;
    content:'';
    background-color:#fff;
    left:0;
}

.swiper-container1-prev,

.swiper-container1-next {

    top: 3rem!important;

}



.swiper-container1-next {

    right: 0%!important;

}



.swiper-container1-prev {

    right: 5rem!important;

    left: unset!important;

}

.list-social{
    display:flex;
    align-items:flex-end;
}

.list-social a {

    margin-right: 0.5rem;

}



.swiper-container2-prev,

.swiper-container3-prev,

.swiper-container6-prev {

    right: 5rem!important;

    left: unset!important

}



.swiper-container2 .item_news .img img,

.swiper-container3 .item_news .img img {

    height: 25rem;

}



.swiper-pagination-spct2 .swiper-pagination-bullet {

    width: 3rem;

    height: 0.5rem;

    border-radius: 0;

}



.swiper-pagination-spct2 .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background-color: var(--color-1);

}



.site-slider {

    position: relative;

    overflow: hidden;

}

.df-contact .item1{
    width:25%;
}
.df-contact .item2{
    width:35%;
}

.df-contact .item3{
    width:15%;
}
.df-contact .item4{
    width:25%;
}

.item_bc h3.name{
    font-size:2rem;
    border-top:2px solid #333;
    color:#444;
    margin-bottom:1rem;
    padding-top:1rem;
    font-family:'LatoB';
}

.item_bc .cont{
    font-size:1.7rem;
    line-height:1.625;
}

.block_contact{
    margin-bottom:3rem;
}

.title__line{
    position:relative;
    padding-bottom:1rem;
}
.title__line:after{
    position: absolute;
    width: 100%;
    height: 0.7rem;
    content: '';
    left: 0;
    bottom:-1px;
    background-color: var(--color-1);
    clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
}

/**/
.df-contact{
    align-items:center;
}
.contact__logo{
    height:20rem;
}
.df_system .left{
    width:calc(30% - 2rem);
}
.df_system .right{
    width:70%;
}

.df_system h3.title{
    font-size:2.4rem;
    border-bottom:1px solid var(--color-1);

    display:flex;
}

.accordion_qt{
    font-size:1.6rem;
    margin-top:4rem;
}
.content_qt{
    overflow-wrap: break-word;

}

.accordion_qt{
   
}

.heading_qt {
    border-top: 0.2rem solid rgba(0, 0, 0, 1);
    display:flex;
    justify-content:space-between;
    align-items:center;
    line-height:3rem;
    font-family:'LatoB';
    font-size:1.8rem;
    cursor:pointer;
    font-weight:600;
}
.content_qt{
    margin:1rem 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in;
}

.heading_qt .icon i{
    font-size:2rem;
}

.item_qt.current{

}

.heading_qt.active{
    color:var(--color-1);
    border-top-color:var(--color-1);
}

.icLogo{
    max-height:30rem;
}

.cont_cs{
    padding:3rem 3rem;
    border-radius:0.5rem;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    margin-top:3rem;
    font-size:1.6rem;
}

.img_subDev{
    cursor:pointer;
}

.item_susDev .cap{
    font-size:1.6rem;
    line-height:1.45;
    margin:0.5rem 0;
    display:none;
}



@keyframes moveAround {

    from {

        transform: rotate(0deg) translate(40px);

    }

    to {

        transform: rotate(360deg) translate(40px);

    }

}



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

    .banner_full .background {

        height: 50rem;

    }

    .gird_field .item_field_tk .h2 {

        font-size: 4rem;

    }

    .df-field .right .cont {

        font-size: 1.6rem;

    }

    .df-field .right .name {

        font-size: 2.8rem;

    }

    .item_video3 .caption h4 {

        font-size: 2rem;

    }

    .banner_full h1 {

/*        font-size: 3.2rem;*/

    }

    .banner_full .nd .cont {

        font-size: 2.6rem;
        line-height:3.5rem;

    }

    .df-dktv .left .name {

        line-height: 3.2rem;

    }

    .item_news .img img {

        height: 26rem;

    }

    .pn-vdHome {

        min-height: 60rem;

    }

    .icLogo {

        height: 15rem;

    }

    .pn-vdHome .nd h2 {

        font-size: 3.4rem;

    }

    .icPlay {

        height: 6rem;

    }

    .gird_duanHome .item_dah.item1 .caption h3 {

        font-size: 3rem;

    }

    .gird_duanHome .item_dah .caption h3 {

        font-size: 2.4rem;

    }

    .item-slide {

        height: 60rem;

    }

    .mySwiper .swiper-slide .item-slide {

        padding: 3rem 10rem;

    }

    .head__logo a img {

        width: 12rem;

    }

    .mySwiper .content h2 {

        font-size: 3rem;

    }

    .mySwiper .content p {

        font-size: 1.6rem;

    }

    .df-about .right .nd .sub {

        font-size: 3.4rem;

    }

    .df-about .right .nd .cont {

        font-size: 1.7rem;

        line-height: 2.6rem;

    }

    .df-why .left .top-d2 ul li img {

        width: 6rem;

        height: 6rem;

    }

    .title_rp span {

        font-size: 4rem;

    }

    .item_kh:before {

        width: 10rem;

        height: 7.5rem;

    }

    .container {

        max-width: 1200px;

        padding: 0 2rem;

    }

    .item_lvhd .img img {

        height: 27rem;

    }

}



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

    .item_video3 {

        padding-bottom: 70%;

    }

    .item_video3 .caption h4 {

        font-size: 1.6rem;

    }

    .title_rp {

        padding: 0 0;

    }

    .pn-project {

        padding-top: 2rem;

    }

    .pn-serviceH {

        padding-bottom: 3rem;

    }

    .flex__foot .foot__left {

        padding: 30px 30px;

    }

    .flex__foot .foot__right {

        padding: 30px 30px 0 30px;

    }

    .df-why .left,

    .df-why .right {

        padding: 3em;

    }

    .item_service h3 {

        padding: 0 2rem;

    }

    .item_service h3 {

        font-size: 2.8rem;

    }

    .titPn h2 span {

        font-size: 3.6rem;

    }

}



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

    .menu_t>ul>li>a {

        padding: 0 7px;

    }

    .cate_t {

        display: none;

    }

    .pn-menu {

        padding: 7px 0;

    }

    .pn-head {

        padding: 10px 0;

    }

    .ls-title {

        font-size: 30px!important;

    }

    .ls-text {

        font-size: 16px;

    }

    .site-serviceH {

        padding-top: 20px;

    }

    .site-truyenthong {

        padding: 30px 0;

    }

    #layerslider_1 {

        min-height: 700px!important;

    }

}



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

    .gird_duanHome .item_dah .caption h3 {

        font-size: 2rem;

    }

    .pn-doitac {

        padding: 1rem 0 2rem 0;

    }

    .pn-vdHome {

        min-height: 50rem;

    }

    .pn-dktv {

        background-size: cover!important;

        background-repeat: no-repeat!important;

        background-position: 50% 50%!important;

    }

    .pn-foot {

        padding-top: 2rem;

        background-size: cover!important;

        background-repeat: no-repeat!important;

        background-position: 50% 50%!important;

    }

    .pn-foot .foot_t {

       

        margin-top: 2rem;

    }

   

    .df-foot {

        display: block;

    }

    .df-foot .foot-1 {

        width: 100%;

        margin-bottom: 3rem;

    }



    .df-foot .foot-2,

    .df-foot .foot-3,

    .df-foot .foot-4 {

        width: 100%;

    }

    .df-why .right .cont {

        font-size: 1.6rem;

    }

    .df-why .right .name span {

        font-size: 3rem;

    }

    .item-slide {

        height: 50rem;

    }

    .site-banner img {

        min-height: 200px;

        object-fit: cover;

    }

    .site-cket {

        padding: 30px 0;

    }

    .giohang-mobile {

        opacity: 0;

        pointer-events: none;

    }

    .logo img {

        height: 80px;

    }

    .menu-mobi {

        width: 90px;

    }

    .slider__right {

        width: calc(100%);

    }

    .cate-left,

    .cate-right {

        width: 100%;

    }

    .cate-left {

        margin-bottom: 15px;

    }

    .list__SubCate {

        display: flex;

        justify-content: flex-start;

    }

    .list__SubCate>li {

        margin: 3px 5px 3px 0;

        position: relative;

        padding-right: 5px;

    }

    .list__SubCate>li:before {

        position: absolute;

        width: 1px;

        height: 40%;

        top: 30%;

        content: '';

        right: 0;

        background-color: #7D8FA6;

    }

    .list__SubCate>li:last-child::before {

        display: none;

    }

    .block__5 {

        width: calc(25% - 15px);

    }

    .pn-aboutHome {

        background-size: 35%!important;

    }

    .df-about .left {

        width: 30%;

    }

    .df-about .right {

        width: 70%;

        padding-left: 3rem;

    }

}



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

    .gird_ts .item_ts.item1 .sub{
        font-size:6rem;
    }

    .title_frm_contact {

        font-size: 2rem;

    }

   

    .item_susDev h3 .control {

        opacity: 1;

    }

    .item_susDev h3{
        font-size:2rem;
    }

   /* .gird_susDev {

        grid-template-columns: 1fr 1fr;

    }*/

    .Swiper_spct2 .Swiper_sp_hot_img {

        height: 50rem;

    }

    .projectImgInstead img {

        height: 40rem;

    }

    .listProject .item_project .img img {

        height: 23rem;

    }

    .item_news .img img {

        height: 23rem;

    }

    .swiper-container2 .item_news .img img,

    .swiper-container3 .item_news .img img {

        height: 23rem;

    }

    .container,

    .container-md,

    .container-sm {

        max-width: 100%;

        padding: 0 2rem;

    }

    .item_contTimeLine {

        flex-direction: column;

        padding: 0rem;

    }

    .item_contTimeLine .name,

    .item_contTimeLine .img,

    .item_contTimeLine .cont {

        width: 100%;

        padding: 0;

        margin-bottom: 1rem;

    }
    .item_contTimeLine .img{
        margin-bottom:2rem;
    }
    .item_contTimeLine .cont {

        font-size: 1.6rem

    }

    .gird_coreValue {

        grid-template-columns: 1fr 1fr 1fr;

    }

    .df-msg .left .nd .cont {

        height: 23rem;

    }

    .banner_full .background {

        height: 45rem;

    }

    .head__logo {

        padding-bottom: 0.5rem;

    }

    .df-cusReply .right {

        padding: 3em;

    }

    .head__logo a img {

        width: 10rem;

    }

    .navbar-form input {

        min-width: 100%;

    }

    .tit-foot {

        margin-top: 1rem;

    }

    .g-process {

        grid-template-columns: 1fr 1fr;

    }

    .pn-courses,

    .pn-vct,

    .site-frmDc {

        background-size: cover!important;

        background-repeat: no-repeat!important;

        background-position: 50% 50%!important;

    }

    .hc-offcanvas-nav h2 {

        background-color: var(--color-1)!important;

    }

    .hc-offcanvas-nav li.nav-close a,

    .hc-offcanvas-nav li.nav-back a {

        background-color: var(--color-1)!important;

    }

    .pn-head .container {

        max-width: 100%;

        padding: 0 1rem;

    }

    .pn-head {

        padding: 0.5rem 0;

    }

    .item-service .card-img {

        text-align: center;

    }

    .item-service .card-img span {

        font-size: 1.7rem;

    }

    .item-service .card-img strong {

        font-size: 3rem;

    }

    .head_search__booking {

        margin-top: 0.5rem;

    }

    .d-hm {

        align-items: center;

    }

    .head__logo {

        width: 50%;

        display: flex;

        align-items: center;

    }

    .m__menu {

        display: block;

        width: 5rem;

    }

    .head__right {

        width: 50%;

        justify-content: flex-end;

        flex-direction: unset;

    }

    .search_blc {

        display: none;

    }

    .pn-rating {

        padding: 50px 0;

    }

    .pn-cp p {

        text-align: center;

    }

    .tv__frm {

        margin: 15px auto

    }

    .d-foot {

        flex-direction: column;

    }

    .d-ht {

        display: none!important;

    }

    .service__item .service__box {

        opacity: 1;

    }

    .service__item a:before {

        background: rgb(0, 0, 204, 0.4);

    }

    .service__item a:before {

        width: 100%;

    }

    .site-about {

        margin-top: 10px;

    }

    /* .title-rpmenu {

        display: block;

    } */

    .pn-menu {

        display: none;

    }

    .site-slider .block__5 {

        width: calc(33.33% - 15px);

    }

    .content-nhanxet {

        width: 100%;

    }

    .tab_sanpham .nav-item .nav-link {

        height: 40px;

    }

    .cate__left {

        display: none;

    }

    .slider__right {

        margin-top: 80px;

    }

    .site-khuyenmai {

        margin-top: 0;

    }

    .feedback__content {

        padding-bottom: 50%;

    }

    .col-right-ctsp {

        width: 100%;

    }

    .item_product.item_product-right {

        width: calc(33.33% - 30px);

        margin: 15px 15px;

        float: left;

    }

    .giohang-mobile img {

        height: 30px;

    }

    .giohang-mobile {

        margin-top: 0;

    }

    #layerslider_1 {

        min-height: 600px!important;

    }

    .menu_t {

        display: none;

    }

    .blog-area .blog__left {

        width: 100%;

        padding-right: 0;

    }

    .blog-area .blog__right {

        width: 100%;

        padding: 20px 10px;

    }

    .gird__products {

        grid-template-columns: 1fr 1fr 1fr;

    }

    .stickHot {

        padding: 0 0;

    }

}

@media screen and (max-width:850px) {
    .d-frmtv{
        flex-direction:column;
    }
    #b-sendtv{
        margin-top:1rem;
    }
    .gird_dt .item_dt{
         width: calc(25% - 2rem);
    }
    .gird_duanHome .item_dah .caption h3{
        text-align:center;
        font-size:1.8rem;
    }
    .form_contact{
        padding:3rem 2rem;
    }
}

@media screen and (max-width:768px) {
    .scroll_tabProject{
    overflow-x:scroll;
}


.scroll_tabProject .tab_project{
    min-width:70rem;
}
    .title_pn h2{
        font-size:2.4rem;
    }
    .gird_nhansu{
        grid-template-columns:1fr 1fr;
        grid-gap:2.5rem;
    }
    .item_news{
        margin-bottom:0;
    }
    .df-prize .left,.df-prize .right{
        width:100%;
        padding:0;
        margin-bottom:3rem;
    }
    .pn-prize{
        padding: 0 0;
    }
    .pn-fund{
         padding:3rem 0;
    }
    .df-fund,.df-prize{
        flex-direction:column;

    }
    .df-fund .left,.df-fund .right{
        width:100%;
        padding:0;
       
    }
    .df-fund .left{
         margin-bottom:3rem;
    }
    .df-fund .left .nd .cont{
        margin-right:0;
    }
    .listProject{
        grid-template-columns:1fr 1fr;
        grid-gap:2rem;
    }
    .pn-tongquan{
        padding:3rem 0;
    }

    .df-tongquan{
        flex-direction:column;
    }
    .df-tongquan .left,.df-tongquan .right{
        width:100%;
        padding:0 0;
        margin-bottom:2rem;
    }

    .gird_ts{
        grid-template-areas:
        'item1 item2 item3 '
        'item1 item4 item5'
        'item1 item6 item7';
        grid-template-columns: 33.33% 33.33% 33.33%;
    }

    .df-recruiment .right .sub {

        grid-gap: 2rem;

    }

    .listRecruiment>li {

        padding-bottom: 3rem;

    }

    .df-recruiment {

        flex-direction: column;

    }

    .df-recruiment .left {

        width: 100%;

        margin-bottom: 2rem;

    }

    .df-recruiment .right {

        width: 100%;

    }

    .df-recruiment .move {

        width: 100%;

    }

    .df-about .left {

        width: 0%;

    }

    .df-about .right {

        width: 100%;

        padding-left: 0;

    }

    .pn-aboutHome {

        background-size: 15%!important;

    }

    .df-why {

        flex-direction: column;

    }

    .df-why .left,

    .df-why .right {

        width: 100%;

    }

    .item_kh:before {

        width: 5rem;

    }

    .df_news {

        flex-direction: column;

    }

    .df_news .left73_7,

    .df_news .left73_3 {

        width: 100%;

        padding-left: 0;

    }

    .single-ps1 .row_about .left {

        padding-right: 0;

    }

    #b-sendtv {

        border-radius: 0.3rem;

    }

    .pn-service {

        padding: 2rem 0 0 0;

    }

    .pn-project {

        padding-top: 3rem;

    }

    .df-project {

        flex-direction: column;

    }

    .df-project .cont {

        width: 100%;

        margin-bottom: 2rem;

    }

    .df-project .list {

        width: 100%;

        padding-left: 0;

    }

    .list-service {

        grid-gap: 3rem;

    }

    .item_us .img img {

        height: 150px;

    }

    .gird__products {

        grid-template-columns: 1fr 1fr;

    }

    .d-cvt .img img {

        max-width: 400px;

    }

    .d-cvt .img {

        padding-left: 0;

        margin: 30px 0;

    }

    .d-cvt {

        flex-direction: column;

    }

    .d-courses .img img {

        max-width: 400px;

        margin-bottom: 30px;

    }

    .d-courses .cont {

        padding-left: 0;

    }

    .d-courses {

        flex-direction: column;

    }

    .d-frmDc .frm__discount {

        width: 100%;

    }

    .d-frmDc {

        flex-direction: column;

    }

    .gird__khoahoc {

        grid-gap: 15px;

    }

    .pn-question h2 {

        font-size: 1.6rem;

    }

    .pn-question {

        padding-bottom: 0;

    }

    .pn-ck {

        padding: 20px 0;

    }

    .qb-l {

        padding-right: 0;

    }

    .ck__list {

        grid-gap: 20px;

    }

    .ck__list li h4 {

        font-size: 16px;

    }

    .ck__list li p {

        font-size: 14px;

    }

    .qb-r {

        text-align: center

    }

    .d-qb {

        flex-direction: column;

    }

    .tv__frm {

        max-width: 100%;

    }

    .tt_desc {

        display: none;

    }

    .list__ttItem li:nth-child(3) {

        display: none;

    }

    .truyenthong_right {

        padding-left: 15px;

    }

    .tt_item .img_tt_sm {

        flex: 40%;

    }

    .inner-about__txt {

        padding-top: 0;

        padding-bottom: 50px;

    }

    .service-dr {

        padding: 5px 10px;

    }

    .service__boxI {

        margin-top: 5%;

    }

    .head__hotline {

        display: none;

    }

    .site-bnc {

        margin-top: 0;

    }

    .block__5 {

        width: calc(33.33% - 15px);

    }

    .site-blogs {

        padding-bottom: 0!important;

        padding-top: 20px!important;

    }

    .chitiet_sp_hot_gia del,

    .chitiet_sp_hot_gia span {

        font-size: 20px;

    }

    .chitiet_sp_hot_title {

        margin-top: 30px;

        font-size: 24px;

    }

    .item_product.item_product-right {

        width: calc(50% - 30px);

    }

    .site-partner {

        padding: 5px 35px;

    }

    .site-blogs .col-sm-6 {

        width: 100%;

    }

    .feedback_text {

        width: 100%;

    }

    .feedback__content {

        padding-bottom: 60%;

    }

    .left__sl424,

    .right__ht424 {

        width: 100%;

        padding: 0;

    }

    .right__ht424 {

        margin: 10px 0;

    }

    .right__ht424 .divbd {

        background: none;

    }

    .right__ht424 .divbd ul li {

        width: calc(50% - 15px);

        margin: 7.5px 7.5px;

        float: left;

    }

    .logo {

        line-height: 50px;

    }

    .flex__foot {

        flex-direction: column;

    }

    .flex__foot .foot__left,

    .flex__foot .foot__right {

        flex: 100%;

    }

    .foot__left .site-copyright {

        display: none;

    }

    .cp_m {

        display: block;

    }

    .cp_m .site-copyright {

        position: relative;

    }

    .wrap__about .about__txt {

        min-height: 335px;

    }

    .ab-mo-ta {

        -webkit-line-clamp: 5;

    }

    #layerslider_1 {

        min-height: 500px!important;

    }

    .ls-text p {

        font-size: 2rem!important;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

        text-overflow: ellipsis;

        line-height: 2rem;

    }

    .ls-title {

        font-size: 2rem!important;

    }

    .menu_t>ul>li>a {

        font-size: 16px;

    }

    .inner-about__txt h3 {

        font-size: 20px;

    }

    .row_about {

        flex-direction: column;

        padding: 0 0 2rem 0;

    }

    .row_about .left {

        width: 100%;

        padding: 0;

        margin-bottom: 2rem;

    }

    .row_about .right {

        width: 100%;

    }

    .single-ps1 .row_about .right img {

        height: 350px;

    }

    .single-ps1 .row_about .left h3 {

        font-size: 2.4rem;

    }

    .gird-view {

        grid-template-columns: 1fr;

    }

    .gird-view .item-view {

        margin-bottom: 0;

    }

    .gird-view .item-view .nd {

        font-size: 1.5rem;

        line-height: 2.5rem;

    }

    .gird-menuii .item-menuii a h3 {

        font-size: 2rem;

    }

    .df-dts {

        flex-direction: column;

    }

    .df-dts .left {

        width: 100%;

        margin-bottom: 3rem;

    }

    .df-dts .right {

        width: 100%;

        margin-bottom: 0;

    }

    .title_book h2 {

        text-align: center!important;

    }

    .list__partner {

        grid-template-columns: 1fr 1fr;

    }

    .tit_single__partner h2 {

        font-size: 2rem;

    }

    .single-partner .tit_partner h2 {

        font-size: 2rem;

    }

    .gird__cateService,

    .gird_services {

        grid-template-columns: 1fr 1fr;

    }

    .Swiper_spct2 .Swiper_sp_hot_img {

        height: 50rem;

    }

}



@media screen and (max-width:700px) {
    .pn-susDev .tit_susDev h2 span.title__line{
        font-size:2.4rem;
    }
    /*.item_susDev .cap{
        display:block;

    }*/
    .item_susDev.open .nd{
        display:block;
    }

    #resultCs{
        display:none!important;
    }
    .item_susDev{
        border-top:2px solid #000;
        padding-top:1rem;
    }
    .item_susDev .nd .cap{
        display:none;
    }

    .item_susDev.open .nd .cap{
       display:block!important;
    }

    .item_susDev h3 .name{
        font-size:2.6rem;
    }
    .gird_susDev{
        grid-template-columns:1fr;
    }
    .df_system{
        flex-direction:column;
    }
    .df_system .left,.df_system .right{
        width:100%;
        padding:0;
        margin-bottom:1rem;
    }
    .df-contact{
        display:grid;
        grid-template-columns:1fr;
        grid-gap:2;
    }
    .block_contact{
        margin-bottom:1rem;
    }
    .df-contact .item_bc{
        width:100%;
        margin-bottom:1rem;
    }
    .gird_field{
        grid-gap:2rem;
    }
    .pn-field{
        margin-bottom:2rem;
    }
    .pn-field:nth-child(2n+1) .df-field{
        flex-direction:column;
    }
    .df-field{
        flex-direction:column;
    }
    .df-field .left,.df-field .right{
        width:100%;
        padding:0 0!important;
        margin-bottom:2rem;
    }
    .pn-detail{
        padding-bottom:0;
    }
    .imr .img img{
        height:20rem;
        border-radius:0.5rem;
    }
    .projectAlbum{
        padding-top:0;
        padding-bottom:1rem;
    }
    .df-projectTitle h1,.gird_mark .item .txt{
        font-size:2.6rem;
    }
    .df-projectTitle{
        flex-direction:column;
    }
    .df-projectTitle h1,.df-projectTitle .address{
        width:100%;
    }
    .wrap_contact{
        padding-bottom:70%;
    }
    .df-pdfNews .left .nd h3{
        font-size:2rem;
    }
    .pn-hsdn{
        padding:1rem 0;
    }
    .df-doc{
        flex-direction:column;
    }
    .df-doc .left,.df-doc .right{
        width:100%;
        padding:0;
        margin-bottom:2rem;
    }
    .gird_coreValue{
        grid-template-columns:1fr 1fr;
    }
    .gird_stated{
        grid-template-columns:1fr;

    }
    .pn-stated{
        padding-top:0;
    }
    .df-msg{
        flex-direction:column;
    }

    .df-msg .left,.df-msg .right{
        width:100%;
        padding:2rem;
    }
    .pn-pdfNews{
        padding:2rem 0 2rem 0;
    }
    .df-pdfNews .left .nd{
        padding:2rem 2rem;
        min-height:unset;
    }
    .df-pdfNews .left,.df-pdfNews .right{
        width:100%;
        padding:0 0;
        margin-bottom:2rem;
    }
    .df-pdfNews{
        flex-direction:column;
    }
    .gird_listMedia{
        grid-template-columns:1fr 1fr;
        grid-gap:2.5rem;
    }
    .icLogo{
        height:10rem;
    }
    .pn-vdHome .nd h2{
        font-size:2.6rem;
    }
    .pn-dktv{
        padding:3rem 0 0 0;
    }

    .df-dktv{
        flex-direction:column;
    }
     .df-dktv .left, .df-dktv .right{
        width:100%;
        padding:0;
        margin-bottom:2rem;
     }

    .item_service h3 {

        font-size: 2rem;

    }

    .single-service {

        padding-top: 0;

    }

    .df-cusReply {

        flex-direction: column;

    }

    .df-cusReply .left,

    .df-cusReply .right {

        width: 100%;

    }

    .head__banner {

        display: none;

    }

    .df_top {

        display: none!important;

    }

    .head__hotline {

        display: block;

        width: 135px;

    }

    .title-rpmenu {

        display: block;

        width: 135px;

    }

    .ls-l {

        left: 10%!important;

    }

    .banner_full h2 {

        font-size: 2.2rem;

    }

    .titPn h2 span {

        font-size: 3rem;

    }

    .gird__project {

        grid-template-areas: "item1 item2" "item3 item4" "item5 item5" "item5 item5" "item6 item7" "item8 item9";

        grid-template-columns: 50% 50% 50% 50% 100% 50% 50% 50% 50%;

    }
    .gird_duanHome .item_dah.item1 .caption{
        padding:4rem;
    }

    .wrap_TabCateMedia{
        overflow-x:auto;
    }

    .wrap_TabCateMedia .tab_cateMedia{
        min-width:60rem;
    }

}



@media screen and (max-width:650px) {
    
    .item_lvhd .img img{
        height:20rem;
    }
    .pn-tongquan{
        padding-bottom:0;
    }
    .gird_ts{
        margin:1rem 0;
        grid-gap:2rem;
    }
    .site-slider .control_box{
        bottom:1rem;
    }

    .Swiper_spct2 .Swiper_sp_hot_img {

        height: 40rem;

    }

    .df-about .right .nd .sub {

        font-size: 2.6rem;

    }

    .mySwiper .content h2 {

        font-size:2rem;

    }

    .mySwiper .content p {

        font-size: 1.6rem;

    }

    .mySwiper .swiper-slide .item-slide {

        padding: 2rem 4rem;

    }

    

    .banner_full h1 {

        font-size: 2rem;

    }

    .grid_anh {

        grid-template-columns: 1fr 1fr 1fr;

    }

    .grid-album {

        grid-template-columns: 1fr 1fr;

    }

    .single-news {

        padding-top: 1rem;

    }

    .it_post_hz .info .desc {

        -webkit-line-clamp: 3;

    }

    .it_post_hz .img {

        width: 200px;

    }

    .it_post_hz .info {

        width: calc(100% - 220px);

    }

    .pn-news {

        padding: 0 0 2rem 0;

    }

    .item_us .img img {

        height: 130px;

    }

    .list-us {

        grid-gap: 2rem;

    }

    .item-service {

        padding-bottom: 1rem;

    }

    .list-service {

        grid-template-columns: 1fr 1fr;

    }

    .img__AbDesk {

        display: none;

    }

    .img__AbMobile {

        display: block;

    }

    .site-bnc {

        margin-top: 0;

    }

    .wrap__about .about__txt {

        flex: 100%;

    }

    .wrap__about .about__img {

        flex: 100%;

    }

    .wrap__about {

        flex-direction: column;

    }

    #layerslider_1 {

        min-height: 400px!important;

    }

    .gird__service {

        grid-template-columns: 1fr 1fr;

    }

    .truyenthong_wrap {

        flex-direction: column;

    }

    .truyenthong_left {

        flex: 100%;

        margin-bottom: 30px;

    }

    .tt_imgmax img {

        width: 100%;

    }

    .flex__foot .foot__left {

        padding: 30px 15px;

    }

    .flex__foot .foot__right {

        padding: 30px 15px 0 15px;

    }

    .foot_wrapMap {

        padding-bottom: 40%;

    }

    .typography img {

        max-width: 100%!important;

        height: auto!important;

    }
    .banner_full .nd{
        padding:1rem;
        margin:1rem auto;
    }
    h2.sologan{
        font-size:4rem;
        text-align:center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}



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

    .gird_ts{
        padding-left:1rem;
    }
    .gird_ts .item_ts.item1 .sub{
        font-size:4rem;
    }
    .main-project{
        padding-bottom:2rem;
    }
    .Swiper_spct2 .Swiper_sp_hot_img{
        height:30rem;
    }
    .gird_mark{
        grid-template-columns:1fr;
        grid-gap:2rem;
    }
    .projectImgInstead img{
        height:30rem;
    }
    .listProject .item_project .img img{
        height:20rem;
    }
     .gird_filterProject{
        grid-gap:2rem;
    }
    .df-3c .cont{
        display:none;
    }
    .df-3c .title_pn{
        width:calc(100% - 10rem);
    }
    .swiper-container1-prev, .swiper-container1-next{
        top:1rem!important;
    }
    .pn-vdHome {
       min-height: 35rem;
    }
    .gird_dt .item_dt {
       width: calc(33.33% - 2rem);
    }
    .pn-duantb{
        padding-top:1rem;
    }
    .gird_duanHome .item_dah .caption{ 
        width:95%;
        height:95%;
        top:2.5%;
        left:2.5%;
        padding:1em;
    }
      
    .gird_duanHome .item_dah.item1 .caption h3{
        font-size:2.4rem;
    }

   

    .swiper-container-prev{
        left:calc(50% - 3.4rem)!important;
    }
    .swiper-container-next{
        left:calc(50% + 3.4rem)!important;
    }

    .gird_duanHome .item_dah.item1 .caption{
        padding:2em;
    }

    .item_service h3 {

        min-height: 6rem;

    }

    .it_serv .name {

        font-size: 1.8rem;

    }

    .item_service .img img,

    .it_serv .img img {

        height: 20rem;

    }

    .single-project {

        padding-top: 0;

    }

    .gird-menuii {

        grid-template-columns: 1fr;

    }

    .single-ps1 .row_about .right img {

        width: 100%;

        height: auto;

    }

    .row_about .right img {

        width: 100%;

        height: auto;

    }

    .pn-contact {

        padding-top: 1rem;

    }

    .tit_block h2 {

        text-align: left;

    }

    .pn-news .tit_news {

        margin-bottom: 2rem;

    }

    .head_social {

        display: none;

    }

    .list-us {

        grid-template-columns: 1fr;

    }

    .g-process .i-process {

        padding-left: 1rem;

    }

    .g-process {

        grid-template-columns: 1fr;

        grid-gap: 2rem;

    }

    .inner-cp .link {

        text-align: left;

    }

    .pn-block-cp .tit_cp h2 {

        text-align: left;

    }

    .g-about .cont .nd {

        text-align: left;

        padding-left: 0;

    }

    .g-about {

        grid-template-columns: 1fr;

    }

    .df-project .list ul {

        grid-template-columns: 1fr;

    }

    .feedback_text {

        padding-top: 10px!important;

    }

    .item__kh img {

        width: 100px!important;

        height: 100px!important;

    }

    .item__kh p {

        margin-top: 15px;

    }

    .feedback__content {

        padding-bottom: 70%;

    }

    .logo__footer {

        margin-bottom: 10px;

    }

    .mxh__foo ul {

        margin-bottom: 10px;

    }

    .right-head_cart {

        text-align: right;

    }

    h4.blog_tit {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        font-size: 15px;

        line-height: 22px;

    }

    .site-cket {

        padding: 20px 0;

    }

    .list__SubCate {

        display: block;

    }

    .list__SubCate li {

        display: inline-block;

    }

    .list__SubCate>li>a {

        line-height: 20px;

    }

    .site-copyright {

        padding: 5px 0;

    }

    .site-copyright p {

        line-height: 24px;

        color: #333;

    }

    .block__5 {

        width: calc(50% - 15px);

    }

    .site-productcl347 .item_product {

        margin-bottom: 15px;

    }

    .right-head_cart {

        width: 90px;

    }

    .res__head img {

        max-height: 60px;

    }

    .tit__home span {

        font-size: 20px;

    }

    .item_product_img {

        height: 200px;

    }

    .pn-head {

        padding: 5px 0;

    }

    .col-left-ctsp {

        width: 100%;

    }

    .site-truyenthong {

        background-size: cover!important;

        background-repeat: no-repeat!important;

        background-position: 50% 50%!important;

    }

    .site-partner {

        padding: 10px 15px;

    }

    .row__grid_2 {

        display: grid;

        grid-template-columns: 1fr;

        grid-gap: 20px;

    }

    .site-banner img {

        min-height: 150px;

        object-fit: cover;

    }

    .leftc1,

    .leftc2 {

        width: calc(100%);

        margin: 10px 0;

    }

    .content-f {

        margin-bottom: 0;

    }

    .pn-foot {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .pn-rating {

        padding: 30px 0;

    }

    .ck__list {

        grid-template-columns: 1fr;

    }

    .card__question .card-header {

        padding-left: 10px;

    }

    .gird__khoahoc {

        grid-template-columns: 1fr;

    }

    .cont-1 .name {

        font-size: 1.6rem;

    }

    .banner_full img {

        width: 100%;

        min-height: 300px;

        object-fit: cover;

    }

    .banner_full h2 {

        font-size: 2rem;

    }

    .tit_block h2 {

        font-size: 2.2rem;

    }

    .pn-block-cp .tit_cp h2 {

        font-size: 2rem;

    }

    .banner_full h1 {

        font-size: 2rem;

        line-height: 2.8rem;

    }

    .banner_full .background {

        height:25rem;

    }

    .banner_full .background {

        padding-top: 4rem;

    }

    .blog-area .blog__right {

        padding-left: 0;

    }

    .blog-area .blog__right .insHeading,

    .tit_block h2 {

        font-size: 1.7rem;

    }
    .item_video3{
        padding-bottom:80%;
    }
     .itemListMedia .img img{
        height:20rem;
    }

    .gird_hsdn{
        grid-template-columns:1fr;
    }
    .df-hsdn{
        flex-direction:column;
    }

    .df-hsdn .left,.df-hsdn .right{
        width:100%;
        padding:0 0;
        margin-bottom:1rem;
    }
    .df-hsdn .right .nd{
        padding:0;
    }
    .gird_nhansu .item_ns .cap h3{
        font-size:2rem;
    }

   .item-slide{
      min-height:calc(100vh - 6rem);
   }
   .site-slider{
      height:calc(100vh - 6rem);
      overflow:hidden;
   }

}



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

    .pn-hisLine .title__line{
        text-align:left;
    }
    .item_news .img img{
        height:20rem;
    }
    .gird_susDev{
        grid-gap:2.5rem;
    }
    .gird_ts .item_ts .sub{
        font-size:2.4rem;
    }
    .gird_ts .item_ts .sub sup{
        font-size:2rem;
    }
   

    .title__page h1 {

        font-size: 2rem;

        text-align: left;

        line-height: 2.4rem;

        margin-bottom: 1rem;

    }

    .ds_page {

        text-align: left;

    }

    .relatedNews .list {

        grid-template-columns: 1fr;

        grid-gap: 0;

    }

    .df-why .left .top-d2 ul li img {

        width: 4rem;

        height: 4rem;

    }

    .df-recruiment .move {

        text-align: left;

    }

    .df-recruiment .right .sub {

        grid-template-columns: 1fr 1fr;

    }

    .listRecruiment>li:first-child {

        display: none;

    }

    .head__logo a img {

        width: 8rem;

    }

    .it_post_hz .img {

        width: 170px;

    }

    .it_post_hz .img a img {

        height: 170px;

    }

    .it_post_hz .info {

        width: calc(100% - 190px)

    }

    .list__partner .item__partner .img img {

        height: 165px;

    }

    .single-detail-service {

        padding-top: 0;

    }

    .single-detail-service {

        padding-bottom: 0;

    }

    .frm__book {

        padding: 2rem;

    }

    .gird-wd2 {

        grid-template-columns: 1fr;

    }

    .item__service .cont {

        padding: 20px 0;

    }

    .item__service {

        flex-direction: column;

    }

    .item__service .img {

        width: 100%;

    }

    .item__service .img img {

        width: 100%;

    }

    .item__service .cont {

        width: 100%;

    }

    .row__grid {

        grid-gap: 20px;

    }

    .tit-lienhe {

        margin-top: 2rem;

    }

    .flex__contact {

        flex-direction: column;

    }

    .btn__contact {

        margin: 10px 0;

    }

    .site-truyenthong {

        padding-bottom: 0;

    }

    .tt_item .img_tt_sm {

        flex: 50%;

    }

    .title-f {

        margin-bottom: 0!important;

    }

    .foot_wrapMap {

        padding-bottom: 50%;

    }

    .ls-l {

        display: none;

    }

    #layerslider_1 {

        min-height: 300px!important;

    }

    .truyenthong_right {

        padding-left: 0;

    }

    .tt_item .tt_in h4 {

        line-height: 18px;

    }

    .res__head img {

        max-height: 50px;

    }

    .tit__productPage span {

        font-size: 24px;

    }

    .wrap__cate {

        margin-bottom: 10px;

    }

    .tit__opage span {

        font-size: 1.4rem;

    }

    .wrap__map {

        padding-bottom: 75%;

    }

    .site-productHome {

        padding: 10px 0;

    }

    .site-CateServiceHome {

        padding: 20px 0 0 0;

    }

    .item_product_price del {

        margin-left: 5px;

    }

    .item_product_img {

        height: 170px;

    }

    .partnerItem {

        padding: 20px 10px;

    }

    .site-vct {

        padding: 25px 0;

    }

    .swiperProductSale-next,

    .swiperProductSale-prev {

        color: #333!important;

    }

    .right__ht424 .sup_item {

        padding: 10px 5px;

    }

    .item_product-right>a {

        padding: 10px 15px;

    }

    .item_product.item_product-right {

        width: calc(50% - 20px);

        margin: 10px 10px;

    }

    .logo__footer img {

        max-height: 80px;

    }

    .tab_sanpham .nav-item .nav-link {

        height: 40px;

        font-size: 15px;

    }

    .right__ht424 .divbd {

        padding: 0 0;

    }

    .swiperProductSale-next,

    .swiperProductSale-prev {

        top: 40%!important;

    }

    .link_wrap_img {

        padding: 20px;

    }

    .item_product>a .sale {

        top: 0;

    }

    .btn-dt,

    .btn-buyn {

        padding: 3px 10px;

    }

    .title-f {

        margin-top: 0!important;

    }

    .form-search-nav input {

        padding: 6px 10px;

        border-radius: 20px;

    }

    .tit__productPage {

        margin-bottom: 15px;

    }

    .df-project .cont .tit h2 {

        font-size: 2.2rem;

    }

    .btn-booking {

        font-size: 1.3rem;

    }

    .tit_service {

        margin-bottom: 2rem;

    }

    .tit_process {

        margin-bottom: 3rem;

    }

    .pn-process {

        padding-top: 0;

        padding-bottom: 3rem;

    }

    .mySwiper .content h2 {

        font-size: 1.8rem;

    }

    .mySwiper .content p.desc {

        font-size: 1.4rem;

    }

    .navbar-toggle {

        padding: 7px;

    }
    


}



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

    .pn-videoHot{
        padding-bottom:1rem;
    }

    .item_kh.item_kh01:before {

        display: none;

    }

    .df-kh {

        border-radius: unset;

        text-align: center;

    }

    .item_kh {

        padding: 0!important;

        display: block;

    }

    .item_kh .img,

    .item_kh .info {

        width: 100%;

        padding: 0;

    }

    .df-kh {

        flex-direction: column;

    }

    .row__grid_2 .item__service a img {

        max-width: 150px;

    }

    .cart-btn {

        padding: 10px 5px;

    }

    .t_hotline {

        display: none;

    }

    .head__hotline {

        background-color: transparent;

    }

    .wrap__about .about__txt {

        padding: 30px 20px;

    }

    .service__item {

        max-height: 300px;

        overflow: hidden;

    }

    .foot_wrapMap {

        padding-bottom: 60%;

    }

    .service__boxI {

        padding: 20px 8px;

    }

    .service__boxI h3 {

        font-size: 16px;

    }

    .service__boxI p {

        font-size: 13px;

        line-height: 20px;

        -webkit-line-clamp: 4;

    }

    .service-dr {

        padding: 3px 4px;

    }

    .gird__service {

        grid-gap: 15px;

    }

    .foot-left {

        padding-right: 0;

    }

    .foot-left .social li a img {

        height: 30px;

    }

    .single-partner {

        padding-top: 0;

    }
    .banner_full .background{
        padding-top: 2rem;
    }
    .banner_full .nd .cont{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    }

}



@media screen and (max-width:430px) {
    
    .gird_dt .item_dt {
    width: calc(33.33% - 1rem);
    margin:0.5rem 0.5rem;
}
    .gird_dt .item_dt a img{
        height:7rem;
    }
    .pn-duantb{
        padding-bottom:1rem;
    }
    .gird_duanHome{
        grid-template-areas:
        'item1'
        'item2'
        'item3';
        grid-template-columns:100%;

    }
    .imr .img img{
        height:17rem;
    }
    .gird_coreValue .item .cont{
        font-size:1.5rem;
    }
    .gird_coreValue .item h4{
        font-size:1.8rem;
    }
    .itemListMedia .img img{
        height:17rem;
    }
    .pn-mediaList{
        padding-bottom:1rem;
    }
    .gird_susDev{
        grid-template-columns:1fr;
    }
    .listProject .item_project .img img{
        height:17rem;
    }
    .gird_filterProject{
        margin:2rem 0;
    }
    .swiper-container2 .item_news .img img, .swiper-container3 .item_news .img img{
        height:17rem;
    }
    .gird_field .item_field_tk .h2{
        font-size:3rem;
    }
    .df-field .right .name{
        font-size:2.4rem;
    }
    .pn-hisLine .title_page h2{
        text-align:center;
    }
    .gird_nhansu{
        grid-template-columns:1fr;
    }
    .pn-newsHot.aboutUs{
        padding-bottom:1rem;
    }
    .gird_coreValue{
        grid-template-columns:1fr;
    }
    .gird_dt .item_dt a img{
        height:10rem;
    }
    .item_lvhd .info h3 a{
        -webkit-line-clamp: 3;
        text-transform:capitalize;
        font-size:1.6rem;
        font-family:'LatoM';
        line-height:2.2rem;
    }
    .item_lvhd .img img{
        height:18rem;
        border-radius:0.5rem;
    }
    .df-tongquan .right .img{
        padding-top: 3rem;
        padding-right: 3rem;
    }
    .gird_ts {
    grid-template-areas:
        'item1 item2 '
        'item3 item4'
        'item5 item6'
        'item7 item7';
    grid-template-columns: 50% 50%;
}



    .mySwiper .content p.desc{
        display:none;
    }

    .df-why .left .top-d2 ul {

        grid-template-columns: 1fr 1fr;

    }

    .Swiper_spct2 .Swiper_sp_hot_img {

        height: 35rem;

    }

    .title__page {

        margin-bottom: 2rem;



    }

    .pn-contact {

        padding-bottom: 1.5rem;

    }

    .wrap_contact {

        padding-bottom: 70%;

    }

    .pn-aboutHome {

        padding-bottom: 3rem;

    }

    .df-why .left .top-d2 ul li img {

        width: 4rem;

        height: 4rem;

    }

    .social_foot {

        text-align: center;

    }

    .df-cp {

        flex-direction: column;

    }

   

    .single-relPost {

        margin-top: 0;

    }

    .grid-album {

        grid-template-columns: 1fr;

    }

    .grid_anh {

        grid-template-columns: 1fr 1fr;

    }

    .banner_full h1 {

        font-size: 1.8rem;

        line-height: 2.4rem;

    }

    .it_post_hz .info {

        width: calc(100% - 155px);

    }

    .it_post_hz .img {

        width: 140px;

    }

    .it_post_hz .img a img {

        height: 140px;

    }

    .list__partner {

        grid-template-columns: 1fr;

    }

    .tit-foot {

        font-size: 1.8rem;

    }

    .pn-cp p {

        font-size: 1.3rem;

        line-height: 2.4rem;

    }

    .list-service {

        grid-template-columns: 1fr;

        grid-gap: 2rem;

    }

    .item_product_price {

        font-size: 18px;

    }

    .gird__service {

        grid-template-columns: 1fr;

    }

    .gird__products {

        grid-gap: 20px;

    }

    .item_product_title a {

        font-size: 18px;

        line-height: 22px;

    }

    .tit_splq {

        margin: 10px 0;

    }

    .d-frmtv {

        flex-direction: column;

    }

    #b-sendtv {

        margin-top: 2rem;

    }

}



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

    .Swiper_spct2 .Swiper_sp_hot_img {

        height: 30rem;

    }

    .row__grid_2 .item__service a img {

        max-width: 130px;

    }

    .item_product_price del {

        font-size: 13px;

    }

    #layerslider_1 {

        min-height: 240px!important;

    }

}



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

    .mySwiper .content h2 {

        font-size: 1.6rem;

    }

    .row__grid {

        grid-template-columns: 1fr;

    }

    .Swiper_spct2 .Swiper_sp_hot_img {

        height: 25rem;

    }

    .mySwiper .content p {

        font-size: 1.4rem;

    }

}