@back_header:url('../images/h_bg.jpg') no-repeat 50% 0;/*头部背景*/
@back_nav:url('../images/nav_bg.jpg') no-repeat;/*导航背景*/
@back_nav_li:url('../images/nav_l_bg.png') no-repeat;/*导航隔离条*/
@back_nav_li_ah:url('../images/nav_a_bg.jpg') no-repeat top center;/*鼠标移上去背景*/
@back_h_ba:url('../images/ha_bg.png');/*滚动背景*/
@back_s_li:url('../images/x_bg.png') no-repeat;/*左侧栏li背景*/
@back_footer:url('../images/footer_bg.jpg') no-repeat #ccc;/*底部背景*/
@qt1:url('../images/qt1_bg.gif') no-repeat;/*其他图片1号*/
@qt2:url('../images/neiye_title.jpg') no-repeat;/*其他图片2号*/
@qt3:url('../images/qt3_bg.png');/*其他图片3号*/
@qt4:url('../images/qt4_bg.png');/*其他图片4号*/
/*全局---头部----主体（主页）----底部---侧边---内页--*/
@b_w:993px; /*网站宽度*/
/*--------------------------------------------------------全局开始---------------------------------------------------*/
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:40px){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;}
.slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行超出部分省略号显示*/
.title{font-family: '微软雅黑';} /*所有.title样式内容使用微软雅黑*/
ul{padding: 0;margin:0;}
a{color: #060606;text-decoration: none;}
a:hover{color: #f00;}
.sousou_le{width: 181px;float: left;}
.sousou_ri{width: 60px;margin-right: 25px;float: right;}
.input{}
.select{width: 180px;height: 22px!important;padding: 0;margin: 0;padding-left: 9px;color: #7e7e7e;}
.text{width: 153px;height: 22px!important;padding: 0;margin: 0;margin-top: 6px;text-indent: 13px;color: #000;}
.anan{background: url(../images/anan.jpg) no-repeat;width: 59px!important;height: 58px!important;border:none;color: #fff;font-size: 14px;font-family: "微软雅黑";}
/*-------------------------------*/
body{background:url(../images/bg.jpg) repeat-x;margin: 0;color: #060606; font-size: 12px;font-family:'Arial',"宋体";p{font-family: 'Arial';}}
.wrap{margin:0 auto; width:@b_w;margin-top: 10px; }
.header { background: url('../images/header_bg.jpg') no-repeat top center; height: 128px;margin: 0 auto; width:@b_w;}
		.top { height: 83px; 
			.logo { float: left;margin: 13px 0 0 0px;}
			.utility { float: right; height: 28px; line-height: 28px; margin-bottom: 15px; margin-right: 10px; text-align: right;color: #212222;
				a { display: inline-block; color: #212222; 
					&:hover { color: #212222; }
				}
			}
			.tel {background: url('../images/tel.jpg') no-repeat;width: 251px; height: 81px;float: right; margin-right: 10px; clear: right;margin-top: 0px; }
		}
	.newsList { width:306px; margin:0 auto; padding-top:5px;}
		.newsList li { background: url('../images/n.jpg') no-repeat 10px 50%; border-bottom: 1px dotted #7d7d7d;  line-height:41px; height: 41px; padding-left: 20px; }
		.newsList li a { color: #00315a; }	
		.newsList li a:hover{color: #f00;}

	.productsList {width: 314px; margin-bottom: 10px;float: left;}
		.productsList li {width: 155px;float: left; background: url('../images/ff.jpg') no-repeat 10px 50%; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; line-height:27px; height: 38px; text-indent: 30px;line-height: 38px; }
		.productsList li a { color: #00315a; }	
		.productsList li a:hover { color: #f00; }	
	.productsList1 { width:198px; margin:0 auto; }
		.productsList1 li { background: url('../images/f.jpg') no-repeat ; line-height:34px; height: 34px;text-indent: 30px;}
		.productsList1 li a { color: #00315a; }	
		.productsList1 li a:hover { color: #f00; }	
	.productsList1 .productsList1_li { background: url('../images/f1.jpg') no-repeat ;line-height:34px; height: 34px; padding-left: 20px;  }
	.productsList1_li a { color: #00315a;}
	.productsList1_li a:hover { color: #f00;}
@height_nav:45px; /*导航条高度*/
@nav_li_w:124px; /*导航条宽度*/
@nav_li_color:#fff;  /*导航条文字颜色*/
@ba_w1:1920px; /*滚动图片宽度*/
@ba_h1:420px; /*滚动图片高度*/
	.banner{background:@back_h_ba; margin:0px auto;height: @ba_h1;max-with:@ba_w1;overflow: hidden;padding: 0px;_width: @ba_w1;	ul{li{a{.left;width:@ba_w1;height:@ba_h1}}}}
	.footer{ width:100%;margin-top: 13px; height:72px; padding-top:10px; text-align:center; background:url(../images/footer_bg.jpg) repeat-x; color:#000; float: left;}
		.ff{ width:@b_w; margin:0 auto; line-height:25px;}
		.ff a{ color:#000;}			
.mainBody{}
	.i_title{font-family: "Arial";font-size: 18px;font-style: normal;color: #2a7ab7;margin-right: 10px;font-weight: 100;}
	.i_title1{font-family: "微软雅黑";font-size: 16px;font-style: normal;float: left;color: #2a7ab7;margin-right: 10px;}
	.fenlei{width: 311px;float: left;height: 320px;border:1px solid #e9e9e9;overflow: hidden;}
		.fenlei_title{height: 50px;line-height: 45px; background: url(../images/fenlei.jpg) no-repeat;padding-left: 12px;font-family: "微软雅黑";font-size: 14px;color: #5b5b5b;}
		.fenlei_text{width: 309px;height: 268px;margin-top: -10px;}
	.guanyu{width: 332px;height: 320px;float: left;margin-left: 10px;}
		.guanyu_title{height: 51px;background: url(../images/guanyu.jpg) no-repeat;padding-left: 12px;font-family: "微软雅黑";font-size: 14px;color: #5b5b5b;}
		.guanyu_text{width: 310px;height: 250px;border:1px solid #e9e9e9;border-top: none;padding: 10px;line-height:32px;overflow: hidden;background: url(../images/guanyu_bg.jpg) repeat-x #f4f4f4;}
	.news{width: 330px;float: left;margin-left: 8px;}
		.news_title{height: 51px;background: url(../images/news.jpg) no-repeat;padding-left: 12px;font-family: "微软雅黑";font-size: 14px;color: #5b5b5b;}
		.news_text{width: 328px;height: 270px;border:1px solid #e9e9e9;border-top: none;background: url(../images/guanyu_bg.jpg) repeat-x #f4f4f4;}
	.cp{width: 993px;height: 247px;float: left;margin-top: 17px;}
		.cp_title{height: 40px;background: url(../images/cp.jpg) no-repeat;padding-left: 12px;font-family: "微软雅黑";font-size: 14px;color: #5b5b5b;}
		.cp_text{width: 993px;background: url(../images/cp_bg.jpg) repeat-x #f4f4f4;height: 197px;padding-top: 10px;}
	.fenlei1{width: 200px;float: left;padding-bottom: 10px;}
		.fenlei_title1{height: 42px;line-height: 42px;background: url(../images/fenlei1.jpg) no-repeat;padding-left: 36px;font-family: "微软雅黑";font-size: 14px;color: #fff;}
		.fenlei_text1{width: 198px;border:1px solid #e9e9e9;}
	.lianxi{width: 200px;margin-top: 10px;float: left;}
		.lianxi_title{height: 39px;line-height: 39px;background: url(../images/lianxi.jpg) no-repeat;padding-left: 13px;font-family: "微软雅黑";font-size: 11px;}
		.lianxi_text{width: 168px;border:1px solid #e9e9e9;border-top: none;padding: 15px;line-height: 25px;padding-bottom: 10px;}
#Mleft{width: 200px;float: left;}
#Mright{float: right;margin:0 0px 0 auto;width:778px;}
	.right_main{
	 border: 1px solid #e5e5e5;border-top: none;padding: 10px;
}


.picture{ float:left; width:167px; height:180px;padding-left: 4px; overflow:hidden; display:inline;background: #ececec;margin-right: 10px;  }
.picture1{   
    height:150px;
	width:163px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
  }

.picture2{width:163px; height:20px; text-align:center; margin-top:7px;}
.picture1 img{ vertical-align:middle; border:0;}

.picturea{ float:left; width:166px; height:192px; overflow:hidden;  padding:0px; margin-left:20px;_width:197px;}
.picture1a{    
	width:180px;
	height:155px;
	line-height: 155px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
	_font-size:130px;
  }

.picture2a{width:180px; height:20px; text-align:center; margin-top:5px;line-height: 25px;}
.picture1a img{ vertical-align:middle; border:0;}





/********消除浮动<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;} 
}
/*--------------------------------------------------------全局结束---------------------------------------------------*/
#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;}
	}
}


.header{
	
	.nav{
		background-position:0 0px;background:@back_nav;height:@height_nav;margin-bottom: 0px;
		/*导航鼠标hover样式.lon*/
		.lon{
			a{
				background-position:50% 0;color: #fff;
				
			}
		}
		#Index{}
		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:@nav_li_color;
				display:block;
				font-family: "微软雅黑";
				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;
				}
				
			}
		}
	}
}



/********************************************************内页******************************************************************/


.well{background: #FCFCFC;}
	.news_list{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%;height:25px; line-height:25px;
			a{
			}
			span{.right;
			}
		}
	}

/********公司简历**********/
.article{
		margin-bottom: 20px;
		min-height: 20px;
		overflow:hidden;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	img{max-width:100%;}
	.well{}
	.title{.jz_h(40px);
		background: @qt2;
		color: #717171;
		margin:0px auto 0px;
		h4{.left;
			font-size: 14px;
			color: #fb4537;
			line-height: 40px;
			padding-left:35px;font-weight: 100;margin: 0;
			span{.off}
		}
		span{margin-right: 18px;
			a{
				color: #717171;
			}
		}
	}
	.com_con{padding:10px;line-height: 25px;border: 1px solid #d2d2d2;border-top: none;; }
	.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: "微软雅黑";.slh;display: block;}
	}
	
}
/********留言页面**********/
.order{margin:40px 0 120px 46px;line-height:40px;
	img{vertical-align:-5px;cursor:pointer;}
}
/********新闻中心**********/

.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-table{
	width: 95%;
	margin: 0 auto;
	thead{
		tr{
			th{

			}
		}
	}
	tbody{
		tr{
			&:hover{
				td{
					background:transparent;
				}
			}
			td{
				&:hover{
					background:transparent;
				}
			}
		}
	}
}
/********详情页面-产品展示**********/
.cpzs{
	ul{margin:10px auto;
		li{}
	}
	.div_main{margin: 0 10px;}
	.div_Image{text-align:center;
		 img{max-width:100%;}
	}
	.div_Title{text-align:center;margin: 10px;}
	.div_Content{}
}
/********用户管理**********/
.vip-user{
	background: url('../image/login_bg_2.jpg');
}

.xxsmys {
	width: 700px;
	height: 30px;
	line-height: 30px;
	background-color: #ececec;
}

.xxsmwz {
	width: 88px;
	height: 30px;
	color: #FFF;
	text-align: center;
	display: block;
	background-color: #9a9a9a;
}