@import url(common.css);
.Aabout{
	width:470px;	
}
.Aabout dl{
	float:left;
}
.Aabout dl dt{
    line-height: 56px;
    height: 56px;
	margin-bottom:10px;
	border-bottom:3px solid #bfbfbf;
}
.Aabout dl dt .t{
	font-size:24px;
	color:#515a60;
	font-weight:bold;
	width:100px;
    line-height: 56px;
    height: 56px;
	display: block;
	float: left;
	border-bottom:3px solid #ff0000;
}
.Aabout dl dt span{
	font-size:16px;
	text-align:right;
	color:#767473;
	float: right;
}
.Aabout dl dd{
	font-size:14px;
	color:#767473;
	line-height:28px;
	text-indent: 45px;
	text-align: justify;
}
/*首页产品*/
.Product{
	width:720px;
	float:right;	
}
.Product dl{
}
.Product dl dt{
    line-height: 56px;
    height: 56px;
	margin-bottom:20px;
	border-bottom:3px solid #bfbfbf;
	width: 706px;
    margin-left: 14px;
}
.Product dl dt .t{
	font-size:24px;
	color:#515a60;
	font-weight:bold;
	width:100px;
    line-height: 56px;
    height: 56px;
	display: block;
	float: left;
	border-bottom:3px solid #ff0000;
}
.Product dl dt span{
	font-size:16px;
	text-align:right;
	color:#767473;
	float: right;
}
.Product dd{
	float:right;
	margin-left:10px;
	display:block;
    width: 23%;
	
}
.Product dd p{
	background:#979797;
	font-size:16px;
	height:30px;
	color:#fff;
	padding-left:10px;
	line-height:30px;
}

/* 首页产品图片遮罩效果 */
	.box{
		text-align: center;
		overflow: hidden;
		position: relative;
	}
	.box:before{
		content: "";
		width: 0;
		height: 100%;
		background: #000;
		padding: 14px 18px;
		position: absolute;
		top: 0;
		left: 50%;
		opacity: 0;
		transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
	}
	.box:hover:before{
		width: 100%;
		left: 0;
		opacity: 0.8;
	}
	.box img{
		width: 100%;
		height: auto;
	}