@charset "utf-8";
/* CSS Document */
.cf:before,.cf:after,.clearfix:before,.clearfix:after {
	content:"";
	display:table;
}
.cf:after,.clearfix:after {
	clear:both;
}
.cf,.clearfix {
	clear:both;
	*zoom:1;
}
/*导航条*/
#nav {
	width:100%;
	min-width:1200px;
	height:30px;
	background:#00a1ea;
	margin-top:100px;
}
#nav ul li {
	float:left;
}
#nav ul li:first-child {
	margin-left:17%;
}
#nav ul li a {
	font-size:16px;
	color:#fff;
	line-height:30px;
	padding:0 35px;
	display:inline-block;
}
#nav ul li a:hover {
	background:#fff000;
	color:#00a1ea;
}
#nav ul li.active a {
	background:#fff000;
	color:#00a1ea;
}
/*banner上面浮层*/
.cat_wrap {
	box-shadow:1px 1px 2px #bfbcbc;
	box-shadow:0 -4px 8px 0 rgba(7,17,27,.1),0 4px 8px 0 rgba(7,17,27,.1);
	background:#e73134;
	width:179px;
	position:absolute;
	z-index:999;
	top:12px;
	left:-15px;
	opacity:0.9;
}
.cat_wrap .cat_title {
	width:192px;
	height:50px;
	line-height:50px;
	font-size:16px;
	background:url(i/juxing.png) no-repeat;
	margin-left:-6px;
	margin-top:-15px;
	background-size:100%;
	color:#fff;
	text-align:center;
}
.cat_wrap .cat_header {
	min-height:288px;
	max-height:460px;
}
.cat_wrap .cat_list div {
	opacity:0.9;
	background:#e73134;
	/*border-left:3px solid transparent;*/
}
.cat_wrap .cat_list div li {
	float:left;
	color:#fff;
	font-size:15px;
	margin:12px 0px;
}
.cat_wrap .cat_list div li:first-child {
	margin-left:15px;
	margin-right:10px;
}
.cat_wrap .cat_list {
	cursor:pointer;
}
.cat_wrap .cat_list div.active {
	width:179px;
	padding-left:0px;
	position:relative;
	z-index:999;
	border-right:none;
	background:#fff;
	opacity:1;
	color:#000;
}
.cat_wrap .cat_list div.active a
{
	color:#000;
}
/*banner浮层滑动显示弹框*/
		.cat_subcont {
	display:none;
}
.cat_subcont.active {
	display:block;
}
.cat_subcont .cat_sublist {
	position:absolute;
	z-index:998;
	top:0px;
	left:156px;
	padding-top:0px;
	min-height:394px;
	width:740px;
	background:#fff;
}

@media (min-width: 1200px) 
{
	.cat_wrap {
		box-shadow:1px 1px 2px #bfbcbc;
		box-shadow:0 -4px 8px 0 rgba(7,17,27,.1),0 4px 8px 0 rgba(7,17,27,.1);
		background:#e73134;
		width:179px;
		position:absolute;
		z-index:999;
		top:12px;
		left:-15px;
		opacity:0.9;
	}
	.cat_wrap .cat_header {
		height:288px;
	}
	.cat_wrap .cat_list div li {
		float: left;
		color: #fff;
		font-size: 15px;
		margin: 7px 0px;
	}
	.cat_wrap .cat_list div li a {
		color: #fff;
	}
	.cat_subcont .cat_sublist {
		position:absolute;
		z-index:998;
		top:0px;
		left:175px;
		padding-top:0px;
		min-height:288px;
		width:740px;
		background:#e73134;
		opacity:0.8;
	}
}
@media (min-width: 1360px) 
{
	.cat_wrap {
		box-shadow:1px 1px 2px #bfbcbc;
		box-shadow:0 -4px 8px 0 rgba(7,17,27,.1),0 4px 8px 0 rgba(7,17,27,.1);
		background:#e73134;
		width:179px;
		height:324px;
		/*overflow:hidden;*/
		position:absolute;
		z-index:999;
		top:12px;
		left:-15px;
		opacity:0.9;
	}
	.cat_wrap .cat_header {
		height:323px;
	}
	.cat_wrap .cat_list div li {
		float: left;
		color: #fff;
		font-size: 15px;
		margin: 9px 0px;
	}
	.cat_wrap .cat_list div li a {
		color: #fff;
	}
	.cat_subcont .cat_sublist {
		position:absolute;
		z-index:998;
		top:0px;
		left:175px;
		padding-top:0px;
		min-height:324px;
		width:740px;
		background:#e73134;
		opacity:0.8;
	}
}
@media (min-width: 1920px) 
{
	.cat_wrap {
		box-shadow:1px 1px 2px #bfbcbc;
		box-shadow:0 -4px 8px 0 rgba(7,17,27,.1),0 4px 8px 0 rgba(7,17,27,.1);
		background:#e73134;
		width:179px;
		height:456px;
		/*overflow:hidden;*/
		position:absolute;
		z-index:999;
		top:12px;
		left:-15px;
		opacity:0.9;
	}
	.cat_wrap .cat_header {
		height:455px;
	}
	.cat_wrap .cat_list div li {
		float: left;
		color: #fff;
		font-size: 15px;
		margin: 18px 0px;
	}
	.cat_wrap .cat_list div li a {
		color: #fff;
	}
	.cat_subcont .cat_sublist {
		position:absolute;
		z-index:998;
		top:0px;
		left:175px;
		padding-top:0px;
		min-height:456px;
		width:740px;
		background:#e73134;
		opacity:0.8;
	}
}
.float.for1.active li
{
	color:#000;
}
.float.for2.active li
{
	color:#000;
}
.float.for3.active li
{
	color:#000;
}
.float.for4.active li
{
	color:#000;
}
.float.for5.active li
{
	color:#000;
}
.float.for6.active li
{
	color:#000;
}
.float.for7.active li
{
	color:#000;
}
.cat_subcont .cat_sublist {
	width:360px;
}
.cat_subcont .cat_sublist .fore_list {
	padding:3% 20px;
}
.cat_subcont .cat_sublist .fore_list h3 {
	padding:5px;
	border-bottom:1px solid #d3d3d3;
}
.cat_subcont .cat_sublist .fore_list h3 a {
	font-size:14px;
	color:#00a1ea;
}
.cat_subcont .cat_sublist .fore_list li {
	width:155px;
	height:35px;
	overflow:hidden;
	float:left;
	padding:2% 5%;
}
.cat_subcont .cat_sublist .fore_list li:nth-child(odd) {
	border-right:1px solid #fff;
}
.cat_subcont .cat_sublist .fore_list li {
	float:left;
	padding:5% 5%;
}
.cat_subcont .cat_sublist .fore_list li a {
	font-size:12px;
	color:#fff;
}
.cat_subcont .cat_sublist .fore_list li a:hover {
	color:#fff;
	text-decoration:underline;
}