/**************** 类型 types-area ****************/
.types-area{
	width:100%;
	height: 128px;
	position: relative;
}
.types-area .bj-box{
	width: 100%;
	height: 100%;
}
.types-area .bj-box:after{
	content: "";
	display: block;
	clear: both;
}
.types-area .bj-box>*{
	width: 50%;
	height: 100%;
	float: left;
}
.types-area .bj-box>.left{
	background-color: #21477e;
}
.types-area .bj-box>.right{
	background-color: #f5f5f5;
}
.types-area .cover-box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.types-area .cover-box .content{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.types-area .cover-box .content:after{
	content: "";
	display: block;
	clear: both;
}
.types-area .cover-box .content .left{
	width:256px;
	height: 100%;
	float:left;
	background: -moz-linear-gradient(right, #21477e 0%, #061f44 100%);
	background: -webkit-linear-gradient(left, #21477e 0%, #061f44 100%);
	background: -o-linear-gradient(right, #21477e 0%, #061f44 100%);
	background: -ms-linear-gradient(right, #21477e 0%, #061f44 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#21477e', endColorstr='#061f44',GradientType=1)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21477e', endColorstr='#061f44', GradientType=1);
	background: linear-gradient(to right, #21477e, #061f44);
}
.types-area .cover-box .content .left h6{
	font-size:38px; 
	color:#fff; 
	margin-top:25px;
}
.types-area .cover-box .content .left p{
	font-size:22px; 
	color:#fff; 
	margin-top:6px;
}
.types-area .cover-box .content .right{
	width:944px;
	height: 100%;
	float:left;
	background-color: #f5f5f5;
	padding: 0 16px;
	padding-top: 20px;
}
.types-area .cover-box .content .right .list:after{
	content: "";
	display: block;
	clear: both;
}
.types-area .cover-box .content .right .list .item{
	width: 20%;
	float: left;
	margin-bottom: 15px;
	text-align: center;
}
.types-area .cover-box .content .right .list .item .line-btn{
	display: inline-block;
	width:150px;
	height:36px;
	line-height:36px;
	border:1px solid #959595;
	border-radius:18px;
	text-align:center;
	font-size:18px; 
	color:#555;
	
}
.types-area .cover-box .content .right .list .item.active .line-btn{
	border:none;
	color: #fff;
	background: -moz-linear-gradient(right, #a98442 0%, #c8a972 100%);
	background: -webkit-linear-gradient(left, #a98442 0%, #c8a972 100%);
	background: -o-linear-gradient(right, #a98442 0%, #c8a972 100%);
	background: -ms-linear-gradient(right, #a98442 0%, #c8a972 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98442', endColorstr='#c8a972',GradientType=1)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98442', endColorstr='#c8a972', GradientType=1);
	background: linear-gradient(to right, #a98442, #c8a972);
}

/**************** 案例列表 case-list ****************/
.case-list .list{
	width: 100%;
	padding-top: 35px;
}
.case-list .list .item{
	width: 100%;
	height: 199px;
	background: #fff;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 20px;
	border:1px solid #eaeaea;
	border-bottom: 2px solid #1d91ff;
	position: relative;
}
.case-list .list .item .line-box{
	display: block;
	width: 100%;
}
.case-list .list .item .line-box::after{
	content: "";
	display: block;
	clear: both;
}
.case-list .list .item .left{
	width:260px; 
	height:156px;
	float:left;
}
.case-list .list .item .left img{
	width: 100%;
	height: 100%;
}
.case-list .list .item .right{
	width:880px;
	height:156px;
	float:right;
	overflow: hidden;
}
.case-list .list .item .right h5{
	font-family:'微软雅黑'; 
	font-size:20px; 
	color:#000;
}
.case-list .list .item .right h6{
	font-family:'微软雅黑'; 
	font-size:12px; 
	color:#666;
	line-height:40px; 
	font-weight:inherit;
}
.case-list .list .item .right h6 span{ 
	margin-right:30px;
}
.case-list .list .item .right p{
	font-family:'微软雅黑'; 
	font-size:14px; 
	color:#333; 
	line-height:25px;
}
.case-list .list .item .mo{
	width:88px;
	height:30px;
	float:right;
	position:absolute;
	right: 20px; 
	bottom:0;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #fff;
	background: -moz-linear-gradient(right, #1d91ff 0%, #1fcaff 100%);
	background: -webkit-linear-gradient(left, #1d91ff 0%, #1fcaff 100%);
	background: -o-linear-gradient(right, #1d91ff 0%, #1fcaff 100%);
	background: -ms-linear-gradient(right, #1d91ff 0%, #1fcaff 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d91ff', endColorstr='#1fcaff',GradientType=1)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d91ff', endColorstr='#1fcaff', GradientType=1);
	background: linear-gradient(to right, #1d91ff, #1fcaff);
}
.case-list .list .item:hover .mo{ 
	background: -moz-linear-gradient(right, #a98442 0%, #c8a972 100%);
	background: -webkit-linear-gradient(left, #a98442 0%, #c8a972 100%);
	background: -o-linear-gradient(right, #a98442 0%, #c8a972 100%);
	background: -ms-linear-gradient(right, #a98442 0%, #c8a972 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98442', endColorstr='#c8a972',GradientType=1)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98442', endColorstr='#c8a972', GradientType=1);
	background: linear-gradient(to right, #a98442, #c8a972);
}
.case-list .list .item:hover{
	background: #F5F5F5;
	border-bottom: 2px solid #a98442;
}

/**************** 内页 ****************/
#list_team{width:100%;}
#list_team .content{ width:1200px; margin:0 auto;}
#list_team .content h5{font-size:36px; color:#5599ff; font-family:'微软雅黑'; text-align:center; padding-top:40px;}
#list_team .content h6{font-size:13px; color:#999; font-family:'微软雅黑'; font-weight:500; line-height:50px; text-align:center; margin-top:14px; border-bottom:1px solid #999;}
#list_team .content h6 span{ margin-right:18px;}
#list_team .content p{font-size:15px; color:#333; font-family:'微软雅黑'; line-height:30px;}

#case{width:100%; background:#f8f8f8; padding-bottom:60px;}
#case .content{ width:1200px; margin:0 auto;position:relative;}
#case .content h5{font-size:36px; color:#5599ff; font-family:'微软雅黑'; text-align:center; padding-top:42px;}
#case .content h5 span{ color:#000;font-weight:500;}
#case .content .underline{ width:70px; height:4px; background:#5599ff;  margin:18px auto;}
#case .content .ca_list ul:after{
	content: "";
	display: block;
	clear: both;
}
#case .content .ca_list ul li{ width:392px; float:left; margin-left:12px; padding-bottom:16px; border-bottom:2px solid #dddcdd;}
#case .content .ca_list ul li:nth-of-type(1){margin-left:0px;}
#case .content .ca_list ul li img{width:392px; height:235px;}
#case .content .ca_list ul li:hover{border-bottom:2px solid #5599ff;}
#case .content .ca_list ul li:hover img{width:388px;height:231px; border:2px solid #5599ff;}
#case .content .ca_list ul li h6{font-size:18px; color:#000; font-family:'微软雅黑'; font-weight:500; line-height:50px;}
#case .content .ca_list ul li:hover h6{ color:#5599ff;font-weight:700;}
#case .content .ca_list ul li p{font-size:12px; color:#666666; font-family:'微软雅黑'; }
#case .content .top{ text-align:center;padding-bottom:36px; margin-top:26px;}