/*新闻列表页样式*/
.news1 {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0px auto;
}
.news1 li {
	width:100%;
	padding:5px 0;
	height:30px;
	font:14px/30px "microsoft yahei";
	color:#737373;
	/* background:#fff;*/
	border-bottom:1px solid #d6bae4;
}
.news1 li a {
	float:left;
	margin-left:2px;
}
.news1 li span {
	float:right;
	margin-right:12px;
}
.news2 li {
	border-bottom:1px solid #ccc;
}
.news3 li {
	border-bottom:1px dashed #ccc;
}
#news5 li.news4-bg {
	background:#eee;
}
/*产品内容页样式*/
.view-title {
	width:100%;
	text-align:center;
	font:20px/36px "microsoft yahei";
	color:#333;
}
.view-date {
	width:100%;
	text-align:center;
	font:12px/24px "microsoft yahei";
	color:#999;
	padding-bottom:15px;
}
.view-date span {
	margin:0 7px;
}
.view-share {
	width:140px;
	margin:0 auto;
}
.view-pages {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:20px auto;
}
.view-pages p {
	width:100%;
	height:30px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	border-bottom:1px dashed #ddd;
}
.view-back {
	display:block;
	width:100px;
	height:30px;
	margin:10px auto;
	text-align:center;
	font:14px/30px "microsoft yahei";
}

/* view*/
	.view h1 {
	width:100%;
	font:20px/30px "microsoft yahei";
	color:#343434;
}
.date {
	width:100%;
	text-align:center;
	font:12px/32px "microsoft yahei";
	color:#7d7d7d
}
.page {
	width:100%;
	margin:10px auto;
	overflow: hidden;
	position: relative
}
.page p {
	width:100%;
	height:28px;
	font:12px/28px "microsoft yahei";
	color:#1d1d1d;
	overflow: hidden;
}
.page p a {
	color:#1d1d1d
}
.page p a:hover,.back:hover {
	text-decoration:none;
}
/*产品列表页*/
	.product1,.product2,.product3,.product4,.product5,.product6,.product7,.product7 li,.product8,.product8 li {
	width:100%;
	height:auto;
	overflow:hidden;
}
.product1 li,.product2 li,.product3 li,.product4 li,.product5 li,.product6 li {
	width:33%;
	float:left;
	height:255px;
	overflow:hidden;
	position:relative
}
.product1 li>a,.product2 li>a,.product6 li>a {
	display:block;
	width:88%;
	margin:3px auto;
	height:auto;
	overflow:hidden;
	position:relative;
}
.product1 li>a>img,.product2 li>a>img,.product3 li img,.product4 li div a img,.product5 li div a img,.product6 li a img {
	display:block;
	width: 216px;
	height: 210px;
}
.product1 li>p,.product2 li>p,.product3 li>p,.product4 li>p,.product5 li>p,.product6 li>p {
	width:88%;
	margin:0 auto;
	text-align:center;
	font:14px/35px "microsoft yahei";
}
.product2 li>a>span {
	display:block;
	position:absolute;
	width:90%;
	padding:5%;
	left:0;
	top:0;
	font:14px/30px "microsoft yahei";
	color:#fff;
	background:url(../images/blackbg.png) 0 0 repeat;
	height:90%;
	overflow:hidden;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	filter:alpha(opacity=0);
	opacity: 0;
}
.product2 li>a:hover span {
	display:block;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	filter:alpha(opacity=100);
	opacity: 1;
}
.product3 li>div {
	width:88%;
	margin:3px auto;
	height:auto;
	position:relative;
}
.product3 li>div>p,.prod-zoom {
	position:absolute;
	background:url(../images/product_zoom.png) 0 0 no-repeat;
	width:53px;
	height:53px;
	left:50%;
	top:50%;
	margin:-26px 0 0 -26px;
	cursor: pointer;
	z-index:1;
	top:-100%;
	-webkit-transition:all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out 0s;
	-ms-transition:all 0.5s ease-in-out 0s;
	transition:all 0.5s ease-in-out 0s;
}
.product3 li>div:hover p,.prod7-left:hover p,.prod8-left:hover p {
	top:50%;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.product4 li div {
	width:88%;
	padding:4px;
	margin:3px auto;
	border:2px solid transparent;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.product4 li div a,.product5 li div a {
	display:block;
	width:100%;
	overflow:hidden;
}
.product5 li div {
	width:88%;
	padding:6px;
	margin:3px auto;
	position:relative;
}
.product5 li div p,.product5 li div:hover p,.product6 li,.product6 li:hover {
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.pro5-border1 {
	position: absolute;
	left:0;
	top:0;
	width:0;
	border-top:2px solid transparent;
}
.pro5-border2 {
	position: absolute;
	left:0;
	top:0;
	height:0;
	border-left:2px solid transparent;
}
.pro5-border3 {
	position: absolute;
	right:0;
	top:0;
	height:0;
	border-right:2px solid transparent;
}
.pro5-border4 {
	position: absolute;
	left:0;
	bottom:0;
	width:0;
	border-bottom:2px solid transparent;
}
.product5 li div:hover p.pro5-border1,.product5 li div:hover p.pro5-border4 {
	width:100%;
}
.product5 li div:hover p.pro5-border2,.product5 li div:hover p.pro5-border3 {
	height:100%;
}
.product6 {
	padding-top:12px;
}
.product6 li {
	position:relative;
	top:0
}
.product6 li:hover {
	top:-12px;
}
.product7 li,.product8 li {
	padding-bottom:16px;
}
.prod7-left {
	float:left;
	width:31.25%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.prod7-left a,.prod8-left a {
	display:block;
	height:auto;
	overflow:hidden;
}
.prod7-left a img,.prod8-left a img {
	display:block;
}
.product7 li>p {
	float:left;
	width:63.4375%;
	margin-left:3.4375%;
	font:16px/36px "microsoft yahei";
	color:#9a9a9a;
	height:36px;
	overflow:hidden;
}
.product7 li>p>a,.product8 li>p a {
	float:left
}
.product7 li>p>span,.product8 li>p span {
	float:right;
}
.prod7-right {
	float:left;
	width:63.4375%;
	margin-left:3.4375%;
	height:120px;
	overflow:hidden;
	font:14px/30px "microsoft yahei";
	color:#7c7c7c;
}
.product8 li>p {
	width:100%;
	height:36px;
	overflow:hidden;
	font:16px/36px "microsoft yahei";
	color:#9a9a9a;
}
.prod8-left {
	float:left;
	width:200px;
	height:auto;
	overflow:hidden;
	position:relative;
	margin-right:1.875%;
}
.prod8-right {
	float:left;
	width:70.125%;
	height:120px;
	overflow:hidden;
	font:14px/30px "microsoft yahei";
	color:#7c7c7c;
}
/*产品列表页鼠标特效*/
.pg-color {
	color:#666;
}
.pg-border-color,.product4 li div:hover {
	border-color:#fcaf01;
}
.pg-color:hover {
	color:#fcaf01;
}

/*左侧模板样式*/
.con1 {
	width:1002px;
	height:480px;
	margin:0 auto;
	overflow:hidden;
}
.con1-left {
	width:240px;
	height:auto;
	overflow:hidden;
}
.product .lnavb {
	width:223px;
	float:left;
	border:1px solid #bebebe;
	
}
.product .lnavb>li {
	margin:0 auto;
	color:#383838;
	cursor:pointer;
	width:183px;
	border-bottom:1px solid #d1d1d1;
}
.product .lnavb>li:last-child {
	border-bottom:none;
}
.product .lnavb>li>a {
	width:173px;
	height:35px;
	line-height:32px;
	padding-left:10px;
	display:block;
	background-image:url(../images/001454_08.png);
	background-repeat:no-repeat;
	background-position:167px 8px;
	color:#383838;
}
.product .lnavb>li>a:hover {
	background-image:url(../images/001454_09.png);
}
.product .lnavb>li>a.on {
	background-image:url(../images/001454_09.png);
}
.product .lnavb>li>ul {
	display:none;
}
.product .lnavb>li>ul:last-child {
	margin-bottom:7px;
}
.con1_class {
	/*height:577px;产品列表页高度*/
	overflow:hidden;
	margin:0 auto;
	position:relative;
	background:#fff;
}