.index-about{
	background:#666;
	height: 420px;
}
.index-about li{
	float:left;
}
.index-about-left{
	width:450px;
	height: 100%
}
.index-about-left img{
	
}
.index-about-right{
	width:calc(100% - 520px);
	background:#fff;
	padding: 30px;
	line-height:30px;
	height: 260px;
}
.index-product{
	
}
.index-product-hot{
	width: 100%;
    display: inline-table;
}

.index-product-hot li{
	width: calc( 25% - 23px );
	height: 297px;
	float:left;
	margin-right: 30px;
	overflow: hidden;
	margin-bottom:30px;
}
.index-product-hot li:nth-child(4n){
	margin-right: 0px;
}
.index-product-hot-title {
  position: relative;
  width: calc(100% - 2px); 
  height: 295px;
  border:1px solid #eee;
}
 
.index-product-hot-title img {
  width: 100%;
  height: auto;
}
.index-product-hot-title .product-text{
	display:none;
}
.index-product-hot-title:hover .product-text {
	display:block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #000;
	font-size: 16px;
	text-align: center;
	line-height:30px;
	width:100%;
	background: rgba(255,255,255,0.5);
	cursor:pointer;
}
.index-product-hot-title:hover p{
	display:block;
	color:#000;
	background:rgba(255,255,255,0.5)
}
.index-news{
}
.index-news-list{
	height:320px;
}
.index-news-bg{
	background:rgba(0,0,0,0.3);
	padding: 0 30px 30px 30px;
	margin: 30px 0;
}
.index-news-cont,
.index-news-img{
	float:left;
}
.index-news-cont{
	width: calc(100% - 240px)
}
.index-news-img{
	width:240px;
	height:318px;
	overflow:hidden;
}
.index-news-cont li{
	color:#fff;
	width:calc(100% - 70px);
	background-color:#c8000a;
	line-height: 26px;
	height:52px;
	padding:10px 20px;
	margin-bottom:10px;
}
.index-news-cont li:last-child{
	margin-bottom: 0px;
}
.index-news-time,
.index-news-font{
	float:left;
}
.index-news-time{
	width:55px;
	border-right:1px solid #fff;
}
.index-news-font{
	width:calc(100% - 80px);
	padding-left: 20px;
}