@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.jpg') no-repeat right center;/*导航隔离条*/
@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:1002px; /*网站宽度*/
/*--------------------------------------------------------全局开始---------------------------------------------------*/
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,a:hover{color: #999;text-decoration: none;}
/*-------------------------------*/
body{background:url(../images/bg.jpg) repeat-x #fff;margin: 0; 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: 139px;margin: 0 auto; width:@b_w;}
		.top { height: 94px; 
			.logo { float: left;margin: 19px 0 0 0;}
			.utility { float: right; height: 26px;width: 129px;background-color: #00a3e8;border-radius: 0 0 3px 3px; line-height: 26px;  margin-right: 7px; text-align: center;color: #fff;margin-bottom: 12px;
				a { display: inline-block; color: #fff; 
					&:hover { color: #fff; }
				}
			}
			.tel {background: url('../images/tel.jpg') no-repeat;width: 350px; height: 56px;float: right;  clear: right; }
		}
	.newsList { width:285px; margin:0 auto; padding-top:5px;}
		.newsList_li { background: url('../images/n.jpg') no-repeat 8px 50%; border-bottom: 1px dotted #7d7d7d;  line-height:30px; height: 30px; padding-left: 14px; }
		.newsList_li a { color: #00315a; }


		.newsListq { width:500px; margin:0 auto; padding-top:5px;float: left;padding-left: 30px;}
		.newsListq_li {  line-height:56px; height: 56px; padding-left: 14px;float: left;width: 121px;padding-left: 15px; }
		.newsListq_li a { color: #00315a; float: left;}	



	.productsList { width:242px; margin:0 auto; padding-top:5px;}
		.productsList li { background: url('../images/f.png') no-repeat 28px 50%; background-color: #e9e9e9; margin-top: 3px; line-height:27px; height: 27px; padding-left: 56px; }
		.productsList li a { color: #000; }	
		.productsList li:hover{background: url('../images/flbg.jpg') no-repeat; color: #fff; }	
		.productsList li a:hover { color: #fff; }
@height_nav:45px; /*导航条高度*/
@nav_li_w:100px; /*导航条宽度*/
@nav_li_color:#fff;  /*导航条文字颜色*/
@ba_w1:992px; /*滚动图片宽度*/
@ba_h1:399px; /*滚动图片高度*/
	.banner{background:@back_h_ba;margin:0px auto;height: @ba_h1;max-width:1440px;overflow: hidden;padding: 0px;_width: @ba_w1;	ul{li{a{.left;width:@ba_w1;height:@ba_h1}}}}
	.footer{ width:100%; height:68px;  text-align:center; background:url(../images/footer_bg.jpg) repeat-x; color:#000; float: left;}
		.ff{ width:@b_w; margin:0 auto; line-height:21px;}
		.ff a{ color:#000;}			
.mainBody{margin: 0 auto;}
.c1{margin-top: 23px;height: 267px;}
.fenlei{width: 265px;float: left;height: 267px;}
.fltitle{height: 35px;border-radius: 3px;background: url('../images/c1bg.jpg') repeat-x;span{background: url('../images/fl.jpg') no-repeat 7px 50%;line-height: 35px;padding-left: 30px;font-family: '微软雅黑';font-size: 14px;color: #fff;}}
.fltex{margin-top: 6px;border: 1px solid #eeeeee;height: 224px; ;}

.company{float: left;margin-left: 20px;width: 390px;}
.cptitle{height: 35px;}
.wenzi{width: 111px;border-radius: 3px 3px 0 0;background: url('../images/c1bg.jpg') repeat-x;float: left; span{background: url('../images/cp.jpg') no-repeat 7px 50%;line-height: 35px;padding-left: 30px;font-family: '微软雅黑';font-size: 14px;color: #fff;}}
.more{float: right;border: 1px solid #cacaca;border-radius: 4px;width: 46px;height: 13px;text-align: center;margin-top: 20px;}
.cptex{margin-top: 6px;border: 1px solid #eeeeee;height: 208px; padding: 14px 13px 0 17px; line-height: 23px;border-top:2px solid #00a3e8; }
.news{margin-left: 20px;float: left;width: 305px;}
.wenzi2{width: 111px;border-radius: 3px 3px 0 0;background: url('../images/c1bg.jpg') repeat-x;float: left; span{background: url('../images/ns.jpg') no-repeat 7px 50%;line-height: 35px;padding-left: 30px;font-family: '微软雅黑';font-size: 14px;color: #fff;}}
.newstitle{height: 35px;}
.newstex{margin-top: 6px;border: 1px solid #eeeeee;border-top:2px solid #00a3e8;height: 222px;padding: 7px 0 0 6px;}
.cpzs{margin-top: 20px;}
.cpzstitle{background: url('../images/cpzsbg.jpg');height: 45px;line-height: 45px;color: #fff; span{float: left;text-indent: 40px;font-family: '微软雅黑';font-size: 18px;} i{float: right;margin-right: 10px;}}
.cpzstex{margin-top: 7px;}
.lxwm{margin-top: 20px;float: left;width: 491px;height: 205px;border: 1px solid #ededed;}
.lxtitle{height: 45px;padding-left: 12px;line-height: 45px;color: #3fbaee;font-family: '微软雅黑';font-size: 16px;}
.lxtex{background: url('../images/lxbg.jpg') no-repeat  right  ;height: 160px;}
.lianjie{margin-top: 20px;float: right;border: 1px solid #ededed;width: 488px;height: 205px;}
.ljtitle{height: 45px;padding-left: 12px;line-height: 45px;span{float: left;color: #3fbaee;font-family: '微软雅黑';font-size: 16px;} i{float: right;margin-right: 10px;}}
.ljtex{margin-top: 15px;}
.ljtex ul{}
.ljtex ul li{float: left;height: 70px;}

	




#Mleft{width: 265px;float: left;}
#Mright{float: right;margin:0 0px 0 auto;width:700px;}
	.right_main{
     
	 border: 1px solid #d2d2d2;border-top: none;padding: 10px;
}




.picture{ float:left; width:248px; height:237px; overflow:hidden; display:inline; margin-top: 14px; }
.picture1{   
    height:193px;
	width:234px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF;
	border:1px solid #09a6e9;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
  }

.picture2{width:234px; height:40px; text-align:center; border:1px solid #09a6e9;line-height: 40px; span{float: left;}}
.picture1 img{ vertical-align:middle; border:0;}

.picturea{ float:left; width:208px; height:192px; overflow:hidden;  padding:0px; margin-left:18px;_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;}





.pictureq{ float:left; width:131px; height:56px; overflow:hidden; display:inline;  }
.picture1q{   
    height:56px;
	width:121px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF;
	border:1px solid #09a6e9;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
	float: left;
	margin: 10px 0 0 30px;
  }

.picture2q{width:234px; height:40px; text-align:center; border:1px solid #09a6e9;line-height: 40px; span{float: left;}}
.picture1q img{ vertical-align:middle; border:0;}

.pictureaq{ float:left; width:208px; height:192px; overflow:hidden;  padding:0px; margin-left:18px;_width:197px;}
.picture1aq{    
	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;
  }

.picture2aq{width:180px; height:20px; text-align:center; margin-top:5px;line-height: 25px;}
.picture1aq 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;margin-left: 51px;
		/*导航鼠标hover样式.lon*/
		.lon{
			a{
				background: url('../images/daohan.jpg') no-repeat center center;
				
			}
		}
		#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;
				
				
			}
			&: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{
		background-color: #fcfcfc;
		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(33px);
		background: #00a3e8;
		color: #fff;
		margin:0px auto 0px;
		h4{.left;
			font-size: 14px;
			color: #fff;
			line-height: 33px;
			padding-left:15px;font-weight: 100;margin: 0;
			span{.off}
		}
		span{margin-right: 18px;
			a{
				color: #fff;
			}
		}
	}
	.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;
		height: 329px;
		overflow: hidden;
		 img{height:329px;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;
}