/* CSS Document */

body{
padding:0px;
margin:0px auto;
width: 100%;
}
ul{
padding: 0px;
margin: 0px auto;
}
ul li{
list-style:none;
}

a{
text-decoration:none;
color:#3F3F3F;
} 
a:hover{
text-decoration:none;
color:#FF6464;
} 
.a2{
text-decoration:none;
color:#FFFFFF;
}
.a2:hover{
text-decoration:none;
color:#FF6464;
}
.img2:hover{
transition:0.3s;
transform:scale(1.03);
}


/* 第一层框架*/
.touiframe, .jiaoiframe, .banner, .banner2, .news, .memberskx, .supply, .customer, .hotlink, .localnav, .bottom, .adv1big, .adv2big, .peitao, .ul, .li{
width: 1800px;
margin: 0px auto;
margin: 0px;
padding: 0px;
float:center;
}

/* 第二层框架*/
/* 四个渐变盒子div CSS*/
*{
margin:0px;
padding:0px;
list-style:none;
font-family:'Microsoft Yahei'
}
#gradient4pic{
width:100%;
height:500px;
position:relative;
}
.gradientdiv{
width:100%;
height:500px;
color:#ffffff;
font-size:100px;
line-height:500px;
text-align:center;
position:absolute;
left:0;
top:0;
}
.one{
background-color:#ffffff;
animation:one 20s linear infinite;
-webkit-animation:one 20s linear infinite;
-moz-webkit-animation:one 20s linear infinite;
-o-webkit-animation:one 20s linear infinite;
}
.two{
background-color:#ffffff;
animation:two 20s linear infinite;
-webkit-animation:two 20s linear infinite;
-moz-webkit-animation:two 20s linear infinite;
-o-webkit-animation:two 20s linear infinite;
}
.three{
background-color:#ffffff;
animation:three 20s linear infinite;
-webkit-animation:three 20s linear infinite;
-moz-webkit-animation:three 20s linear infinite;
-o-webkit-animation:three 20s linear infinite;
}
.four{
background-color:#ffffff;
animation:four 20s linear infinite;
-webkit-animation:four 20s linear infinite;
-moz-webkit-animation:four 20s linear infinite;
-o-webkit-animation:four 20s linear infinite;
}

/*第一个div的动画*/
@keyframes one {
0% {	opacity:1}
10% {	opacity:1}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:1}
100% {	opacity:1}
}
@-moz-keyframes one/*Firefox*/{
0% {	opacity:1}
10% {	opacity:1}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:1}
100% {	opacity:1}
}
@-webkit-keyframes one/*Safari and Chrome*/{
0% {	opacity:1}
10% {	opacity:1}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:1}
100% {	opacity:1}
}
@-o-keyframes one/*Opera*/{
0% {	opacity:1}
10% {	opacity:1}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:1}
100% {	opacity:1}
}
/*第二个div的动画*/
@keyframes two {
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:1}
30% {	opacity:1}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:0}
100% {	opacity:0}
}
@-moz-keyframes two{
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:1}
30% {	opacity:1}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:0}
100% {	opacity:0}
}
@-webkit-keyframes two{
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:1}
30% {	opacity:1}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:0}
100% {	opacity:0}
}
@-o-keyframes two{
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:1}
30% {	opacity:1}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:0}
100% {	opacity:0}
}
/*第三个div的动画*/
@keyframes three {
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:1}
50% {	opacity:1}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:0}
100% {	opacity:0}
}
@-moz-keyframes three{
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:1}
50% {	opacity:1}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:0}
100% {	opacity:0}
}
@-webkit-keyframes three{
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:1}
50% {	opacity:1}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:0}
100% {	opacity:0}
}
@-o-keyframes three{
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:1}
50% {	opacity:1}
60% {	opacity:0}
70% {	opacity:0}
80% {	opacity:0}
90% {	opacity:0}
100% {	opacity:0}
}
/*第四个div的动画*/
@keyframes four {
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:1}
70% {	opacity:1}
80% {	opacity:1}
90% {	opacity:0}
100% {	opacity:0}
}
@-moz-keyframes four{
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:1}
70% {	opacity:1}
80% {	opacity:1}
90% {	opacity:0}
100% {	opacity:0}
}
@-webkit-keyframes four{
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:1}
70% {	opacity:1}
80% {	opacity:1}
90% {	opacity:0}
100% {	opacity:0}
}
@-o-keyframes four{
0% {	opacity:0}
10% {	opacity:0}
20% {	opacity:0}
30% {	opacity:0}
40% {	opacity:0}
50% {	opacity:0}
60% {	opacity:1}
70% {	opacity:1}
80% {	opacity:1}
90% {	opacity:0}
100% {	opacity:0}
}



/*1个静态bannerjpg div html*/
.staticbanner{
width:100%;
height:500px;
position:relative;
}
	.staticbanner .staticbannerone{
	width:100%;
	height:500px;
	line-height:500px;
	text-align:center;
	color:#ffffff;
	background-color:#ffffff;
	font-size:100px;
	position:absolute;
	left:0;
	top:0;
	}
/*1个静态bannerjpg div html*/






/*特别报道贴3图*/
.newstitle{
width: 100%;
height: 45px;
margin-top: 40px;
margin-left: 40px;
margin-bottom: 0px;
float: center;	
}
	.newstitlejz{
	width:1800px;
	height:45px;
	margin:0px auto;
	}
		.newstitle .newstitle_1{
		width:800px;
		height:45px;
		background-image: url("../images/newshead1.png");
		text-align:right;
		line-height:45px;
		float:left;
		}
		.newstitle .newstitle_2{
		width:440px;
		height:45px;
		margin-left:100px;
		background-image: url("../images/newshead2.png");
		text-align:right;
		line-height:45px;
		float:left;
		}
		.newstitle .newstitle_3{
		width:280px;
		height:45px;
		margin-left:90px;
		background-image: url("../images/newshead3.png");
		text-align:right;
		line-height:45px;
		float:left;
		}


/*新闻和快讯*/
.news{
width:100%;
height:530px;
border-bottom:1px solid #bbbbbb;
margin-top:20px;
}
.news .newsjz{
width:1800px;
height:530px;
margin:0px auto;
}
	.news .newsbig{
	width:390px;
	height:530px;
	margin-left:40px;
	border:0px dashed #ff0000;
	float:left;
	}
		.news .newsbig .newsbig_1{
		width:390px;
		height:280px;
		border:1px solid #888888;
		overflow:hidden;
		}
		.news .newsbig .newsbig_2{
		width:390px;
		height:230px;
		margin:0px;
		padding:0px;
		line-height:30px;
		}
			.news .newsbig .newsbig_3{
			width:390px;
			height:100px;
			font-size:15px;
			color:#666666;
			}
	.news .newsmiddle{
	width:400px;
	height:540px;
	margin-left:40px;
	border:0px dashed #ff0000;
	float:left;
	}
		.news .newsmiddle .newsmiddle_1{
		width:400px;
		height:85px;
		margin-bottom:45px;
		float:left;
		}
		.newsmiddle_1:hover{
		transition:0.3s;
		transform:scale(1.05);
		}
			.news .newsmiddle .newsmiddle_2{
			width:120px;
			height:85px;
			float:left;
			}
			.news .newsmiddle .newsmiddle_3{
			width:220px;
			height:85px;
			margin-left:30px;
			text-align:left;
			font-size:15px;
			color:#666666;
			float:left;
			}
	.news .newssmall{
	width: 440px;
	height: 540px;
	margin-left: 60px;
	border:0px dashed #ff0000;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	float: left;
	}
		.news .newssmall .newssmall_li{
		width:440px;
		height:50px;
		font-size:15px;
		color:#666666;
		}
	.kx{
	width: 320px;
	height: 540px;
	margin-left: 50px;
	padding: 0px;
	float: left;
	}
		.kx .kx_text{
		width:240px;
		margin:0px auto;
		line-height:28px;
		font-size:15px;
		color:#666666;
		float:center;
		}
		.kx .kx_pic{
		width:170px;
		height:245px;
		border:1px solid #d3d3d3;
		margin:0px auto;
		margin-top:15px;
		margin-bottom:15px;
		box-shadow:4px 4px 4px #d3d3d3;
		}
		.kx .kx_wangqi{
		width:220px;
		height:105px;
		margin:0px auto;
		}
			.kx .kx_wangqi .kx_ul{
			width:220px;				
			}
			.kx .kx_wangqi .kx_li{
			width:100px;
			height:25px;
			margin-top:5px;
			margin-left:10px;
			line-height:20px;
			font-size:15px;
			color:#666666;
			float:left;
			}


/*广告位1*/
.adv1big{
width:100%;
height:150px;
}
	.adv1big .adv1{
	width:1800px;
	height:150px;
	margin:0px auto;
	margin-top:30px;
	overflow:hidden;
	float:center;
	}


/*235家会员*/
.memberskx{
width:100%;
height:910px;
margin-top:30px;
}
	.memberskx .members{
	width:1800px;
	height:910px;
	border:1px solid #d81e3c;
	margin:0px auto;
	}
		.memberskx .members .members_top{
		width: 100%;
		height: 40px;
		border:0px solid #666666;
		background-color: #d81e3c;
		}
			.memberskx .members .members_top .topic1{
			width:1650px;
			height: 40px;
			float: left;
			text-align: center;
			line-height: 40px;
			font-size:22px;
			font-weight:bold;
			color:#ffffff;
			letter-spacing:15px;
			}
			.memberskx .members .members_top .more{
			width: 100px;
			height: 40px;
			float: right;
			margin-right:20px;
			text-align: left;
			line-height: 40px;
			font-size:18px;
			color:#FFFFFF;
			}
		.memberskx .members .members_logo{
		width: 1800px;
		height: 800px;
		border-bottom:0px dashed #d3d3d3;
		float: center;
		}
			.memberskx .members .members_logo .members_logopic{
			width:180px;
			height:120px;
			margin:30px 0px 0px 38px;
			border:1px solid #d3d3d3;
			border-radius:10px;
			box-shadow:2px 2px 2px #d3d3d3;
			float:left;
			}
			.memberskx .members .members_logo .members_logopic .mem_pic{
			margin-top:8px;
			margin-left:25px;
			}
			.members_logopic:hover{
			transition:0.3s;
			transform:scale(1.1);
			}
			.memberskx .members .members_logo .members_logopic .members_logotext{
			text-align:center;
			font-size:12px;
			color:#666666;
			}
		.memberskx .members .clickmoremembers{
		width: 1800px;
		height: 55px;
		border:px dashed #00ff00;
		float: center;
		}
			.memberskx .members .clicktext{
			width:130px;
			height:40px;
			border:1px solid #ff0000;
			margin:0px auto;
			line-height:40px;
			text-align:center;
			background-color:#FFEDED;
			}
			.members .clicktext:hover{
			transition:0.3s;
			transform:scale(1.1);
			}


/*广告位2*/
.adv2big{
width:100%;
height:150px;
}
	.adv2big .adv2{
	width:1800px;
	height:150px;
	margin:0px auto;
	margin-top:40px;
	overflow:hidden;
	float:center;
	}


/*配套厂*/
.peitao{
width:100%;
height:680px;
margin-top:40px;
padding-left:30px;
}
.peitao .peitaojz{
width:1800px;
height:580px;
margin:0px auto;
}
	.peitao .peitao2{
	width:240px;
	height:560px;
	margin-left:40px;
	float:left;
	}
		.peitao .peitao2 .picture_300{
		width:240px;
		height:300px;
		border:1px solid #666666;
		overflow:hidden;
		}
		.peitao .peitao2 .picture_180{
		width:240px;
		height:180px;
		border:1px solid #666666;
		overflow:hidden;
		}
		.peitao .peitao2 .peitao_text{
		width:240px;
		height:250px;
		border:1px solid #DBDBDB;
		margin-top:18px;
		padding-top:10px;
		font-size:13px;
		color:#666666;
		}
			.peitao .peitao2 .peitao_text .peitao_text_li{
			line-height:30px;
			padding-left:20px;
			text-align:left;
			}