.page-intro{padding: 40px 0 60px;}

.numbers-home.v2 {background-color: #f2f3f5;}
.numbers-home-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around;}
.numbers-home .item {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative;}
.numbers-home .item strong {font-size: 85px; font-weight: 800; -webkit-text-stroke: 1px rgba(64, 64, 65, 0.25); color: transparent; line-height: 2;}
.numbers-home .item .ct {position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.numbers-home .item .ct .num {font-size: 35px; font-weight: 700; color: var(--primary-color); margin-right: 12px;}
.numbers-home .item .ct .head span {display: block; font-size: 10px; text-transform: uppercase; font-weight: 500;}
.numbers-home .item .ct .head b {font-size: 22px; color: var(--primary-color); font-weight: 600;}

.vision-mission{padding: 40px 0;}
.box-hightlight { position: relative; background: url(../images/bg-video.jpg) repeat center right; }
.box-hightlight .img { position: absolute; top: 0; height: 100%; width: 70%; }
.box-hightlight .img img { width: 100%; height: 100%; object-fit: cover; }
.box-hightlight.is-right { background-position: center left; }
.box-hightlight.is-left .img { left: 0; right: auto; }
.box-hightlight.is-right .img { right: 0; left: auto; }
.box-hightlight .ct-hightlight { margin: 110px 0; padding: 60px 80px; background-color: var(--primary-color); color: #fff; }
.box-hightlight .container { position: relative; z-index: 1; }

.organizational-chart{background: url("../images/dc-sdtc.jpg") no-repeat center bottom;background-size: 100% auto; padding-bottom: 40px;}

.board-wrap{background-color: #f2f3f5;padding: 60px 0;}
.board-title{margin-bottom: 20px;}
.board-item {position: relative;overflow: hidden;}
.board-item img{width: 100%;object-fit: cover;}
.board-item .ct {position: absolute; left: 0; width: 100%; padding: 12px 20px;border: 1px solid #e8e8e9;border-top: none;background-color: rgba(255, 255, 255, 0.9);overflow: hidden; bottom: -110px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.board-item .ct span {font-size: 14px; text-transform: uppercase;}
.board-item .ct .name {font-size: 21px; font-weight: bold; color: var(--primary-color);-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.board-item .ct .content {-webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-top: 3px; height: 95px; overflow: hidden; overflow-y: auto;}
.board-item:hover .ct {bottom: 0;}

.tabs-history .row {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.tabs-history .nav-tabs {display: inline-block; border-bottom: none; float: right; height: 100%; position: relative;padding: 60px 0;margin-bottom: 0;list-style: none;}
.tabs-history .nav-tabs::before {content: ''; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background-color: #e8e8e9;}
.tabs-history .nav-tabs .nav-item {margin-bottom: 0;}
.tabs-history .nav-tabs .nav-link {margin: 0 auto; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 20px; font-weight: bold; padding: 0; color: var(--primary-color); position: relative;}
.tabs-history .nav-tabs .nav-item:first-child .nav-link {width: 90px; height: 90px;}
.tabs-history .nav-tabs .nav-link::before {content: ''; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background-color: var(--primary-color); border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.tabs-history .nav-tabs .nav-link span {position: relative;}
.tabs-history .nav-tabs .nav-link.active {color: #fff;}
.tabs-history .nav-tabs .nav-link.active::before {opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.tab-content > .tab-pane {display: none;margin-bottom: 30px;}
.tab-content > .active {display: block;}



@media (min-width: 1366px) {
	.numbers-home .item strong {font-size: calc(6.31769vw - 1.29964px);}
	.numbers-home .item .ct .num {font-size: calc(2.70758vw - 1.98556px);}
	.numbers-home .item .ct .num {font-size: 50px;}
	.numbers-home .item .ct .head span {font-size: calc(0.72202vw + 0.13718px);}
	.numbers-home .item .ct .head b {font-size: calc(1.80505vw - 2.65704px);}
}

@media (min-width: 1920px) {
  	.numbers-home .item strong {font-size: 120px;}
  	.numbers-home .item .ct .num {margin-right: calc(0.54152vw + 4.60289px);}
  	.numbers-home .item .ct .num {margin-right: 15px;}
  	.numbers-home .item .ct .head span {font-size: 14px;}
  	.numbers-home .item .ct .head b {font-size: 32px;}
}

@media (max-width: 1199px) {
  	.numbers-home-wrap {padding: 20px 0; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .numbers-home .item {-webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%;}
    .numbers-home .item strong {line-height: 1.2;}
}

@media (max-width: 991px) {
  	.numbers-home .item {padding: 0 10px;}
  	.numbers-home .item strong {font-size: 70px;}
  	.numbers-home .item .ct .num {font-size: 30px;}
  	.numbers-home .item .ct .head b {font-size: 18px;}

  	.box-hightlight .img { position: relative; width: 100%; height: 260px; }
	.box-hightlight .ct-hightlight { margin: 0; padding: 30px 20px; }

}

@media (max-width: 820px) {
	.tabs-history .nav-tabs {display: block; white-space: nowrap; float: none; overflow-x: auto; padding: 0;margin: 0;}
	.tabs-history .nav-tabs::before {height: 1px; width: 100vw; left: 0; top: calc(50%);}
	.tabs-history .nav-tabs .nav-item {display: inline-block;}
	.tabs-history .nav-tabs .nav-item:first-child .nav-link {width: 60px;height: 60px;}
	.tabs-history .nav-tabs .nav-link {font-size: 15px; width: 50px; height: 50px;}
	.tab-content{margin-top: 20px;}

}