.homepage-slider .img img {display: block; width: 100%;}
.homepage-slider .item .ct {position: absolute; height: 100%; width: 54%; top: 0; left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2;}
.homepage-slider .item .ct .head {position: relative;}
.homepage-slider .item .ct .head strong {position: absolute; left: 0; top: -60px; font-size: 120px; top: -45px; font-weight: bold; line-height: 1; z-index: -1; -webkit-text-stroke: 1px rgba(64, 64, 65, 0.3); color: transparent; text-transform: uppercase; white-space: nowrap;}
.homepage-slider .item .ct .head span {display: block; font-size: 16px; font-weight: bold; text-transform: uppercase;}
.homepage-slider .item .ct .head .title {font-size: 60px; text-transform: uppercase; color: #516d7a; font-weight: bold; line-height: 1.3;}
.homepage-slider .item .ct .desc {max-width: 60%; font-size: 16px; margin-top: 8px;}
.homepage-slider .item .ct .view-dt {margin-top: 20px;}
.homepage-slider .item .ct .view-dt a {padding: 12px 50px; color: #fff; display: inline-block; background-color: var(--primary-color); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px;}

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

.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;}

.home-field{padding-bottom: 60px;}
.home-field .item {padding-bottom: 180px; position: relative;}
.home-field .item .img img {width: 100%;}
.home-field .item .ct {position: absolute; height: 180px; width: 100%; bottom: 0; left: 0; background-color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-bottom: 4px solid var(--primary-color); border-left: 1px solid #e8e8e9; border-right: 1px solid #e8e8e9;}
.home-field .item .ct .head {width: 50%; height: 110px; padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.home-field .item .ct .head span {text-transform: uppercase; font-size: 15px; display: block;}
.home-field .item .ct .head .title {font-size: 24px; font-weight: bold; color: var(--primary-color);}
.home-field .item .ct .link {padding: 30px 20px 20px 45px; display: none;margin: 0;}
.home-field .item .ct .view {padding-left: 30px;}
.home-field .item .ct .view span {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; width: 50px; height: 50px; background-color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: var(--primary-color); border-radius: 3px;}
.home-field .item:hover .ct {background-color: #53758a; height: 100%; -webkit-clip-path: polygon(38% 0, 50% 110px, 100% 110px, 100% 100%, 0 100%, 0 0); clip-path: polygon(38% 0, 50% 110px, 100% 110px, 100% 100%, 0 100%, 0 0); color: #fff; border: none; overflow: hidden;}
.home-field .item:hover .ct .head {width: 50%; position: relative; z-index: 1;}
.home-field .item:hover .ct .head::before {content: ''; position: absolute; width: 3px; height: 150%; bottom: -0.5px; right: 0; background-color: var(--primary-color); z-index: 2; -webkit-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.home-field .item:hover .ct .head .title {color: #fff;}
.home-field .item:hover .ct .link {display: block; position: relative;}
.home-field .item:hover .ct .link::before {content: ''; position: absolute; right: 0; top: 0; width: calc(50% + 2px); height: 3px; background-color: var(--primary-color);}
.home-field .item:hover .ct .view span {background-color: var(--primary-color); color: #fff;}

.home-project {background-color: #f2f3f5; padding: 50px 0 60px;}
.blog-grid{grid-template-columns: repeat(3, 1fr);}

.home-blog{padding: 50px 0 60px;}

.video-home {position: relative; background: url(../images/bg-video.jpg) repeat center right;}
.video-home .img {position: absolute; left: 0; top: 0; height: 100%; width: 70%;}
.video-home .img img {height: 100%;}
.video-home .ct-video {margin: 110px 0; padding: 60px 80px; background-color: var(--primary-color); color: #fff;}
.video-home .ct-video .cate {display: block; text-transform: uppercase; font-size: 14px;}
.video-home .ct-video .title {font-size: 44px; font-weight: bold; line-height: 1.3;}
.video-home .ct-video .desc {display: block; margin: 20px 0;}
.video-home .ct-video .icon a {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;gap: 10px; padding: 8px 25px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: var(--primary-color); background-color: #fff; border-radius: 4px;}



@media (min-width: 1366px) {
  	.homepage-slider .item .ct .head strong {font-size: calc(5.95668vw + 55.63177px);top: calc(-2.70758vw - 8.01444px);}
  	.homepage-slider .item .ct .head .title {font-size: calc(2.16606vw + 30.41155px);}
  	.homepage-slider .item .ct .desc {font-size: calc(0.36101vw + 11.06859px);margin-top: calc(0.36101vw + 3.06859px);}
  	.homepage-slider .item .ct .view-dt {margin-top: calc(1.80505vw - 4.65704px);}

  	.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: 1800px) {
	.homepage-slider .img img {height: calc(100vh - 122px);}

}

@media (min-width: 1920px) {
  	.homepage-slider .item .ct .head strong {font-size: 150px;top: -60px;}
  	.homepage-slider .item .ct .head .title {font-size: 52px;}
  	.homepage-slider .item .ct .desc {font-size: 18px;margin-top: 10px;}
  	.homepage-slider .item .ct .view-dt {margin-top: 25px;}

  	.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) {
  	.video-home .ct-video {padding: 30px 50px;}
  	.video-home .ct-video .title {font-size: 38px;}
}

@media (max-width: 1024px) {
	.homepage-slider .item .ct{width: 65%;}
	.homepage-slider .item .ct .head strong{font-size: 80px;}
	.homepage-slider .item .ct .head .title{font-size: 32px;}
	.homepage-slider .item .ct .desc{width: 100%;}
}

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

  	.home-field .item{margin-bottom: 20px;}

  	.blog-grid{grid-template-columns: repeat(2, 1fr);}

  	.video-home .img {width: calc(100% - 110px);}
  	.video-home .ct-video {margin: 50px 0;}

}

@media (max-width: 820px) {
	.homepage-slider .img img {min-height: 350px;}
	.homepage-slider .item .ct {width: 90%; left: 5%;}
	.homepage-slider .item .ct .head strong{font-size: 75px;}
	.homepage-slider .item .ct .head .title {font-size: 21px;}
	.homepage-slider .item .ct .view-dt a{padding: 8px 40px;}

	.home-intro{padding: 40px 0;}

	.numbers-home .item{padding: 0;}

	.home-field .item:hover .ct .head::before,
	.home-field .item:hover .ct .link::before{content: unset;}
}

@media (max-width: 576px) {
	.homepage-slider .item .ct .desc{display: none;}

	.blog-grid{grid-template-columns: 1fr}

	.video-home .img {width: calc(100% - 50px);}
	.video-home .ct-video{padding: 30px}
	.video-home .ct-video .title {font-size: 26px;}




}