/************
*此为页面公共样式
*包含新闻列表、新闻详情、分页样式
*产品列表
*QQ在线客服
************/

/* dede58.com 做最好的织梦模板 */


/****************************News****************************/
.xinwen ul.xw {
	padding:0px 10px 10px;
}
.xinwen ul.xw li {
	position:relative;
	height:30px;
	line-height:30px;
	border-bottom:1px dotted #ccc;
	background:url(../images/arrow.gif) no-repeat 4px center;
	padding:0 0 0 30px;
}
.xinwen ul.xw li:hover {
	background:url(../images/arrow.gif) no-repeat 4px center #efefef;
	border-radius:2px;
}
.xinwen ul.xw li a:hover {
	text-decoration:underline;
}
.xinwen ul.xw li span {
	position:absolute;
	top:0;
	right:0;
	height:30px;
	line-height:30px;
	padding:0 6px 0 0;
	color:#999;
	font-size:11px;
}
/****************************page****************************/

.fenye {
	height:26px;
	overflow:hidden;
	margin:10px 0 15px;
	text-align:center;
	clear:both;
}
.fenye ul {
	height:26px;
	line-height:26px;
	text-align:center;
	display:inline-block;
*padding-left:20px;
}
.fenye ul li {
	float:left;
	display:inline-block;
	margin:0 4px 0 0;
}
.fenye ul li.thisclass {
	width:26px;
	height:26px;
	font-weight:normal;
	line-height:26px;
	border-radius:2px;
	background:#1061ba;
	color:#fff;
}
.fenye ul li a {
	display:block;
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px;
	border:1px solid #d1d1d1;
	border-radius:2px;
}
.fenye ul li a:hover {
	color:#fff;
	background:#1061ba;
	border-radius:2px;
	text-decoration:none;
	border:none;
	height:26px;
	line-height:26px;
	width:26px;
}
.fenye ul li span.pageinfo {
	border:1px solid #dedede;
	padding:1px 4px;
	border-radius:2px;
	font-weight:normal;
	display:inline-block;
	line-height:22px;
	height:22px;
}
.fenye ul li span.pageinfo strong {
	font-weight:normal;
}
.fenye ul li.prev, .fenye ul li.next {
	line-height:24px;
}
.fenye ul li.first, .fenye ul li.last {
	line-height:24px;
	border:1px solid #dedede;
	height:24px;
	border-radius:2px;
	width:40px;
}
.fenye ul li.first a, .fenye ul li.last a {
	width:40px;
	border:none
}
.fenye ul li.first a:hover, .fenye ul li.last a:hover {
	width:40px;
	border:none;
	height:24px;
	line-height:24px;
}
.fenye ul li.prev a, .fenye ul li.next a {
	width:66px;
}
.fenye ul li.prev a:hover, .fenye ul li.next a:hover {
	width:68px;
	height:26px;
}
/****************************details****************************/

.news-body {
	padding:0px 5px 0;
	height:auto;
	overflow:hidden;
	line-height:2.2em;
*line-height:2.3em;
}
.news-body h1 {
	margin:10px 0 10px;
	font-size:20px;
	text-align:center;
	font-family:"微软雅黑";
	font-weight:normal;
	height:24px;
	line-height:24px;
	overflow:hidden;
	color:#121212;
}
.news-body h2 {
	text-align:center;
	height:20px;
	font-size:14px;
	overflow:hidden;
	background:#eee;
	line-height:20px;
	font-family:"宋体";
}
.news-body .newsdetail {
	padding:8px 4px;
}
.news-body .newsdetail img {
	max-width:722px;
}
.context {
	border-top:1px dotted #838383;
	padding:10px 0 0 0;
	margin:10px 0 15px;
}
.context ul {
	padding:0 0 0 10px;
}
.context ul li {
	height:24px;
	line-height:24px;
	margin-bottom:2px;
	overflow:hidden;
}
.context ul li a:hover {
	text-decoration:underline;
}
/****************************product****************************/
/********************三个**************
.chanpin{padding:0px 0px 0; height:auto; overflow:hidden; line-height:2.2em;*line-height:2.3em;}
.chanpin ul{ height:auto; overflow:hidden; padding:6px 0 6px;}
.chanpin ul li{ width:224px; float:left; margin:0 27px 0px 0;}
.chanpin ul li a.pic{
	 display:block; padding:1px; 
	 border-radius:6px;
	 border:1px solid #999; 
	 box-shadow:0px 0px 3px #999; width:220px; height:145px;
	 transition:transform 1s;
	 -ms-transition:-ms-transform 1s;
	 -moz-transition:-moz-transform 1s;
	 -webkit-transition:-webkit-transform 1s;
	 -o-transition:-o-transform 1s;
	 }
.chanpin ul li a.pic img{
	 width:220px; height:145px; border-radius:6px;
	 }
.chanpin ul li a.pic:hover{
	opacity:0.8;
	filter:alpha(opacity=80)


}
.chanpin ul li a.pic:hover img{}
.chanpin ul li p{ margin:4px 0; height:22px; line-height:22px; overflow:hidden; text-align:center;}
.chanpin ul li p a:hover{  text-decoration:underline;}
*/





/**************************四个******************************/
.chanpin {
	padding:0px 0px 0;
	height:auto;
	overflow:hidden;
	line-height:2.2em;
*line-height:2.3em;
}
.chanpin ul {
	height:auto;
	overflow:hidden;
	padding:6px 0 6px;
}
.chanpin ul li {
	width:171px;
	float:left;
	margin:0 12px 0px 0;
}
.chanpin ul li a.pic {
	display:block;
	padding:0px;
	border:1px solid #999;
	box-shadow:0px 0px 3px #999;
	width:167px;
	height:115px;
	overflow:hidden;
}
.chanpin ul li a.pic img {
	width:167px;
	height:115px;
	transition:all 0.3s linear 300ms;
	-ms-transition:all 0.3s linear 300ms;
	-moz-transition:all 0.3s linear 300ms;
	-webkit-transition:all 0.3s linear 300ms;
	-o-transition:all 0.3s linear 300ms;
}
.chanpin ul li a.pic img:hover {
	-ms-transform:rotate(5deg) scale(1.2); /* IE 9 */
	-moz-transform:rotate(5deg) scale(1.2); /* Firefox */
	-webkit-transform:rotate(5deg) scale(1.2); /* Safari and Chrome */
	-o-transform:rotate(5deg) scale(1.2); /* Opera */
	transform:rotate(5deg) scale(1.2);
}
.chanpin ul li a.pic:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.chanpin ul li p {
	margin:4px 0;
	height:22px;
	line-height:22px;
	overflow:hidden;
	text-align:center;
}
.chanpin ul li p a:hover {
	text-decoration:underline;
}
/*******************************onlin message****************************/
.call {
}
.call p {
	line-height:35px;
	padding-top:8px;
	clear:both;
}
.call p span {
	float:left;
	margin-right:8px;
}
.call p span b {
	color:#f46507;
}
.call input.text_inaa, .call textarea {
	border:1px solid #aaa;
	padding:2px;
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}
.call input.text_inaa:hover {
	border:1px solid #A10200;
}
.call input.text_inaa:focus {
	border:1px solid #A10200;
	box-shadow:0px 1px 4px #A10200;
}
.call textarea:hover {
	border:1px solid #A10200;
}
.call textarea:focus {
	border:1px solid #A10200;
	box-shadow:0px 1px 8px #A10200;
}
.call p i {
	font-weight: normal;
	font-style: normal;
	padding-left:8px;
}
.textarea {
	width:305px;
	height:70px;
}
.text_inaa {
	width:176px;
}
.text_in1 {
	width:70px;
}
.button_in {
	background: url(../images/yezhen_in.gif) no-repeat 0px 0px #A10200;
	border-radius:2px;
	color:#fff;
	width:68px;
	height:28px;
	border:none;
	cursor:pointer;
}
.submit_youin {
	padding-left:76px;
}
.call p.submit_youin input.botton_in {
	border:none;
}
.call p.submit_youin input.botton_in:hover {
	border:none;
}
/*****************************轮播图**********************************/

.focus {
	width:1440px;
	height:400px;
	position:relative;
}
.f970x280 {
	width:1440px;
	height:400px;
	overflow:hidden
}
.f970x280 img {
	width:1440px;
	height:400px
}
.rslides {
	width:100%;
	position:relative;
	list-style:none;
	padding:0
}
.rslides_nav {
	height:51px;
	width:31px;
	position:absolute;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	top:50%;
	left:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	background:url(../images/i.png) no-repeat 0 -560px;
	margin-top:-28px
}
.rslides_nav:active {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.rslides_nav.next {
	left:auto;
	background-position:-31px -560px;
	right:0
}
.rslides_tabs {
	position:absolute;
	top:380px;
	right:50%;
	clear:both;
	text-align:center
}
.rslides_tabs li {
	display:inline;
	float:none;
	_float:left;
*float:left;
	margin-right:10px
}
.rslides_tabs a {
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg_lioff.jpg) no-repeat 0px 0px;
	background:#DDD;
	display:inline-block;
	_display:block;
*display:block;
	width:11px;
	height:11px
}
.rslides_tabs .rslides_here a {
	background:url(../images/bg_lion.jpg) no-repeat 0px 0px #A10200;
}
