/*Make from Ak.Monster*/
/*2016-06-16 09:00*/
/*www.zjhz.cn*/
body{line-height:200%;}
/*------style.css  start------*/
/*less*/
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
@c:center;
.f-small{font-size:12px;}
.f-mid{font-size:14px;}
.f-big{font-size:16px;}
@b:#000;
@g:#666;
@w:#fff;
@r:#d41c29;
*{
  color: @g;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
  vertical-align: top;
	*display: inline/*IE7*/;
	*zoom: 1;
}
.none{
	display: none;
}
.fhover{
	color: #000;
	transition: color 0.4s;
	-moz-transition: color 0.4s;
	/* Firefox 4 */
	-webkit-transition: color 0.4s;
	/* Safari and Chrome */
	-o-transition: color 0.4s;
	/* Opera */
}
.bghover{
	background-color: #3078cc;
	transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	/* Firefox 4 */
	-webkit-transition: background-color 0.4s;
	/* Safari and Chrome */
	-o-transition: background-color 0.4s;
	/* Opera */
}
.bdhover{
	border-color: #3078cc;
	transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	/* Firefox 4 */
	-webkit-transition: border-color 0.4s;
	/* Safari and Chrome */
	-o-transition: border-color 0.4s;
	/* Opera */
}
.clear{
	content:"";
	display:block;
	height:0;
	clear:both;
	float:none;
	margin:0;
}
.long{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*container*/
.clear{
	content:"";
	display:block;
	height:0;
	clear:both;
	float:none;
	margin:0;
}
.before{
	display: table;
	content: " ";
}
/*container*/
.container{
	width:1200px;
	overflow: hidden;
	margin:0 auto;
	clear:both;

	&:before{
		.before;
	}

	&:after{
		.clear;
	}
}

a{
	color: @g;

	&:hover{
		.fhover;
	}
}
ul,nav{
	&:before{
		.before;
	}

	&:after{
		.clear;
	}
}



/*head*/
#head{
	header{
		overflow: visible;
		height:50px;
		line-height:50px;

		.right{
			.fr;
			
			p{
				.box;
				background: url(../images/index_02.jpg) no-repeat left center;
				padding-left: 30px;
				font-size: 22px;
				color: #eb5151;
				line-height:50px;
				span{
					.f-mid;
					color: @g;
				}
			}
		}
	}

	.top{
		height: 120px;
		line-height: 120px;
		text-align: center;
		border-top:1px solid #d8d8d8;
		margin-top:3px;
		li{
			color: #5d5d58;
			display: inline-block;
			font-size: 16px;
			text-align: center;
			vertical-align: top;
			
			
		
			
		}
		
		a{
			.box;
			font-size: 14px;
			color: #666666;
			width:121px;
			height:50px;
			line-height:50px;
			margin-top:44px;
			&:hover{
				.fhover;
			}
		} 
		.active a{color:#fff;background:#00acea;}
	}
}


	/*banner*/
#banner {overflow: hidden;position: relative;}
#banner .xxdjzs {overflow: hidden;position: relative;width: 100%;}
#banner .xxdjzs ul {position: absolute;top: 0;left: 0;}
#banner .xxdjzs li span {display: block;width: 100%;}
#banner .arrow {cursor: pointer;display: none;line-height: 40px;text-align: center;font-size: 36px;width: 25px;height: 25px;position: absolute;z-index: 2;top: 180px;background-color: RGBA(0,0,0,.3);color: #fff;}


#insidebanner {overflow: hidden;position: relative;}
#insidebanner .xxdjzs {min-height: 400px;overflow: hidden;position: relative;width: 100%;}
#insidebanner .xxdjzs ul {min-height: 400px;position: absolute;top: 0;left: 0;}
#insidebanner .xxdjzs li span {display: block;width: 100%;min-height: 400px;}
#insidebanner .arrow {cursor: pointer;display: none;line-height: 40px;text-align: center;font-size: 36px;width: 25px;height: 25px;position: absolute;z-index: 2;top: 180px;background-color: RGBA(0,0,0,.3);color: #fff;}

#banner .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width:28px;
	height:58px;
	text-indent: -9999px;
	z-index: 9999;
	display:none;
}
#banner:hover  .bx-controls-direction a {display:block;}
#banner .bx-controls-direction a.disabled {
	display: none;
}

#banner .bx-controls-direction a.bx-prev{background:url(../images/about_img_left.png) no-repeat center center;left:0px;}
#banner .bx-controls-direction a.bx-next{background:url(../images/about_img_right.png) no-repeat center center;right:0px;}

.bx-controls{margin-top:-28px;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px;
  display: block;
  height: 10px;
  margin: 0 10px;
  outline: 0;
  background-color: #D5D5D5;
  width: 10px;
  border-radius:90px;
  z-index:999999999;
  position:relative;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px;background: url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px;background: url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../images/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../images/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}


.indexabout{margin-top:30px;}
.indexnew{margin-top:60px;}

.indexnew li{border-left:3px solid #00acea;width:578px;margin:11px;display:inline-block;background:#f5f5f5;
	&:hover{opacity:0.6;}
}

.indexproduct{margin-top:60px;background:#f5f5f5;width:100%;border-bottom:2px solid #00acea;padding:20px}
/*------图片移动----------bxCarousel.js*/
#product .bx_wrap a.prev {width: 50px;height:65px;position: absolute;left:112px;text-indent: -999em;background: url(../images/index_16.jpg) 0px 0px no-repeat;z-index:99999;margin-top:80px;}
#product .bx_wrap a.next {width:50px;height: 65px;position: absolute;right:84px;text-indent: -999em;background: url(../images/index_19.jpg) 0px 0px no-repeat;z-index:99999;margin-top:80px;}
#product .mc{position: relative;}
#product  .mc li {position:relative;margin: 35px;float:left;width: 204px;height:294px;background:#ffffff;margin-right:14px!important;}
#product  .mc li p{  font-size: 14px;color: #333;padding:0px 10px;}
#product .levelone{}
#product .leveltwo{} 

#recommend{}
#recommend .bx_wrap a.prev {position: absolute;top: 125px;left:15px;z-index: 99999;color: #cd771b;font-size: 24px;}
#recommend .bx_wrap a.next {position: absolute;top:125px;right:15px;z-index:99999;color: #cd771b;font-size: 24px;}
#recommend .mc{position: relative;background:#fff;margin-top: 10px;}
#recommend  .mc li {position:relative;border:1px solid #EDEDED;}
#recommend  .mc li h3{font-size: 14px;color: #000;padding: 15px 0px;text-align: center;background-color: #EDEDED;border: 1px solid #fff;}



.indexcase{margin-top:60px;}
#cptp{
	width:1200px;
	overflow:hidden;
}

#cptp ul li {
	float:left;
	overflow:hidden;
	text-align:center;
	height:366px;
}
#hzhb ul li div{ float:left;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#cptp ul li div{ float:left; overflow:hidden;width:274px;}
#cptp ul li div img{display:block;}

.indexmap{margin-top:60px;}



.indexmap{
	.contact{
		width:50%;
		padding-top: 55px;
		color: #fff;
		
		.title {
			margin-bottom: 5px;
			font-size: 18px;
			font-weight: bold;
		}
		

		
		.line {
			margin-bottom: 32px;
			height: 2px;
			background: #dcdcdc;
			width:96%;
		}
		
		.txtbox {
			font-size: 12px;
			line-height: 2;
			
			.qr{
				.tc;
				margin-right:15px;
			}
			
			&:after{
				.clear;
			}
		}
	}
	
	.map{
		width:50%;
		height:348px;
		
		#allmap{
			height:348px;
		}
		
		.anchorBL{
			display:none!important;
		}
	}
}
/*footer*/
#footer{
	height:100px;
	background:#595959;
	margin-top:80px;
	text-align:center;
		p{
		color:#fff;
		clear:both;
		}
		
		li{
		.fl;
		margin-right:27px;
		a{
		color:#fff;
		font-size:14px;
		&:hover{color:#cc0000;
		}
		}
		}
}


.mypage {
    text-align: center;
    margin-top: 30px;
	
	span,a {
		display: inline-block;
		vertical-align: top;
		color: #d35b52;
		border: 1px solid #d35b52;
		padding: 5px 10px;
		margin: 5px;
		
		&.current{
			background: #d35b52;
			color: #fff;
		}
	}
}


/*内页*/
.navigation{
	height:50px;background:#f5f5f5;margin-bottom:30px;
	.inset_head{font-size:14px;font-weight:bold;color:#666666;}
	h3{margin-top:10px;}
	li{.fl;
		a{padding:10px 20px;line-height:70px;background:#e5e5e5;border:1px solid #c9c9c9;margin-right:10px;border-radius:30px;font-size:14px;}
		.cur{background:#2a5078;color:#fff;border:0px;}
	}
}


.insideproduct li{text-align:center;
	&:hover{opacity:0.6}
}
.insideproduct .overimg{float:left;margin-right:53px;margin-bottom:20px;}
.overimgstyle{float:left;width:197px;text-align:center;margin-right:53px;margin-bottom:20px;}
.overimgstyle img{border-radius: 95px;}
.insideproduct .last{margin-right:0px!important;}

.insidenews li{border-left:3px solid #00acea;width:578px;margin:11px;display:inline-block;background:#f5f5f5;
	&:hover{opacity:0.6;}
}