.banner{position: relative; display: flex; height: 420px; align-items: center; justify-content: center; background: no-repeat center / cover;}
.banner:before{content: ''; position: absolute; width: 100%; height: 100%; background: rgb(0 0 0 / 15%);}
.banner .wrap *{display: block; font-size: 45px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; text-shadow: 1px 1px 3px rgb(0 0 0 / 50%);}
.breadcrumb{padding: 10px 0; background-color: #f7f7f7;}
.breadcrumb ul{list-style: none; font-size: 0;}
.breadcrumb ul li{display: inline; font-size: 14px; line-height: 20px; color: #333;}
.breadcrumb ul li+li:before{content: "/"; display: inline; padding: 0 5px;}
.breadcrumb ul li a{color: #333;}
@media (min-width:320px){
    .breadcrumb-580, .breadcrumb-768{display: none;}
}
@media (min-width:768px){
    .breadcrumb-580{display: block;}
}
@media (min-width:970px){
    .breadcrumb-768{display: block;}
}.menu-bar{position: absolute; top: 0;  bottom: 0; min-width: 40px; height: 40px; margin: auto; z-index: 3;}
.menu-icon{position: relative; float: left; width: 100%; height: 100%;}
.menu-icon span{display: block; width: 16px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #333;}
.menu-icon span:after, .menu-icon span:before{content: ''; position: absolute; display: block; width: 16px; height: 2px; background-color: #333;}
.menu-icon span:after{bottom: -5px;}
.menu-icon span:before{top: -5px;}
.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; 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-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 40px;}
.menu > ul > li:first-child a{}
.menu > ul > li.active > a, .menu > ul > li:hover > a{color: #ec1a23;}
.menu ul li ul{position: absolute; width: 200px; transform-origin: 0 0; opacity: 0;}
.menu ul li ul li a{padding: 0 10px; background-color: #ed1c24; line-height: 30px;}
.menu ul li ul li a:hover{background-color: #000;}
.menu > ul > li > ul{top: 100%; left: 0; transform: scale(1,0);}
.menu > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
@media (min-width: 320px){
    .menu-bar{right: calc(100% - 50px);}
    .menu{display: none;}
}
@media (min-width: 768px){
    .menu-bar{right: 175px;}
}
@media (min-width: 970px){
    .menu-bar{right: 190px;}
    .menu{display: block;}
    .menu-display{display: none;}
}.popup, .popup-black, .popup-wrap{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.popup{position: fixed; display: none; color: #fff; z-index: 99992;}
.popup-black{background-color: rgb(0 0 0 / 50%); cursor: pointer; z-index: 1;}
.popup-wrap{height: 550px; background: url(/theme/images/popup.jpg) no-repeat center right; z-index: 2;}
.popup-close{position: absolute; top: 0; right: 0; width: 40px;}
.popup-close i{display: block; font-size: 18px; text-align: center; line-height: 40px; cursor: pointer;}
.popup-title{margin-bottom: 30px; font-size: 30px; font-weight: 700; text-transform: uppercase; text-align: center;}
.popup-form .form-item:nth-child(5){margin-bottom: 0; text-align: center;}
.popup-form .form-item:nth-child(5) input[type=submit]{width: 100px;}
@media (min-width:320px){
    .popup-wrap{width: calc(100% - 10px);}
    .popup-form{width: calc(100% - 60px); margin: auto; padding-top: 60px;}
}
@media (min-width:768px){
    .popup-form{float: right; width: 330px; margin: 0; padding: 60px 30px 0 0;}
}
@media (min-width:970px){
    .popup-wrap{width: 800px;}
}.slide{position: relative;}
.slide-item img{width: 100%;}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 30px; height: 30px; background-color: transparent; margin: auto; transition: all 0.25s ease 0s;}
.slide .owl-nav button.owl-prev{left: 15px;}
.slide .owl-nav button.owl-next{right: 15px;}
.slide .owl-nav button i{display: block; font-size: 30px; color: #fff; transition: all 0.25s ease 0s;}
.slide .owl-nav button:hover i{color: #080;}
.slide .owl-dots{position: absolute; right: 0; bottom: 15px; left: 0; height: 15px; text-align: center; line-height: 1;}
.slide .owl-dots button{display: inline-block; width: 15px; height: 100%; background-color: #fff; margin: 0 5px; border-radius: 50%; vertical-align: top; transition: all 0.5s ease 0s;}
.slide .owl-dots button.active{background-color: #080;}
@media (min-width:320px){
    .slide-item img:nth-child(1){display: none;} 
    .slide-item img:nth-child(2){display: block;}
    .slide .owl-nav{display: none;}
}
@media (min-width:768px){

    .slide-item img:nth-child(1){display: block;} 
    .slide-item img:nth-child(2){display: none;}
}
@media (min-width:1170px){
    .slide .owl-nav{display: block; opacity: 0; transition: all 0.25s ease 0s;}
    .slide:hover .owl-nav{opacity: 1;}
}.fone{font-size:18px;color:red;line-height:40px;font-weight:700;padding-left:46px;margin:0 0;padding-right:10px}
.fix_tel{position:fixed;bottom:25px;left:20px;z-index:999}
.fix_tel a{text-decoration:none;display:block}
.zalo{position:fixed;bottom:100px;left:20px;z-index:999}
.tel{background:#eee;min-width:100px;height:40px;position:relative;overflow:hidden;background-size:40px;border-radius:28px;border:solid 1px #ccc}
.ring-alo-phone{background-color:transparent;cursor:pointer;height:80px;position:absolute;transition:visibility 0.5s ease 0s;visibility:hidden;width:80px;z-index:200000!important}
.ring-alo-phone{background-color:transparent;cursor:pointer;height:80px;position:absolute;transition:visibility 0.5s ease 0s;visibility:hidden;width:80px;z-index:200000!important}
.ring-alo-phone.ring-alo-show{visibility:visible}
.ring-alo-phone.ring-alo-hover,.ring-alo-phone:hover{opacity:1}
.ring-alo-ph-circle{animation:1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;background-color:transparent;border:2px solid rgba(30,30,30,.4);border-radius:100%;height:70px;left:-18px;opacity:.1;position:absolute;top:12px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:70px}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle{animation:1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim!important}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle{animation:2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim!important}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,.ring-alo-phone:hover .ring-alo-ph-circle{border-color:red;opacity:.5}
.zalo .ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,.zalo .ring-alo-phone:hover .ring-alo-ph-circle{border-color:#2196f3;opacity:.5}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle{border-color:#baf5a7;opacity:.5}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle{border-color:red;opacity:.5}
.zalo .ring-alo-phone.ring-alo-green .ring-alo-ph-circle{border-color:#2196f3;opacity:.5}
.ring-alo-ph-circle-fill{animation:2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;background-color:#000;border:2px solid transparent;border-radius:100%;height:60px;left:-9px;opacity:.1;position:absolute;top:18px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:60px}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill,.ring-alo-phone:hover .ring-alo-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:0.75!important}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:0.75!important}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:0.75!important}
.ring-alo-ph-img-circle{animation:1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;border:2px solid transparent;border-radius:100%;height:30px;left:4px;opacity:1;position:absolute;top:33px;transform-origin:50% 50% 0;width:30px}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle,.ring-alo-phone:hover .ring-alo-ph-img-circle{background-color:red}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle{background-color:#75eb50}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle{background-color:red}
.zalo .ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle{background-color:#2196f3}
@keyframes ring-alo-circle-anim {
 0% {
  opacity:.1;
  transform:rotate(0deg) scale(.5) skew(1deg)
 }
 30% {
  opacity:.5;
  transform:rotate(0deg) scale(.7) skew(1deg)
 }
 100% {
  opacity:.6;
  transform:rotate(0deg) scale(1) skew(1deg)
 }
}
@keyframes ring-alo-circle-img-anim {
 0% {
  transform:rotate(0deg) scale(1) skew(1deg)
 }
 10% {
  transform:rotate(-25deg) scale(1) skew(1deg)
 }
 20% {
  transform:rotate(25deg) scale(1) skew(1deg)
 }
 30% {
  transform:rotate(-25deg) scale(1) skew(1deg)
 }
 40% {
  transform:rotate(25deg) scale(1) skew(1deg)
 }
 50% {
  transform:rotate(0deg) scale(1) skew(1deg)
 }
 100% {
  transform:rotate(0deg) scale(1) skew(1deg)
 }
}

@keyframes ring-alo-circle-fill-anim {
 0% {
  opacity:.2;
  transform:rotate(0deg) scale(.7) skew(1deg)
 }
 50% {
  opacity:.2;
  transform:rotate(0deg) scale(1) skew(1deg)
 }
 100% {
  opacity:.2;
  transform:rotate(0deg) scale(.7) skew(1deg)
 }
.ring-alo-ph-img-circle a img {padding:1px 0 0 1px;width:25px;position:relative;top:-1px}
}.danhgia{position: relative; padding: 50px 0; background: url(/theme/images/danhgia.jpg) no-repeat center / cover;}
.danhgia:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgb(255 255 255 / 75%);}
.danhgia-title{position: relative; margin-bottom: 30px; text-align: center;}
.danhgia-title i{position: absolute; top: -13px; right: 0; bottom: 0; left: 0; margin: auto; font-size: 100px; color: rgb(0 0 0 / 10%)}
.danhgia-title h2{position: relative; font-size: 30px; text-transform: uppercase; color: #ec1a23;}
.danhgia-title h3{position: relative; max-width: 580px; margin: auto; font-weight: 400;}
.danhgia .owl-nav{width: 90px; margin: 25px auto 0;}
.danhgia .owl-nav button{width: 40px; height: 40px; background-color: #f68d91; border: 1px solid #777!important;}
.danhgia .owl-nav button.owl-prev{float: left;}
.danhgia .owl-nav button.owl-next{float: right;}
.danhgia .owl-nav button i{display: block; color: #333;}
.danhgia-item{padding: 5px;}
.danhgia-wrap{padding: 15px; background-color: rgb(255 255 255 / 50%); box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); border-radius: 10px; text-align: center;}
.danhgia-img{position: relative; max-width: 250px; margin: 0 auto 30px;}
.danhgia-img img{width: calc(100% - 10px); border: 5px solid #fff; border-radius: 50%;}
.danhgia-img i{position: absolute; right: 0; bottom: -15px; left: 0; display: block; width: 30px; margin: auto; background-color: #fff; border-radius: 50%; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); font-size: 18px; text-align: center; line-height: 30px; color: #ec1a23;}
.danhgia-prev{margin-bottom: 15px;}
.danhgia-prev i{color: #fc0;}
.danhgia-name{display: block; font-size: 16px; font-weight: 700; color: #000;}.datlich{position: relative; padding: 50px 0; background: url(/theme/images/datlich.jpg) no-repeat center / cover;}
.datlich:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgb(255 255 255 / 75%);}
.datlich-title{margin-bottom: 30px; font-size: 30px; text-transform: uppercase; color: #000;}
.datlich-prev{margin-bottom: 30px; font-weight: 400;}
.datlich-form{padding: 30px; background-color: rgb(255 255 255 / 50%); box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); border-radius: 10px;}
.datlich-form .form-item:nth-child(6){margin-bottom: 0; text-align: center;}
.datlich-form .form-item:nth-child(6) input[type=submit]{width: 100px;}
.datlich-left{position: relative;}
.datlich-left p{width: 350px;}
.datlich-left ul{list-style: none;}
.datlich-left ul li img{width: 70px;}
.datlich-left ul li img+div{line-height: 1;}
.datlich-left ul li img+div b{display: block; font-size: 30px; color: #ec1a23;}
.datlich-right{position: relative;}
@media (min-width:320px){
    .datlich-left p{display: none;}
    .datlich-left ul li{float: left; width: calc(100%/3); margin-bottom: 30px; text-align: center;}
    .datlich-left ul li img{margin: 0 auto 15px;}
}
@media (min-width:410px){
    .datlich-form .form-item{float: left; width: calc(50% - 15px);}
    .datlich-form .form-item:nth-child(2n){float: right;}
    .datlich-form .form-item:nth-child(5){width: 100%;}
    .datlich-form .form-item:nth-child(6){width: 100%;}
}
@media (min-width:580px){
    .datlich-left p{display: block;}
    .datlich-left ul{position: absolute; top: 30px; left: 325px; width: calc(100% - 350px);}
    .datlich-left ul li{float: none; width: auto; margin-bottom: 0; text-align: left;}
    .datlich-left ul li:nth-child(3){margin: 15px 0 0;}
    .datlich-left ul li+li{margin-top: 15px;}
    .datlich-left ul li img{float: left; margin: 0;}
    .datlich-left ul li img+div{float: right; width: calc(100% - 85px); padding: 13px 0;}
}
@media (min-width:970px){
    .datlich-left{position: absolute; bottom: -50px; left: 0; width: calc(55% - 15px);}
    .datlich-right{float: right; width: calc(45% - 15px);}   
}.dichvu{padding-top: 50px;}
.dichvu-title{margin-bottom: 30px; text-align: center;}
.dichvu-title h2{font-size: 35px; text-transform: uppercase; color: #000;}
.dichvu-title h2 i{margin-right: 5px; font-size: 45px; color: #ec1a23;}
.dichvu-title p{font-size: 25px; font-weight: 300;}
.dichvu-list{display: flex; flex-flow: row wrap;}
.dichvu-item{box-sizing: border-box; position: relative; transition: all 0.25s ease 0s;}
.dichvu-item:hover{transform: translateY(-1px);}
.dichvu-item:before{content: ''; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 10px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); transition: all 0.25s ease 0s;}
.dichvu-item:hover:before{box-shadow: 0 0 3px 1px rgb(0 0 0 / 50%);}
.dichvu-item:hover .dichvu-img img{transform: scale(1.05);}
.dichvu-img{position: relative; overflow: hidden;}
.dichvu-img:after{content: ''; position: absolute; top: 5px; left: 5px; width: calc(100% - 20px); height:calc(100% - 20px); border: 5px solid #fff; opacity: 50%;}
.dichvu-img img{transition: all 1s ease 0s;}
.dichvu-wrap:before{content: ''; position: absolute; right: 0; bottom: 0; width: 70px; height: 57px; background: url(/theme/images/dichvu.png) no-repeat;}
.dichvu-teeth{position: absolute; bottom: 0; right: 0;}
.dichvu-name{margin-bottom: 15px;}
.dichvu-name a{display: block; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #000; transition: all 0.25s ease 0s;}
.dichvu-prev{margin-bottom: 15px; -webkit-box-orient: vertical; text-overflow: ellipsis; text-align: justify; overflow: hidden;}
.dichvu-more{position: relative; width: 148px; border: 1px solid #777;}
.dichvu-more:before{content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 100%; margin: auto; background-color: #ec1a23; transform: translate3d(5px,5px,0); opacity: 50%; transition: all 0.25s ease 0s;}
.dichvu-more:hover:before{transform: translate3d(0,0,0);}
.dichvu-more a{position: relative; display: block; font-size: 16px; text-align: center; color: #333;}
@media (min-width:320px){
    .dichvu{padding-bottom: 20px;}
    .dichvu-item{margin-bottom: 30px;}
    .dichvu-item:nth-child(2n){margin-right: 0;}
    .dichvu-item:before{height: 100%;}
    .dichvu-wrap{padding: 15px;}
    .dichvu-prev{display: -webkit-box; -webkit-line-clamp: 3;}
    .dichvu-more a{line-height: 33px;}
}
@media (min-width:410px){
    .dichvu-more a{line-height: 43px;}
}
@media (min-width:480px){
    .dichvu-item{float: left; width: calc((100% - 15px)/2); margin-right: 15px;}
}
@media (min-width:580px){
    .dichvu-item{width: calc((100% - 30px)/2); margin-right: 30px;}
    .dichvu-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .dichvu-item{width: calc((100% - 30px)/2); padding: 15px;}
    .dichvu-item:nth-child(2n){margin-right: 0;}
    .dichvu-item:before{height: calc(100% - 45px);}
    .dichvu-img{float: left; width: 250px;}
    .dichvu-wrap{position: absolute; right: 0; bottom: 0; width: calc(100% - 295px); height: calc(100% - 75px); padding: 0 15px 15px 0;}
    .dichvu-prev{display: none;}
}
@media (min-width:1360px){
    .dichvu{padding-bottom: 0;}
    .dichvu .wrap{width: calc(100% - 100px)}
    .dichvu-item{width: calc((100% - 50px)/2); margin-right: 50px; margin-bottom: 50px; padding: 15px;}
    .dichvu-item:nth-child(2n){margin-right: 0;}
    .dichvu-img{width: 300px;}
    .dichvu-wrap{width: calc(100% - 345px);}
    .dichvu-prev{display: -webkit-box; -webkit-line-clamp: 3;}
}
@media (min-width:1600px){
    .dichvu-item{padding: 30px;}
    .dichvu-item:before{height: calc(100% - 90px);}
    .dichvu-img{width: 350px;}
    .dichvu-wrap{width: calc(100% - 440px); height: calc(100% - 150px); padding: 0 30px 30px 0;}
} 
@media (min-width:1920px){
    .dichvu .wrap{width: calc(100% - 200px)}
}.hinhanh{padding-bottom: 50px;}
.hinhanh ul{display: grid; grid-gap: 15px; list-style: none;}
.hinhanh ul li{position: relative; border-radius: 5px; overflow: hidden;}
.hinhanh ul li a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; margin: auto; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 50%); opacity: 0; transition: all 0.25s ease 0s;}
.hinhanh ul li a > span{display: block; font-weight: 700; text-align: center; color: #fff;}
.hinhanh ul li a > span span{display: block; padding: 0 15px 15px; transform: translateY(-15px); transition: all 0.25s ease 0s}
.hinhanh ul li a i{display: block; transform: translateY(15px); font-size: 25px; transition: all 0.25s ease 0s;}
.hinhanh ul li a:hover{opacity: 1;}
.hinhanh ul li a:hover > span span{transform: translateY(0);}
.hinhanh ul li a:hover i{transform: translateY(0);}
.hinhanh-title{position: relative; margin-bottom: 30px; text-align: center;}
.hinhanh-title i{position: absolute; top: -13px; right: 0; bottom: 0; left: 0; margin: auto; font-size: 100px; color: rgb(0 0 0 / 10%)}
.hinhanh-title h2{position: relative; font-size: 30px; text-transform: uppercase; color: #ec1a23;}
.hinhanh-title h3{position: relative; max-width: 580px; margin: auto; font-weight: 400;}
@media (min-width:320px){
    .hinhanh ul{grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(auto,auto);}
}
@media (min-width:410px){
    .hinhanh ul li a > span{font-size: 16px; text-transform: uppercase;}
}
@media (min-width:768px){
    .hinhanh ul{grid-template-columns: repeat(3,minmax(0,1fr));}
}.tintuc{padding: 50px 0;}
.tintuc-title{position: relative; margin-bottom: 30px; text-align: center;}
.tintuc-title i{position: absolute; top: -13px; right: 0; bottom: 0; left: 0; margin: auto; font-size: 100px; color: rgb(0 0 0 / 10%)}
.tintuc-title h2{position: relative; font-size: 30px; text-transform: uppercase; color: #ec1a23;}
.tintuc-title h3{position: relative; max-width: 580px; margin: auto; font-weight: 400;}
.tintuc-item{margin-bottom: 30px;}
.tintuc-name{margin-bottom: 10px;}
.tintuc-name a{display: block; font-size: 16px; font-weight: 700; color: #000; transition: all 0.25s ease 0s;}
.tintuc-item:hover .tintuc-name a{color: #ec1a23;}
.tintuc-prev{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; text-align: justify; overflow: hidden;}
.tintuc-time{display: inline-block; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ec1a23;}
.tintuc-more{position: relative; width: 148px; margin: auto; border: 1px solid #777;}
.tintuc-more:before{content: ''; position: absolute; right: 0; bottom: 0; left: 0;  height: 100%; margin: auto; background-color: #ec1a23; transform: translate3d(5px,5px,0); opacity: 50%; transition: all 0.25s ease 0s;}
.tintuc-more:hover:before{transform: translate3d(0,0,0);}
.tintuc-more a{position: relative; display: block; font-size: 16px; text-align: center; line-height: 43px; color: #333;}
.tintuc-item:nth-child(1) .tintuc-name a{text-transform: uppercase;}
@media (min-width:320px){
    .tintuc-img{margin-bottom: 15px;}
}
@media (min-width:480px){
    .tintuc-img{float: left; width: 210px; margin-bottom: 0;}
    .tintuc-wrap{float: right; width: calc(100% - 225px);}
    .tintuc-item:nth-child(1) .tintuc-img{float: none; width: 100%; margin-bottom: 15px;}
    .tintuc-item:nth-child(1) .tintuc-wrap{float: none; width: 100%;}
}
@media (min-width:768px){
    .tintuc-item{position: relative; float: left; width: calc(50% - 15px);}
    .tintuc-prev{display: none;}
    .tintuc-item:nth-child(1){margin-right: 30px;}
    .tintuc-item:nth-child(1) .tintuc-prev{display: block;}
}
@media (min-width:970px){
    .tintuc-prev{display: block;}
}.uudai{position: relative; padding: 50px 0 20px; background: no-repeat center / cover;}
.uudai:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgb(255 255 255 / 75%);}
.uudai-title{position: relative; margin-bottom: 15px; padding-bottom: 40px; text-align: center;}
.uudai-title h2{font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 1.2;}
.uudai-title h2 span{display: block; color: #ec1a23;}
.uudai-title i{position: absolute; right: 0; bottom: 0; left: 0; width: 30px; margin: auto; font-size: 30px; line-height: 30px; color: rgb(0 0 0 / 50%);}
.uudai-title:before, .uudai-title:after{content: ''; position: absolute; bottom: 13px; width: 100px; height: 2px; margin: auto;}
.uudai-title:before{right: 140px; left: 0; background-image: linear-gradient(to right, transparent 25%, rgb(0 0 0 / 25%) 100%);}
.uudai-title:after{right: 0; left: 140px; background-image: linear-gradient(to left, transparent 25%, rgb(0 0 0 / 25%) 100%);}
.uudai-list{display: flex; flex-flow: row wrap;}
.uudai-item{margin-bottom: 30px;}
.uudai-img{max-width: 294px; margin: 0 auto 15px; border: 3px solid #fff; border-radius: 50%; box-shadow: 2px 2px 3px rgb(0 0 0 / 25%); transition: all 0.25s ease 0s;}
.uudai-img img{margin: auto; border-radius: 50%;}
.uudai-wrap{padding: 15px; background-color: #fff; border-top: 3px solid #ec1a23; border-radius: 10px; transition: all 0.25s ease 0s;}
.uudai-name{margin-bottom: 15px; font-size: 16px; font-weight: 700;}
.uudai-prev ul{list-style: none;}
.uudai-prev ul li{position: relative; margin-bottom: 5px; padding-bottom: 5px; padding-left: 15px; border-bottom: 1px dashed #d7d7d7;}
.uudai-prev ul li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.uudai-prev ul li:before{content: '\f0da'; position: absolute; top: 2px; left: 0; font-family: 'Font Awesome 6 Pro'; font-size: 12px; font-weight: 700; color: #ec1a23;}
.uudai-item:hover .uudai-img{box-shadow: 0 2px 3px 1px rgb(0 0 0 / 50%);}
.uudai-item:hover .uudai-wrap{box-shadow: 0 2px 3px rgb(0 0 0 / 25%); transform: translateY(-1px);}
@media (min-width:360px){
    .uudai-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .uudai-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .uudai-item{width: calc((100% - 90px)/4);}
    .uudai-item:nth-child(2n){margin-right: 30px;}
    .uudai-item:nth-child(4n){margin-right: 0;}
}.col-help{text-align: center;}
.col-help li a{color: #4a4a4a;}
.col-help li:nth-child(1){margin-bottom: 15px; text-transform: uppercase;}
.col-help li:nth-child(1) a b{font-size: 22px; color: #000;}
.col-help li:nth-child(2),
.col-help li:nth-child(3){display: inline-block; width: 50px; margin: 0 8px; border-radius: 50%; vertical-align: top; overflow: hidden;}
.col-help li:nth-child(4){padding-top: 15px;}
.col-help li:nth-child(4) img{display: inline-block; width: 20px; margin-right: 5px; vertical-align: top;}
.why-video{height: 300px;background: no-repeat center bottom / cover;}
.why-video a{position: relative; display: block; height: 100%;}
.why-video a:before, .why-video a i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.why-video a:before{content: ''; width: 80px; height: 80px; background-color: rgb(255 255 255 / 50%); outline: 10px solid rgb(255 255 255 / 25%); border-radius: 50%;}
.why-video a i{width: 40px; height: 40px; font-size: 20px; text-align: center; line-height: 40px; color: #d5b86f; transition: all 0.25s ease 0s;}
.why-video a:hover i{transform: scale(1.25);}
@media (min-width:320px){
    .why-text{padding: 30px;}
    .why-video{}
}
@media (min-width:768px){
    .why-text{float: left; width: calc(50% - 100px); padding: 50px;}    
}.col{margin-bottom: 30px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%);}
.col ul{padding: 15px; border-top: 2px solid #ec1a23; list-style: none;}
.col-title{padding: 9px 0 6px; font-size: 18px; text-transform: uppercase; text-align: center; color: #ec1a23;}
.col-menu li{list-style: none;}
.col-menu li a{display: block; line-height: 40px; color: #333;}
.col-menu li a:hover{color: #ec1a23;}
.col-menu li a i{width: 25px; transform: translateX(5px); font-size: 12px; color: #ec1a23; transition: all 0.25s ease 0s;}
.col-menu li a:hover i{transform: translateX(9px);}
.col-menu li ul{padding: 0; border-top: none;}
.col-menu li ul li{padding-left: 25px;}
.col-menu li ul li:first-child{border-top: 1px dashed #d7d7d7;}
.col-menu li ul li+li a{border-top: 1px dashed #d7d7d7;}
.col-menu li ul li.active a{color: #ec1a23;}
.col-menu li ul li a i{font-size: 10px;}
.col-menu > li{position: relative;}
.col-menu > li+li{border-top: 1px dashed #d7d7d7;}
.col-menu > li.active > a{color: #ec1a23;}
.col-menu > li > a{font-size: 16px;}
.col-menu > li > i{position: absolute; top: 0; right: 0; width: 40px; font-size: 12px; text-align: center; line-height: 40px; cursor: pointer;}.col-news li+li{margin-top: 15px; padding-top: 15px; border-top: 1px dashed #d7d7d7;}
.col-news li a{position: relative; display: block; line-height: 22px;}
.col-news li a > span{position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(100% - 114px); margin: auto; align-items: center;}
.col-news li a > span span{display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden; transition: all 0.25s ease 0s;}
.col-news li a:hover > span span{color: #1d9039;}.col-news li+li{margin-top: 15px; padding-top: 15px; border-top: 1px dashed #d7d7d7;}
.col-news li a{position: relative; display: block; line-height: 22px;}
.col-news li a > span{position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(100% - 114px); margin: auto; align-items: center;}
.col-news li a > span span{display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden; transition: all 0.25s ease 0s;}
.col-news li a:hover > span span{color: #1d9039;}.about{padding: 30px 0;}
.about-title{margin-bottom: 30px; padding: 1px 0 2px; border-bottom: 2px solid #d7d7d7; font-size: 26px; color: #333;}
.about-title *{position: relative; display: inline-block; font-weight: 500;}
.about-title *:after{content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background-color: #333;}
.about-name{margin-bottom: 15px; padding-top: 7px; font-size: 20px; font-weight: 000;}
@media (min-width: 320px){    
    .about-left{display: none;}
}
@media (min-width: 970px){
    .about-left{float: right; display: block; width: 270px;}
    .about-right{float: left; width: calc(100% - 300px);}
}.lienhe{padding-top: 50px;}
.lienhe .wrap{max-width: 970px;}
.lienhe-form{box-sizing: border-box; margin-bottom: 50px; padding: 30px; border-radius: 10px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);}
.lienhe-title{margin-bottom: 15px; font-size: 20px; font-weight: 700; line-height: 30px; color: #ec1a23;}
.lienhe-item{width: 100px; margin: auto;}
.lienhe-info ul{list-style: none; width: 100%;}
.lienhe-info ul li{line-height: 30px;}
.lienhe-info ul li:first-child{text-transform: uppercase;}
.lienhe-info ul li span:nth-child(1){display: inline-block; width: 100px; vertical-align: top;}
.lienhe-info ul li span:nth-child(2){display: inline-block; width: calc(100% - 105px);}
.lienhe-info ul li a{color: #555;}
.lienhe-info ul li a b{color: #ec1a23;}
@media (min-width: 768px){
    .lienhe-form{float: left; width: 50%;}
    .lienhe-info{position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(50% - 60px); margin: auto; align-items: center; justify-content: left;}
}.news{padding-top: 30px;}
.news-list{margin-bottom: 30px;}
.news-item+.news-item{margin-top: 15px; padding-top: 15px; border-top: 1px dashed #d7d7d7;}
.news-img{border-radius: 5px; overflow: hidden; transition: all 0.25s ease 0s;}
.news-img img{transition: all 0.5s ease 0s;}
.news-name{margin-bottom: 15px;}
.news-name a{display: block; font-size: 16px; font-weight: 700; color: #000; transition: all 0.25s ease 0s;}
.news-name a:hover{color: #ec1a23;}
.news-time{display: inline-block; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ec1a23;}
.news-prev span{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden;}
.news-prev span+span{margin-top: 5px;}
.news-prev span i{width: 15px; margin-right: 10px; text-align: center;}
.news-prev-2{display: -webkit-box; margin-bottom: 15px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.news-more{text-align: right; line-height: 30px;}
.news-more a{display: inline-block; margin-left: 10px; padding: 0 15px; background-color: #ec1a23; border-radius: 5px; color: #fff; transition: all 0.25s ease 0s;}
.news-more a:hover{background-color: #000;}
.news-item:hover .news-img{box-shadow: 0 3px 3px rgb(0 0 0/ 50%);}
.news-item:hover .news-img img{transform: scale(1.05);}
.kt-hot{margin-bottom: 30px; padding: 30px 30px 0; background-color: #f7f7f7;}
.kt-hot-item{margin-bottom: 30px;}
.kt-hot-item:nth-child(2){float: right;}
.kt-hot-img{margin-bottom: 15px;}
.kt-hot-name{margin-bottom: 10px;}
.kt-hot-name a{display: block; font-size: 18px; font-weight: 700; color: #ec1a23; transition: all 0.25s ease 0s;}
.kt-hot-name a:hover{text-decoration: underline;}
.kt-hot-prev{font-size: 16px; color: #333;}
@media (min-width:320px){
    .news-left{display: none;}
    .news-img{margin-bottom: 15px;}
}
@media (min-width:480px){
    .news-img{float: left; width: 210px; margin-bottom: 0;}
    .news-wrap{float: right; width: calc(100% - 225px);}
    .news-prev{display: none;}
    
    .kt-hot-item{float: left; width: calc(50% - 15px); margin-bottom: 30px;}
    .kt-hot-item:nth-child(2){float: right;}
    .kt-hot-prev{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
}
@media (min-width:580px){
    .news-img{width: 270px;}
    .news-wrap{width: calc(100% - 285px);}
    .news-prev{display: block;}
    .news-prev-2{display: -webkit-box;}
}
@media (min-width:768px){
    .news-left{float: right; display: block; width: 270px;}
    .news-right{float: left; width: calc(100% - 300px);}
    .news-img{width: 240px;}
    .news-wrap{width: calc(100% - 255px);}
    .news-prev{display: none;}
}
@media (min-width:970px){
    .news-img{width: 300px;}
    .news-wrap{width: calc(100% - 330px);}
    .news-prev{display: block;}
    .news-prev-2{display: -webkit-box;}
}.other-item{position: relative; margin-bottom: 30px; border-radius: 10px; overflow: hidden;}
.other-item img{transition: all 0.5s ease 0s;}
.other-item a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-image: linear-gradient(transparent 75%, rgb(0 0 0 / 75%) 100%); transition: all 0.25s ease 0s;}
.other-item a span{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; padding: 15px; font-size: 22px; font-weight: 700; color: #fff;}
.other-item a span:after{content: ''; display: block; width: 75px; height: 2px; margin-top: 5px; background-color: #fff; transition: all 0.25s ease 0s;}
.other-item-2{float: none!important; width: auto!important; margin-right: 0!important; margin-bottom: 0; border-radius: 0;}
.other-item-2+.other-item-2{margin-top: 15px;}
.other-item-2 a{background: none!important;}
.other-item-2 a span{font-size: 16px; text-align: center; background-color: rgb(0 0 0 / 50%);}
.other-item-2 a span:after{display: none;}
.other-item:hover img{transform: scale(1.05);}
.other-item:hover a{background-color: rgb(0 0 0 / 25%);}
.other-item:hover a span:after{width: 100px;}
@media (min-width:480px){
    .other-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .other-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .other-item{width: calc((100% - 60px)/3);}
    .other-item:nth-child(2n){margin-right: 30px;}
    .other-item:nth-child(3n){margin-right: 0;}
}