@back_body:url('../images/bj.jpg') repeat-x;/*大背�?/
@back_header:url('') no-repeat 50% 0;/*头部背景*/
@back_nav:url('') no-repeat;/*��D��背景*/
@back_nav_li:url('../images/bj2.jpg') no-repeat;/*��D��隔离�?/
@back_nav_li_ah:url('../images/bj3.jpg') no-repeat;/*鼠标�U�M��去背�?/
@back_h_ba:none;/*滚动背景*/
@back_s_li:url('../images/x_bg.png') no-repeat;/*左侧栏li背景*/
@back_footer:url('../images/bj15.jpg') repeat-x;/*底部背景*/
@back_wrap:none;/*�|�站��M��背景*/
@qt1:url('../images/qt1_bg.gif') no-repeat;/*其他囄���1�?/
@qt2:url('../images/bj17.jpg') repeat-x;/*其他囄���2�?/
@qt3:url('../images/qt3_bg.png');/*其他囄���3�?/
@qt4:url('../images/qt4_bg.png');/*其他囄���4�?/
/*全局---头部----��M���Q�主��）----底部---侧边---内页--*/
@b_w:1000px; /*�|�站宽度*/
/*--------------------------------------------------------全局开�?--------------------------------------------------*/
body{background:@back_body;font-family: 'Microsoft YaHei,Arial';p{font-family: 'Arial,Microsoft YaHei';}}
li{list-style: none;}
.bk(@a:#000,@b:1px,@c:1px,@d:solid){border:@b @d @a;border-radius:@c;} /*�Ҏ��*/
.img_max(@a:auto,@b:auto){max-width:@a;max-height:@b;} /*最大最��?/
.jz_h(@a:20px){line-height:@a;height:@a;}/*单行字体居中(默认20px)*/
.left{float:left;}
.main2{margin:0 auto;width:@b_w;}
.main3{margin:0 auto;width:@b_w;}
.main{margin:0 auto;width:@b_w;}
.off{display:none;} /*隐藏*/
.right{float:right;}
.trs(@a:0.3s){-webkit-transition: @a;-moz-transition: @a;-ms-transition: @a;-o-transition: @a;transition: @a;}
.trf(@a:scale(1.1)){-webkit-transform: @a;-moz-transform: @a;-ms-transform: @a;-o-transform: @a;transform: @a;}
.item{.trs(0.8s);}
.slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行���出部分省略��h���C?/
.title{font-family: 'Microsoft YaHei';} /*所�?title样式内容使用微��Y雅黑*/
.wrap{margin:0 auto;background:@back_wrap;}
/**侧边栏样�?*/
/*侧边栏新�?/
.s_xw(){
	ul{
		margin: 0 auto;
		width: 95%;
		li{.jz_h(30px);
			a{.slh;
				display:block;
				font-size:12px;
				font-weight: 100;
				padding-left:20px;
			}
		}
	}
}
/*侧边栏案�?/
.s_al(){
	a{
		display:block;
		margin:0 auto;
		width:100%;
		img{
			display:block;
			margin:0 auto;
			max-height:98%;
			max-width:98%;
		}
	}
}
/*侧边栏分�c?/
.s_fl(){
	ul{
		margin: 0 auto;
		width: 95%;
		li{.jz_h(30px);
			a{
				display:block;
				font-size:12px;
				font-weight: 100;
				padding-left:20px;
			}
		}
		/*产品分类鼠标hover样式.lon*/
		.lon{
			a{
				font-weight: 600;
			}
		}
	}
}
/*侧边栏系我们*/
.s_lx(){
	margin:0 auto;
	padding:10px 0;
	width: 90%;
	p{
		font-size: 12px;
		margin: 5px 15px;
	}
}
/**产品样式**/
.cpzslb(@a:146px,@b:146px){
    ul{
		li{
			width:@a+10px;
			_float:left; 
			_margin: 0 9px;
			a{
				img{
					height:@b;
				}
			}
			div{
				h4{.slh;
					text-align: center;
					width: @a;
				}
			}
		}
	}
}
/*搜烦*/
#Sousuo{.right;
	margin-top: -28px;
}
/********消除���动<div   id="ziesulpkbd"    class="clear2"></div>*********/
.clear2{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;
	&:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;} 
}
/*--------------------------------------------------------全局�l�束---------------------------------------------------*/
/********头部**********/
.top_back{background-color:#f98920;height:0px;position:absolute;top:0;width: 100%;}
@logo_h:132px; /*头部高度*/
@logo_m: 32px 0 0px 0px; /*logo距离距离*/
@height_nav:44px; /*��D��条高�?/
@nav_li_w:142px; /*��D��条宽�?/
@ba_w1:960px; /*滚动囄���宽度*/
@ba_h1:350px; /*滚动囄���高度*/
.header{
	background:@back_header;
	margin: 0 auto;
	.logo{height:@logo_h;
		img{vertical-align:middle;margin:@logo_m;}
	}
	.hea{.right;
		text-align: right;
		width:350px;
		.h_r{margin-top: 13px;
			a{margin-right:25px;}
		}
		.h_rb{margin-top: 10px;margin-right: 30px;}
	}
	.nav{
		background-position:0 0px;
		background:@back_nav;
		height:@height_nav;
		margin-bottom:10px;
		/*��D��鼠标hover样式.lon*/
		.lon{
			a{
				background-position:50% 0;
				font-weight: 600;
			}
		}
		#Index{ background:no-repeat; }
		li{.left;
			background:@back_nav_li; 
			height: @height_nav;
			position:relative;
			text-align: center;
			width: @nav_li_w; 
			z-index: 1000;
			a{
				background:@back_nav_li_ah;
				background-position:50% -@height_nav;
				color: #fff;
				display:block;
				font-family: "Microsoft YaHei";
				font-size:14px; 
				height:@height_nav;
				line-height: @height_nav; 
				margin: 0px auto;
				text-decoration: none;
				transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-webkit-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
				
			}
			&:hover{.lon;}
		}
		
		.dropdown{
			.dropdown-menu{
				background: rgba(255, 255, 255, 0.7);
				min-width: @nav_li_w;
				padding: 6px 0;
				width:@nav_li_w;
				z-index: 10000;
				li{
					background: none;
					a{
						background: none;
						color: #555;
						font-weight: 100;
					}
					&:hover{
						>a{
							background: #FCFCFC;
							border-radius:5px; 
							color:#555;
						}
					}
				}
			}
		}
		.nav-li{
			position: static;
			.nav-div{
				/*display: none;*/
				background: #f00;
				float: left;
				left: @nav_li_w;
				overflow: hidden;
				padding: 6px 0;
				position: absolute;
				top: 0px;
				width: 0px;
				transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-webkit-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
			}
			&:hover{
				.nav-div{
					width: 100px;
				}
				
			}
		}
	}
	#banner{
		background:@back_h_ba;
		margin:0px auto;
		max-width:@ba_w1;
		padding: 0px;
		height:@ba_h1;
		_width: @ba_w1;
		ul{
			li{
				a{.left;
					width:@ba_w1;height:@ba_h1;
				}
			}
		}
	}
}
#KinSlideshow {
	position:relative;
	ul{margin:0;padding:0;
		li{.left;margin:0;padding:0;
			a{.left;}
		}
	}
	/*大图��D��圆点样式*/
	ol{position: absolute;bottom: 10px;width:100%;margin:0;left:0;text-align:center;
		li{cursor: pointer;display:inline-block;display:inline\9;width: 15px;height: 15px;border-radius:15px;font-size: 10px;padding: ~"0 3px\9"; opacity:0.8;background: #ccc;color: #ccc;margin: 0 1px;}
		.active{opacity:1;color: #000;background:#000;}
	}
}
/********��M��**********/
.puarea{margin:0px 0 0 0;
	width: 730px;
	.title{.jz_h(37px);
		background: @qt2;
		font-size: 16px;
		font-weight: 100;
		padding: 0 0 1px 0;
		span{.left;
			color: #fff;
			margin-left:15px;
			i{
				font-size: 12px;
				font-style: normal;
			}
		}
		a{.right;
			color: #fff;
			display: block;
			font-size:12px;
			margin-right:20px;
		}
	}
	.adc{
		padding: 10px;
	}
}


/********底部**********/
.footer{
	background:@back_footer;
	margin:10px 0 0 0;
	.footer2{
		margin:0 auto;
		padding:10px 0 0px 0;
		text-align:center;
		#Fnav{
			margin-bottom: 10px;
			ul{
				margin: 0 auto;
				width: 740px;
				li{.left;
					height: 30px;
					line-height: 30px;
					a{
						font-size: 12px;
						margin: 0 11px;
					}
				}
			}
		}
		span {
			font:12px/25px;
			margin:0 5px; 
		}
		.support{
			a{
				margin:0 5px 0 0;
			}
		}
	}
}
/********侧边�?*********/
@Si_w:210px; /*侧边栏宽�?/
#Sidebar{float: left;width: @Si_w;margin:0px 0 0 0px;
	.title{.jz_h(30px);
		background: #d9edf7;
		font-size: 14px;
		font-weight: 100;
		padding:1px;
		span{.left;
			margin-left:20px;
		}
		a{.right;
			margin-right:20px;
		}
	}
	.widget{.bk(#dadada,1px,0);
		margin-bottom:10px;
		-webkit-transition: 0.3s;
		transition:0.3s;
		&:hover{
			box-shadow:0px 5px 5px #ccc;
			background: #FFF;
		}
	}
	#S-xw{
		.adc{.s_xw;	
		}
	}

	#S-fl{
		.adc{.s_fl;	
		}
	}
	#S-al{
		.adc{.s_al;
		}
	}
	#S-lx{
		.adc{.s_lx;
		}
	}
	#S-nav{
		.adc{.s_fl;	
			
		}
	}


}


/********************************************************内页******************************************************************/
#Mleft{}
#Mright{float: right;margin:0 0px 0 auto;width:744px; }

.well{background: #FCFCFC;}
.list(){
	ul{margin: 0 auto;
		li{
			background: url('../image/list_li.gif') no-repeat 5px 50%;
			border-bottom: 1px dotted #b98424;padding: 5px 20px;
			margin: 0 auto;
			width: 90%;
			a{
			}
			span{.right;
			}
		}
	}
}
/*详细��|���?*/
.info-1{
	.block-1{margin: 0 10px;
		.d-img{text-align:center;
				img{max-width:100%;max-height: 500px;}
		}
		.title{
			text-align:center;
			margin: 10px;
			background: none;
			color: #383737;
			height: auto;
		}
		.adc{
			padding: 0 15px;
		}
	}
	
}
/********公司����?*********/
.article{
		margin-bottom: 20px;
		min-height: 20px;
		overflow:hidden;
		padding: 0px 0 10px 0;
	img{max-width:100%;}  /* �q�里是调整内��大���图片的�Q���品定位容易出�?*/
	.well{}
	.title{.jz_h(38px);
		background: @qt2;
		color:#0066CB;
		margin:0px auto 10px;
		h4{.left;
			font-size: 20px;
			line-height: 30px;
			padding-left:15px;
			span{.off}
		}
		span{margin-right: 18px;
			a{
				color:#0066CB;
			}
		}
	}
	.com_con{padding:10px;line-height: 25px;}
	.content{margin: 25px;}
}
.page{clear: both;margin-top: 10px;text-align: center;font-size: 12px;letter-spacing: 0px;
	#page_num{width: 50px;margin-top: 6px;}
	a{display:inline-block;height:18px;line-height:18px;border:1px solid #DBDBDB;padding:0 2px 0;color:#000;
		&:hover{.jz_h;
			background:#404040;border:none;padding:0 3px 0;color:#fff;
		}
	}
}
.pn{
	font-size: 14px;
	height: 19px;
	margin:25px; 
	padding:8px 14px;
	position: relative;
	.pn-left{.left;
		width: 48%;
		b{.left;
			margin-top: 2px;
		}
	}
	.pn-right{
		width: 48%;
		float: right;
		text-align: right;
		b{.right;
			margin-top: 2px;
		}
	}
	a{
		display: block;
		text-decoration: none;
		color:#383737;
		&:hover{
			color:#f00;
		}
		b{}
		span{bottom: 1px;margin: 0 10px; font-family: "Microsoft YaHei";.slh;display: block;}
	}
	
}
/********留言��面**********/
.order{margin:40px 0 120px 46px;line-height:40px;
	img{vertical-align:-5px;cursor:pointer;}
}
/********新闻中心**********/
.right_main{.list;
	a { color:#000; text-decoration:none; font-family:"微��Y雅黑";
		&:hover { color:#ff0000; }
	 }
}
.table{
	margin: 10px auto;
	width: 98%;
	tr{
		td{
			&:hover{}
		}
	}
}
/*带图片样�?/
.news-img{
	 ul{
	 	margin: 0;
		li{
			_width: 100px;
			_float:left; 
			_margin: 0 9px;
			.thumbnail{
				img{
					_float:left;
				}
				transition: all .3s;
				-moz-transition: all .3s;
				-webkit-transition: all .3s;
				-o-transition: all .3s;
				.caption{
					_float: left;
					h3{.slh;
						text-align: left;
						margin-bottom: 10px;
					}
				}
			}
			&:hover{
				.thumbnail{
					margin-left: 20px;

					-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
					-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
					box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
				}
			}
			
		}
	}
}


/********人才招聘**********/
.jobs{.list;

}
#Jobs-table{
	width: 95%;
	margin: 0 auto;
	thead{
		tr{
			th{

			}
		}
	}
	tbody{
		tr{
			&:hover{
				td{
					background:transparent;
				}
			}
			td{
				&:hover{
					background:transparent;
				}
			}
		}
	}
}
.jobs{
	margin: 0 25px;
}
/********产品展示**********/

/********购物车go**********/
#Gwc{
	position: fixed;
	right: 6px;
	width: 200px;
	bottom: 5px;
	border: 1px solid #D6D3D3;
	border-radius: 3px;
	h3{
		padding-left: 10px;
		background: #CA0811;
		a{
			color:#FFFFFF;
			&:hover{
				color:#000;
			}
		}
	}
	.d-1{
		li{.slh;

		}
		a{

		}
	}
}
#Order-form{
	ul{
		li{
			display: inline-block;display: ~"inline\9";margin: 0 10px;
			.btn{
				padding: 0 5px;
			}
		}
	}
}
/********购物车end**********/
/********用户���理**********/
.vip-user{
	background: url('../image/login_bg_2.jpg');
}
#allmap .BMap_shadow img{
	height: auto;
}

.picturea{ float:left; width:230px; height:200px; overflow:hidden;  padding:0px; padding-left:4px;  _width:230px;}
.picture1a a {   
    height:158px;
	width:214px;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
  }

.picture2a {width:214px; height:40px; text-align:center; line-height:40px; }
.picture2a a { color:#000; text-decoration: none; font-family: '微��Y雅黑'; }
.picture2a a:hover { color:#ff0000; }
.picture1a img{ vertical-align:middle; border:0;}

.pictureb{ float:left; width:230px; height:210px; overflow:hidden;  padding:0px; padding-left:4px;  _width:230px;}
.picture1b a {   
    height:158px;
	width:214px;
	text-align:center;
	vertical-align:middle;
	border:solid 1px #ccc;
	background:#fff;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
  }
.picture1b a:hover { border:solid 1px #ff0000; }

.picture2b {width:214px; height:40px; text-align:center; line-height:40px; }
.picture2b a { color:#000; text-decoration: none; font-family: '微��Y雅黑'; }
.picture2b a:hover { color:#ff0000; }
.picture1b img{ vertical-align:middle; border:0;}

.picturec { float:left; width:231px; height:113px; overflow:hidden;  padding:0px;  _width:231px;}
.picture1c {   
    height:85px;
	width:201px;
	text-align:center;
	vertical-align:middle;
	border:solid 1px #ccc;
	background:#fff;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
  }
.picture1c:hover { border:solid 1px #ff0000; }

.picture1c img{ vertical-align:middle; border:0;}


.box { width:214px; height: 158px; }
.border_animation { border: 1px solid #eee; width: 214px; height: 158px; float: left; margin-right: 10px; position: relative; }
.border_animation .border_top { position: absolute; height: 1px; width: 0; font-size: 0; background: #666666; top: 0; left: 0; transition: all 0.5s ease-out; }
.border_animation .border_right { position: absolute; height: 0px; width: 1px; font-size: 0; background: #666666; bottom: 0; right: 0; transition: all 0.5s ease-out; }
.border_animation .border_bottom { position: absolute; height: 1px; width: 0px; font-size: 0; background: #666666; right: 0; bottom: 0; transition: all 0.5s ease-out; }
.border_animation .border_left { position: absolute; height: 0px; width: 1px; font-size: 0; background: #666666; left: 0; top: 0; transition: all 0.5s ease-out; }
.eva-switchable-panels img { display: block; }
.box .hover .border_top,.box .hover .border_bottom { width: 214px}
.box .hover .border_left,.box .hover .border_right { height: 158px}

.tou { margin:0 auto; width:1000px; height:175px; }
.tou-s { float: left; width:1000px; height:25px; }
.tou-sz { float: left; width:550px; height:25px; line-height:25px; font-family: '微��Y雅黑'; font-size:12px; }
.tou-sy { float: right; width:450px; height:25px; line-height:25px; text-align:right; font-family: '微��Y雅黑'; font-size:12px; }
.tou-sy a { color:#000; text-decoration:none; }
.tou-sy a:hover { color:#ff0000; }
.tou-x { float: left; width:1000px; height:150px; background:url('../images/bj1.jpg') no-repeat; }

.tou-k { height:350px; }
#full-screen-slider { width:100%; height:350px; float:left; position:relative; }
#slides { display:block; width:100%; height:350px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:310px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE; }

.tou-d { margin:0 auto; width:1000px; height:35px; margin-bottom:25px; }
.tou-dz { float: left; width:697px; height:35px; line-height:35px; font-family: '微��Y雅黑'; font-size:12px; color:#fff; }
.tou-dy { float: left; width:303px; height:32px; line-height:35px; padding-top:3px; }

.st { float: left; width:1000px; height:95px; background:url('../images/bj4.jpg') no-repeat top; }
.sk { float: left; width:976px; height:326px; padding-left:12px; padding-right:12px; }
.sk-z { float: left; width:396px; height:309px; padding-top:9px; }
.sk-y { float: left; width:580px; height:242px; overflow:hidden; font-family: '微��Y雅黑'; font-size:12px; color:#000; line-height:26px; margin-bottom:10px; }
.sk-x { float: left; width:580px; height:34px; text-align:right; }

.sk1 { float: left; width:1000px; height:720px; }
.sk1-z { float: left; width:256px; }
.sk1-zt { float:left; width:230px; height:81px; background:url('../images/bj5.jpg') no-repeat; }
.sk1-zk { float: left; width:211px; background:url('../images/bj6.jpg') repeat-y; padding-left:19px; }
.sk1-zklie a { float: left; width:150px; height:50px; background:url('../images/bj16.jpg') no-repeat; line-height:37px; padding-left:42px; font-family: '微��Y雅黑'; font-size:12px; color:#fff; }
.sk1-zklie a:hover { color:#ffff00; text-decoration:none; }
.sk1-zklie1 a { float: left; width:150px; height:30px; font-family: '微��Y雅黑'; font-size:12px; color:#fff; padding-left:42px; text-decoration:none; background:url('../images/bj19.png') no-repeat 15px 2px; }
.sk1-zklie1 a:hover { color:#ffff00; }
.sk1-zt1 { float:left; width:230px; height:35px; background:url('../images/bj7.jpg') no-repeat; }
.sk1-zk1 { float: left; width:210px; height:226px; background:url('../images/bj6.jpg') repeat-y; padding-left:20px; font-family: '微��Y雅黑'; font-size:14px; color:#fff; line-height:30px; padding-top:20px; }
.sk1-zk1 a { color:#fff; text-decoration:none; }
.sk1-zk1 a:hover { color:#ffff00; }
.sk1-zd1 { float: left; width:230px; height: 30px; background:url('../images/bj8.jpg') no-repeat; }
.sk1-y { float: left; width:744px; height:720px; }
.sk1-yt { float: left; width:744px; height:52px; background:url('../images/bj9.jpg') no-repeat; }
.sk1-yty { float:right; width:75px; height:20px;  }
.sk1-yk { float: left; width:744px; height:668px; }

.zhong { height:1562px; background:url('../images/img3.jpg') no-repeat center top #fbfbfb; }
.zk { margin:0 auto; width:1000px; height:1432px; padding-top:130px; }
.zk-img { float: left; width:1000px; height:351px; background:url('../images/img4.jpg') no-repeat; }
.zk-img1 { float: left; width:1000px; height:416px; background:url('../images/img5.jpg') no-repeat; }
.zk-img2 { float: left; width:1000px; height:262px; background:url('../images/img6.jpg') no-repeat; }
.zk-img3 { float: left; width:1000px; height:400px; background:url('../images/img7.jpg') no-repeat; }

.xia { height:800px; background:url('../images/img8.jpg') no-repeat center top; }
.xiak { margin:0 auto; width:1000px; height:800px; }
.xiak-t { float: left; width:1000px; height:71px; text-align:right; padding-top:29px; }
.xiak-k { float: left; width:1000px; height:233px; }
.xiak-x { float: left; width:1000px; height:466px; }
.xiak-xz { float: left; width:488px; height:404px; margin-right:20px; border:solid 1px #EEEEEE; }
.xiak-xzt { float: left; width:488px; height:72px; background:url('../images/bj12.jpg') no-repeat center top; }
.xiak-xzty { float:right; width:69px; height: 55px; line-height:48px; }
.xiak-xzk { float: left; width:465px; height:236px; background:url('../images/img9.jpg') no-repeat center top; padding-left:23px; padding-top:96px; }
.xiak-xzklie a { float: left; width:420px; height:36px; background:url('../images/bj18.jpg') no-repeat; line-height:36px; padding-left:21px; overflow:hidden; font-family: '微��Y雅黑'; font-size:12px; color:#000; }
.xiak-xzklie a:hover { text-decoration:none; color:#ff0000; }
.xiak-xy { float: left; width:488px; height:404px; border:solid 1px #EEEEEE; }
.xiak-xyt { float: left; width:488px; height:72px; background:url('../images/bj14.jpg') no-repeat center top; }
.xiak-xyk { float: left; width:463px; height:332px; padding-left:25px; }

.dibu { margin:0 auto; width:805px; height:85px; background:url('../images/img10.jpg') no-repeat left top; padding-left:195px; padding-top:22px; font-family: '微��Y雅黑'; font-size:12px; color:#000; line-height:30px; }
.dibu a { color:#000; text-decoration:none; }
.dibu a:hover { color:#ff0000; }