@charset "utf-8";
/*产品展示*/
.main1f{
	padding: 30px 0;
	overflow: hidden;
}
.m1lm {
	text-align: center;
	margin:0 auto 25px;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}
.m1lm h1 {
	font-family: "微软雅黑";
	color: #333;
	font-size: 26px;
	line-height: 40px;
}
.m1lm h1 span {
	display: inline-block;
	margin-left: 10px;
	color: #1a8fe0;
	font-family: "微软雅黑";
	font-size: 26px;
	line-height: 40px;
}
.m1lm h2 {
	font-family: "微软雅黑";
	color: #333;
	font-size: 26px;
	line-height: 40px;
	padding-bottom: 10px;
}
.m1lm h2 span {
	display: inline-block;
	color: #1a8fe0;
	font-family: "微软雅黑";
	font-size: 26px;
	line-height: 40px;
}
.m1lm:after {
	content: "";
	display: block;
	position: absolute;
	width: 48px;
	height: 3px;
	background: #1a8fe0;
	z-index: 9;
	left: 50%;
	margin-left: -24px;
}
/*产品分类*/
.pnav {
	height: 35px;
	margin-bottom: 25px;
	text-align: center;
}
.pnav a {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding: 0 35px;
	margin:0 10px;
	background: #1a8fe0;
	color: #fff;
	font-size: 16px;
	border-radius: 15px;
}
.pnav a:hover {
	background: #276b9a;
	color: #fff;
}

/*产品列表*/
.chanpin {
	height: 280px;
	margin: 0 auto;
}
.cplist {
	float: left;
	width: 1200px;
	height: 280px;
	overflow: hidden;
}
.cplist ul { overflow:hidden; zoom:1; width:1200px;  float:left; _display:inline; }
.cplist li {
	width: 271px;
	height: 265px;
	border:1px solid #d3d3d3;
	float: left;
	margin:0 10px;
	position: relative;
}
.cplist li p {
	width: 271px;
	height: 214px;
	text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/
	display:table-cell;/*设置垂直居中*/
	vertical-align:middle;/*设置水平居中*/
	text-align:center;/* 针对IE的Hack */
	*display: block;*
}
.cplist li p img {
	vertical-align:middle;
	transition-duration:0.6s;
	max-width: 100%;
	max-height: 100%;
}
.cplist li span {
	display: block;
	height: 50px;
	background: url(../images/eyes.png) no-repeat 242px center #fafafa;
	padding: 0 15px;
}
.cplist li span h1 {
	font-size: 16px;
	font-family: "微软雅黑";
	color: #333;
	line-height: 50px;
}
.cplist li:hover span {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	background: url(../images/eyesa.png) no-repeat 242px 235px rgba(26,143,224,0.8);
}
.cplist li:hover span h1 {
	padding-top: 214px;
	color: #fff;
}

/*新闻*/
.main2f {
	padding: 25px 0;
	background: url(../images/m2bg.jpg) no-repeat top center #f9f9f9;
	margin-bottom: 20px;
}
.main2f .m1lm {
	border:none;
}
.main2f .m1lm:after {
	background: none;
}
/*新闻列表*/
.xw {
	width: 382px;
	height: 380px;
	overflow: hidden;
}
.xwlist {
	padding:45px 50px;
	overflow: hidden;
	background: #fff;
}
.xwlist li {
	padding: 20px 17px;
	overflow: hidden;
	height: 165px;
	width: 310px;
	background: #fff;
	float: left;
	position: relative;
	border:1px solid #efefef;
	margin:0 10px;
}
.xwlist li .date {
	width: 80px;
	height: 73px;
	position: absolute;
	z-index: 9;
	top:0;
	left: 0;
	text-align: center;
}
.xwlist li .date span {
	font-family:"微软雅黑";
	color: #bbb;
	font-size: 14px;
	line-height: 25px;
	background: #888;
	display: block;
}
.xwlist li .date p {
	font-family:"微软雅黑";
	color: #bbb;
	font-size: 24px;
	line-height: 48px;
	background: #f0f0f0;
}
.xwcon h1 {
	font-size: 14px;
	color: #333;
	font-family: "微软雅黑";
	line-height: 25px;
	height:50px;
	padding: 5px 0 20px 98px;
	font-weight: normal;
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
}
.xwcon p {
	padding: 15px 5px;
	overflow: hidden;
	font-size: 12px;
	color: #999;
	font-family: "微软雅黑";
	line-height: 25px;
}
.xwlist li:hover .date span{
	color: #fff;
	background: #1a8fe0;
}
.xwlist li:hover .date p {
	background: #4da5e3;
	color: #fff;
}


/*关于我们*/
.main3f {
	padding: 20px 0;
	overflow: hidden;
}
.aboutus {
	width: 855px;
}
.m3lm h1 {
	font-family: "微软雅黑";
	color: #1a8fe0;
	font-size: 26px;
	line-height: 90px;
}
.m3lm h1 span {
	font-family: "微软雅黑";
	color: #999;
	font-size: 18px;
}
.about-pic {
	width: 464px;
	height: 289px;
	padding: 14px;
	border:1px solid #e4e4e4;
	margin-right: 8px;
}
.aboutcon {
	width: 336px;
}
.aboutT {
	color: #333;
	font-size: 18px;
	font-family: "微软雅黑";
	line-height: 50px;
}
.about div {
	margin-bottom: 30px;
}
.about div,.about div p,.about div span {
	font-family: "微软雅黑";
	color: #666;
	font-size: 14px;
	line-height: 25px;
}
.about a.amore {
	font-family: "微软雅黑";
	color: #fff;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	width: 135px;
	height: 35px;
	line-height: 35px;
	background: #1a8fe0;
	border-radius: 15px;
}
.about a:hover {
	background: #1e80c4;
}

/*荣誉资质*/
.case {
	width: 303px;
}
.caselist {
	width: 301px;
	height: 282px;
	padding: 20px 0;
	overflow:hidden;
	position: relative;
	border:1px solid #ededed;
}
.caselist .bd {
	position:relative;
	z-index:0; 
	width: 260px;
	height: 282px;
	margin:0 auto;
}
.caselist .bd li {
	position: relative;
	width: 260px;
	height: 282px;
	zoom:1; 
	vertical-align:middle; 
	margin:0 auto;
}
.caselist .bd li p {
	padding-top: 45px;
	width: 260px;
	height: 195px;
	text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/
	display:table-cell;/*设置垂直居中*/
	vertical-align:middle;/*设置水平居中*/
	text-align:center;/* 针对IE的Hack */
	*display: block;*
}
.caselist li p img {
	vertical-align:middle;
	transition-duration:0.6s;
	max-width: 100%;
	max-height: 100%;
}
.caselist li span {
	position: absolute;
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	bottom: 0;
	z-index: 99;
	left: 0;
	background: rgba(8,9,5,0.5);
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.caselist .prev,.caselist .next{ position:absolute; left:-5%; top:50%; margin-top:-25px; display:block; width:40px; height:40px; background:url(../images/slider-arrow.png) 0px 0px no-repeat; filter:alpha(opacity=50);opacity:0.8; }
.caselist .next{ left:auto; right: 0%;background-position: -362px 0px; }
.caselist .prev:hover,
.caselist .next:hover{ filter:alpha(opacity=100);opacity:1; }