@charset "utf-8";

/* CSS Document */

html,body {

	margin:0;

	padding:0;	

	overflow:hidden;

}

#bg {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	min-width:1280px;

	z-index:1;

	overflow:hidden;

}

#bg img {

	width:100%;

}

.bottom {

	position:absolute;

	bottom:0;

	background:url(../images/footernavbg.png) repeat-x bottom;

	height:60px;

	width:100%;	

	min-width:1280px;

	z-index:2;



}

.mainbottom {

	width:1280px;

	margin:auto;

	max-width:1280px;

	width:68%;

	height:60px;

	overflow:hidden;	

}

.maindiv {

	width:33%;

	height:60px;

	float:left;

	text-align:center;

	line-height:60px;

	color:#fff;

}

.main {

	position:absolute;

	width:100%;

	bottom:50px; 

	left:0;

	background:url(../images/footerbg.png);

}

.maintop {

	padding-top:1%;

}

.maintop #main_list {

	width:68%;	

	max-width:1280px;

	margin:auto;

}

.maintop .more span{

	font-family:"宋体"	;

}

.maintop .more {

	color:#fff;

	margin-left:25px;	

}

.maincontent {

	width:33%;

	float:left;

	color:#fff;

	position:relative;	



}

.maincontent .bg {

	width:100%;	

}

.maincontent .bg img {

	width:100%;	

}

.n-content,.q-content {

	margin-top:1.2%;

}

.q-content .more {

	position:absolute;	

	bottom:10px;

	right:20px;

}

.maindiv span {

	line-height:70px;

	display:inline-block;

}

.products span{

	padding-left:125px;

	background:url(../images/footercp.png) no-repeat left top;

}

.news span{

	padding-left:155px;

	background:url(../images/naws.png) no-repeat left top;

}

.quality span{

	padding-left:125px;

	background:url(../images/quality.png) no-repeat left top;

}

.link {

	margin:0 16% 1%;

	line-height:40px;

	color:#fff;

	text-align:center;

	position:relative;

}

.link img {

	position:absolute;

	top:0;

	left:0;

	height:40px;

	z-index:-1;

	width:100%;

	*top:-10px;

}

.newlist {

	position:absolute;

	top:50%;

	margin-top:-80px;

	left:-5px;

	width:100%;

	line-height:30px;

}

.newlist li {

	background:url(../images/newslibg.png) no-repeat left center;	

	padding-left:15px;

	height:30px;

	width:75%;

	display:block;

	overflow:hidden;

}

.slideTxtBox {

	position:absolute;

	top:0;

	left:0;

}	

		/* 本例子css */



		.slideBox{ width:100%; overflow:hidden; position:relative;   position:absolute;

		top:20%;

		left:5%;}

		.slideBox .bd{ position:relative; height:100%; z-index:0;   }

		.slideBox .bd li{ zoom:1; vertical-align:middle; }

		.slideBox .bd img{ width:70%;display:block;margin:auto;  }



		/* 下面是前/后按钮代码，如果不需要删除即可 */

		.slideBox .prev,

		.slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:40px; height:40px; filter:alpha(opacity=50);opacity:0.5;   }

		.slideBox .next{ left:auto; right:10%; background:url(../images/next.png) no-repeat center center; }

		.slideBox .prev{

			background:url(../images/prev.png) no-repeat center center;

			left:3%;

		}

		.slideBox .prev:hover,

		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

		.slideBox .prevStop{ display:none;  }

		.slideBox .nextStop{ display:none;  }





		/* 本例子css */

		.outBox ul {

			margin:0;

			padding:0;	

		}

		.outBox{ width:100%; position:absolute;top:0;left:0; text-align:left;  }

		.outBox .hd{ height:41px; line-height:41px; position:relative;  }

		.outBox .hd ul{ float:left; position:absolute; left:10%; top:-1px; height:41px;   background:url(../images/qcontent.png)  repeat-x bottom center;width:80%;padding-bottom:1.5%;}

		.outBox .hd ul li{ float:left; padding:10px 20px 0; cursor:pointer;line-height:42px; background:url(../images/qualitybg.png;overflow:hidden;width:89px;height:43px;) no-repeat left 25px;}

		.outBox .hd ul li.on{ background:url(../images/qualityonbg.png) no-repeat left 25px;color:#b6001f; }

		

		.inBox{ width:100%; }

		.inBox .inHd{ height:24px; line-height:24px; overflow:hidden;padding-left:13%;padding-top:5px;}

		.inBox .inHd ul li{ height:24px;text-align:center; float:left; cursor:pointer;padding:0 10px;color:#bababa;  }

		.inBox .inHd ul li.on{ color:#fff;  }

		.inBox .inBd ul{ margin-left:15%; overflow:hidden;padding-top:2%;}

		.inBox .inBd li{ height:24px; line-height:24px; overflow:hidden; zoom:1; float:left;width:45%;}

		.inBox .inBd li .date{ float:right; color:#999;  }

		

 @media only screen and (max-width :1440px) {

	.newlist {

		padding-top:4%;

		line-height:24px;	

	}

	.link {

	margin:0 2% 1%;

		}

	.newlist li {

		display:block;

		height:24px;

		width:70%;

		font-size:12px;

	}

	.inBox .inBd li{ font-size:12px}

		.outBox .hd{ height:30px; line-height:30px; position:relative;  }

		.outBox .hd ul{ float:left; position:absolute; left:10%; top:-1px; height:32px;   }

		.outBox .hd ul li{ float:left; padding:0 20px; cursor:pointer;line-height:42px; background:url(../images/qualitybg.png) no-repeat left center; }

		.outBox .hd ul li.on{ background:url(../images/qualityonbg.png) no-repeat left center;color:#b6001f; }

 }