/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-size:12px; font-family:"ËÎÌå"; max-width:600px ; margin:0 auto ;
}
img{ border:0}
a{ border:0}
a:link{
	font-size: 12px;	
	color: #333;
	text-decoration: none;
}
a:visited{
	font-size: 12px;	
	color: #333;
	text-decoration: none;
}
a:hover{
	color: #333;
	font-size: 12px;}
a:active{
	color: #333;
	font-size: 12px;}
	
	
.clearfix:after{ 
visibility:hidden; 
display:block; 
font-size:0; 
content:" "; 
clear:both; 
height:0; 
} 
.clearfix { display: inline-table; } 
/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* End hide from IE-mac */ 	
ul,li{ list-style-type:none; padding:0; margin:0}
#top {
	height: auto;
	width: 100%;
	background-position: left; text-align:center; text-align:center
}
/*----lunbo----*/
.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0; z-index:-9999999999999}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:-1px; right:0; padding-right:8px; margin:0; width:100%; filter: alpha(opacity=80);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; width:100%;height:210px}

#nav {
	line-height: 40px;
	height: 80px;
	width: 100%;	background-image:url(../images/bg.jpg);	

}
#nav a {
	color: #fff;
	text-decoration: none;
	height:40px;
	width:24%;
	text-align: center;
	display: block;
	float: left;
font-size:14px;background-image:url(../images/bg.jpg);

}

.img {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#ban {
	clear:both;
	margin:0px;
	padding:0px;
	width: 100%;
	}
#biaoti {
	font-size: 14px;
	line-height: 38px;
	font-weight: normal;
	text-align: center;
	background:url(../images/pinks.jpg) repeat-x top; background-size: contain;
	clear: both;
	float: left;
	height: 38px;
	width: 100%; 
}

#biaoti strong {
	height: 41px;
	width: 106px;
	float: left;
	background: url(../images/pbg.jpg) no-repeat left; background-size: contain;
	color: #fff;
	text-align: center; padding-left:0px
}#biaoti strong a{ height:35px; line-height:35px}
.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: 24px; HEIGHT: 24px; 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{
	text-align: left;
	float: left;
	line-height:25px; padding:10px
}
#map span {
	line-height: 25px;
}


#map a {
	color:#0660b4;
}

#map a:visited {
	color: #0660b4;
}

#map a:hover {
	color: #0660b4;
}



#footer {
	line-height: 25px;
	height: 100%;
	width: 100%; background:#0570b8;
	text-align: center;
	color: #fff;
	clear: both;
	margin-bottom:100px;
	padding:8px 0

}

#footer a{ color:#fff;}
#footer a:hover{ color:#184365;}

.dh_top{ background:url(../images/dh_bf.jpg) repeat-x; text-align:center; background-size:100% 100%}
.dh_top img{ display:block; margin:0 auto; width:100%; }
.news {
	clear: both;
	height: 35px;
	line-height: 35px;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color: #D7D7D7;
	padding-left:20px;
	background:url(../images/dot.gif) no-repeat left;
	text-align:left;
	box-sizing:border-box; 
	
}

.in_dh{ height:33px; line-height:33px; background:url(../images/dh_bf.jpg) repeat-x; padding-right:5px; box-sizing:border-box; text-align:right}
.in_dh a{ color:#0660b4}

#foot_menu {
	line-height: 20px;
	height:43px;
	position: fixed;
	bottom:0;
	z-index:900;
	width: 100%; background:rgba(0,0,0,0.7); padding:12px 0;max-width:600px; margin:0 auto
}
#foot_menu a {
	color: #fff;
	text-decoration: none;
	height: 43px;
	width: 24.3%;
	text-align: center;
	display: block;
	float: left;
	font-size:14px;
    background-image:url(../images/nav.jpg); border-right:1px solid  #a8a8a8

}

#foot_menu img{
    vertical-align:middle;
	border:none;}
#foot_menu span{
    text-transform: uppercase;
display: block;

color:#fff;}

.more{ margin-right:3px;float:right; margin-top:12px}
.container{ padding:10px}
#biaodan{ text-align:center; padding:50px 0}#biaodan li{ margin:15px ;}
input,textarea{ width:60%; padding:5px 0}
.biaodan_bt{ width:40%; float:left; margin:0 5%; border:0;color:#fff; height:40px; line-height:40px; padding:0; background:#666}
.active{background: url(../images/bg.jpg) ; }