@charset "utf-8";
	.about-banner {background-image: url('../images/about.jpg');
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:100%;
	height:860px;
	overflow-y:hidden;
	color:#000;
	background-position:center;
	background-repeat:no-repeat;}
.about-banner .about-banner-video {
	width:1920px;
	height:1080px;
	position:relative;}
.about-banner .about-banner-content {
	position:absolute;
	top:120px;
	width:100%;}
.about-banner .about-banner-content .banner-content-text {
	margin:0 auto;
	width:1280px;}
.about-banner-content .banner-content-text .content-text-box {
	padding:40px;
	width:626px;
	color:#fff;}
.about-banner img {
	display:block;
	width:100%;
	height:100%;}
.about-banner h1 {
	font-size:48px;
	font-weight:400;
	width:100%;}
.about-banner h1 a {
	text-decoration:none;
	color:#000;}
.about-banner h1 i {
	margin-left:10px;
	font-size:54px;
	color:#fff;}
.about-banner section {
	margin-top:30px;
	width:626px;}
.about-banner section p {
	margin:0;
	line-height:28px;
	text-indent:2rem;
	font-size:16px;
	text-align:justify;}
.about-box {
	margin:0 auto 60px auto;
	max-width:1200px;}
.about-box .about-honor {
	margin-top:50px;}
.about-box .about-honor ul {
	display:flex;
	flex-wrap:wrap;
	list-style:none;}
.about-box .about-honor ul li {
	flex:1;
	height:140px;
	max-width:172px;}
.about-box .about-honor ul li span {
	display:block;
	margin-top:14px;
	font-size:16px;
	text-align:center;
	color:#000;}
.about-box .about-honor ul li span:nth-child(1) {
	font-size:32px;
	font-weight:bold;
	color:#ce281f;}
.about-box .about-honor ul li img {
	display:block;
	margin:14px auto 0 auto;
	height:52px;}
.about-box .about-index-title {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top:60px;
	height:86px;}
.about-box .about-index-title h2.index-title-1 {
	position:relative;
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:36px;
	margin-block-start:0;
	margin-block-end:0;
	margin-inline-start:0;
	margin-inline-end:0;
	margin:0;
	color:#000;
	font-weight:bold;}
.about-box .about-index-title span.index-title-2 {
	display:inline-block;
	margin:12px 0;
	height:15px;
	font-size:15px;
	font-weight:300;
	color:#ce281f;}
.about-box .about-index-title span.index-title-3 {
	margin-top:14px;
	font-size:16px;
	font-weight:400;
	color:#000;}
.history {position:relative;}
.history-box {
	position:relative;
	z-index:3;
	width:100%;
	height:560px;
	background-color:#fff;
	box-shadow:6px 6px 8px rgba(0,0,0,0.1);}
.history-box-copy {
	position:absolute;
	top:-10px;
	left:16px;
	z-index:1;
	width:100%;
	height:560px;
	background-color:#fff;
	box-shadow:6px 6px 8px rgba(0,0,0,0.1);}
.history-box-copy::before {
	content:"";
	position:absolute;
	top:5px;
	left:-8px;
	z-index:-1;
	width:100%;
	height:560px;
	background-color:#fff;
	box-shadow:6px 6px 8px rgba(0,0,0,0.1);}
.history-time-box {
	position:relative;
	height:200px;}
.time-line {
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-500px;
	width:1046px;
	height:1px;
	background-color:#ce281f;}
.time-line::before {
	position:absolute;
	right:0;
	bottom:-1px;
	left:-70px;
	height:6px;
	width:60px;
	background:repeating-linear-gradient(-45deg,transparent 0,transparent 35%,#ff6c6c 0,#ff6c6c 70%,transparent 0,transparent 100%);
	background-size:20px;
	content:"";}
.time-item-box {
	display:flex;
	justify-content:space-between;
	position:absolute;
	top:95px;
	left:220px;
	width:860px;
	height:10px;}
.time-item-box .time-item {
	position:relative;
	width:10px;
	height:10px;
	border-radius:5px;
	background-color:#ce281f;}
.time-item-box .time-item:hover,.time-item-box .time-item.hover {
	color:#ce281f;}
.time-item-box .time-item:hover:before,.time-item-box .time-item.hover:before {
	content:"";
	position:absolute;
	top:-5px;
	left:-5px;
	z-index:1;
	width:18px;
	height:18px;
	border:1px solid #ce281f;
	border-radius:10px;
	background-color:#fff;}
.time-item-box .time-item:hover:after,.time-item-box .time-item.hover:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:10px;
	height:10px;
	border-radius:5px;
	background-color:#ce281f;}
.time-item-box .time-item .tiem-item-title-bottom {
	position:absolute;
	top:25px;
	left:-65px;
	width:130px;
	height:40px;
	text-align:center;
	font-size:16px;
	font-weight:200;}
.time-item-box .time-item .tiem-item-title-top {
	position:absolute;
	top:-72px;
	left:-65px;
	width:131px;
	height:40px;
	text-align:center;
	font-size:16px;
	font-weight:200;}
.time-item-info {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	padding-left:90px;
	padding-right:90px;
	height:360px;}
.time-item-info span {
	display:block;}
.time-item-info span.item-info-year-after {
	position:absolute;
	top:18px;
	right:85px;
	font-size:40px;
	font-weight:bold;
	color:#000;
	opacity:.1
}
.time-item-info span.item-info-year {
	font-size:50px;
	font-weight:bold;
	color:#ce281f
}
.time-item-info span.item-info-title-1 {
	font-size:24px;
	font-weight:bold;
	color:#000
}
.time-item-info span.item-info-title-2 {
	margin-top:10px;
	font-size:24px;
	font-weight:200;
	color:#000
}
.time-item-info span.item-info-title-3 {
	font-size:16px;
	font-weight:400;
	color:#000
}
.factory-box {
	width:100%;
	height:400px
}
.factory-box .factory-card-box {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.factory-box .factory-card-box .factory-card {
	width:390px;
	height:255px;
	background:#fff;
	box-shadow:3px 5px 8px 0 rgba(0,0,0,0.1);
	border-radius:10px;
	text-align:center
}
.factory-box .factory-card-box .factory-card .card-count {
	display:inline-block;
	position:relative;
	margin-top:40px;
	font-size:72px;
	font-weight:800;
	color:#ce281f
}
.factory-box .factory-card-box .factory-card .card-count .cart-count-icon {
	position:absolute;
	top:-17px;
	right:-34px;
	font-size:34px
}