@font-face
{
    font-family: 'FR';
    src: url('../css/font/BeVietnam-Regular.eot'); /* IE9 Compat Modes */
    src: url('../css/font/BeVietnam-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/BeVietnam-Regular.woff') format('woff'), /* Modern Browsers */
    url('../css/font/BeVietnam-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/BeVietnam-Regular.svg#BeVietnam-Regular') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'FB';
    src: url('../css/font/BeVietnam-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/BeVietnam-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/BeVietnam-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/BeVietnam-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/BeVietnam-Bold.svg#BeVietnam-Bold') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'FO';
    src: url('../css/font/BankGothicBT-Medium.eot'); /* IE9 Compat Modes */
    src: url('../css/font/BankGothicBT-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/BankGothicBT-Medium.woff') format('woff'), /* Modern Browsers */
    url('../css/font/BankGothicBT-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/BankGothicBT-Medium.svg#BankGothicBT-Medium') format('svg'); /* Legacy iOS */
}


.imgc, .imgc0{position:relative;z-index:1;display: block}
.imgc:before, .imgc0:before{content:"";display:block;padding-bottom: 66.66%}
.imgc img {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block}
.imgc0 img {width: 100%;height: 100%;position: absolute;object-fit: scale-down;display: block;top: 0;left: 0}
.imgc iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.TextSize {margin-bottom: 20px;line-height: 24px}
.TextSize b, .TextSize strong {font-weight: normal;font-family: 'FB'}
.TextSize img {max-width: 100%;height: auto !important}
.TextSize table, .TextSize iframe {max-width: 100%}
.TextSize .imgc.video:before {padding-bottom: 56.25%}
.TextSize.miniSize {max-width: 850px;margin: 0 auto 20px auto}
.slick-arrow {cursor: pointer;position: absolute;z-index: 3;box-sizing: border-box;width: 40px;height: 40px;left: -60px;top: calc(50% - 20px);border: 1px solid color-mix(in srgb, var(--other-color), transparent);background-color: transparent;border-radius: 50%}
.slick-next {left: auto;right: -60px}
.slick-arrow:hover {background-color: color-mix(in srgb, var(--other-color), transparent)}
.slick-arrow:hover:after {color: white}
.slick-prev:after {content: "\f104";font: 20px FontAwesome;color: var(--other-color)}
.slick-next:after {content: "\f105";font: 20px FontAwesome;color: var(--other-color)}
.slick-list * {outline: none}
.slick-list {overflow: hidden}
.slick-slider {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.slick-track {margin: auto}
.fancybox-caption {text-align: center}
.slick-dots {position: absolute;left: 0;bottom: 15px;padding: 0;margin: 0;text-align: center;width: 100%;z-index: 5}
.slick-dots li {display: inline-block;margin: 0 4px}
.slick-dots button {font-size: 0;width: 11px;height: 11px;background: white;border: 1px solid var(--main-color);border-radius: 50%;margin: 0;padding: 0}
.slick-dots .slick-active button {background-color: var(--main-color)}
.cb {clear: both}
.dn {display: none !important}
#CommonCuoiChiTietTin .fb_iframe_widget span, .commonTool .fb_iframe_widget span {display: block}
#CommonCuoiChiTietTin .fb_iframe_widget, .commonTool .fb_iframe_widget {float: left}

.commonTool {margin-bottom: 20px;font-size: 14px;color: #999}
.commonTool span {display: inline-block;padding: 0 10px;line-height: 28px;border: 1px solid #ececec;position: relative;margin-right: 2px}
.commonTool span sup {position: absolute;right: 5px;top: 6px;line-height: 10px}
.commonTool span:nth-child(n+3) {cursor: pointer}
.commonTool span:nth-child(n+3):hover {color: white;background-color: var(--main-color);border-color: var(--main-color)}

#CommonCuoiChiTietTin {padding: 7px 0 5px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 20px;overflow: hidden}
#CommonCuoiChiTietTin .apd {float: left}
#CommonCuoiChiTietTin .apd a {font-size: 13px;float: left;text-decoration: none;color: #999;padding: 0 12px;margin-right: 5px;border-radius: 5px;line-height: 26px;position: relative;background-color: #f0f0f0}
#CommonCuoiChiTietTin .apd a:hover {color: white;background-color: var(--main-color)}
#CommonCuoiChiTietTin .right {float: right;margin-bottom: 0}
#CommonCuoiChiTietTin .right .shareItem {float: left;margin-left: 5px}
.SplitPages {text-align: right;margin-bottom: 30px;padding-top: 15px;border-top: 1px solid #ececec}
.SplitPages a {font-size: 14px;display: inline-block;margin: 0 3px;height: 32px;line-height: 32px;min-width: 32px;text-decoration: none;border: 1px solid #cecece;color: #000;text-align: center;background-color: white}
.SplitPages .dau, .SplitPages .cuoi, .SplitPages .truoc, .SplitPages .sau {transform: translateY(1px);-webkit-transform: translateY(1px);-moz-transform: translateY(1px)}
.SplitPages .truoc:before, .SplitPages .sau:before, .SplitPages .dau:before, .SplitPages .cuoi:before {content: "\f104";font: 24px FontAwesome;line-height: 26px;display: inline-block}
.SplitPages .dau:before {content: "\f100"}
.SplitPages .cuoi:before {content: "\f101"}
.SplitPages a:hover, .SplitPages a.hientai {background-color: var(--main-color);color: white}


.road {padding: 10px 0;margin-bottom: 40px}
.road a {text-decoration: none;color: #999;margin-right: 10px}
.road a:not(:first-child) i {margin-right: 10px}
.road a:hover {color: var(--main-color)}

#wrap {overflow: hidden;position: relative}
body {padding: 0;margin: 0;font: 16px 'FR';color: #000;position: relative;background-color: white}
.container {width: calc(100% - 300px);margin: 0 auto;min-width: 1200px}


@media(min-width: 1200px){
    #menu {padding: 20px 0 0 0;margin: 0 auto;position: relative;z-index: 4;text-align: center}
    #menu > li {list-style: none;position: relative;display: inline-block;padding: 0 20px 20px 20px}
    #menu > li.hasSub:after {content: "\f107";font: 14px 'FontAwesome';color: #000;position: absolute;right: 7px;top: 7px}
    #menu > li > a {display: block;color: #000;font: 16px 'FB';line-height: 22px;text-decoration: none;text-transform: uppercase}
    #menu > li:hover > a, #menu > li.active > a {color: var(--sub-color)}
    #menu > li.hasSub:hover:after {color: var(--sub-color)}
    
    #menu ul {position: absolute;top: 100%;left: 20px;z-index: 3;width: 260px;padding: 0;margin: 0;text-align: left;display: none}
    #menu li:hover > ul {display: block}
    #menu ul li {list-style: none;display: block;position: relative;padding-right: 1px}
    #menu ul li:last-child {border-bottom: none}
    #menu ul li a {display: block;text-decoration: none;color: #000;line-height: 22px;padding: 10px 15px;position: relative;background: linear-gradient(to bottom, #f3f3f3 0%, #f7f7f7 20%, #fcfcfc 50%, white 60%, white 100%)}
    #menu ul ul {top: 0;left: 100%}
    #menu ul li:hover > a {color: var(--sub-color)}
    #menu ul li:hover > a:before {content: "\f061";display: inline-block;font: 10px 'FontAwesome';color: var(--sub-color);margin-right: 5px;transform: translateY(-3px);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px)}
    #menu ul .openMN {position: absolute;right: 10px;top: 8px;z-index: 2}
    #menu ul .openMN:before {content: "\f105";font: 15px 'FontAwesome';color: #999}
    #menu ul li:hover .openMN:before {color: var(--sub-color)}

    @media(max-width: 1500px){
        #menu > li {padding: 0 20px 20px 10px}
    }
    @media(max-width: 1366px){
        #menu > li {padding: 0 20px 20px 5px}
    }
}

#header {height: 62px;position: relative;background-color: white}
#header .logo {float: left;width: 300px;padding-top:12px;height: 0}
#header .logo .imgc0 {z-index: 5}
#header .logo .imgc0:before {padding-bottom: 23.56687898%}
#header .logo .imgc0:after {content: "";display: block;position: absolute;top: calc(100% - 21px);left: 0;width: 100%;height: 38px;background: url(images/bg_logo1.png) no-repeat top center, url(images/bg_logo2.png) no-repeat top -6px center}
#header .logo .imgc0 img {z-index: 6}
#header .right {float: right;position: relative;padding-top: 13px;z-index: 5;height: 0}
#header .search {float: left;position: relative;z-index: 3}
#header .search input {width: 240px;padding: 0 20px;height: 34px;border: 1px solid var(--other-color);border-right: none;outline: none;font: 15px 'FR';color: #000;border-radius: 18px;display: none;position: absolute;top: 0;right: 100%;background-color: white}
#header .search input.show {display: block}
#header .search a {float: right;width: 34px;height: 34px;color: #000;text-align: center;font-size: 14px;line-height: 32px;border: 1px solid var(--other-color);border-radius: 50%}
#header .search a:hover {background-color: var(--other-color);color: white}
#header .language {float: left;height: 36px;margin-left: 5px}
#header .language a, #header .language span {display: block;text-decoration: none;color: #333;text-transform: uppercase;font-size: 10px;line-height: 34px;padding: 5px 0;background-color: white;border: 1px solid var(--other-color);padding: 0 20px 0 10px;border-radius: 18px;position: relative;margin-bottom: 3px;cursor: pointer}
#header .language span:before {content: "";display: block;border-top: 5px solid #000;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;right: 7px;top: 15px}
#header .language.active a {display: block}
#header .language.active span:before {border-top: none;border-bottom: 5px solid #000}
#header .language a {display: none}
#header .language a:hover {color: white;background-color: var(--other-color)}
#header .language img {max-height: 12px;margin-right: 5px;display: inline-block;transform: translateY(1px);-webkit-transform: translateY(1px);-moz-transform: translateY(1px)}
#header .container {position: relative}
#header .slogan {position: absolute;top: 100%;left: 0;width: calc(100% - 136px);z-index: 3;color: white;text-align: center;font: 24px 'FO';letter-spacing: 5px;line-height: 38px;background: color-mix(in srgb, var(--main-color), transparent);margin: 0 68px}
#header .slogan:after {content: "";display: block;width: 68px;height: 38px;background: url(images/bg_head.png) no-repeat top left;position: absolute;top: 0;left: 100%}


#slide_home {margin-bottom: 100px;clear: both;border-bottom: 3px solid var(--main-color)}
#slide_home .imgc:before {padding-bottom: 32%}
#slide_home .imgMB {display: none}
#slide_home .slick-prev {left: 60px;background-color: rgba(0,0,0,0.2)}
#slide_home .slick-next {right: 60px;background-color: rgba(0,0,0,0.2)}
#slide_home .slick-arrow {border-color: white}
#slide_home .slick-arrow:after {color: white}
#slide_home .slick-arrow:hover {background-color: color-mix(in srgb, var(--other-color), transparent)}
#slide_home .imgc span {position: absolute;left: 50%;bottom: 0;background-color: var(--main-color);color: white;text-transform: uppercase;font: 18px 'FB';line-height: 44px;padding: 0 30px;border-radius: 30px 30px 0 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);white-space: nowrap}

#footer {background: #f3f3f3 url(images/bg_ft.png) no-repeat bottom center;padding-top: 70px;margin-top: 50px}
#footer .logo_ft {width: 310px;float: left;margin-right: 40px}
#footer .logo_ft img {display: block;max-width: 100%}
#footer .info_ft {float: left;width: 500px;margin-right: 40px}
#footer .col_mnb {width: calc((100% - 930px)/2);float: left;margin-right: 40px}
#footer .col_mnb:last-child {margin-right: 0}
#footer .mxh_hotline {width: 200px;float: right}

#footer .info_ft .item {padding-left: 25px;margin-top: 10px;position: relative;line-height: 24px}
#footer .info_ft .item i {position: absolute;left: 0;top: 2px;width: 20px;height: 22px;text-align: center;line-height: 20px;color: var(--other-color)}
#footer .info_ft .item a {text-decoration: none;color: white}
#footer .info_ft .btnMap {display: inline-block;text-decoration: none;color: #999;font-size: 14px;padding: 0 20px 0 15px;border: 1px solid #999;line-height: 34px;border-radius: 18px;margin-top: 20px;position: relative}
#footer .info_ft .btnMap .fa-map {font-size: 20px;transform: translateY(3px);-webkit-transform: translateY(3px);-moz-transform: translateY(3px);color: #666}
#footer .info_ft .btnMap:hover {color: white;background-color: var(--main-color);border-color: var(--main-color)}
#footer .info_ft .btnMap:hover i {color: white}

#footer .title {font: 16px 'FB';margin-bottom: 15px;text-transform: uppercase}
#footer .mnFooter a {display: block;text-decoration: none;color: #000;line-height: 22px;margin-bottom: 10px;padding-left: 15px;position: relative}
#footer .mnFooter a:before {content: "";width: 6px;height: 6px;border: 1px solid var(--main-color);border-radius: 50%;position: absolute;left: 0;top: 8px}
#footer .mnFooter a:hover {color: var(--other-color)}
#footer .mnFooter a:hover:before {border-color: var(--other-color)}
#footer .mxh_footer a {display: block;text-decoration: none;color: white;margin-bottom: 10px;line-height: 24px;position: relative}
#footer .mxh_footer .imgc0 {width: 24px;display: inline-block;margin-right: 5px;transform: translateY(2px);-webkit-transform: translateY(2px);-moz-transform: translateY(2px)}
#footer .mxh_footer a:hover {color: var(--sub-color)}

#footer .license {text-align: center;margin-top: 50px;font-size: 14px;background-color: #ededed;padding: 10px 0}
#footer .license a {text-decoration: none;color: #999}
#footer .license a:hover {color: var(--other-color)}

#fixRight {position: fixed;right: 10px;bottom: 100px;width: 44px;z-index: 5}
#fixRight a {display: block;margin-bottom: 10px}
#fixRight a img {display: block;max-width: 100%}
#fixRight a#page_head {background-color: rgba(0,0,0,0.2);width: 44px;height: 44px;border-radius: 50%;text-align: center;font-size: 22px;line-height: 34px;color: white;box-sizing: border-box;border: 2px solid white;box-shadow: 0 2px 5px rgba(0,0,0,0.2)}
#fixRight a#page_head:hover {background-color: var(--main-color)}

.bao_tt {text-align: center;margin-bottom: 25px}
.bao_tt .title {display: inline-block;text-decoration: none;color: var(--main-color);font: 30px 'FB';text-transform: uppercase;padding-bottom: 20px;background: url(images/bg_tt.png) no-repeat bottom center;min-width: 305px}
.bao_tt .title span {font-family: 'FR'}
.bao_tt a.title:hover {color: var(--other-color)}
.bao_tt .desc {margin: 10px auto 0 auto;line-height: 24px;max-width: 1000px}

.btn_more {text-align: center}
.btn_more a {display: inline-block;text-decoration: none;color: var(--main-color);line-height: 38px;background-color: white;padding: 0 20px;border-radius: 5px;overflow: hidden;border: 1px solid var(--main-color)}
.btn_more a i {font-size:  13px;margin-left: 5px}
.btn_more a:hover {background-color: var(--main-color);color: white}

.spHome .slick-track {display: flex}
.spHome .list_sp .item {height: auto}
.list_sp .item {margin: 0 0 30px 30px;border-radius: 0 0 23px 0;overflow: hidden;position: relative;box-sizing: border-box;background-color: var(--main-color)}
.list_sp .item:nth-child(4n+2) {background-color: color-mix(in srgb, var(--main-color) 70%, var(--other-color))}
.list_sp .item:nth-child(4n+3) {background-color: color-mix(in srgb, var(--main-color) 30%, var(--other-color))}
.list_sp .item:nth-child(4n) {background-color: var(--other-color)}
.list_sp .item:hover {border-color: var(--sub-color)}
.list_sp .imgc:before {padding-bottom: 56.25%}
.list_sp .info {padding: 10px 15px}
.list_sp .title {display: block;font: 18px 'FB';text-decoration: none;color: white;margin-bottom: 10px;overflow: hidden;text-transform: uppercase}
.list_sp .title:hover {color: var(--sub-color)}
.list_sp .item_li {display: block;text-decoration: none;color: white;padding-left: 15px;position: relative;margin-bottom: 10px}
.list_sp .item_li:before {content: "";display: block;width: 6px;height: 6px;border: 1px solid white;border-radius: 50%;position: absolute;left: 0;top: 8px}
.list_sp .item_li:hover {text-decoration: underline}
.list_sp .info .item_li:last-child {margin-right: 40px}
.list_sp .btn {position: absolute;right: 1px;bottom: 1px;width: 44px;height: 44px;text-align: center;border-radius: 50%;background-color: white;line-height: 44px}
.list_sp .btn i {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);color: var(--main-color)}
.list_sp .btn:hover {background-color: var(--sub-color)}
.list_sp .btn:hover i {color: white}

.list_news .item {overflow: hidden;box-shadow: 0 7px 15px rgba(0,0,0,0.1);padding-bottom: 10px;position: relative}
.list_news .item:hover {box-shadow: 0 0 0 1px var(--other-color)}
.list_news .title {display: block;text-decoration: none;color: #000;font-family: 'FB';line-height: 24px;margin: 10px 15px;height: 48px;overflow: hidden}
.list_news .title:hover {color: var(--other-color)}
.list_news .desc {line-height: 22px;height: 66px;overflow: hidden;margin-bottom: 15px;padding: 0 15px}
.list_news .btn {display: inline-block;text-decoration: none;color: var(--main-color)}
.list_news .btn:hover {color: var(--other-color)}
.list_news.slick-slider {margin-bottom: 30px}
.list_news.slick-slider .item {margin: 15px}
.list_news.slick-slider .slick-list {width: calc(100% + 30px);margin-left: -15px}

.list_news:not(.slick-slider):after {content: "";display: block;clear: both}
.list_news:not(.slick-slider) .item {width: calc((100% - 90px)/4);float: left;margin: 0 30px 30px 0}
.list_news:not(.slick-slider) .item:nth-child(4n) {margin-right: 0}
.list_news.list_about .desc {margin-right: 30px}
.list_news .btn_view {display: inline-block;text-decoration: none;margin: 0 0 10px 15px;color: var(--main-color);font-size: 15px}
.list_news .btn_view:hover {color: var(--other-color)}

.list_news.list_lv .title {font-size: 18px;line-height: 26px;height: 26px;margin: 15px 20px}
.list_news.list_lv .desc {padding: 0 20px}
.list_news.list_lv .btn_view {margin-left: 20px}
.list_news.list_lv:not(.slick-slider) .item {width: calc((100% - 60px)/3)}
.list_news.list_lv:not(.slick-slider) .item:nth-child(4n) {margin-right: 30px}
.list_news.list_lv:not(.slick-slider) .item:nth-child(3n) {margin-right: 0}

.bao_nd {padding: 40px 50px;border-radius: 20px;box-shadow: 0 0 15px rgba(0,0,0,0.1);margin-bottom: 40px}
.title_CT {font: 24px 'FB';margin-bottom: 15px;text-transform: uppercase}

.tags span {font-family: 'FB';margin-right: 10px}
.tags a {display: inline-block;text-decoration: none;color: #000;padding: 0 12px;font-size: 15px;line-height: 30px;border: 1px solid var(--main-color);border-radius: 5px;margin: 2px}
.tags a:hover {color: white;background-color: var(--main-color)}


.nameCty {text-align: center;color: var(--main-color);font: 24px 'FB';margin-bottom: 20px;text-transform: uppercase}
.infoCty {margin-bottom: 40px;display: flex}
.infoCty .item {width: calc((100% - 60px)/4);float: left;margin: 0 0 20px 20px;box-sizing: border-box;padding: 30px 20px;text-align: center;background-color: white;line-height: 24px;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.infoCty .item i {font-size: 28px;width: 40px;height: 40px;text-align: center;margin: auto;line-height: 40px;color: var(--main-color)}
.infoCty .thuoctinh {margin-bottom: 5px;font-family: 'FB'}
.infoCty .item:first-child {margin-left: 0}
.infoCty .item a {text-decoration: none;color: white}

.form_lh {width: calc(50% - 10px);float: left;margin-bottom: 30px}
.map_lh {width: calc(50% - 10px);float: right;margin-bottom: 30px}
.map_lh .iframeMap {height: 355px}
.map_lh iframe {width: 100%;height: 100%}
.title_lh {font: 20px 'FB';margin-bottom: 10px;text-transform: uppercase}
.form_lh .item {border: 1px solid #eee;margin-bottom: 10px;background-color: #f5f6f8;padding-left: 40px;box-sizing: border-box;border-radius: 3px;overflow: hidden;position: relative}
.form_lh .item.captcha {width: 400px}
.form_lh .item i {font-size: 20px;position: absolute;top: 0;left: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;color: var(--main-color)}
.form_lh input, .form_lh textarea {display: block;width: 100%;box-sizing: border-box;padding: 0 10px;background-color: white;margin: 0;border: none;outline: none;height: 40px;font: 15px 'FR';color: #000;resize: none}
.form_lh .item:nth-child(2) {width: calc(50% - 5px);float: left}
.form_lh .item:nth-child(3) {width: calc(50% - 5px);float: right}
.form_lh .item:nth-child(4) {clear: both}
.form_lh textarea {padding: 10px;height: 150px}
.form_lh .name, .form_lh .phone {width: calc(50% - 5px);float: left}
.form_lh .btn {margin-bottom: 15px}
.form_lh .btn a {display: inline-block;margin-right: 2px;text-decoration: none;color: #000;padding: 0 40px;border: 1px solid var(--main-color);font-family: 'FB';line-height: 38px;border-radius: 5px}
.form_lh .btn a:first-child {color: white;background-color: var(--main-color);text-transform: uppercase;border-color: var(--main-color)}
.form_lh .btn a:hover {color: white;background-color: #999;border-color: #999}
.form_lh .btn a:first-child:hover {background: var(--other-color);border-color: var(--other-color)}
.form_lh .item.captcha input {width: calc(100% - 174px);float: left}
.form_lh .item.captcha img {height: 34px;float: left;border: 3px solid white}
.form_lh .item.captcha a {float: left;background-color: white}
.form_lh .item.captcha a i {position: static}
.form_lh ::-webkit-input-placeholder {color: #000}
.form_lh ::-moz-placeholder, .form_lh :-moz-placeholder {color: #000;opacity: 1}

.other .bao_other {text-align: left;margin-bottom: 20px}
.other .bao_other .title {font: 18px 'FB';text-decoration: none;color: #000;text-transform: uppercase;padding-left: 25px;position: relative}
.other .bao_other .title:before {content: "";width: 4px;height: 16px;background-color: var(--main-color);position: absolute;left: 5px;top: 6px;border-right: 3px solid white;box-shadow: 2px 0 0 var(--main-color);transform: skewX(-25deg)}
.other .bao_other a.title:hover {color: var(--other-color)}
.other .bao_other a.title:hover:before {background-color: var(--other-color);box-shadow: 2px 0 0 var(--other-color)}
.other .viewAll {float: right;font-size: 15px;text-decoration: none;color: var(--main-color);margin-top: 5px}
.other .viewAll:hover {color: var(--other-color)}
.alert {text-align: center}
.nd_alert {max-width: 750px;margin: 70px auto}
.nd_alert .fa-check {width: 120px;height: 120px;border-radius: 50%;background-color: var(--other-color);color: white;font-size: 80px;line-height: 120px}
.nd_alert .title {margin: 30px 0 10px 0;font: 30px 'FB';text-transform: uppercase}
.nd_alert .desc {margin-bottom: 20px}
.nd_alert .content {margin-bottom: 20px;line-height: 24px}
.nd_alert .content a {text-decoration: none;font-family: 'FB';color: red;font-size: 18px}
.nd_alert .content a:hover {color: var(--sub-color)}
.nd_alert .btn a {display: inline-block;text-decoration: none;color: white;text-transform: uppercase;padding: 0 30px;background-color: var(--main-color);line-height: 40px;font-family: 'FB';border-radius: 5px}
.nd_alert .btn a:hover {background: var(--other-color)}

.gt_home {overflow: hidden;margin-bottom: 120px}
.gt_home .container > .imgc0 {width: calc(50% - 20px);float: left}
.gt_home .imgc0:before {padding-bottom: 80%}
.gt_home .right {width: calc(50% - 20px);float: right}
.gt_home .right > .desc {color: var(--main-color);font: 18px 'FB'}
.gt_home .right > .title {font: 72px 'FO';color: var(--sub-color);margin-bottom: 20px;text-indent: -8px}
.gt_home .content {line-height: 24px;margin-bottom: 30px}
.gt_home .content p {margin: 0 0 20px 0}
.gt_home .content b, .gt_home .content strong {font-family: 'FB'}
.gt_home .bao_tt {text-align: left}
.gt_home .btn_more {text-align: left}

.list_gt {overflow: hidden;margin-bottom: 40px}
.list_gt .item {width: calc((100% - 200px)/3);float: left;box-sizing: border-box;margin-right: 100px}
.list_gt .item:nth-child(3n) {margin-right: 0}
.list_gt .imgc0 {width: 80px;height: 90px;margin-bottom: 10px;background: var(--main-color);clip-path: polygon(50% 0, 100% 20px, 100% calc(100% - 20px), 50% 100%, 0 calc(100% - 20px), 0 20px);box-sizing: border-box;padding: 2px}
.list_gt .imgc0:before {background-color: white;clip-path: polygon(50% 0, 100% 19px, 100% calc(100% - 19px), 50% 100%, 0 calc(100% - 19px), 0 19px);padding-bottom: 86px}
.list_gt .imgc0 img {width: calc(100% - 6px);height: calc(100% - 6px);top: 3px;left: 3px;background-color: var(--main-color);clip-path: polygon(50% 0, 100% 19px, 100% calc(100% - 19px), 50% 100%, 0 calc(100% - 19px), 0 19px)}
.list_gt .title {line-height: 24px;margin-bottom: 5px}
.list_gt .desc {font-family: 'FB';color: var(--main-color)}

.spHome, .newsHome {margin-bottom: 80px}


.spIndex .block_sp {padding-bottom: 40px;margin-bottom: 40px;border-bottom: 2px solid #ececec}
.spIndex .block_sp:last-child {border-bottom: none}
.block_sp .list_sp {margin-bottom: 30px}
.list_sp.slick-slider .item {margin: 15px}
.list_sp .slick-list {width: calc(100% + 30px);margin-left: -15px}

.contentCate {margin-bottom: 50px}

.newsIndex .block_news {margin-bottom: 80px}

.col_left {width: calc(100% - 330px);float: left;margin-bottom: 50px}
.col_right {width: 300px;float: right;margin-bottom: 50px}


.tvIndex .block_tv {margin-bottom: 40px;padding-bottom: 40px;border-bottom: 2px solid #ececec}
.tvIndex .block_tv:last-child {border-bottom: none}
.list_tv .item {box-shadow: 0 5px 12px rgba(0,0,0,0.1);padding-bottom: 10px}
.list_tv .title {display: block;text-decoration: none;color: #000;font-family: 'FB';margin: 10px 15px;line-height: 24px;height: 48px;overflow: hidden}
.list_tv .title:hover {color: var(--other-color)}
.list_tv .imgc i {width: 40px;height: 40px;border-radius: 50%;border: 1px solid white;background-color: var(--main-color);color: white;position: absolute;left: 10px;bottom: 8px;z-index: 2;text-align: center;line-height: 40px}
.list_tv.slick-slider {margin-bottom: 30px}
.list_tv.slick-slider .slick-list {width: calc(100% + 30px);margin-left: -15px}
.list_tv.slick-slider .item {margin: 15px}
.list_tv:not(.slick-slider):after {content: "";display: block;clear: both}
.list_tv:not(.slick-slider) .item {width: calc((100% - 60px)/3);float: left;margin: 0 0 30px 30px}
.list_tv:not(.slick-slider) .item:nth-child(3n+1) {clear: both;margin-left: 0}
.list_tv.list_vd .imgc:before {padding-bottom: 56.25%}

.list_album {overflow: hidden}
.list_album .imgc {width: calc((100% - 60px)/3);float: left;margin: 0 30px 30px 0;overflow: hidden;border-radius: 10px}
.list_album .imgc:nth-child(3n) {margin-right: 0}
.list_album .imgc span {display: none;position: absolute;top: calc(50% - 20px);left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);z-index: 3;color: white;padding: 0 20px 0 40px;border-radius: 5px;line-height: 38px;border: 1px solid white}
.list_album .imgc:hover span {display: block}
.list_album .imgc span:hover {background-color: var(--main-color)}
.list_album .imgc:hover span:before {content: "";width: 17px;height: 1px;background-color: white;display: block;position: absolute;left: 15px;top: 19px}
.list_album .imgc:hover span:after {content: "";width: 1px;height: 17px;background-color: white;display: block;position: absolute;left: 23px;top: 11px}
.list_album .imgc:hover:after {content: "";display: block;width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;background-color: rgba(0,0,0,0.5)}

.playVD {margin-bottom: 30px}
.playVD:before {padding-bottom: 56.25%}

.search_tk {width: 1000px;max-width: 100%;margin: 0 auto 30px auto;overflow: hidden;border: 1px solid var(--main-color);border-radius: 5px}
.search_tk input {width: calc(100% - 40px);float: left;padding: 0 20px;box-sizing: border-box;height: 38px;border: none;outline: none;color: #000;font: 16px 'FR';border-radius: 5px 0 0 5px}
.search_tk a {float: right;width: 40px;height: 38px;text-align: center;line-height: 38px;color: white;text-decoration: none;background-color: var(--main-color)}
.search_tk a:hover {background-color: var(--other-color)}

.banner_gt:before {padding-bottom: 23.5%}

.tab_label {border-top: 3px solid #ececec;margin-top: -40px}
.tab_label a {display: inline-block;text-decoration: none;color: #000;text-transform: uppercase;margin-right: 50px;padding-top: 15px;border-top: 5px solid transparent;font: 18px 'FB';margin-top: -3px}
.tab_label a.active, .tab_label a:hover {color: var(--main-color);border-top-color: var(--main-color)}
.tab_content .TextSize {display: none}
.tab_content .TextSize.active {display: block}

.formTV {padding: 30px 100px;border-radius: 10px;background-color: var(--main-color);margin-top: 40px}
.formTV .title {text-transform: uppercase;font: 26px 'FB';color: white;text-align: center;margin-bottom: 20px}
.formTV .left {overflow: hidden}
.formTV .left .item {width: calc((100% - 20px)/3);float: left;box-sizing: border-box}
.formTV .left .item:nth-child(2) {margin: 0 10px 10px 10px}
.formTV .item {position: relative;margin-bottom: 10px;overflow: hidden;padding-left: 40px;border-radius: 5px}
.formTV .item > i {position: absolute;top: 0;left: 0;width: 40px;height: 100%;background-color: color-mix(in srgb, var(--main-color) 20%, white);color: var(--main-color);line-height: 40px;text-align: center}
.formTV .item input, .formTV .item textarea {width: 100%;height: 40px;box-sizing: border-box;padding: 0 15px;font: 16px 'FR';color: #000;outline: none;border: none;background-color: white}
.formTV .item textarea {padding: 10px 15px;height: 100px;display: block;margin: 0;resize: none}
.formTV .item.captcha {background-color: white;width: 300px;float: left}
.formTV .item.captcha input {float: left;width: calc(100% - 140px)}
.formTV .item.captcha img {float: left;height: 30px;margin-top: 5px}
.formTV .item.captcha a {float: left;width: 25px;height: 40px;line-height: 40px;color: #000;text-align: center}
.formTV .btn {overflow: hidden;float: right}
.formTV .btn a {float: left;box-sizing: border-box;border: 1px solid white;color: white;text-decoration: none;font-family: 'FB';line-height: 38px;border-radius: 5px;padding: 0 30px}
.formTV .btn a:first-child {text-transform: uppercase;background-color: var(--other-color);border-color: var(--other-color);margin-right: 5px}
.formTV .btn a:hover {background-color: #999}
.formTV .btn a:first-child:hover {background: white;color: var(--main-color)}

.dvHome {padding: 60px 0;position: relative}
.dvHome .bao_tt .title {color: white;background-image: url(images/bg_tt2.png)}
.dvHome .bao_tt a.title:hover {color: var(--sub-color)}
.dvHome .bao_tt .desc {color: white}
.dvHome .dv_back {position: absolute;top: 0;left: 0;width: 100%;height: calc(50% + 44px)}
.dvHome .dv_back:after {content: "";display: block;width: 100%;height: 100%;background-color: color-mix(in srgb, var(--main-color) 50%, var(--other-color));position: absolute;top: 0;left: 0;opacity: 0.9}
.dvHome .dv_back img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover}
.dvHome .container {overflow: hidden;position: relative;z-index: 2}
.dvHome .list_dv {margin: 6% auto;width: 61%;text-align: center}
.dvHome .list_dv .slick-list {overflow: visible}
.dvHome .list_dv .item {transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
.dvHome .list_dv .slick-current .item {transform:scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
.dvHome .list_dv .imgc {border: 3px solid white;margin-bottom: 20px;box-shadow: 0 7px 15px rgba(0,0,0,0.1)}
.dvHome .list_dv .slick-prev {left: -30%}
.dvHome .list_dv .slick-next {right: -30%}
.dvHome .list_dv .title {text-decoration: none;color: #000;font: 18px 'FB';line-height: 26px;height: 26px;overflow: hidden;margin-bottom: 10px;display: block}
.dvHome .list_dv .title:hover {color: var(--other-color)}
.dvHome .list_dv .desc {font-size: 15px;line-height: 22px;height: 44px;overflow: hidden}
.dvHome .list_dv .slick-arrow {top: calc(50% - 50px)}
.dvHome .list_dv .imgc:hover {border-color: var(--other-color)}

.tt_right {display: block;text-decoration: none;color: #000;text-transform: uppercase;margin-bottom: 10px;font: 20px 'FB';line-height: 30px}
a.tt_right:hover {color: var(--other-color)}
.cateRight {margin-bottom: 30px}
.cateRight .item {display: block;margin-bottom: 10px;border-radius: 5px;overflow: hidden;position: relative}
.cateRight .item:before {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to right, var(--main-color) 0%, var(--main-color) calc(100% - 80px), transparent calc(100% - 40px));z-index: 2}
.cateRight .item:nth-child(4n+2):before {background: linear-gradient(to right, color-mix(in srgb, var(--main-color) 70%, var(--other-color)) 0%, color-mix(in srgb, var(--main-color) 70%, var(--other-color)) calc(100% - 80px), transparent calc(100% - 40px))}
.cateRight .item:nth-child(4n+3):before {background: linear-gradient(to right, color-mix(in srgb, var(--main-color) 30%, var(--other-color)) 0%, color-mix(in srgb, var(--main-color) 30%, var(--other-color)) calc(100% - 80px), transparent calc(100% - 40px))}
.cateRight .item:nth-child(4n):before {background: linear-gradient(to right, var(--other-color) 0%, var(--other-color) calc(100% - 80px), transparent calc(100% - 40px))}
.cateRight .imgc {width: 70px;float: right}
.cateRight .title {margin-left: 10px;float: left;max-width: calc(100% - 90px);color: white;text-transform: uppercase;font: 15px 'FB';line-height: 23px;height: 46px;overflow: hidden;display: flex;align-items: center;position: relative;z-index: 3}
.cateRight .item:hover .title {text-decoration: underline}

.dvRight .slick-arrow {background-color: rgba(0,0,0,0.1);border-color: white}
.dvRight .slick-arrow:after {color: white}
.dvRight .slick-arrow:hover {background-color: color-mix(in srgb, var(--other-color), transparent)}
.dvRight .slick-prev {left: 10px}
.dvRight .slick-next {right: 10px}
.dvRight .list_dv .slick-list {width: calc(100% + 30px);margin-left: -15px}
.dvRight .list_dv .item {margin: 0 15px 15px 15px}
.dvRight .list_dv .imgc {box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-bottom: 15px}
.dvRight .list_dv .title {display: block;text-decoration: none;color: #000;font-family: 'FB';margin-bottom: 15px;text-align: center}
.dvRight .list_dv .title:hover {color: var(--other-color)}
.dvRight .list_dv .desc {line-height: 24px;max-height: 72px;overflow: hidden;text-align: center}

.serviceCT .title_CT {text-align: center}
.serviceCT .desc_CT {text-align: center;margin-bottom: 20px}
.slide_DA {margin: 6% auto;width: 80%}
.slide_DA .slick-list {overflow: visible}
.slide_DA .imgc {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;border-radius: 25px;overflow: hidden}
.slide_DA .imgc:before {padding-bottom: 56.25%}
.slide_DA .slick-current .imgc {transform:scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
.slide_DA .slick-arrow {background-color: rgba(0,0,0,0.1);border-color: white}
.slide_DA .slick-arrow:after {color: white}
.slide_DA .slick-prev {left: 70px}
.slide_DA .slick-next {right: 70px}
.serviceCT .commonTool {text-align: center}

.list_cate {text-align: center;margin-bottom: 30px;border-bottom: 2px solid #ececec;padding-bottom: 12px}
.list_cate a {display: inline-block;margin: 0 20px;text-decoration: none;text-transform: uppercase;color: #999;font: 20px 'FB';position: relative}
.list_cate a:before {content: "";display: block;width: 100%;height: 2px;background-color: transparent;position: absolute;bottom: -14px;}
.list_cate a.active, .list_cate a:hover {color: #000;border-color: var(--sub-color)}
.list_cate a.active:before, .list_cate a:hover:before {background-color: var(--sub-color)}