.case_nav{
	margin-top: 2em;
	margin-bottom: 2em;
	float: left;
	width: 100%;
}
.case_nav .cont>div{
	border-bottom: 1px dotted #ccc;
}
.case_nav1{
	/*overflow: hidden;*/
	padding: 0 1.5em;
	height: 3em;
}
.case_nav1 h4{
	font-size: 1.5em;
	background: #3085c1;
	border-radius: 50%;
	width: 3em;
	height: 3em;
	text-align: center;
	line-height: 3em;
	color: #fff;
	float: left;
}
.case_nav1 .cn1{
	/*float: left;*/
	/*overflow: hidden;*/
	padding-left: 7em;
}
.cn1 ul{
	overflow: hidden;
}
.case_nav1 li{
	float: left;
	line-height: 4em;
	margin-right: 1em;
}
.case_nav1 li a{
	padding-left: 2.5em;
	color: #333;
	font-size: 1.6em;
}
.case_nav1 li a:hover{
	text-decoration: none;
}
.cn1 li:nth-child(1) a{
	background: url(../images/h3-icon5.jpg) 0 center no-repeat;
}
.cn1 li:nth-child(2) a{
	 background: url(../images/h3-icon2.jpg) 0 center no-repeat;
}
.cn1 li:nth-child(3) a{
	 background: url(../images/h3-icon3.jpg) 0 center no-repeat;
}
.cn1 li:nth-child(4) a{
	 background: url(../images/h3-icon4.jpg) 0 center no-repeat;
}
.cn1 li:nth-child(5) a{
	 background: url(../images/h3-icon1.jpg) 0 center no-repeat;
}
.cn1 li:nth-child(6) a{
	 background: url(../images/h3-icon6.jpg) 0 center no-repeat;
}
.cn1 li{
	margin-right: 2em;
}
.cn1 li a.on{
	color: #3085c1;
	border-bottom: 1px solid #3085c1;
	padding-bottom: 0.5em;
}
.cn1 li:nth-child(1) a.on{
	background: url(../images/h3-icon55.jpg) 0 2px no-repeat;
}
.cn1 li:nth-child(2) a.on{
	background: url(../images/h3-icon22.jpg) 0 2px no-repeat;
}
.cn1 li:nth-child(3) a.on{
	background: url(../images/h3-icon33.jpg) 0 2px no-repeat;
}
.cn1 li:nth-child(4) a.on{
	background: url(../images/h3-icon44.jpg) 0 2px no-repeat;
}
.cn1 li:nth-child(5) a.on{
	background: url(../images/h3-icon11.jpg) 0 2px no-repeat;
}
.cn1 li:nth-child(6) a.on{
	background: url(../images/h3-icon66.jpg) 0 2px no-repeat;
}
.cn1 li a:hover{
	text-decoration: none;
}
/*行业*/
.case_nav2{
	margin-top:1em;
	padding-right: 10%;
}
.case_nav2 .cn2{
	padding-left: 5em;
	/*float: left;*/
	/*overflow: hidden;*/
}
.case_nav2 ul{
	overflow: hidden;
}
.case_nav2 h4{
	margin-top: 1.5em;
}
.cn2 li a{
	padding-right: 1em;
	background: url(../images/csj.jpg) right center no-repeat;
}
.cn2 li a.on{
	background: url(../images/csj1.jpg) right center no-repeat;
	color: #3085c1;
}
.cnspan{
	display: none;
}

/*搜索*/
.case_ser{
	margin-bottom: 1.5em;
}
.case_ser form{
	float: left;
	width: 25%;
	border: 1px solid #e5e5e5;
	line-height: 3.5em;
	margin-left: 1.5em;
}
.case_ser input{
	border: none;
	outline: none;
	display: inline-block;
	float: left
}
.case_ser input[type=text]{
	padding-left: 2em;
	width:80%;	
	line-height: 3.5em;	
}
.case_ser input[type=submit]{
	width: 20%;
	background: url(../images/search.jpg) center center no-repeat;
}
.case_ser a{
	display: inline-block;
	float: right;
	line-height: 3em;
	border: 1px solid #e5e5e5;
	padding: 0.2em 0.5em;
	text-align: center;
	color: #666666;
	margin-right: 1.8em;
}
.case_ser a span{
	background: url(../images/search2.jpg) 0em center no-repeat;
	padding-left: 2em;
	font-size: 1.3em;
	background-size: 17% auto;
}
.case_ser a img{
	height: 100%;
}
@media (max-width: 1200px) {
	.case_nav2{
		padding-right:1%;
	}
	.case_ser form{
		width: 35%;
	}
}

@media (max-width: 968px) {
	.case_nav1 h4{display: none;}
	.case_nav .cont>div{
		border-bottom:none;
	}
	.case_nav2{
		margin-top: 0;
	}
	.case_nav1 ul{
		display: none;
		position: absolute;
		z-index: 100;
		left:-1px;
		background: #fff;
		/*padding: 1em;*/
		border: 1px solid #ccc;
		border-right: none;
		border-bottom: none;
	}
	.case_nav1 .cn1, .case_nav1 .cn2{
		padding-left: 0;
		width: 100%;
		border: 1px solid #3085c1;
		padding: 0.5em 1em;
		position: relative;
	}
	.cnspan{
		font-size: 2em;
		letter-spacing: 2px;
		display: block;
		text-align: left;
		background: url(../images/menu-button-bg.png) right center no-repeat;
		background-size: 10% auto;
	}
	.cn1 li{
		padding-left: 1em;
	}
	.case_nav1 li{
		width: 50%;
		margin-right: 0;
		border: 1px solid #ccc;
		border-top: none;
		border-left: none;
	}
	.case_ser form{
		width: 45%;
	}
	.case_ser a{
		margin-right: 1em;
	}
}
@media (max-width: 720px) {
	.case_nav1 li{
		width: 100%;
	}
	.cnspan{
		background-size: 15% auto;
	}
}
@media (max-width: 500px) {
	.case_nav1 .cn1, .case_nav1 .cn2{
		padding: 0.2em 1em;
	}
	.case_ser{
		margin-bottom: 0.2em;
	}
	.cn2 li a{
		padding-left: 1em;
	}

}
@media (max-width: 450px) {
	.case_ser form{
		width: 94%;
		margin-left: 5.2%;
	}
	.case_ser a{
		width: 94%;
		margin-left: 5.2%;
		float: none;
		margin-top: 0.5em;
	}
}

@media (max-width: 360px) {
	.cn1 li{
		padding-left: 0em;
	}
	.case_nav1 li a{
		padding-left: 1.5em;
	}
}