/* 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%;}



#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;
	width: 100%;
	height: 151px;
}

#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:#0169cc;

	text-align: center;

	color: #fff;

	clear: both;

	margin-bottom:67px;

	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) ; }