#product.online{
	background: #ffffff;
}
.products ul{
	flex-wrap: wrap;
}
.products ul li{
	width: 280px;
	flex: 0 0 280px;
	margin-bottom: 30px;
}

.files-box .products ul{
	display: block;
}
.files-box .products ul li{
	float: left;
	width: 373px;
	flex: 0;
	margin-right:40px;
}
.files-box .products ul li:nth-child(3n){
	margin-right: 0
}

.products ul li h3{
	padding: 10px 0;
	text-align: center;
}
.online .products ul li img{
	width: 280px;
	height: 240px;
}
.online .products ul li p{
	background: #e3e4eb;
}
.online .product-box .title{
	text-align: center;
	font-size: 22px;
	margin-bottom: 30px;
	text-decoration: underline;
}
.online .products ul li{
	position: relative;
}
.online .products ul li .no-detail{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	zoom: 1;
}
.online .products ul li .no-detail p{
	background:rgba(0,55,115,0.75);
	padding: 10px 0;
	margin-top: 40%;
	color: #ffffff;
}
.file-box .file-table{
    border-collapse: collapse;
    margin-bottom:30px;
}
.file-box .file-table th{
    background: #ccc;;
}
.file-box .file-table th,
.file-box .file-table td{
    line-height: 30px;
    text-align: center;
}

@media all and (max-width:750px){
    .products ul li {
        width: 48%;
        flex: 0 0 48%;
        margin-bottom: 10px;
    }
    .online .products ul li img{
        width: 100%;
        height: auto;
    }
}