@charset "utf-8";

@keyframes mouseTap {
	0% {
		margin-bottom: 10px;
	}

	50% {
		margin-bottom: 4px;
	}

	100% {
		margin-bottom: 10px;
	}
}

@keyframes arrows {
	0% {
		opacity: 0.2;
		transform: translateY(-2px);
	}

	50% {
		opacity: 1;
		transform: translateY(0px);
	}

	100% {
		opacity: 0.2;
		transform: translateY(2px);
	}
}

@keyframes roate {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(90deg);
	}
}

.index {
	width: 100%;
}

.index .plate-title {
	font-weight: bold;
	line-height: 38px;
}

.index .plate-title h1 {
	font-size: 34px;
	color: #000;
	position: relative;
	padding-left: 15px;
}

.index .plate-title h1::before {
	content: "";
	width: 4px;
	height: 34px;
	background-color: #e67817;
	border-radius: 2px;
	position: absolute;
	top: 2px;
	left: 0;
}

.index .plate-title h4 {
	font-size: 16px;
	color: #ccc;
}

.index .more {
	display: inline-block;
	width: 80px;
	height: 30px;
	border-radius: 4px;
	border: solid 1px #999999;
	box-sizing: border-box;
	text-align: center;
	color: #999;
	position: relative;
	padding-right: 9px;
	line-height: 28px;
	font-weight: 400;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .more .plus {
	font-size: 18px;
	color: #e67817;
	display: inline-block;
	position: absolute;
	line-height: 28px;
	top: -5px;
	right: 6px;
}

.index .more:hover {
	color: #fff;
	border-color: #fff;
	background: #e67817;
}

.index .more:hover .plus {
	color: #fff;
	animation: roate 0.2s linear forwards;
}

.index .banner {
	width: 100%;
	height: 940px;
	position: relative;
}

.index .banner-swiper,
.index .banner .word,
.index .banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index .banner .swiper-slide {
	position: relative;
}

.index .banner .swiper-slide .word {
	position: absolute;
	top: 40%;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 60px;
}

.index .banner .iconfont {
	font-size: 30px;
	color: #fff;
	position: absolute;
	bottom: 110px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	text-align: center;
}

.index .banner .iconfont .mouse {
	margin-bottom: 8px;
	animation: mouseTap 0.8s linear infinite;
}

.index .banner .iconfont .chevron {
	font-size: 12px;
	margin-top: 4px;
	opacity: 0;
}

.index .banner .iconfont .chevron:last-child {
	margin-top: -4px;
}

.index .banner:hover .chevron {
	animation: arrows 0.8s linear infinite 0.4s;
	transform: translateY(0px);
}

.index .banner:hover .chevron:last-child {
	margin-top: -4px;
	animation: arrows 0.8s linear infinite;
}

.index .introduction {
	box-sizing: border-box;
	padding: 110px 13vw 35px;
	background: url(/static/front/images/introduction-bg.png) no-repeat center bottom;
	background-size: 100% auto;
}

.index .introduction-data {
	margin-top: 30px;
}

.index .introduction-data .data-text {
	height: 432px;
	display: flex;
}

.index .introduction-data .data-text video {
	width: 520px;
	height: 432px;
	-o-object-fit: cover;
	object-fit: cover;
	margin-right: 38px;
}

.index .introduction-data .data-text .text-box {
	width: calc(100% - 558px);
	padding-top: 24px;
}

.index .introduction-data .data-text .text-box h3 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	line-height: 38px;
	margin-bottom: 20px;
}

.index .introduction-data .data-text .text-box .text-detail {
	width: 100%;
	height: 280px;
	overflow-y: auto;
	margin-bottom: 20px;
	text-align: justify;
}

.index .introduction-data .data-text .text-box .text-detail p {
	text-indent: 2em;
	line-height: 30px;
	letter-spacing: 0.4px;
	color: #666;
	margin-bottom: 8px;
}

.index .introduction-data .data-text .text-box .text-detail p:last-child {
	margin-bottom: 0;
}

.index .introduction-data .data-num {
	width: 100%;
	height: 120px;
	background: url(/static/front/images/introduction-num-bg.png) no-repeat center;
	background-size: cover;
	margin-top: 43px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index .introduction-data .data-num li {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 284px;
	box-sizing: border-box;
	flex-grow: 1;
	height: 72px;
	border-left: 1px solid #fff;
}

.index .introduction-data .data-num li:first-child {
	border-color: transparent;
}

.index .introduction-data .data-num li .num-type {
	text-align: center;
	color: #fff;
}

.index .introduction-data .data-num li .countup-num {
	margin-left: 4%;
	font-size: 80px;
	font-weight: bolder;
	color: #fff;
	padding-top: 12px;
}

.index .news {
	margin-top: 78px;
}

.index .news .plate-title,
.index .news .company {
	box-sizing: border-box;
	padding-left: 13vw;
}

.index .news .news-box {
	width: 100%;
	box-sizing: border-box;
	padding-right: 13vw;
	margin-top: 28px;
	display: flex;
	justify-content: space-between;
}

.index .news .news-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	overflow: hidden;
}

.index .news .news-top .tabs {
	display: flex;
	align-items: center;
}

.index .news .news-top .tabs .tab-item {
	margin-right: 66px;
	font-size: 22px;
	color: #b3b3b3;
	line-height: 38px;
	padding-bottom: 6px;
	cursor: pointer;
	position: relative;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .news .news-top .tabs .tab-item::after {
	content: "";
	width: 100%;
	height: 5px;
	border-radius: 2.5px;
	background: #e67817;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .news .news-top .tabs .tab-item.current {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

.index .news .news-top .tabs .tab-item.current::after {
	transform: scaleX(1);
}

.index .news .news-top .more {
	margin-top: 6px;
}

.index .news .news-group {
	position: absolute;
	top: 90px;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
	opacity: 1;
	z-index: 2;
}

.index .news .news-group.show {
	opacity: 1;
	z-index: 2;
}

.index .news .news-group.hide {
	opacity: 0;
	transition-delay: 0.3s;
	z-index: 1;
}

.index .news .news-group .news-list .news-item a {
	display: flex;
	width: 100%;
	text-align: left;
	line-height: 38px;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .news .news-group .news-list .news-item a .day {
	width: 56px;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #666;
}

.index .news .news-group .news-list .news-item a .desc {
	width: calc(100% - 56px);
	display: inline-block;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #666;
}

.index .news .news-group .news-list .news-item a:hover,
.index .news .news-group .news-list .news-item a:hover .desc,
.index .news .news-group .news-list .news-item a:hover .day {
	color: #e67817;
}

.index .news .company {
	width: 56.98vw;
	height: 430px;
	background: #f7f7f7;
	box-sizing: border-box;
	padding-right: 3vw;
	padding-top: 26px;
	position: relative;
}

.index .news .company .news-group {
	display: flex;
	justify-content: space-between;
	left: 13vw;
	background: #f7f7f7;
	width: calc(100% - 13vw);
}

.index .news .company .news-group img {
	width: 346px;
	height: 236px;
	object-fit: cover;
	flex-shrink: 0;
}

.index .news .company .news-group .news-list {
	width: calc(100% - 376px);
}

.index .news .company .news-group .news-list .news-item {
	width: 100%;
}

.index .news .company .news-group .news-list .news-item a {
	display: flex;
	width: 100%;
	text-align: left;
	line-height: 38px;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .news .company .news-group .news-list .news-item a .day {
	width: 56px;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #666;
}

.index .news .company .news-group .news-list .news-item a .desc {
	width: calc(100% - 56px);
	display: inline-block;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #666;
}

.index .news .company .news-group .news-list .news-item a:hover,
.index .news .company .news-group .news-list .news-item a:hover .desc,
.index .news .company .news-group .news-list .news-item a:hover .day {
	color: #e67817;
}

.index .news .company .news-group .news-list .news-item.fir {
	margin-bottom: 38px;
}

.index .news .company .news-group .news-list .news-item.fir a {
	flex-wrap: wrap;
	line-height: 28px;
}

.index .news .company .news-group .news-list .news-item.fir a h4 {
	font-size: 18px;
}

.index .news .company .news-group .news-list .news-item.fir a h4,
.index .news .company .news-group .news-list .news-item.fir a .desc {
	width: 100%;
}

.index .news .other {
	width: calc(100% - 58.7vw);
	height: 430px;
	position: relative;
	box-sizing: border-box;
	padding-top: 26px;
}

.index .news .other .news-item.fir {
	margin-bottom: 20px;
	display: block;
}

.index .news .other .news-item.fir h4 {
	font-size: 18px;
	line-height: 28px;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .news .other .news-item.fir .desc {
	line-height: 20px;
	color: #666;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	margin-top: 6px;
}

.index .news .other .news-item.fir .day {
	text-align: right;
	margin-top: 10px;
	font-size: 14px;
	color: #999;
	position: relative;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .news .other .news-item.fir .day::before {
	content: "";
	width: 200px;
	height: 1px;
	background: #e67817;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%), scaleY(0.5);
}

.index .news .other .news-item.fir:hover h4,
.index .news .other .news-item.fir:hover .desc,
.index .news .other .news-item.fir:hover .day {
	color: #e67817;
}

.index .news .other .news-group {
	background: #fff;
}

.index .news .other .news-group .news-list-box {
	display: flex;
	justify-content: space-between;
}

.index .news .other .news-group .news-list-box img {
	width: 200px;
	height: 116px;
	object-fit: cover;
	flex-shrink: 0;
}

.index .news .other .news-group .news-list-box .news-list {
	width: calc(100% - 220px);
}

.index .industry,
.index .responsibility {
	padding: 0 13vw;
}

.index .industry .plate-title,
.index .responsibility .plate-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index .industry {
	margin: 70px 0 88px;
}

.index .industry-data {
	width: 100%;
	height: 376px;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.index .industry-type {
	width: 206px;
	height: 100%;
}

.index .industry-type .type-item {
	width: 100%;
	height: 25%;
	box-sizing: border-box;
	border-left: 1px solid #e6e6e6;
	padding-left: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 22px;
	color: #b3b3b3;
	position: relative;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .industry-type .type-item::before {
	content: "";
	width: 2px;
	height: 0;
	background: #e67817;
	position: absolute;
	top: 0;
	left: -1px;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .industry-type .type-item.current {
	background: linear-gradient(to right, rgba(230, 120, 23, 0.29) 10%, transparent 100%);
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

.index .industry-type .type-item.current::before {
	height: 100%;
	opacity: 1;
}

.index .industry-poster {
	width: calc(100% - 206px);
	height: 100%;
}

.index .industry-poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index .industry-poster .swiper-slide {
	position: relative;
	overflow: hidden;
}

.index .industry-poster .swiper-slide-active .type-introduce {
	bottom: 0;
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
	opacity: 1;
}

.index .industry-poster .type-introduce {
	line-height: 24px;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: -376px;
	color: #fff;
	padding: 94px 50px 30px;
	opacity: 0;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .responsibility {
	padding-bottom: 80px;
}

.index .responsibility-data {
	width: 100%;
	height: 282px;
	background: #f7f7f7;
	border-radius: 4px;
	margin-top: 32px;
	box-sizing: border-box;
	padding: 2vw;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.index .responsibility-item {
	width: calc((100% - 4.8vw) / 2);
	height: 100%;
}

.index .responsibility-item h2 {
	font-size: 22px;
	line-height: 30px;
	color: #e67817;
}

.index .responsibility-item h3 {
	font-size: 18px;
	line-height: 30px;
	color: #000;
	margin: 4px 0;
}

.index .responsibility-item .desc {
	height: 72px;
	line-height: 24px;
	color: #8d8d8d;
}

.index .responsibility-more {
	width: auto;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: #999;
	margin-left: -4px;
	padding: 9px 9px 9px 0;
	margin-top: 32px;
}

.index .responsibility-more span {
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .responsibility-more .icon-font {
	width: 24px;
	display: inline-block;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}

.index .responsibility-more .icon-font span {
	display: inline-block;
	transform: translateX(0%);
	opacity: 1;
}

.index .responsibility-more .icon-font::after {
	content: "\e605";
	color: #e67817;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-100%);
	opacity: 0;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index .responsibility-more:hover span {
	color: #e67817;
}

.index .responsibility-more:hover .icon-font span {
	transform: translateX(100%);
	opacity: 0;
}

.index .responsibility-more:hover .icon-font::after {
	transform: translateX(0%);
	opacity: 1;
}


@media screen and (max-width: 1000px) {

	.index .plate-title {
		line-height: 30px;
	}

	.index .plate-title h1 {
		font-size: 4vw;
		height: 6vw;
		line-height: 6vw;
	}

	.index .plate-title h1::before {
		height: 5vw;
		top: 0.5vw;
	}

	.index .plate-title h4 {
		font-size: 2.8vw;
		line-height: 3.4vw;
	}

	.index .more {
		font-size: 2.8vw;
		width: 14vw;
		height: 5vw;
		line-height: 5vw;
	}

	.index .more .plus {
		font-size: 3vw;
	}

	.index .more:hover {}

	.index .more:hover .plus {}

	.index .banner {
		height: 50vw;
	}

	.index .banner-swiper,
	.index .banner .word,
	.index .banner img {}

	.index .banner .swiper-slide {}

	.index .banner .swiper-slide .word {}

	.index .banner .iconfont {
		display: none;
	}

	.index .banner .iconfont .mouse {}

	.index .banner .iconfont .chevron {}

	.index .banner .iconfont .chevron:last-child {}

	.index .banner:hover .chevron {}

	.index .banner:hover .chevron:last-child {}

	.index .introduction {
		padding: 5vw;
	}

	.index .introduction-data {
		margin-top: 10px;
	}

	.index .introduction-data .data-text {
		display: block;
		height: auto;
	}

	.index .introduction-data .data-text video {
		width: 100%;
		height: 60vw;
		margin-right: 0;
	}

	.index .introduction-data .data-text .text-box {
		width: 100%;
		padding-top: 10px;
	}

	.index .introduction-data .data-text .text-box h3 {
		font-size: 3.4vw;
		line-height: 5vw;
		margin-bottom: 10px;
	}

	.index .introduction-data .data-text .text-box .text-detail {
		height: auto;
		margin-bottom: 2vw;
	}

	.index .introduction-data .data-text .text-box .text-detail p {
		line-height: 6vw;
		font-size: 3.2vw;
	}

	.index .introduction-data .data-text .text-box .text-detail p:last-child {}

	.index .introduction-data .data-num {
		height: auto;
		margin-top: 4vw;
		flex-wrap: wrap;
	}

	.index .introduction-data .data-num li {
		min-width: auto;
		height: 30vw;
		width: 50%;
		display: flex;
		flex-direction: column-reverse;
		border-top: 1px solid #FFFFFF;
	}

	.index .introduction-data .data-num li:first-child {}

	.index .introduction-data .data-num li .num-type {
		font-size: 3.4vw;
	}

	.index .introduction-data .data-num li .countup-num {
		font-size: 7vw;
		margin: 0;
		padding: 0;
	}

	.index .introduction-data .data-num li img {
		width: 7vw;
	}

	.index .news {
		margin-top: 5vw;
	}

	.index .news .plate-title,
	.index .news .company {
		width: 100%;
	}

	.index .news .news-box {
		display: block;
		padding: 0 !important;
		margin-top: 3vw;
	}

	.index .news .news-top {
		margin-bottom: 3vw;
	}

	.index .news .news-top .tabs {}

	.index .news .news-top .tabs .tab-item {
		margin-right: 3vw;
		font-size: 3.4vw;
	}

	.index .news .news-top .tabs .tab-item::after {}

	.index .news .news-top .tabs .tab-item.current {
		font-size: 3.4vw;
	}

	.index .news .news-top .tabs .tab-item.current::after {}

	.index .news .news-top .more {}


	.index .news .news-group {
		position: relative;
	}

	.index .news .news-group.show {
		display: inline-block;
	}

	.index .news .news-group.hide {
		display: none !important;
	}

	.index .news .news-group .news-list .news-item a {
		line-height: 7vw;
	}

	.index .news .news-group .news-list .news-item a .day {
		width: 4em;
	}

	.index .news .news-group .news-list .news-item a .desc {}

	.index .news .news-group .news-list .news-item a:hover,
	.index .news .news-group .news-list .news-item a:hover .desc,
	.index .news .news-group .news-list .news-item a:hover .day {}

	.index .news .company {
		padding: 4vw 4vw 2vw !important;
		height: auto;
	}

	.index .news .company .news-group {
		width: 100% !important;
		left: 0 !important;
		top: 0;
		display: inline-block;
	}

	.index .news .company .news-group img {
		width: 100%;
		height: 60vw;
	}

	.index .news .company .news-group .news-list {
		width: 100%;
		margin-top: 5vw;
	}

	.index .news .company .news-group .news-list .news-item {
		font-size: 3.2vw;
		height: 7vw;
	}

	.index .news .company .news-group .news-list .news-item a {
		line-height: 7vw;
	}

	.index .news .company .news-group .news-list .news-item a .day {
		width: 4em;
	}

	.index .news .company .news-group .news-list .news-item a .desc {
    flex: 1;
}

	.index .news .company .news-group .news-list .news-item a:hover,
	.index .news .company .news-group .news-list .news-item a:hover .desc,
	.index .news .company .news-group .news-list .news-item a:hover .day {}

	.index .news .company .news-group .news-list .news-item.fir {
		margin-bottom: 0vw;
	}

	.index .news .company .news-group .news-list .news-item.fir a {}

	.index .news .company .news-group .news-list .news-item.fir a h4 {
		font-size: 3.4vw;
		line-height: 5vw;
	}

	.index .news .company .news-group .news-list .news-item.fir a h4,
	.index .news .company .news-group .news-list .news-item.fir a .desc {}

	.index .news .other {
		width: 100%;
		height: auto;
		padding: 3vw;
	}

	.index .news .other .news-item.fir {
		margin-bottom: 3vw;
	}

	.index .news .other .news-item.fir h4 {
		font-size: 3.2vw;
	}

	.index .news .other .news-item.fir .desc {
		display: none;
	}

	.index .news .other .news-item.fir .day {
		margin: 0;
		font-size: 2.4vw;
	}

	.index .news .other .news-item.fir .day::before {}

	.index .news .other .news-item.fir:hover h4,
	.index .news .other .news-item.fir:hover .desc,
	.index .news .other .news-item.fir:hover .day {}

	.index .news .other .news-group {
		top: 0;
		left: 0;
	}

	.index .news .other .news-group .news-list-box {}

	.index .news .other .news-group .news-list-box img {
		width: 32vw;
		height: 21vw;
	}

	.index .news .other .news-group .news-list-box .news-list {
		font-size: 3.2vw;
		width: calc(100% - 34vw);
	}

	.index .industry,
	.index .responsibility {
		margin: 3vw 0;
	}

	.index .industry .plate-title,
	.index .responsibility .plate-title {}

	.index .industry {
}

	.index .industry-data {
		display: inline-block;
		height: auto;
		margin-top: 3vw;
	}

	.index .industry-type {
		width: 100%;
		display: flex;
		height: 60px;
	}

	.index .industry-type .type-item {
		height: 100%;
		font-size: 3.8vw;
		padding: 0;
		justify-content: center;
	}

	.index .industry-type .type-item::before {}

	.index .industry-type .type-item.current {
		font-size: 4vw;
	}

	.index .industry-type .type-item.current::before {}

	.index .industry-poster {
		width: 100%;
		height: 80vw;
	}

	.index .industry-poster img {}

	.index .industry-poster .swiper-slide {}

	.index .industry-poster .swiper-slide-active .type-introduce {}

	.index .industry-poster .type-introduce {
		padding: 0 3vw 3vw;
		font-size: 3vw;
		line-height: 5vw;
	}

	.index .responsibility {
		padding-bottom: 4vw;
	}

	.index .responsibility-data {
		height: auto;
		margin-top: 3vw;
		display: inline-block;
	}

	.index .responsibility-item {
		width: 100%;
		position: relative;
		margin-bottom: 3vw;
	}

	.index .responsibility-item h2 {
		font-size: 3.4vw;
		line-height: 7vw;
	}

	.index .responsibility-item h3 {
		font-size: 3vw;
		line-height: 6vw;
	}

	.index .responsibility-item .desc {
		font-size: 3vw;
		line-height: 6vw;
		height: 18vw;
	}

	.index .responsibility-more {
		margin: 0;
		position: absolute;
		right: 0;
		top: 1vw;
		font-size: 2.8vw;
	}

	.index .responsibility-more span {}

	.index .responsibility-more .icon-font {}

	.index .responsibility-more .icon-font span {}

	.index .responsibility-more .icon-font::after {}

	.index .responsibility-more:hover span {}

	.index .responsibility-more:hover .icon-font span {}

	.index .responsibility-more:hover .icon-font::after {}
}<!--ºÄʱ1756182378.148Ãë-->