/* CSS Document */
body{
	margin:0px; background-color:#000;
	padding:0px;
	font-size: 12px;
}
img{ border:0}
a{ border:0}
a:link{
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
a:visited{
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #F30;
	font-family: "宋体";
	font-size: 12px;}
a:active{
	color: #fff;
	font-family: "宋体";
	font-size: 12px;}
#top {
	height:60px;
	width: 100%;
	background-position: left;
	background:url(../images/top_bg.jpg) repeat-x;
	text-align:center;

}
#nav {
	line-height: 35px;
	height: 64px;
	width: 100%;		
	background-image:url(../images/bg.jpg);

}

#nav a {
	text-decoration: none;
	height:32px;
	width:24%;
	text-align: center;
	display: block;
	float: left;
	font-weight:bold;	font-size:14px;
	color:#fff;

}
#nav a:visited {
	color:#fff;
	text-decoration: none;
	height: 32px;
	width:24%;
	text-align: center;
	display: block;
	float: left;
}
#nav a:hover {
	color:#fff;
	text-decoration: none;
	height:32px;
	width:24%;
	text-align: center;

	display: block;
	float: left;
}
.img {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#ban {
	clear:both;
	margin:0px;
	padding:0px;
	height:141px;
	width: 100%;
	}
#biaoti {
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
	text-align: center;
	background:url(../images/pinks.jpg)  repeat-x; 
	clear: both;
	float: left;
	height: 38px;
	width: 100%; 
}

#biaoti strong {
	height: 38px;
	width: 156px;
	float: left;
	background-image: url(../images/pbg.jpg);
	background-repeat:no-repeat;
	color:#fff;
	padding-left:20px;
	text-align:left
}
.content_box .pro_list {
TEXT-ALIGN: center; PADDING-BOTTOM: 10px; PADDING-LEFT: 2%; WIDTH: 96%; PADDING-RIGHT: 2%;  PADDING-TOP: 10px
}
.content_box .pro_list dl {
PADDING-BOTTOM: 0px; PADDING-LEFT: 1.5%; WIDTH: 45%; PADDING-RIGHT: 1.5%; FLOAT: left; PADDING-TOP: 5px
}
.content_box .pro_list dl img {
BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
.content_box .pro_list dt {
TEXT-ALIGN: center; HEIGHT: auto
}
.content_box .pro_list dd {
TEXT-ALIGN:center; LINE-HEIGHT: 34px; HEIGHT: 34px; FONT-SIZE: 12px; OVERFLOW: hidden; margin:0
}
.content_box .pro_list ul {
WIDTH: 100%; FLOAT: left
}
.content_box .pro_list .pro_pic {
TEXT-ALIGN:center; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 45%; FLOAT: left; PADDING-TOP: 5px
}
.content_box .pro_list .pro_pic img {
border:#ccc 1px solid;
}
.content_box .pro_list .pro_intro {
TEXT-ALIGN:center; WIDTH: 100%
}
.content_box .pro_list .pro_intro .pro_text {
TEXT-ALIGN:center; WIDTH: 100%
}
.content_box .pro_list .pro_intro .pro_text P {
TEXT-ALIGN:center; WIDTH: 100%; FONT-SIZE: 12px
}

#map{
	height: 100%;
	width: 98%;
	padding-top: 8px;
	padding-bottom: 5px;
	text-align: left;
	clear: both;
	padding-left: 2%;
	float: left;
	line-height:25px
}
#map span {
	line-height: 25px; color:#fff;
}
.news {
	clear: both;
	height: 25px;
	width: 100%;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color: #D7D7D7;
	padding-left: 0%;
}


#map a {
	color: #fff;
}

#map a:visited {
	color: #fff;
}

#map a:hover {
	color: #da0000;
}
#footer {
	line-height: 25px;
	height: 100%;
	width: 100%; 
	background:url(../images/foot.jpg) repeat-x ;
	text-align: center;
	padding-top: 5px;
	color: #fff;
	margin-top:5px;
	clear: both;
	padding-bottom:10px;
}

#footer a{ color:#fff;}
#footer a:hover{ color:#999;}

.dh_top{ background:url(../images/dh_bg.png) repeat-x; width:100%; height:42px; text-align:center}
.news {
	clear: both;
	height: 25px;
	width: 95%;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color: #D7D7D7;
	padding-left:20px;
	background:url(../images/bu_li.jpg) no-repeat left;
	text-align:left
	
}


.content_box .pro_list1 {
 PADDING-BOTTOM: 10px; PADDING-LEFT: 2%; WIDTH: 96%; PADDING-RIGHT: 2%;  PADDING-TOP: 10px
}
.content_box .pro_list1 dl {
PADDING-BOTTOM: 0px; PADDING-LEFT: 1.5%; WIDTH: 45%; PADDING-RIGHT: 1.5%; FLOAT: left; PADDING-TOP: 5px
}
.content_box .pro_list1 dl img {
BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
.content_box .pro_list1 dt {
 HEIGHT: auto
}
.content_box .pro_list1 dd {
 FONT-SIZE: 12px;  margin:0;;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.content_box .pro_list1 ul {
WIDTH: 100%; FLOAT: left
}
.content_box .pro_list1 .pro_pic {
PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 45%; FLOAT: left; PADDING-TOP: 5px
}
.content_box .pro_list1 .pro_pic img {
border:#ccc 1px solid;
}
.content_box .pro_list .pro_intro {
TEXT-ALIGN:center; WIDTH: 100%
}
.content_box .pro_list1 .pro_intro .pro_text {
 WIDTH: 100%
}
.content_box .pro_list1 .pro_intro .pro_text P {
WIDTH: 100%; FONT-SIZE: 12px
}