/********全局**********/
@back_wrap:none;/*网站主体背景*/
@back_body:#efefef;/*大背景*/
@body_width:100%;/*网站宽度*/
@content_w:1200px; /*网站内容宽度*/
@back_header:#fff;/*header背景*/
@header_bg:none;/*header头部背景*/
@qf_header_top_h:33px;/*顶部高度*/
/*--------------------------------------------------------全局开始---------------------------------------------------*/
body{background:@back_body;font-family: 'Microsoft YaHei,Arial';font-size: 14px;
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{width:@content_w; margin:0 auto;margin-top: 10px;}
.main3{margin:0 auto;width:@content_w;}
.main{margin:0 auto;width:@content_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: 'Microsoft YaHei';} /*所有.title样式内容使用微软雅黑*/
.wrap{margin:0 auto;background:@back_wrap;}
a:hover{text-decoration: none;}
/*搜索*/
#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;} 
}
/* 字体font icon */
@font-face {font-family: "iconfont";
  src: url('../font_icon/iconfont.eot'); /* IE9*/
  src: url('../font_icon/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font_icon/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font_icon/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font_icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.hover_animation{	
	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;
}
/*--------------------------------------------------------全局结束---------------------------------------------------*/
/* header样式start */
.qf_header {width:@body_width;background:@header_bg;margin:0 auto;}
.qf_header_top{width:@body_width;color:#7d7d7d;;background: #f4f4f4;}
.qf_header_top_mid {width:@content_w;height:@qf_header_top_h;margin:0 auto;}
.qf_header_top_left {height:@qf_header_top_h;line-height:@qf_header_top_h;float:left;color: #363636;font-size: 14px;}
.qf_header_top_right {height:@qf_header_top_h;float:right;}
.qf_header_top_right a{color:#7d7d7d;display: inline-block;height: @qf_header_top_h;line-height: @qf_header_top_h;color: #363636;font-size: 14px;}
.qf_header_top_right a:hover{}
.qf_header_logo {width:@content_w;height:117px;background:none;margin:0 auto;position:relative;}
.qf_header a.logo_img{margin-top:18px;float: left;}
.qf_header .logo_tel{float: right;margin-top: 32px;}
.qf_header .logo_tel .icon{font-size: 38px;color: #ff0000;line-height: 60px;}
.qf_header .tel_icon{float: left;padding-right: 10px;}
.qf_header .tel_mobile{float: left;line-height: 30px;color: #0c7bda;font-size: 16px;}
.qf_header .tel_mobile font{color: #0c7bda;font-size: 30px;font-weight: 700;}
/* header样式end */

/* menu样式start */
@height_nav:50px; 				/*导航条高度*/
@nav_bg:url(../images/nav_bg.jpg) 0 0 repeat-x;/*导航条背景*/
@nav_li_w:150px; 				/*选项卡宽度*/
@back_nav_li:url(../images/nav_g.jpg) right center no-repeat;				/*导航隔离条*/
@nav_li_h:url(../images/nav_h.jpg) center no-repeat;	/*导航条hover背景*/
@nav_li_a_color:#fff;			/*导航条字体颜色*/
.nav_main{max-width:@body_width;min-width:@content_w;background:@nav_bg;margin:0 auto;position: relative;}
.header{
	background:@back_header;
	margin: 0 auto;
	.nav{
		background-position:0 0px;
		background:@nav_bg;
		height:@height_nav;
		width: @content_w;
		margin: 0 auto;
		/*导航鼠标hover样式.lon*/
		.lon{
			a{
				background-position:50% 0;
				background: @nav_li_h;
			}
		}
		li{.left;
			background:@back_nav_li; 
			height: @height_nav;
			position:relative; 
			text-align: center;
			width: @nav_li_w; 
			z-index: 1000;
			a{
				background:none;
				color: @nav_li_a_color;
				display:block;
				font-family: "Microsoft YaHei";
				font-size:16px; 
				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-menu{display: block;}}
		}		
		.dropdown{
			.dropdown-menu{
				opacity: 0;
				margin-left: -30px;
				background:#632c29;
				padding: 6px 0;
				width: 200px;
				border: 0;
				z-index: 10000;
				li{
					background: none;
					height: 40px;line-height: 40px;padding: 0;
					width: 100%;
					a{
						background: none;
						color: #ddd;
						font-weight: 100;
						font-size: 14px;
						height: 40px;line-height: 40px;padding: 0;
					}
					&:hover{
						>a{
							background:@nav_li_h;
							color:#ddd;
						}
					}
				}
			}
		}
		.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;
				}
				
			}
		}
	}
}
.header .nav li:last-of-type{
	background: none;
}
/* menu样式end */

/* banner大图样式start */
@banner_w:100%; /*滚动图片宽度*/
@banner_h:533px; /*滚动图片高度*/
/* flash轮播图 */
.flexslider {
	margin: 0px auto;
	position: relative;
	max-width: @banner_w;
	min-width: 1100px;
	height: @banner_h;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 60px; 
	height: 90px; 
	margin: -60px 0 0;
	line-height: 99em;
	overflow: hidden;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.4;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.4;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 0.6;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}
.flexslider .slides a {
	max-width: @banner_w;
	min-width: 1100px;
	height: @banner_h;
	display: block;
}
/* banner大图样式end */

/* 搜索样式start */
@sousuo_h:51px; 				/*搜索块的高*/
@sousuo_bg:none;				/*搜索块的背景*/
@sousuo_fc:#3c3d3d;				/*搜索块的字体颜色*/
.qf_search {max-width:@body_width;min-width: @content_w;height:@sousuo_h;background:@sousuo_bg;margin:0 auto;border-bottom: 1px solid #dcdcdc;}	/* 头部-关键词+搜索  */
.qf_search_mid{width: @content_w;height: @sousuo_h;margin: 0 auto;}
.qf_search_left {color:@sousuo_fc;height: @sousuo_h;line-height: @sousuo_h;float:left;font-family:"微软雅黑";font-size:14px;}	/* 头部-左-关键词  */
.qf_search_left a{color:@sousuo_fc;padding-right: 5px;}
.qf_search_left a:hover{color: red;}
.qf_search_right {float:right;margin-top: 6px;position: relative;width: 222px;}/* 头部-右-关键词  */
.btn0{
    position: absolute;
    right: 5px;
    top: 8px;
}
input.qf_search_submit{
    display: block;
    width:180px;
    height: 25px;
    line-height: 25px;
    display: inline-block;    
    padding:5px 40px 5px 10px;
    border: 1 solid #ebebeb;
    border-right: 0;
    margin-bottom: 0;
    font-size: 14px;   
    color: #555555;
    border-radius: 20px;
}
/* 搜索样式end */

/********头部**********/
@chanpin_height:auto;          /*产品模块的高度*/
@chanpin_l_width:216px;			/*产品模块左边区域的宽度*/
@chanpin_l_bg:#f0f0f0; 			/*产品模块右边区域背景*/
@chanpin_l_top_height:40px;		/*产品左边头部高度*/
@chanpin_l_top_bg:#909090;		/*产品左边头部背景*/
@chanpin_l_middle_height:auto; /*产品左边中部高度*/

@chanpin_r_width:766px;			/*产品模块右边区域的宽度*/
@chanpin_r_bg:#f0f0f0;			/*产品模块左边区域背景*/
@chanpin_r_top_height:40px;		/*产品右边头部高度*/
@chanpin_r_top_bg:#909090;		/*产品右边头部背景*/
@chanpin_r_middle_height:auto;	/*产品右边中部高度*/

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

/********底部**********/
.footer{
	background:  url(../images/footer_bg.jpg) 0 0 repeat-x;
	margin:0 auto;
	margin-top: 30px;
	width:100%;
	height: 211px;
}
.qf_footer{width:@content_w;margin: 0 auto;}

.footer_head_h{width:1200px;height: 61px;line-height:61px;margin:0 auto;text-align:center;color: #FFF;}
.footer_head_h a{color: #FFF;font-size: 16px;display: inline-block;width: 90px;}
.footer_middle_b{margin: 0 auto;color: #fff;width: 800px;height: 60px;padding:41px 0 49px 430px;font-size: 16px;line-height: 30px;
	background:  url(../images/foot_l.jpg) 20px center no-repeat;}
.footer_middle_b a{color: #fff;}
.footer_middle_b a:hover,.footer_head_h a:hover{
	color: #e3b160;
}

/********************************************************内页******************************************************************/
#Mleft{}
#Mright{float: right;margin:0 0px 0 auto;width:882px;background: #fff;padding: 15px;border-radius: 3px;}

.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;
			border:0;
			h2{
				color: #666;
				font-size: 18px;
			}
		}
		.adc{
			padding: 0px;
			p{
				line-height: 30px;
				font-family: '微软雅黑';
				font-size: 14px;
				margin-bottom: 0;
			}
		}
		.con{
			line-height: 30px;
				font-family: '微软雅黑';
				font-size: 14px;
				margin-bottom: 0;
				p{
					line-height: 30px;
				font-family: '微软雅黑';
				font-size: 15px;
				}
		}
	}
	
}
/********公司简历**********/
.article{
		margin-bottom: 20px;
		min-height: 20px;
		overflow:hidden;
		padding: 0px 0 10px 0;
	img{max-width:100%;}  /* 这里是调整内页大小图片的，产品定位容易出错 */
	.well{}
	.title{.jz_h(66px);
		border-bottom: 1px solid #e3e3e3;
		color: #333;
		margin:0px auto 15px;
		h4{.left;
			font-size: 24px;
			font-weight: bold;
			line-height:66px;
			padding-left:15px;
			font-weight: 100;
			color: #0a78d9;
			span{.off}
		}
		span{margin-right: 18px;
			a{
				color:#333;
			}
		}
	}
	.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; font-family:"微软雅黑";
	#page_num{ width:50px; margin-top:6px; border-radius:0px; }
	a{ display:inline-block; height:16px; line-height:16px; border:1px solid #ccc; padding:5px;color:#000; border-radius:0px; background:#fff; margin-right:4px;
		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{.jz_h;
			background:#f4f4f4;border:none; padding:5px 25px;color:#000; text-decoration:none; border:1px solid #ccc; height:16px; line-height:16px;
		}
	}
}
.btn2 { border:solid 1px #ccc; padding:5px; }
.btn3 { border:solid 1px #ccc; background:#f4f4f4; padding:5px 25px; margin-right:4px; height:18px; }
#page_num1 { width:50px; height:29px; line-height:18px; margin-top:4px; border:solid 1px #ccc; border-radius:0px; }
.nei-q {width:auto; height:42px; border :solid 1px #f4f4f4; }
.nei-qz a { float:left; height:42px; line-height:42px; font-family:"微软雅黑"; border-right :solid 1px #f4f4f4; padding-left:10px; padding-right:10px; color:#333; text-decoration:none; }
.nei-qz a:hover { color:#fff; background:#000; }
.nei-qy a { float:right; height:42px; line-height:42px; font-family:"微软雅黑"; border-left :solid 1px #f4f4f4; padding-left:10px; padding-right:10px; color:#333; text-decoration:none; }
.nei-qy a:hover { color:#333; background:#eee; }
/********留言页面**********/
.order{margin:40px 0 48px 111px;line-height:40px;
    img{vertical-align:-5px;cursor:pointer;}
}
.G_tips {
    width:591px;
    margin: 10px auto 0 auto;
    border: 1px solid #dedede;
    padding: 8px;
    margin-bottom: 50px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    dd{line-height: 30px;}
}
/********新闻中心**********/
.right_main{.list;
	a { color:#000; text-decoration:none; font-family:"微软雅黑"; 
		&:hover { color:#ff0000; }
	}
}
.table{
	margin: 10px auto;
	width: 98%;
	tr{
		td{
			&:hover{}
		}
	}
}
h2 small {
    font-size: 14px;
}
/*带图片样式*/
.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;
						font-weight: 100;
						font-size: 16px;
						a{color: #333;}
					}
				}
			}
			&: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);
				}
			}
			
		}
	}
}
.row-fluid > .span3 {
    width: 18.404255%;
    max-width: 120px;
}
.row-fluid>[class*="span"] {
    margin-left: 0;
}
.row-fluid > .span11 {
    width: 95.489362%;
}
.row-fluid > .span8{
	width: 79%;
}
.thumbnail .caption{padding:0 9px;line-height: 20px;}
.thumbnail .caption p{color:#bfbfbf;margin-bottom: 0;margin-top: 10px;}
.thumbnail{border-radius:0;box-shadow:none;border:0;border-bottom: 1px solid #ddd;padding: 6px 4px;}

/********人才招聘**********/
	#jobs_03 {
    width: 100%;
    margin: 0px auto;
    padding: 0 0 120px;
    background: none;
}
#jobs_03_mid {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
#jobs_title {
    padding: 0 3.33% 0;
    background: #464650;
    color: #fff;
    font-size: 14px;
    height: 54px;
    line-height: 54px;
}
#jobs_03 .td1 {
    width: 17.33%;
    float: left;
}
#jobs_03 .td2 {
    width: 17.33%;
    float: left;
}
#jobs_03 .td3 {
    width: 33.91%;
    float: left;
}
#jobs_03 .td4 {
    width: 17.41%;
    float: left;
}
#jobs_03 .td5 {
    width: 13.4%;
    float: left;
}

#jobs_ul{
	width: 100%;
}
#jobs_ul ul{
    padding: 0 3.33% 73px;
}
#jobs_ul li {
    width: 100%;
}
#jobs_ul li .jobs_title {
    font-size: 14px;
    line-height: 30px;
    color: #777;
    padding: 16px 0;
    border-bottom: solid 1px #efefef;
}
#jobs_ul li .jobs_box {
    padding: 20px 3.5% 36px;
    background: #f5f5f5;
    position: relative;
    display:none;
}
#jobs_ul li .jobs_box i {
    position: absolute;
    left: 18px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5;
}
#jobs_ul li .jobs_box .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}
#jobs_ul li .jobs_box .info1 p {
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    min-width: 24%;
    margin: 5px 0px;
    margin-right: 1%;
}
#jobs_ul li .jobs_box .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0 22px;
}
#jobs_ul li .jobs_box .info2 .fl {
    width: 100%;
}
#jobs_ul li .jobs_box .info2 .fl h3{
	margin-bottom: 15px;
}
#jobs_ul li .jobs_box .info3 {
    margin-top: 31px;
}
#jobs_ul li .jobs_box .info3 .apply_btn {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #f91747;
    font-size: 16px;
    color: #ffffff;
    float: left;
    text-align: center;
}
#jobs_ul li .jobs_box .info3 .all {
    float: right;
    font-size: 14px;
    color: #777777;
    height: 41px;
    line-height: 41px;
    padding-left: 30px;
    background: url(../images/all_ico.png) no-repeat 0 center;
}
/********产品展示**********/

/********购物车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:210px; height:245px; overflow:hidden;margin: 0 5px;}
.picture1a a {   
    height:195px;
	width:210px;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	overflow:hidden;
	/* display:table-cell; */ 
	/* position:relative;  */
	*display: block;
  }

.picture2a {width:195px; height:50px; text-align:center; line-height:50px; }
.picture2a a { color:#3e3e3e; text-decoration: none; font-family: '微软雅黑'; font-size: 18px;}
.picture2a a:hover { color:#0a78d9; }
.picture1a img{ vertical-align:middle; border:0;}
.picture1a:hover img{transform: scale(1.05, 1.05);}
.box { 
    width: 210px;
    height: 195px;
    overflow: hidden;
}
/* 首页留言 */
.nw-yk {
	float:left;
	width:294px;
	height:330px;
	background:#d4d4d4;
	padding:15px;
	/* 新闻资讯、常见问题、在线留言-右-下框  */
}
.nw-yk-m {
	float:left;
	width:50px;
	height:28px;
	line-height:28px;
	font-family:'微软雅黑';
	font-size:12px;
	padding-right:10px;
	text-align:right;
}
.nw-yk-k {
	float:left;
	width:220px;
	height:28px;
	padding:0px;
	line-height:28px;
	font-family:'微软雅黑';
	font-size:12px;
}
.nw-yk-k1 {
	float:left;
	width:220px;
	height:60px;
	padding:0px;
	line-height:28px;
	font-family:'微软雅黑';
	font-size:12px;
}
.nw-yk-k2 {
	float:left;
	width:60px;
	height:28px;
	padding:0px;
	line-height:28px;
	font-family:'微软雅黑';
	font-size:12px;
	margin-right:10px;
}
.nw-yk-azm {
	float:left;
	padding-top:4px;
	margin-right:10px;
}

/*-------内页左分类--------*/
.qf_sidebar {
	float:left;
	width:250px;
	padding:5px;
}
.qf_sidebar_title {
	height:45px;
	background:@nav_bg;
	line-height:45px;
	font-family:"微软雅黑";
	font-size:16px;
	color:#fff;
	padding-left:15px;
	/* 内页左分类-左-头部 */
}
.qf_pa .qf_sidebar_title{text-align: center;padding-left:0;}
.qf_sidebar_category {
	background:#f9f8fa;
	padding:10px 10px 20px 10px;
	margin-bottom:15px;
	/* 内页左分类-左-下框 */
}
.qf_sidebar_contact{
	line-height: 33px;
	padding:20px 15px;
	background:#fff;
	font-size: 15px;
}

.qf_sidebar_contact a{color: #333;}
.qf_pa .sidebar_about_content{padding: 10px 0 10px 0;background: none;}

.sidebar_category_list a {
	display: block;
	height:40px;
	line-height:40px;
	font-family:"微软雅黑";
	font-size:12px;
	border-bottom: 1px solid #eee;
	color:#000;
	padding-left:15px;
	/* 内页左分类-左-分类样式 */
}
.sidebar_category_list a:hover {
	background:#8146d4;
	color:#fff;
	text-decoration:none;
	/* 内页左分类-左-分类样式 */
}
.sid_contact{text-align: center;margin-top: 20px;}
.sid_contact img{margin-bottom: 10px;max-width: 100%}
.sid_con{font-size: 16px;margin-top: 15px;}
.sid_con_t{
  font-size: 18px;
  font-weight: bold;
  font-size: 24px;
  line-height: 35px;
}
.sidebar_about_content{padding:10px 10px 20px 10px;background: #fbfbfb;}
.sidebar_about_content ul li{height: 45px;line-height: 45px;text-align: center;margin-bottom: 10px;background: #fff;}
.sidebar_about_content ul li a{display: block;color: #333;}
.sidebar_about_content ul li:hover{background:#4ea5f1;}
.sidebar_about_content ul li:hover a{color: #fff;}

/*-------产品内页左分类--------*/

.neiye { 
	width:100%;
	margin-bottom:15px; 
}
.neiye-z { 
	float:left;
	width:480px;
	margin-right:15px; 
}
.neiye-zimg {
	width:480px;
	height: 480px;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
	border:solid 1px #ccc;
	padding:5px;
 }
.neiye-zimg img{ 
	vertical-align:middle;
	border:0;
}
.neiye-y { 
	float:left;
	width:300px;
	padding-top:14px; 
}
.neiye-yt { 
	width:auto;
	height:56px;
	border-bottom:dashed 1px #ccc;
	line-height:56px;
	font-size:18px;
	color:#000;
	overflow:hidden; 
}
.neiye-yk { 
	width:auto;
	padding-top:15px;
	line-height:46px;
	font-size:14px;
	color:#000; 
}
.neiye-yd { 
	width:135px;
	height:40px;
	text-align: center;
	line-height: 40px;
	background: @nav_bg;
	margin-top: 30px;
}
.neiye-yd  a{color:#fff;display: block;}
.neiye-yx { 
	width:auto;
	height:40px;
}
.neiyex { 
	float:left; 
	width:@content_w ;
}
.xiangq{
	height: 40px;
	width: 100%;
	background: #eeeef2;
}
.xiangq h4{
	width: 20%;
	background: @nav_bg;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	font-weight: 100;
}


/* 首页样式 */
.qf_services{width:100%;margin-top: 30px;padding-bottom: 30px;}
.qf_services_wrap{width: 1200px;margin: 0 auto;}
.qf_title{text-align: center;}
.qf_title h2{color: #0c7bda;font-size: 32px;height: 50px;line-height: 50px;}
.qf_title p{color: #757575;font-size: 16px;margin:10px 0 0 0;height: 30px;line-height: 30px;text-transform: uppercase;}
.qf_title p span{padding: 0 15px;text-transform: uppercase;}
.qf_title p img{vertical-align: middle;}


.pro_li{
	padding: 20px 50px 0;
	text-align: center;
}
.pro_li li{
	display: inline-block;
	margin: 10px 10px;
	border: 3px solid #0c7bda;
}
.pro_li li a{
	display: block;
	height: 40px;
	text-align: center;
	font-weight: bold;
	padding: 0 15px;
	color: #272727;
	font-size: 18px;
	line-height: 40px;
	font-family: '微软雅黑';
}
.services_content{overflow: hidden;margin-top: 30px;}
.services_content ul{}
.services_content ul li:nth-child(4n){
	margin-right: 0;
}
.services_content ul li{float: left;width:287px;margin-right: 17px;margin-bottom:5px;}
.services_content ul li a{width: 274px;height: 255px;overflow: hidden;display: block;border: 1px solid #c4c4c4;padding: 5px;}
.services_content ul li img{width: 100%;}
.services_content ul li .services_content_t{text-align: center;font-size: 18px;color: #757575;height: 47px;line-height: 47px;}
.services_content ul li:hover img{
    transform:scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
.services_content ul li:hover .services_content_t{color: #632c29;}

.qf_about{width: 100%;padding: 50px 0;background:  url(../images/about_bg.jpg) top center no-repeat;}
.qf_about_wrap{width: 1200px;margin: 0 auto;}
.qf_about_wrap h2,.qf_about_wrap p span{color: #fff;}
.qf_about_c{margin-top: 50px;}
.qf_about_l{
	padding: 14px 13px;
	border: 1px solid #fff;
	width: 504px;
	margin-left: 30px;
	float: left;
}
.qf_about_r{float: right;width: 614px;}
.qf_about_r h2{font-size: 18px;border-left: 4px solid #50aeff;height: 22px;line-height: 22px;padding-left: 10px;}
.qf_about_r h2 font{font-weight: 100;}
.qf_about_r p{font-size: 16px;color: #fff;line-height: 33px;margin-top: 15px;}
.qf_about_r a{display: block;width: 121px;text-align: center;height: 37px; line-height: 37px;color:#fff;font-size: 16px;background: #49aafc;margin-top: 10px;}
.qf_about_r a:hover{background: #000;}

.qf_advantage{margin-top: 50px;width: 100%;background: url(../images/bgbg.jpg) no-repeat left bottom;padding-bottom:40px;}
.qf_advantage_wrap{width:1200px;margin: 0 auto;}
.qf_advantage .qf_title h2{color: #0c7bda;background:  url(../images/adv_t.jpg) center top no-repeat;font-size: 32px;padding-top: 6px;}
.qf_advantage .qf_title h2 font{color: #632c29;}

.qf_advantage_c{margin-top: 80px;}
.advantage_c_up{}
.advantage_up_l{float: left;width: 600px;}
.advantage_up_l ul li{margin-bottom: 30px;padding-left: 20px;}
.advantage_up_l ul li .qf_num{background: url(../images/dd.png) no-repeat bottom center;color: #c5231e;font-size: 58px;width: 62px;text-align: center;float: left;height: 145px;font-family: Arial;line-height: 52px;font-weight: 700;}
.advantage_up_l ul li .qf_adv{float: left;margin-left: 20px;}
.advantage_up_l ul li .qf_adv span{font-size: 28px;color: #121212;display: block;height: 30px;line-height: 30px;}
.advantage_up_l ul li .qf_adv div{font-size: 14px;color: #9f9f9f;margin: 0;line-height: 26px;text-transform: uppercase;margin-top: 5px;}
.advantage_up_l ul li .qf_adv p{font-size: 14px;color: #464646;margin: 0;line-height: 28px;margin-top: 10px;margin-bottom: 20px;}
.advantage_up_r{float: right;width:600px;}
.advantage_c_down{margin-top: 30px;}
.advantage_down_l{float: left;width: 600px;margin-top: -36px;}
.advantage_down_r{float: right;width: 600px;}
.advantage_down_r ul li{margin-bottom: 50px;padding-left: 20px;}
.advantage_down_r ul li .qf_num{background: url(../images/dd.png) no-repeat bottom center;color: #c5231e;font-size: 58px;width: 62px;text-align: center;float: left;height: 145px;font-family: Arial;line-height: 52px;font-weight: 700;}
.advantage_down_r ul li .qf_adv{float: left;width: 482px;margin-left: 5px;}
.advantage_down_r ul li .qf_adv span{font-size: 28px;color: #121212;display: block;height: 30px;line-height: 30px;}
.advantage_down_r ul li .qf_adv div{font-size: 14px;color: #9f9f9f;margin: 0;line-height: 24px;text-transform: uppercase;margin-top: 5px;}
.advantage_down_r ul li .qf_adv p{font-size: 14px;color: #464646;margin: 0;line-height: 28px;margin-top: 10px;}

.qf_bann{width: 100%;height: 300px;background: url(../images/home_bann.jpg) no-repeat center center;min-width:1100px;}

.qf_article{width: 1100px;margin: 0 auto;margin-top: 50px;}
.qf_faq{width: 345px;float: left;}
.qf_faq_title{height: 42px;width: 326px;color: #333;border-left: 4px solid #0a78d9;padding-left: 15px;}
.qf_faq_title a{float: right;font-size: 14px;color: #fff;background: #0a78d9;width: 54px;height: 27px;text-align: center;line-height: 27px;margin-top: 8px;}
.qf_faq_title p{float: left;margin-bottom: 0;line-height: 21px;font-size: 16px;}
.qf_faq_title a:hover{color:#ddd;}
.qf_faq_content{margin-top: 20px;}
.qf_faq_content ul li{margin-bottom: 15px;}
.qf_faq_content ul li p{margin-bottom: 8px;color: #444;font-weight: 700;}
.qf_faq_content ul li span{display: inline-block;background: #0a78d9;color: #fff;width: 22px;height: 20px;line-height: 20px;text-align: center;margin-right: 10px;font-weight: 100;}
.qf_faq_content ul li .qf_ask span{background: #979797;float: left;margin-top: 3px;}
.qf_faq_content ul li .qf_ask font{float: left;width: 283px;display: inline-block;line-height: 26px;color: #4a4a4a}
.qf_faq_content ul li:hover p{color: #10549c}
.txtMarquee-top{overflow:hidden; position:relative;}
.qf_line_x{width: 28px;min-height: 416px;background: url(../images/xx.png) no-repeat center center;float: left;margin: 0 20px;}

.qf_news{width: 325px;float: left;}
.qf_news .qf_faq_title{width: 306px;}
.qf_news_content{margin-top: 20px;}
.qf_news_content img{margin-bottom: 12px;}
.qf_news_content li{height: 42px;line-height: 42px;background:url(../images/list-img.jpg) no-repeat left center;padding-left: 18px;}
.qf_news_content li a{color: #4a4a4a}
.qf_news_content li:hover a{color: #10549c;}

.qf_contact{width: 294px;float: right;}
.qf_contact .qf_faq_title{width: 275px;}
.qf_contact_content{margin-top: 20px;}
.qf_contact_content img{margin-bottom: 12px;}
.qf_contact_content li{height: 42px;line-height: 42px;}
.qf_contact_content li a{color: #4a4a4a}
.qf_contact_content li:hover a{color: #10549c;}

.ny_banner{height: 400px;background:url(../images/ny_banner.jpg) no-repeat center center;width: 100%;}



.pro_wrap_img,.pro_wrap_yy{display: none;}
.pro_wrap_t{color: #fff;height: 30px;line-height: 30px;}
.pro_wrap_t p{float: left;}
.pro_wrap_t img{float: right;width: 28px;cursor: pointer;}
.pro_wrap_img{position: fixed;top: 10%;left: 0;right: 0;max-width: 600px;z-index:99999;margin: 0 auto;}
.pro_wrap_img a{background: #fff;padding: 5px;border-radius: 3px;display: block;}
.pro_wrap_img .pro_wrap_pic{width: 100%;}
.pro_wrap_yy{background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 9999;}




.tc_animation {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}
@-webkit-keyframes fadeInDown {
    0% {opacity:0;-webkit-transform:translateY(20px)}
    100% { opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes fadeInDown {
    0% {opacity:0;-moz-transform:translateY(20px)}
    100% {opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown {
    0% {opacity:0;-o-transform:translateY(20px)}
    100% {opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDown {
    0% {opacity:0;transform:translateY(20px)}
    100% { opacity:1;transform:translateY(0)}
}
.tc_animation.fade-in-down{
    opacity:0;
    /* opacity:1\0/IE9;  */
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    /* -ms-transform:translateY(0)\0/IE9; */
}
.tc_animation.fadeInDown {
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown;
}
@-webkit-keyframes fadeInUp {
    0% {opacity:0;-webkit-transform:translateY(-20px)}
    100% { opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes fadeInUp {
    0% {opacity:0;-moz-transform:translateY(-20px)}
    100% {opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUp {
    0% {opacity:0;-o-transform:translateY(-20px)}
    100% {opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInUp {
    0% {opacity:0;transform:translateY(-20px)}
    100% { opacity:1;transform:translateY(0)}
}
.tc_animation.fade-in-up{
    opacity:0;
    /* opacity:1\0/IE9;  */
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    transform:translateY(-20px);
    /* -ms-transform:translateY(0)\0/IE9; */
}
.tc_animation.fadeInUp {
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp;
}
@-webkit-keyframes fadeInLeft {
    0% {opacity:0;-webkit-transform:translateX(-100px)}
    100% {opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft {
    0% {opacity:0;-moz-transform:translateX(-100px)}
    100% {opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft {
    0% {opacity:0;-o-transform:translateX(-100px)}
    100% {opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInLeft {
    0% {opacity:0;transform:translateX(-100px)}
    100% {opacity:1;transform:translateX(0)}
}
.tc_animation.fade-in-left{
    opacity:0;
    /* opacity:1\0/IE9; */
    -webkit-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -o-transform:translateX(-100px);
    transform:translateX(-100px);
    /* -ms-transform:translateX(0)\0/IE9; */
}
.tc_animation.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight {
    0% {opacity:0;-webkit-transform:translateX(100px)}
    100% {opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight {
    0% {opacity:0;-moz-transform:translateX(100px)}
    100% {opacity:1;-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight {
    0% {opacity:0;-ms-transform:translateX(100px)}
    100% {opacity:1;-ms-transform:translateX(0)}
}
@-o-keyframes fadeInRight {
    0% {opacity:0;-o-transform:translateX(100px)}
    100% {opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInRight {
    0% {opacity:0;transform:translateX(100px)}
    100% {opacity:1;transform:translateX(0)}
}
.tc_animation.fade-in-right{
    opacity:0;
    /* opacity:1\0/IE9; */
    -webkit-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -o-transform:translateX(100px);
    transform:translateX(100px);
    /* -ms-transform:translateX(0)\0/IE9; */
}
.tc_animation.fadeInRight {
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight;
}

/* 内页关于我们 */
.article_about{padding: 0 10px;}
.article_about p{line-height: 30px;}
/* 内页联系我们 */
.ny_contact{padding:20px 0;width: 1100px;margin: 0 auto;}
.ny_contact ul li{width: 205px;padding:60px 30px;text-align: center;float:left;margin: 0 5px;height: 100px;background: #f8f8f8;}
.ny_contact ul li .icon{font-size: 32px;}
.ny_contact ul li h2{font-size:18px;font-weight: 100;color: #333;}
.ny_contact ul li p{font-size: 16px;}
table tr{border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
table tr td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}