@charset "utf-8";
/* CSS Document */

.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.clearfix:after,.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}
.banner a{
	cursor: pointer;
}

/*公共标题*/
.product_title{
	height: 100px;
	background: url(../images/pro/icon.png) no-repeat center 94px;
	margin-top: 40px;
}
.product_title h3{
	font-size: 30px;
	color: #333;
	text-align: center;
	line-height: 94px;
}

/*通过知识库系统，您可以实现*/
.Repository_box1{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}

.Repository_box1 img{
	float: left;
	margin: 30px 20px 0px 30px;
}
.Repository_box1 ul{
	width: 510px;
	float: left;
	margin: 80px 20px;
}

.Repository_box1 ul li{
	float: left;
	width: 204px;
	background: url(../images/pro/Rep_icon_1.png) no-repeat 0 4px;
	line-height: 30px;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	padding-left: 40px;
	margin: 30px 0;
}
.Repository_box1 ul li:last-child{
	padding: 0;
}
.Repository_box1 ul li:last-child a{
	display: block;
	color: #fff;
	font-weight: normal;
	width: 180px;
	height: 40px;
	background: #607dbd;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
}
.Repository_box1 ul li:last-child a:hover{
	background: #f00505;
	-webkit-box-shadow:0 10px 15px rgba(0,0,0,.2);
	box-shadow:0 10px 15px rgba(0,0,0,.2);
}


/*知识库系统优势*/
.Repository_box2{
	width: 100%;
	height: 730px;
	background: #f5f5f5;
}

.Rep_advantage{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}
.card-area{
	margin:60px 90px 0;
	height:500px;
	width:1000px;
	position:relative;
}
.card-area .bg-e8e8e8{
	background:#fafafa;
}
.card-area .bg-e1e1e1{
	background:#f0f0f0;
}
.card-area .card-item{
	z-index:4;
	transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	position:relative;
	float:left;
	width:17%;
	height:410px;
	background-color:transparent;
}
.card-area .card-item+.card-item{
	margin-left:-1px;
}
.card-area .card-item .card{
	ransition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	width:100%;
	height:100%;
	text-align:center;
	background:#fff;
}
.card-area .card-item .card .card-content{
	width:100%;
	line-height:2;
}
.card-area .card-item .card .card-content.content-first{
	transition:all .12s cubic-bezier(.4,0,.2,1) .18s;
	z-index:3;opacity:1;filter:alpha(opacity=100);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}
.card-area .card-item .card .card-content.content-second{
	transition:all .12s cubic-bezier(.4,0,.2,1) 0s;
	z-index:2;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	line-height:2;
}
.card-area .card-item .card .card-content.content-second li{
	float:left;
	width:50%;
}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{
	position:absolute;
	left:0;
	right:0;
	z-index:1;
}
.card-area .card-item .card .card-title{
	padding-top:1px;
	transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	height:64px;
	line-height:26px;
	font-size:14px;
	top:0;
	background:#55678f;
	border-left:1px solid #4d5d81;
}
.card-area .card-item .card .card-title .content{
	position:absolute;
	bottom:-2px;
	width:100%;
}
.card-area .card-item .card .card-title h3{
	font-size:22px;
	font-weight:700;
	color:#d9efff;
	margin-bottom:0;
	line-height: 60px;
}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h3{
	transition:all .15s cubic-bezier(.4,0,.2,1) 0s;
}
.card-area .card-item .card .card-content{
	height:350px;
	position:absolute;
	top:60px;
}
.card-area .card-item .card .card-content.content-first .content-first-list{
	width:100%;
	max-width:250px;
	font-size:16px;
	color:#373d41;
	margin-top:47px;
	margin-bottom:47px;
}
.card-area .card-item .card .card-content.content-first .content-first-list li{
	margin-bottom:30px;
}
.card-area .card-item .card .card-content.content-second{
	width:90%;
	left:25px;
	font-size:14px;
	color:#666;
	line-height: 30px;
	text-align:left;
	padding-top:36px;
}
.card-area .card-item .card .card-content.content-second p span{
	font-weight: bold;
}
.card-area .card-item .card .card-content.content-second p{
	margin:24px 30px;
}
.card-area .card-item.active{
	z-index:6;
	box-shadow:0 0 30px rgba(0,0,0,.2);
	width:49%;
	height:460px;
}
.card-area .card-item.active .card .card-title{
	background-color:#607dbd;
	height:80px;
	top:-15px;
	border:none;
}
.card-area .card-item.active .card .card-title h3{
	color:#fff; 
	line-height: 80px;
}
.card-area .card-item.active .card .card-content.content-first{
	transition:all .12s cubic-bezier(.4,0,.2,1) 0s;
	z-index:2;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}
.card-area .card-item.active .card .card-content.content-second{
	transition:all .12s cubic-bezier(.4,0,.2,1) .18s;
	z-index:3;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}


/*知识库角色功能*/
.Repository_box3 {
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}
.Repository_box3 ul{
	width: 1180px;
	height: 556px;
	background: url(../images/pro/Rep_bg.png) no-repeat 64px 324px;
	margin-bottom: 60px;
	margin-top: 50px;
	position: relative;
}
.Repository_box3 ul li:first-child{
	position: absolute;
    left: 10%;
    top: 140px;
}
.Repository_box3 ul li:nth-child(2){
	position: absolute;
    left: 43%;
    top: 75px;
}
.Repository_box3 ul li:last-child{
	position: absolute;
    right: 5%;
    top: 30px;
}


/*您的需求*/
.from{
		width: 100%; 
		height: 480px;
		background: #eaf0fe;
		overflow: hidden;
	}
	form{
		width: 1180px; 
		margin: 0 auto;
	}
	form h3{
		text-align: center;
		font-size: 30px;
		line-height: 50px;
		margin-top: 70px;
		color: #333;
		font-weight: 500;
		margin-bottom: 50px;
		
	}
	.in_put{
		width: 270px; 
		height: 34px; 
		border: solid 1px #e0e0e0;
		padding-left: 10px; 
		color: #b2b2b2; 
		margin-right: 30px;
	}
	textarea{
		font-family: "微软雅黑";
		padding-left: 10px; 
		width: 900px;
		border: solid 1px #e0e0e0;
		color: #b2b2b2; 
		margin-top: 20px;
	}
	.submit{
		border: 0;
		width: 916px;
		height: 44px;
		background: #e74446;
		font-size: 14px;
		text-align: center;
		line-height: 44px;
		color: #fff;
		border-radius: 5px;
		margin-top: 20px;
	}
	.submit:hover{
		background: #f00505;
	}
	form div{
		margin-left: 11%;
	}