.banner{position: relative; height: 400px; background: no-repeat center / cover;}
.banner-wrap{position: absolute; bottom: 0; left: 0;}
.banner-wrap > *:nth-child(2){position: relative; display: block; font-size: 36px; font-weight: 700; color: #fff;}
.banner-wrap > *:nth-child(2):before{content: ''; display: inline-block; width: 50px; height: 2px; margin-right: 10px; background-color: #fff;}
.breadcrumb{}
.breadcrumb ul{list-style: none; font-size: 0;}
.breadcrumb ul li{display: inline-block; font-size: 12px; text-transform: uppercase; color: #fff;}
.breadcrumb ul li+li:before{content: "/"; display: inline-block; margin: 0 5px; transform: translateY(1px);}
.breadcrumb ul li a{color: #fff;}
@media (min-width:320px){
    .banner-wrap{padding: 15px; background-color: rgb(0 22 137 / 50%);}
    .breadcrumb ul li.breadcrumb-m{display: none;}
}
@media (min-width:480px){
    .banner-wrap{padding: 30px 70px 30px 100px; background-color: rgb(0 22 137 / 25%);}
}
@media (min-width:768px){
    .breadcrumb ul li.breadcrumb-m{display: inline-block;}
}
@media (min-width:970px){

}.menu-bar{position: absolute; top: 0; bottom: 0; height: 40px; margin: auto; z-index: 101;}
.menu-icon{position: relative; float: left; width: 100%; height: 100%;}
.menu-icon span{display: block; width: 28px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #001689;}
.menu-icon span:after, .menu-icon span:before{content: ''; position: absolute; display: block; width: 28px; height: 2px; background-color: #001689;}
.menu-icon span:after{bottom: -8px;}
.menu-icon span:before{top: -8px;}
.menu{float: left;}
.menu ul{list-style: none; transition: all 0.25s ease 0s;}
.menu ul li{position: relative;}
.menu ul li a{display: block; font-size: 16px; line-height: 40px; color: #333; transition: all 0.25s ease 0s;}
.menu > ul > li{float: left;}
.menu > ul > li+li{margin-left: 30px;}
.menu > ul > li > a{font-weight: 600; text-transform: uppercase;}
.menu > ul > li.active > a, .menu > ul > li:hover > a{color: #001689;}
.menu ul li ul{position: absolute; width: 175px; padding: 10px 0; background-color: #fff; transform-origin: 0 0; opacity: 0;}
.menu ul li ul li a{padding: 0 15px;}
.menu ul li ul li a:hover{color: #001689;}
.menu > ul > li > ul{top: 100%; left: 0; transform: scale(1,0);}
.menu > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu > ul > li > ul > li > ul{top: 0; left: 100%; transform: scale(0,1);}
.menu > ul > li > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
@media (min-width: 320px){
    .menu-bar{right: 0; width: 50px;}
    .menu{display: none;}
}
@media (min-width: 970px){
    .menu-bar{right: 70px; width: auto;}
    .menu{display: block;}
    .menu-display{display: none;}
}.contact-form{}
.contact-form .form-item input{height: 30px;}
.contact-form .form-item input[type="text"]{border: 0;}
.contact-form .form-item input[type="text"]::placeholder{color: #333;}
.contact-form .form-item input[type="submit"]{width: 100px; text-transform: none;}
.contact-form .form-item i{right: calc(100% - 22px);}
@media (min-width: 320px){
    .contact-form .form-item:nth-child(1){margin-top: 30px;}
}
@media (min-width: 580px){
    .contact-form .form-item{float: left; width: calc(50% - 15px); margin-right: 30px;}
    .contact-form .form-item:nth-child(1){margin-top: 0;}
    .contact-form .form-item:nth-child(2n){margin-right: 0;}
    .contact-form .form-item input[type="text"]{background-color: transparent; border-bottom: 1px solid #d7d7d7; text-align: right; text-indent: 0;}
}#download, .download{display: none; padding: 0!important;}

.download .fancybox-close-small{width: 50px; height: 50px;}

.download .fancybox-close-small:after{top: 10px; right: 10px; color: #fff;}

.download-title{background-color: #001689; font-size: 18px; text-transform: uppercase; text-align: center; line-height: 50px; color: #fff;}

.download-prev{text-align: justify; font-size: 16px; color: #555;}

.download-form .form-item:nth-child(4){width: 100px; margin: 0 auto;}

@media (min-width: 320px){

    .download{width: 310px;}

    .download-prev{padding: 15px 15px 0;}

    .download-form{padding: 15px;}

}

@media (min-width: 360px){

    .download{width: 350px;}

}

@media (min-width: 410px){

    .download{width: 400px;}

    .download-prev{padding: 30px 30px 0;}

    .download-form{padding: 30px;}

}.intro{padding: 70px 0 40px; background: url(/theme/images/intro.png) no-repeat top -110px left;}
.intro-txt, .intro-img{margin-bottom: 30px;}
.intro-name{margin-bottom: 30px; font-size: 26px; font-weight: 700;}
.intro-name span{position: relative; display: inline-block;}
.intro-name span:after{content: ''; position: absolute; right: -60px; bottom: 11px; width: 50px; height: 2px; background-color: #333;}
.intro-prev{margin-bottom: 30px; font-size: 16px; text-align: justify; color: #555;}
.intro-more{position: relative; width: 133px; border: 1px solid #001689; font-size: 16px; text-align: center; line-height: 38px;}
.intro-more a{display: block; color: #001689; transition: all 0.25s ease 0s;}
.intro-more:hover a{background-color: #001689; color: #fff;}
@media (min-width:970px){
    .intro-txt{float: left; width: calc(50% - 25px);}
    .intro-img{position: relative; float: right; width: calc(50% - 25px); margin-top: 30px;}
    .intro-img:before, .intro-img:after{content: ''; position: absolute; background-color: transparent; z-index: 0;}
    .intro-img:before{top: -10px; left: -10px; width: 25%; height: 25%; border-top: 5px double #001689; border-left: 5px double #001689;}
    .intro-img:after{right: -10px; bottom: -10px; width: 50%; height: 50%; border-right: 5px solid #001689; border-bottom: 5px solid #001689;}
    .intro-img img{position: relative; z-index: 1;}
}.news{padding: 70px 0;}
.news-title{margin-bottom: 30px; font-size: 26px; font-weight: 700;}
.news-title span{position: relative; display: inline-block;}
.news-title span:after{content: ''; position: absolute; right: -60px; bottom: 11px; width: 50px; height: 2px; background-color: #333;}
.news-list{display: flex; flex-flow: row wrap;}
.news-item{margin-bottom: 30px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); transition: all 0.25s ease 0s;}
.news-img{overflow: hidden;}
.news-img img{transition: all 0.5s ease 0s;}
.news-txt a{display: block; padding: 30px; color: #333;}
.news-txt a p{display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.news-txt a p:nth-child(1){}
.news-txt a p:nth-child(2){-webkit-line-clamp: 3; font-size: 16px; font-weight: 700;}
.news-txt a p:nth-child(2):after{content: ''; display: block; width: 100px; height: 1px; margin: 10px 0; background-color: #001689;}
.news-txt a p:nth-child(3){margin-bottom: 15px; -webkit-line-clamp: 3; color: #555;}
.news-txt a p:nth-child(4){font-weight: 600; text-transform: uppercase; color: #001689;}
.news-item:hover{box-shadow: 0 2px 3px 1px rgb(0 0 0 / 50%); transform: translateY(-1px);}
.news-item:hover .news-img img{transform: scale(1.05);}
.news-item:hover .news-txt a p:nth-child(2){color: #001689;}
.news-more{position: relative; width: 173px; margin: auto; border: 1px solid #001689; font-size: 16px; text-align: center; line-height: 38px;}
.news-more a{display: block; color: #001689; transition: all 0.25s ease 0s;}
.news-more:hover a{background-color: #001689; color: #fff;}
@media (min-width:480px){
    .news-item{float: left; width: calc((100% - 30px) / 2); margin-right: 30px;}
    .news-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:768px){
    .news-item{width: calc((100% - 60px) / 3);}
    .news-item:nth-child(2n){margin-right: 30px;}
    .news-item:nth-child(3n){margin-right: 0;}
}.project{position: relative; padding: 70px 0; background: rgb(0 22 137 / 10%) url(/theme/images/project.png) no-repeat right bottom / auto calc(100% - 50px);}
.project:before{content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-image: linear-gradient(to right, rgb(0 22 137 / 25%) 50%, transparent);}
.project-title{margin-bottom: 30px;}
.project-title p:nth-child(1){margin-bottom: 15px; font-size: 26px; font-weight: 700;}
.project-title p:nth-child(1) span{position: relative; display: inline-block;}
.project-title p:nth-child(1) span:after{content: ''; position: absolute; right: -60px; bottom: 11px; width: 50px; height: 2px; background-color: #333;}
.project-title p:nth-child(2){font-size: 16px; color: #555;}
.project-item{margin-bottom: 30px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); transition: all 0.25s ease 0s;}
.project-list{margin-bottom: 30px;}
.project-list .owl-nav button{position: absolute; top: 0; bottom: 0; width: 30px; height: 45px; margin: auto; background-color: transparent;}
.project-list .owl-nav button i{display: block; font-size: 40px; color: #fff; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%); opacity: 0.5; transition: all 0.25s ease 0s;}
.project-list .owl-nav button:hover i{opacity: 1;}
.project-img{overflow: hidden;}
.project-img img{transition: all 0.5s ease 0s;}
.project-name{position: relative; display: flex; height: 50px; padding: 15px 0; background-color: #fff; align-items: center; justify-content: center; overflow: hidden;}
.project-name a{display: block; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 25px; color: #333; transition: all 0.25s ease 0s;}
.project-more{position: relative; width: 173px; margin: auto; border: 1px solid #001689; font-size: 16px; text-align: center; line-height: 38px;}
.project-more a{display: block; color: #001689; transition: all 0.25s ease 0s;}
.project-more:hover a{background-color: #001689; color: #fff;}
.project-item:hover{box-shadow: 0 2px 3px 1px rgb(0 0 0 / 50%); transform: translateY(-1px);}
.project-item:hover .project-img img, .project-owl:hover .project-img img{transform: scale(1.05);}
.project-item:hover .project-name a, .project-owl:hover .project-name a{color: #001689;}
@media (min-width:320px){
    .project-list .owl-nav button.owl-prev{left: 30px;}
    .project-list .owl-nav button.owl-next{right: 30px;}
}
@media (min-width:480px){
    .project-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .project-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .project-title{width: calc(50% - 25px);}
    .project-list .owl-nav button.owl-prev{left: -70px;}
    .project-list .owl-nav button.owl-next{right: -70px;}
    .project-item{width: calc((100% - 60px)/3);}
    .project-item:nth-child(2n){margin-right: 30px;}
    .project-item:nth-child(3n){margin-right: 0;}
}.chinhsach{padding: 50px 0;}
.chinhsach .wrap{background-color: rgb(0 22 137 / 10%); box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%);}
.chinhsach-left ul{list-style: none; padding: 15px 0;}
.chinhsach-left ul li a{position: relative; display: block; padding: 14px 15px; line-height: 22px; color: #333;}
.chinhsach-left ul li a:hover, .chinhsach-left ul li a.active{color: #001689;}
.chinhsach-left ul li a.active:before{content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #001689;}
.chinhsach-title{margin-bottom: 20px; font-size: 26px; color: #001689;}
@media (min-width:320px){
    .chinhsach-left{display: none;}
    .chinhsach-right{padding: 15px;}
}
@media (min-width:360px){
    .chinhsach-right{padding: 30px;}
}
@media (min-width:580px){
    .chinhsach{border: 1px solid #d7d7d7;}
    .chinhsach-left{float: left; display: block; width: 180px;}
    .chinhsach-right{float: right; width: calc(100% - 241px); padding: 0 30px 30px; border-left: 1px solid #d7d7d7;}
    .chinhsach-title{padding: 15px 0; border-bottom: 1px solid #d7d7d7;}
}.duan{padding-bottom: 50px;}
.duan-cover{height: calc(100vh - 85px); margin-bottom: 50px; background: no-repeat center / cover;}
.duan-menu{position: absolute; top: 0; bottom: 0; left: -50px; width: 35px; margin: auto; z-index: 1;}
.duan-menu ul{position: sticky; top: 100px; list-style: none;}
.duan-menu ul li+li{margin-top: 1px;}
.duan-menu ul li a{position: relative; display: block; width: 35px; height: 35px; background: rgb(0 22 137 / 10%); cursor: pointer; transition: all 0.25s ease 0s;}
.duan-menu ul li a i{display: block; text-align: center; line-height: 35px; color: #001689;}
.duan-menu ul li a span{position: absolute; top: 0; bottom: 0; left: 100%; display: flex; width: 0; align-items: center; justify-content: center; margin: auto; background: #001689; text-align: center; color: #fff; opacity: 0; overflow: hidden; transition: all 0.25s ease 0s;}
.duan-menu ul li a:hover{background-color: #001689;}
.duan-menu ul li a:hover i{color: #fff;}
.duan-menu ul li a:hover span{width: 165px; opacity: 1}
.duan-info a{display: block;}
.duan-info ul{list-style: none;}
.duan-info ul li{}
.duan-info ul li *{display: inline-block; vertical-align: top;}
.duan-info ul li *:nth-child(1){width: 150px;}
.duan-info ul li *:nth-child(2){width: calc(100% - 150px);}
.duan-info ul li+li{margin-top: 7.5px; padding-top: 7.5px; border-top: 1px dashed #d7d7d7;}
.duan-detail{position: relative;}
.duan-item{padding-top: 50px;}
.duan-form{padding-top: 50px;}
.duan-form-stick{background-color: rgb(0 22 137 / 10%);}
.duan-form-title p:nth-child(1){background-color: #001689; font-size: 16px; text-transform: uppercase; text-align: center; line-height: 50px; color: #fff;}
.duan-form-title p:nth-child(2){padding: 15px; text-align: center;}
.duan-form-wrap{padding: 0 30px 15px;}
.duan-form-wrap .form-item:nth-child(4){margin-bottom: 0; text-align: center;}
.duan-form-wrap input[type=text]{border: 0}
.duan-form-wrap input[type=submit]{width: 100px;}
.duan-call{position: fixed; right: 0; bottom: 0; left: 0; margin: auto; padding: 15px; background-color: #fff; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); z-index: 99990;}
.duan-call a{display: block; float: left; width: calc(50% - 7.5px); font-size: 18px; text-transform: uppercase; text-align: center; line-height: 40px; transition: all 0.25s ease 0s;}
.duan-call a:nth-child(1){margin-right: 15px; background-color: #f15642; font-weight: 700; color: #fff;}
.duan-call a:nth-child(2){box-sizing: border-box; border: 1px solid #001689; font-weight: 600; color: #001689;}
@media (min-width: 320px){
    #GOY{display: block;}
    .duan-cover{display: none;}
    .duan-info a{margin-bottom: 30px;}
}
@media (min-width: 768px){
    #GOY{display: none;}
    .duan-content{float: left; width: calc(100% - 270px);}
    .duan-form{position: absolute; top: 0; right: 0; bottom: 0; width: 240px; margin: auto;}
    .duan-form-stick{position: sticky; top: 100px;}
}
@media (min-width: 970px){
    .duan-cover{display: block;}
    .duan-info a{float: left; width: calc(50% - 15px); margin-bottom: 0;}
    .duan-info ul{float: right; width: calc(50% - 15px);}
    .duan-content{float: left; width: calc(100% - 300px);}
    .duan-form{width: 270px;}
    .duan-call{display: none;}
}
@media (min-width: 1170px){
    .duan-content{width: calc(100% - 330px);}
    .duan-form{width: 300px;}
}.gioithieu2{position: relative; margin-bottom: 70px; padding: 70px 0; background: rgb(0 22 137 / 10%) url(/theme/images/view.png) no-repeat bottom left / calc(50% - 25px);}
.gioithieu2-prev ul{list-style: none; padding-left: 30px; border-left: 1px solid #777;}
.gioithieu2-prev ul li{font-size: 16px; color: #555;}
.gioithieu2-prev ul li+li{margin-top: 10px;}
.gioithieu2-photos a{float: left; display: block; width: calc(100%/3);}
.gioithieu2-photos:hover a{opacity: 1;}
.gioithieu4{margin-bottom: 70px;}
.gioithieu4 .wrap{background-repeat: no-repeat; background-position: center top; background-size: cover; border-radius: 15px;}
.gioithieu4 .wrap:before{content: ''; position: absolute; top: 0; left: 0; height: 100%; border-radius: 15px;}
.gioithieu4-wrap{box-sizing: border-box; position: relative;}
.gioithieu4-wrap .intro-name{color: #fff;}
.gioithieu4-wrap .intro-name span:after{background-color: #fff;}
.gioithieu4-wrap .intro-prev{margin-bottom: 0; color: #fff;}
@media (min-width:320px){
    .gioithieu2-txt{margin-bottom: 30px;}
    .gioithieu4-wrap{padding: 50px 15px;}
    .gioithieu4 .wrap:before{width: 100%; background-image: linear-gradient(to right, rgb(0 0 0 / 50%) 100%, transparent);}
}
@media (min-width:480px){
    .gioithieu4-wrap{width: 50%}
    .gioithieu4-wrap{padding: 50px 0 50px 15px;}
    .gioithieu4 .wrap:before{width: 75%;  background-image: linear-gradient(to right, rgb(0 0 0 / 50%) 50%, transparent);}
}
@media (min-width:768px){
    .gioithieu4-wrap{width: calc(50% - 25px); padding: 70px 0 70px 70px;}
}
@media (min-width:970px){
    .gioithieu2-txt{position: absolute; top: 0; right: 0; display: flex; width: 100%; height: 100%; margin-bottom: 0; align-items: center; justify-content: center; overflow: hidden;}
    .gioithieu2-wrap{width: calc(50% - 25px);}
    .gioithieu2-photos{position: relative; float: right; width: calc(50% - 25px);}
}.tailieu-menu{padding: 50px 0;}

.tailieu-menu ul{list-style: none;}

.tailieu-menu ul li{text-transform: uppercase; text-align: center;}

.tailieu-menu ul li a{display: block; background-color: rgb(0 22 137 / 10%); color: #333; transition: all 0.25s ease 0s;}

.tailieu-menu ul li:hover a, .tailieu-menu ul li.active a{background-color: #f15642; color: #fff;}

.tailieu-item{position: relative;}

.tailieu-item+.tailieu-item, .tailieu-item-2{margin-top: 30px; padding-top: 30px; border-top: 1px solid #d7d7d7;}

.tailieu-item > p{float: left;}

.tailieu-item > p img{width: 50px;}

.tailieu-item > p:nth-child(1){width: 80px;}

.tailieu-item > p:nth-child(2) > a{display: block; font-weight: 600; line-height: 25px; color: #333; cursor: pointer;}

.tailieu-item > p:nth-child(2) > a:hover{color: #f15642;}

.tailieu-item > p:nth-child(3){display: block; width: 150px; text-align: center; line-height: 40px; color: #555;}

.tailieu-item > p:nth-child(4){width: 130px; float: right;}

.tailieu-item > p:nth-child(4) > a{display: block; background-color: #001689; border-radius: 5px; text-align: center; line-height: 40px; color: #fff;}

.tailieu-item > p:nth-child(4) > a:hover{background-color: #f15642;}

.tailieu-item > p:nth-child(4) > a > i{margin-left: 5px;}

.tailieu-cp{display: none; padding: 0!important;}

.tailieu-cp .wrap{max-width: 768px; background-color: #f15642;}

.tailieu-cp-left{padding: 15px;}

.tailieu-cp-left ul{list-style: none; font-size: 16px; color: #fff;}

.tailieu-cp-left ul li:nth-child(1){margin-bottom: 10px; font-size: 22px; color: #333;}

.tailieu-cp-left ul li:nth-child(2){margin-bottom: 15px; font-size: 18px; font-weight: 600;}

.tailieu-cp-left ul li:nth-child(3), .tailieu-cp-left ul li:nth-child(4){margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid rgb(255 255 255 / 0.5)}

.tailieu-cp-right{padding: 15px; background-color: #fff;}

.tailieu-cp-right ul{list-style: none; font-size: 16px; text-align: center; color: #333;}

.tailieu-cp-right ul li:nth-child(1){margin-bottom: 10px; font-size: 22px; color: #f15642;}

.tailieu-cp-right ul li:nth-child(2) img{margin: 0 auto!important;} 

.tailieu-cp-right ul li:nth-child(3){padding-top: 10px;}

@media (min-width:320px){

    .tailieu-menu ul li{float: left; width: calc(100%/2); font-size: 14px; line-height: 40px;}

    .tailieu-item > p:nth-child(1){margin-bottom: 15px;}

    .tailieu-item > p:nth-child(2){width: calc(100% - 80px); margin-bottom: 15px;}

    .tailieu-item > p:nth-child(3){text-align: left;}

    .tailieu-cp-right ul li:nth-child(2) img{width: 150px!important;}

}

@media (min-width:360px){

     .tailieu-menu ul li{font-size: 16px;}

}

@media (min-width:480px){

    .tailieu-cp-left{float: left; width: calc(40% - 30px);}

    .tailieu-cp-right{float: right; width: calc(60% - 30px);}

    .tailieu-cp-right ul li:nth-child(2) img{width: 300px!important;}

}

@media (min-width:580px){

    .tailieu-item > p:nth-child(1){margin-bottom: 0;}

    .tailieu-item > p:nth-child(2){width: calc(100% - 360px); margin-bottom: 0;}

    .tailieu-item > p:nth-child(3){text-align: center;}

    .tailieu-item-2{width: calc(100% - 30px); margin-left: 30px;}

}

@media (min-width:768px){

    .tailieu-menu ul li{float: left; width: calc(100%/4); font-size: 18px; line-height: 60px;}

}.tuyendung-1{padding: 70px 0 40px;}
.tuyendung-1-text, .tuyendung-1-picture, .tuyendung-2-right{margin-bottom: 30px;}
.tuyendung-1-title{margin-bottom: 30px; font-size: 26px; font-weight: 700;}
.tuyendung-1-content{font-size: 16px; text-align: justify; color: #555;}
.tuyendung-2{padding: 70px 0 40px; background-color: #f7f7f7;}
.tuyendung-2-right img+img{margin-top: 30px;}
.tuyendung-2-item{margin-bottom: 30px;}
.tuyendung-2-name{margin-bottom: 5px; font-size: 16px; font-weight: 700;}
.tuyendung-2-name span{position: relative; display: inline-block;}
.tuyendung-2-name span:after{content: ''; position: absolute; right: -35px; bottom: 8px; width: 30px; height: 1px; background-color: #333;}
@media (min-width:320px){
    .tuyendung-2-right{display: none;}
}
@media (min-width:970px){
    .tuyendung-1-text, .tuyendung-2-left{float: left; width: calc(50% - 25px);}
    .tuyendung-1-picture, .tuyendung-2-right{float: right; width: calc(50% - 25px);}
    .tuyendung-2-right{display: block;}
}