/*Make from Mr.shine*/
/*2016-03-01 16:20*/
/*www.zjhz.cn*/

/*------style.css  start------*/
/*less*/
@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;

.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: #87b859;
	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{
	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{
	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;
}
/*container*/
.container{
	width:1200px;
	overflow: hidden;
	margin:0 auto;
	clear:both;
}

a{
	color: @g;

	&:hover{
		.fhover;
	}
}


/*head*/

#head{
	header{
		height: 30px;
		background: #eee;
		line-height: 30px;

		.left{
			.fl;
			.f-small;
			color: @g;
		}

		.right{
			.fr;

			a{
				.f-small;
				padding: 0 9px;
				border-right:1px solid #666;
				.box;
				height: 12px;
				line-height: 12px;
				margin-top: 8px;
			}

			p{
				.box;
				.f-small;
				color: @g;
				margin-left: 5px;

				span{
					color: #11593f;
				}
			}
		}

		&:after{
			.clear;
		}
	}

	footer{
		padding: 19px 0;

		h1,a{
			text-indent: -999999px;
			width: 218px;
			height: 72px;
			.box;
		}

		.advert{
			.box;
			width: 765px;
			margin-left: 60px;
			margin-top: 25px;
		}

		.qr_code{
			.box;
			height: 90px;
			width: 147px;

			p{
				.box;
				color: #11593f;
		    margin-bottom: 10px;
				.f-small;
				vertical-align:text-bottom
			}
			img{
				.box;
				vertical-align:text-bottom
			}
		}
	}

	nav{
		background: #595656;
    text-align: center;
		ul{
			white-space-collapse:discard
		}

		li{
			.box;
			border-right:1px solid #6a6868;
			font-size: 0;
			a{
				color:@w;
				padding: 15px 37px;
				display:block;
				font-size: 14px;
			}

			&.active{
				background: #fdd000;
				a{
					color:@g;
				}

				&:hover{
					background:#62c2a0;

					a{
						color:#fff;
					}
				}
			}

			&:hover{
				background:#62c2a0;

				a{
					color:#fff;
				}
			}
			.menu_double a:hover{
				background: #62c2a0;
			}
		}
	}
}



#indexbanner{
	border-bottom: 9xp solid #eee;
	.bx-wrapper{
		position: relative;

		.bx-controls{
			position: absolute;
			bottom: 8px;
			width: 100%;
			z-index: 9999;

			.bx-pager{
				width: 1200px;
				margin: 0 auto;
				text-align: right;

				.bx-pager-item{
					.box;
					width: 29px;
					height: 7px;
					margin-left: 5px;

					a{
						display: block;
						background: url(../images/head_bg.png);
						text-indent: -99999px;
						font-size: 0;
						height: 100%;
						width: 100%;

						&.active{
							background: #fff;
						}
					}
				}
			}

			.bx-controls-direction{
				.none;
			}
		}
	}
}

#footer{
	background: #252322;
	padding: 70px 0;
	.left{
		.box;
		margin-top: 36px;

		h2,a{
			text-indent: -999999px;
			width: 218px;
			height: 72px;
			background: url(../images/footer_logo.png) no-repeat center center;
		}
	}
	.mid{
		.box;
		width: 552px;
		color: #eaeaea;
		.f-small;
		line-height: 30px;
		margin-left: 105px;
	}
	.right{
		.fr;
		.box;
		height: 90px;
		width: 147px;
    margin-top: 20px;

		p{
			.box;
			color: #fff;
			margin-bottom: 10px;
			.f-small;
			vertical-align:text-bottom
		}
		img{
			.box;
			vertical-align:text-bottom
		}
	}
	&:after{
		.clear;
	}
}

/*public*/

.col1{
	width: 220px;
	.box;
	margin-top: 20px;

	.left_menu{
		.mt{
			background: url(../images/left_mt.jpg) no-repeat center center;
			.tc;
			height: 60px;
			line-height: 60px;
			color: #fff;
			font-weight: bold;
			font-size: 16px;
			margin-bottom: 1px;
		}

		.mc > nav{
			margin-bottom: :2px;

			a{
				height: 46px;
				line-height: 46px;
				.tc;
				color: #fff;
				display: block;
				width: 100%;
				background: #656262;
				color: #fff;
				margin-bottom: 1px;

				&.active{
					color: #595656;
					background: #fdd000;

					&:hover{
						background:#62c2a0;
					}
				}

				&:hover{
					background:#62c2a0;

					a{
						color:#fff;
					}
				}
			}
		}
	}

	.contact{
		margin-top: 2px;
		.mt{
			background: url(../images/left_mt.jpg) no-repeat center center;
			.tc;
			height: 60px;
			line-height: 60px;
			color: #fff;
			font-weight: bold;
			font-size: 16px;
		}

		.mc{
			border:1px solid #c9c9c9;
			border-top:0;
			padding: 20px 15px;
			background: url(../images/left_contact_mt.jpg) no-repeat top center;

			.address{
		    margin-top: 80px;

				.f-small;
				line-height: 25px;
			}
		}
	}
}

.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;
		}
	}
}

.col2{
	width: 955px;
	.box;
	margin-left: 20px;
	margin-top: 20px;

	.mt{
		height: 40px;
		line-height: 40px;
		.f-small;
		color: @g;
		margin-top: 20px;
		border-bottom:1px solid #a0a0a0;
		p,ul{
			.fl;
		}
		ul > li{
			.fl;
			margin-right:3px;
			height: 40px!important;
			line-height: 40px!important;
			padding: 0!important;
			margin: 0!important;
		}
		a,span{
			.f-small;
			color: @g;
		}

		a:hover{
			.fhover;
		}
	}
}

/*page*/
#page .col2 > .mc{
	padding: 10px;
	margin-top: 30px;
	line-height: 35px;
	.f-small;
	color: @g;
}

#product .col2 > .mc{
	li{
		.box;
		padding: 10px;
		margin: 10px;
		background: #ededed;
		width: 197px;

		.li_pic{
			width:197px;
			height: 148px;
		}

		p{
			height: 30px;
			line-height: 30px;
			.f-small;
			color: @g;

			span{
				.fr;
				width: 48px;
				color: #ff7a01;
			}
		}

		&:hover{
			background: #ffeb8e;
		}
	}
}


.detail_cont{display:none;background:url(../images/fix_bak.png) left top repeat;width:100%;height:100%;position:fixed;z-index:999;top:0px;left:0px;}
.detail_show{display:none;width:940px;height:700px;margin:30px auto 0 auto;position:relative;}
.detail_cont .pstyle{background:#ffffff;overflow-y:scroll;margin:0;height:660px;padding:20px 90px;    line-height: 32px;}

.vnbtn{
	position:absolute;
	right:-60px;
	width:60px;
	top:59px;
}
.vnbtn a{
	display:block;
	width:60px;
	opacity:1!important;
	background:none;
	cursor:pointer;
}
.vnbtn  span,.jiathis_style .jtico{
	background:none!important;
}
 .vnclose{
	height:59px;
	display:block;
	width:60px;
	position:absolute;
	right:-60px;
	top:0px;
	background:url(../images/i1.jpg) no-repeat 0px -59px ;
}
.vnclose:hover{
	background-position:0px 0px;
}
.vnbtn #bds_more{
	height:63px !important;
	background:url(../images/i2.jpg) no-repeat 0px -63px !important;
	padding:0px;
	float:none;
}
.vnbtn #bds_more:hover{
	background-position:0px 0px;
}
.vnbtn .bds_tsina{
	height:58px;
	background:url(../images/i3.jpg) no-repeat 0px -58px;
}
.vnbtn .bds_tsina:hover{
	background-position:0px 0px;
}
.vnbtn .bds_tqq{
	height:61px;
	background:url(../images/i4.jpg) no-repeat 0px -61px;
}
.vnbtn .bds_tqq:hover{
	background-position:0px 0px;
}
.vnbtn .bds_qzone{
	height:59px;
	background:url(../images/i5.jpg) no-repeat 0px -59px;
}
.vnbtn .bds_qzone:hover{
	background-position:0px 0px;
}
.pstyle .title {
    font-size: 16px;
    line-height: 40px;
    color: #494949;
    text-align: center;
}
.pstyle .time {
    font-size: 12px;
    line-height: 40px;
    color: #999999;
    text-align: center;
    margin-bottom: 20px;
}
.imgcenter {
    padding: 20px 0;
    width: inherit;
    text-align: center;
    position: relative;
}

/*page_yy*/
#page_yy .col2 > .mc{
	margin-bottom: 30px;

	.top{
		line-height: 25px;
		.f-small;
		color: @g;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.mid{
			padding-bottom: 20px;
			border-bottom:1px solid #dbdbdb;
			margin-bottom: 20px;

		.left{
			width: 349px;
			height: 318px;
			.box;
			img{
				width: 349px;
				height: 318px;
			}
		}

		.right{
			line-height: 29px;
			.box;
			width: 375px;
			margin-left: 26px;
			height: 318px;
			overflow: hidden;
		}
	}

	.bottom{
		img{
			.box;
		}
	}
}

#news{

	.col2{
		li{
			height:148px;
			border-bottom:1px solid #dbdbdb;
			overflow:hidden;
			padding: 15px 0;

			.time{
				float:left;
				width: 75px;
				height: 97px;
				text-align: center;
				font-size: 28px;
				background: #f7f7f7;
				padding-top: 50px;
				line-height: 20px;
				color: @g;

				span{
					color: @g;
					font-size: 14px;
				}
			}

			.nero{
				float:left;
				width:520px;
				margin:0 25px;
				margin-top:13px;

				h3{
					font-size:16px;
					margin-bottom:15px;
					font-weight:300;
					height: 20px;
					overflow: hidden;
					color: @g;
				}

				span{
					font-size:12px;
					line-height: 25px;
					height:75px;
					overflow:hidden;
					display: block;
					color: @g;
				}
			}

			.pic{
				float:right;
				margin-top:13px;

				img{
					width:186px;
					height:112px;
					border:0;
				}
			}

			&:hover{
				background:#f7f7f7;
			}
		}
	}
}


#art_show{
	margin-bottom: 30px;

	.top{
		border-bottom: 1px solid #bcbcbc;
		padding-bottom:13px;
		height: 255px;
		margin: 20px 0;

		.left {
			float: left;

			img{
				width: 350px;
				height: 245px;
				border: 1px solid #dcdcdc;
			}
		}
		.right{
			width: 580px;
			float: right;

			p.title{
				color: @g;
				height: 56px;
				line-height: 56px;
				border-bottom: 1px solid #bcbcbc;
				font-weight: bold;
				margin-bottom: 10px;
			}

			p.time{
				margin-bottom: 20px;
			}

			p.jianjie{
				color: @g;
				line-height: 30px;
				height: 145px;
				overflow: hidden;
			}

		}
	}
	.bottom{
		line-height: 40px;
	}
}

#main{
	.page1{
		background: url(../images/pag1_bg.png) no-repeat left top;
		padding-top: 50px;
		margin-top: 34px;

		.mt{
			padding-left: 440px;
			margin-bottom: 15px;

			p{
				color: #11593f;
				font-size: 20px;
				padding-bottom: 12px;
				border-bottom:1px solid #b6b6b6;
			}
		}

		.mc{
			.left{
				border: 4px solid #568574;
				.box;
				width: 423px;

				img{
					width: 423px;
					height: 256px;
				}
			}

			.right{
				.box;
				margin-left: 30px;
				padding-top: 8px;
				line-height: 25px;
				.f-small;

				.jianjie{
						margin-bottom: 15px;
						width: 710px;
						height: 200px;
						overflow: hidden;
				}

				a{
					padding:10px 23px;
					border:2px solid #fdd000;
					font-size: 14px;
					color: @g;


					&:hover{
						.fhover;
					}
				}
			}
		}
	}

	.page2{
		margin-top: 50px;
		background: url(../images/page2_bg.jpg) no-repeat center center;
		height: 627px;

		.mt{
			p{
				color: #11593f;
				font-size: 20px;
				width: 100%;
				.tc;
				margin-bottom: 8px;
		    margin-top: 48px;
			}
			span{
				display: block;
				color: #11593f;
				width: 72px;
				border-top:1px solid #11593f;
				padding: 5px;
				margin:3px auto;
			}
		}

		.mc{
			li{
				.box;
				padding: 10px;
				margin: 10px;
				width: 197px;
				border-bottom:1px dotted #666;

				.li_pic{
					width:197px;
					height: 148px;
				}

				p{
					height: 30px;
					line-height: 30px;
					.f-small;
					color: @g;

					span{
						.fr;
						width: 48px;
						color: #ff7a01;
					}
				}

			}
		}
	}

	.page3{
		.mt{
			p{
				color: #11593f;
				font-size: 24px;
				width: 100%;
				.tc;
				margin-bottom: 8px;
				margin-top: 48px;
				border-bottom:1px solid #b6b6b6;
				padding-bottom: 9px;
				font-weight: bold;
			}
			span{
				display: block;
				color: #11593f;
				width: 72px;
				margin:3px auto;
			}
		}

		.mc{
			li{
				width: 375px;
				.box;
				margin: 10px;
				position: relative;
		    height: 117px;

				img{
					position: absolute;
					left:0;
					top: 0;
					z-index: 2;
				}
				p{
					width: 230px;
					padding: 10px;
					margin: 5px 0;
					background: #f6f6f6;
					position: absolute;
					right: 0;
					z-index: 1;
			    padding-left: 50px;

					span{
						display: block;
					}
					.title{
						color: #11593f;
						font-weight: 500;
						padding-bottom: 10px;
						border-bottom:1px solid #11593f;

					}
					.desp{
						height: 60px;
						line-height: 20px;
						.f-small;
						color: @g;
						overflow: hidden;
					}
				}

				&:hover{
					.desp,.title{
						.fhover;
					}
				}
			}
		}
	}

	.page4{
		margin: 40px auto;

		.left{
			width: 575px;
			.box;

			.mt{
				line-height: 48px;
				height: 48px;
				border-bottom: 1px solid #9d9d9d;

				p{
					font-size: 20px;
					color: #1c9072;
					font-weight: bold;
					.fl;

					span{
						font-size: 16px;
						color: #1c9072;
					}
				}
				a{
					.fr;
					.f-small;
					color: #27a887;
				}
			}

			.mc{
				li{
					.on{
						height: 130px;
						border-bottom:1px solid #999;
						display: none;
						padding: 20px 0;

						img{
							float:left;
							width: 173px;
							height: 130px;
							border: 1px solid #ccc;
						}
						p{
							float:right;
							width: 380px;

							&.title{
								color: @g;
								.f-mid;
								margin: 12px 0 6px 0;
							}
							&.time{
								color: #999;
								.f-small;
								margin-bottom: 3px;
							}
							&.jianjie{
								.f-small;
								color: #999;
								line-height: 20px;
								height: 80px;
								overflow: hidden;;
							}
						}
					}

					.off{
						border-bottom:1px dotted #999;
						p{
							.box;
							height: 30px;
							line-height: 30px;
							.f-small;
							color: @g;

							&.title{
								width: 485px;
							}
							&.time{
								width: 80px;
								.tr;
							}
						}
					}
				}
			}
		}

		.right{
			.box;
			width: 610px;
			margin-left: 10px;
			.mt{
				line-height: 48px;
				height: 48px;
				border-bottom: 1px solid #9d9d9d;
				margin-bottom: 37px;
				
				p{
					font-size: 20px;
					color: #1c9072;
					font-weight: bold;
					.fl;

					span{
						font-size: 16px;
						color: #1c9072;
					}
			}
		}


		.mc{
			position: relative;

			li{
				position: absolute;

				&.p4_r0{
					top:0;
					left:0;
				}
				&.p4_r1{
					top:162px;
					left:0;
				}
				&.p4_r2{
					top:0px;
					left:210px;
				}
				&.p4_r3{
					top:128px;
					left:210px;
				}
				&.p4_r4{
					top:0;
					left:403px;
				}
				&.p4_r5{
					top:162px;
					left:403px;
				}
			}
		}
	}
}
}