.productWrapper {
	clear: both;
	margin: 70px auto 20px;
	width: 1200px;
	text-align: center;
}

.productWrapper .ptitle {
	width: auto;
	padding: 0 30px 12px;
	margin: 0 auto 20px;
	border-bottom: solid 1px #2F2F2F;
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	display: inline-block;
}

.productWrapper ul.product-display {
	margin: 0;
	padding: 0;
	list-style: none;
}

.productWrapper ul.product-display li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	width: 300px;
	height: 328px;
}

.productWrapper .product-display {
	display: table;
	margin: 10px 0;
}

.productWrapper .product-display a {
	display: block;
	float: left;
	border-right: solid 0px #EFEFEF;
	width: 300px;
	height: 328px;
}

.productWrapper .product-display a img,
.productWrapper .product-display a .dimg {
	display: block;
	margin: 0 auto;
	width: 278px;
	height: 278px;
	position: relative;
	overflow: hidden;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

.productWrapper .product-display a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.productWrapper .product-display a div.d {
	margin: 0 auto;
	width: 278px;
	height: 326px;
	border: solid 1px #EFEFEF;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
}

.productWrapper .product-display a div.d:hover {
	border: solid 1px #d0a20b;
}

.productWrapper .product-display a div.d:hover span {
	color: #d0a20b;
}

.productWrapper .product-display a div.d span {
	width: 94%;
	padding: 0 3%;
	height: 48px;
	line-height: 48px;
	background: #666768;
	/*background: #d0a20b;*/
	color: #FFFFFF;
	/*color: #0F0F0F;*/
	text-align: center;
	display: block;
	font-size: 15px;
	letter-spacing: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
}

.roll-wrap:hover .control {
	display: block;
}

.roll-wrap {
	position: relative;
	width: 100%;
	height: 328px;
	overflow: hidden;
}

.roll_row .roll__list::before,
.roll_row .roll__list::after {
	content: "";
	display: table;
	line-height: 0;
}

.roll_row .roll__list::after {
	clear: both;
}

.roll_row .roll__list {
	width: 9999px;
}

.control {
	position: absolute;
	top: 140px;
	display: none;
	width: 50px;
	height: 50px;
	color: #fff;
	filter: alpha(Opacity=90);
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	z-index: 99;
}


/*.control.pre {
	left: 11px;
	background: url(../js/rollSlide/static/images/online_arrow.jpg) -50px 0px no-repeat;
}

.control.next {
	right: 11px;
	background: url(../js/rollSlide/static/images/online_arrow.jpg) 0 0px no-repeat;
}*/

.roll_col {
	width: 100%;
	height: 240px;
	overflow: hidden;
}

.roll_col .roll__list {
	width: 100%;
}

.moreDiv {
	text-align: center;
	clear: both;
}

a.viewmore {
	display: inline-block;
	clear: both;
	text-align: center;
	margin: 30px auto 0;
	background: #c4c4c4;
	width: auto;
	padding: 12px 62px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 20px;
	
}

a.viewmore:hover {
	background: #d0a20b;
}


/*********products*********/

	.newsWrapper {
		clear: both;
		width: 1200px;
		margin: 10px auto 50px;
		display: table;
	}
	
	.newsWrapper a.new {
		width: 580px;
		float: left;
		height: 100px;
		display: block;
		background: #F2F2F2;
		margin-bottom: 30px;
		letter-spacing: 1px;
	}
	
	.newsWrapper a.new.r {
		float: right;
	}
	
	.newsWrapper a.new .l {
		width: 130px;
		height: 100px;
		float: left;
		background: #666768;
		color: #FFFFFF;
	}
	
	.newsWrapper a.new .l div.year {
		width: 100%;
		height: 60px;
		display: block;
		line-height: 60px;
		font-size: 25px;
		text-align: center;
		display: block;
	}
	
	.newsWrapper a.new .l div.month-day {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		display: block;
		background: #e8e7e7;
		color: #666768;
		text-align: center;
		display: block;
	}
	
	.newsWrapper a.new .r {
		width: 400px;
		height: 60px;
		float: right;
		padding: 0 25px;
		margin-top: 10px;
	}
	
	.newsWrapper a.new .r div {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.newsWrapper a.new .r div.pName {
		width: 100%;
		height: 45px;
		font-size: 18px;
		line-height: 45px;
		color: #2F2F2F;
		transition: all .3s linear;
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
	}
	
	.newsWrapper a.new:hover div.pName {
		color: #d0a20b;
	}
	
	.newsWrapper a.new .r div.pBrief {
		width: 100%;
		height: 35px;
		font-size: 15px;
		line-height: 20px;
		color: #7F7F7F;
	}


/*********news*********/

	.aboutWrapper {
		clear: both;
		width: 100%;
		margin: 40px auto 0;
		background: url(../images/index/about_bg.png) no-repeat 50%;
		height: 700px;
		max-width: 1920px;
		padding-top: 15px;
	}
	
	img.title_pic {
		margin: 30px auto;
		display: block;
	}
	
	.aboutWrapper .about {
		width: 1200px;
		margin: 0 auto;
		display: table;
	}
	
	.aboutWrapper .about .l {
		width: 670px;
		padding-top: 40px;
		float: left;
		font-size: 15px;
	}
	
	.aboutWrapper .about .l ul li {
		list-style-type: disc;
		list-style-position: inside;
		line-height: 20px;
		letter-spacing: 1px;
		color: #FFFFFF;
		margin-bottom: 18PX;
	}
	
	.aboutWrapper .about img.r {
		width: 500px;
		height: 340px;
		display: block;
		float: right;
	}


/*********about*********/
	.contactWrapper {
		clear: both;
		width: 100%;
		max-width: 1920px;
		margin: 60px auto 0;
		background: #666768;
		padding-top: 15px;
		padding-bottom: 45px;
	}
	
	.contactWrapper .contact {
		margin: 10px auto;
		display: table;
		width: 1200px;
		letter-spacing: 1px;
	}
	
	.contactWrapper .contact .l {
		float: left;
		width: 550px;
		padding-top: 60px;
		color: #FFFFFF;
	}
	
	.contactWrapper .contact .l h1 {
		font-size: 29px;
		margin-bottom: 14px;
	}
	
	.contactWrapper .contact .l p {
		font-size: 18px;
		padding: 10px 0;
	}
	
	.contactWrapper .contact .r {
		float: right;
		width: 600px;
		color: #FFFFFF;
	}
	
	.contactWrapper .contact .r p {
		text-align: center;
		font-size: 22px;
		padding-bottom: 20px;
	}
	
	.contactWrapper .contact .r .map-list {
		display: table;
		width: 100%;
	}
	
	.contactWrapper .contact .r .map-list a {
		float: left;
		width: 280px;
		display: block;
		text-align: center;
		color: #FFFFFF;
		line-height: 40px;
		font-size: 18px;
	}
	
	.contactWrapper .contact .r .map-list a img {
		width: 100%;
		display: block;
	}
	
	.contactWrapper .contact .r .map-list a.ar {
		float: right;
	}
	
	.contactWrapper .contact .r .map-list a:hover {
		color: #d0a20b;
	}

/*********contact*********/