.aboutbg{background: url("/images/aboutbg.jpg");}
.aboutHome{
	position: relative;
	padding: 60px;
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;

}
.numCount{
	 margin: 0 -10px;display: flex;
	 .numCountList{  
		text-align: center;flex:1 1 auto;
		.item{ margin: 0 10px;}
		.numU{
			line-height:1.3;
			.unitC{font-size:100%; line-height: 1.3; vertical-align: baseline;color: #fff;}
		}
		.numCX{ font-size:54px; color:#fff;}
		.indc{ font-size:24px; color:#fff;letter-spacing: 3px;}
	}
}

.about-p{
	text-align: center;width:980px;
	p{color: #fff;margin-bottom: 20px;font-size:16px;line-height: 28px;letter-spacing: 1px;}
}


@media (max-width:800px){
	.numCount li .numCX{ font-size:36px; }
}
@media (max-width:640px){
	.numCount li .numCX{ font-size:7vw; }
}
@media (max-width:480px){
	.numCount{ font-size:0.5vw;}
}


.viewmore3{
	line-height: 26px;
	height: 30px;
	clear: both;
	float: left;
	border: 1px solid var(--main-color-hover);
	background: var(--main-color);
}

.viewmore3 a{color: #fff;display: inline-block;}
.viewmore3:hover{background: var(--main-color-hover); border: 1px solid #333;}



/*project*/
.projecthome{
	width: 100%;
	height: auto;
	.grid-list {
		display: inline-block;
		text-align: left;
		position: relative;
		perspective: 1700px;
		perspective-origin: 0 50%;
	}
	figure {
		margin: 0;
		position: relative;
		transform-style: preserve-3d;
		img {
			max-width: 100%;
			display: block;
			position: relative;
			transition: transform 0.4s;
		}
		&>div{
			overflow: hidden;
		}
		&:hover img, &.cs-hover img {
			transform: translateX(25%);
		}
		&:hover figcaption, &.cs-hover figcaption {
			opacity: 1;
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			transform: rotateY(0deg);
			-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
			-moz-transition: -moz-transform 0.4s, opacity 0.1s;
			transition: transform 0.4s, opacity 0.1s;
		}
	}
	figcaption {
		position: absolute;
		top: 0;
		left: 0;
		padding: 20px;
		background: var(--main-color-hover);
		color: #fff;
		
	height: 100%;
	width: 50%;
	opacity: 0;
	backface-visibility: hidden;
	transform-origin: 0 0;
	transform: rotateY(-90deg);
	transition: transform 0.4s, opacity 0.1s 0.3s;

		h3 {
			margin: 0;
			padding: 0;
			color: #fff;
			margin-bottom: 20px;
		}
		span{
			font-size: 12px;line-height: 20px;display: block;
			&:before {
				content: ' ';
			}
		}
		a {
			text-align: center;
			padding: 5px 10px;
			border-radius: 2px;
			display: inline-block;
			background: #ed4e6e;
			color: #fff;

			position: absolute;
			bottom: 20px;
			right: 20px;
		}
	}
}

.viewmore:hover{background: var(--main-color-hover); border: 1px solid var(--main-color);}
.viewmore:hover a{color: #fff;}

/*news*/
.newsHome{
	width: 100%;
	height: auto;
	.newsHome-list{
		height: 120px;
		background: var(--main-color);
		.newsTitleh{
			padding: 10px 15px;margin: 15px 20px;color: #fff;
			.showDate{
				float: left;
				width: 45px;
				height: auto;
				margin-right: 20px;
				color: #fff;
				.day{
					font: 36px/34px Impact;
					transition: color 0.5s;
				}
			}
			.nTitle{font-size: 18px; font-weight: bold;}
			.newsCon{
				display: -webkit-box;
				-webkit-line-clamp:2;
				-webkit-box-orient:vertical;
				overflow:hidden;
				text-overflow:ellipsis;
			}
		}
		.imgStyle{
			width: 100%;
			height: 200px;
			overflow: hidden;
		}
		&:hover{
			background: var(--main-color-hover);
		}
		&:last-child{
			margin-right: 0;
		}
	}
}
.newsHome-list:hover .newsTitle .showDate,.newsHome-list:hover .newsTitleh,.newsHome-list:hover .newsTitleh .showDate .day,.newsHome-list:hover .newsTitleh .showDate .month{
	color: #fff;
}


.bottomImg{background: url(/images/bottomimg.jpg) no-repeat center center;height: 200px;}
.bottomImg div{font-size: 42px;text-align: center; line-height: 200px;}