@back_body:url('../images/bj.jpg') repeat-x;/*大背景*/
@back_header:url('') no-repeat 50% 0;/*头部背景*/
@back_nav:url('') no-repeat;/*导航背景*/
@back_nav_li:url('../images/bj1.jpg') no-repeat;/*导航隔离条*/
@back_nav_li_ah:url('../images/bj3.jpg') no-repeat;/*鼠标移上去背景*/
@back_h_ba:none;/*滚动背景*/
@back_s_li:url('../images/x_bg.png') no-repeat;/*左侧栏li背景*/
@back_footer:url('../images/bj14.jpg') repeat-x;/*底部背景*/
@back_wrap:none;/*网站主体背景*/
@qt1:url('../images/qt1_bg.gif') no-repeat;/*其他图片1号*/
@qt2:url('../images/bj16.jpg') repeat-x;/*其他图片2号*/
@qt3:url('../images/qt3_bg.png');/*其他图片3号*/
@qt4:url('../images/qt4_bg.png');/*其他图片4号*/
/*全局---头部----主体（主页）----底部---侧边---内页--*/
@b_w:1002px; /*网站宽度*/
/*--------------------------------------------------------全局开始---------------------------------------------------*/
body{background:@back_body;font-family:Century Gothic,helvetica,sans-serif;p{font-family:Century Gothic,helvetica,sans-serif;}}
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;}/*单行超出部分省略号显示*/
.title{font-family:Century Gothic,helvetica,sans-serif;} /*所有.title样式内容使用微软雅黑*/
.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%;
		}
	}
}
/*侧边栏分类*/
.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 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;} 
}
/*--------------------------------------------------------全局结束---------------------------------------------------*/
/********头部**********/
.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:41px; /*导航条高度*/
@nav_li_w:143px; /*导航条宽度*/
@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: 0px;
		/*导航鼠标hover样式.lon*/
		.lon{
			a{
				background-position:50% 0;
				font-weight: 600;
				color:#fff;
			}
		}
		#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: #000;
				display:block;
				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;}
		}
	}
	/*大图导航圆点样式*/
	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;}
	}
}
/********主体**********/
.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: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:780px;}

.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;
			}
		}
	}
}
/*详细页样式1*/
.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{
		background-color:#fff;
		border: 1px solid #eee;
		margin-bottom: 20px;
		min-height: 20px;
		overflow:hidden;
		padding: 0px 0 10px 0;
	img{max-width:100%;}  /* 这里是调整内页大小图片的，产品定位容易出错 */
	.well{}
	.title{.jz_h(35px);
		background: @qt2;
		color: #fff;
		margin:0px auto 15px;
		h4{.left;
			font-size: 14px;
			line-height: 35px;
			padding-left:15px;
			font-weight:normal;
			span{.off}
		}
		span{margin-right: 18px;
			a{
				color: #fff;
			}
		}
	}
	.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;
		&: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:13px;  _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:Century Gothic,helvetica,sans-serif; }
.picture2a a:hover { color:#ff0000; }
.picture1a 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; }

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

.picture2b {width:240px; height:40px; text-align:center; line-height:40px; border:solid 1px #ccc; border-top:none; }
.picture2b a { color:#000; text-decoration: none; font-family:Century Gothic,helvetica,sans-serif; }
.picture2b a:hover { color:#ff0000; }
.picture1b img{ vertical-align:middle; border:0;}

.tou { margin:0 auto; width:1002px; height:161px; }
.tou-s { float:left; width:1002px; height:29px; }
.tou-sz { float:left; width:500px; height:29px; line-height:28px; font-size:12px; }
.tou-sy { float:right; width:214px; height:29px; line-height:28px; font-size:12px; }
.tou-sy a { color:#000; text-decoration:none; }
.tou-sy a:hover { color:#ff0000; }
.tou-x { float:left; width:1002px; height:132px; background:url('../images/bj2.jpg') no-repeat; }

#full-screen-slider { width:100%; height:398px; float:left; position:relative; margin-bottom:30px; z-index:10; }
#slides { display:block; width:100%; height:398px; 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:368px; 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; }

.shang { float:left; width:1002px; height:296px; }
.s-z { float:left; width:370px; height:266px; background:url('../images/bj4.jpg') no-repeat right; }
.s-y { float:left; width:632px; height:296px; }
.s-yt { float:left; width:632px; height:44px; background:url('../images/bj5.jpg') no-repeat; }
.s-yty { float:right; width:40px; height:34px; padding-top:10px; }
.s-yk { float:left; width:602px; height:200px; background:url('../images/bj7.jpg') no-repeat bottom left; padding:15px; line-height:22px; font-size:12px; color:#000; }

.st { float:left; width:1002px; height:72px; background:url('../images/bj8.jpg') no-repeat; }
.st-y { float:right; width:40px; height:55px; padding-top:20px; }
.sk { float:left; width:1002px; height:312px; }

.zk { float:left; width:1002px; height:199px; }

.xk { float:left; width:1002px; height:264px; }
.xk-l { float:left; width:341px; height:264px; }
.xk-lt { float:left; width:318px; height:35px; background:url('../images/bj9.jpg') no-repeat; }
.xk-lty { float:right; width:50px; height:21px; padding-top:14px; line-height:0px; }
.xk-lk { float:left; width:308px; height:190px; border:solid 1px #65AD0B; border-top:none; padding-left:8px; padding-top:5px; }
.xk-lklie a { float:left; width:280px; height:30px; background:url('../images/bj17.jpg') no-repeat; line-height:28px;  font-size:12px; color:#000; padding-left:16px; overflow:hidden; }
.xk-lklie a:hover { color:#ff0000; text-decoration:none; }
.xk-z { float:left; width:343px; height:264px; }
.xk-zt { float:left; width:318px; height:35px; background:url('../images/bj11.jpg') no-repeat; }
.xk-zk { float:left; width:316px; height:194px; border:solid 1px #65AD0B; border-top:none; }
.xk-y { float:left; width:318px; height:264px; }
.xk-yt { float:left; width:318px; height:35px; background:url('../images/bj12.jpg') no-repeat; }
.xk-yk { float:left; width:301px; height:110px; border:solid 1px #65AD0B; border-top:none; background:url('../images/bj13.jpg') no-repeat; padding-left:15px; padding-top:84px; line-height:26px; font-size:12px; color:#000; }

.dibu { margin:0 auto; width:1002px; height:100px; padding-top:16px; line-height:29px;  font-size:12px; color:#000; text-align:center; }
.dibu a { color:#000; text-decoration:none; }
.dibu a:hover { color:#ff0000; }

.zuob { float:left; width:220px; }
.zuobt { float:left; width:180px; height:35px; background:url('../images/bj15.jpg') no-repeat; line-height:35px; font-size:14px; color:#fff; padding-left:20px; }
.zuobk { float:left; width:189px; border:solid 1px #65AD0B; border-top:none; padding-left:9px; padding-top:10px; background:#fff; margin-bottom:15px; }
.zuobk ul{margin-left:0px;}
.zuobklie a { float:left; width:165px; height:32px; background:#eee; margin-bottom:10px; line-height:32px; font-size:12px; color:#000; text-decoration:none; padding-left:15px; }
.zuobklie a:hover { background:#69B20B; color:#fff; }
.zuobk1 { float:left; width:180px; border:solid 1px #65AD0B; border-top:none; padding-left:9px; padding-top:10px; background:#fff; margin-bottom:15px; padding-right:9px; line-height:26px; font-size:12px; color:#000; padding-bottom:10px; }