@charset "utf-8";
/* CSS Document */
::before,
::after{
    /*选择所有的标签 */
    margin: 0;
    padding: 0;

    /*清除移动端默认的 点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
    /*设置所有的都是以边框开始计算宽度  百分比*/
    -webkit-box-sizing: border-box;/*兼容*/
    box-sizing: border-box;
}
body{
	font-family:"微软雅黑","宋体";
	font-size: 14px;
    color: #333;
	margin:0 auto;
	padding:0;
	max-width:24rem;
}
a{
    color: #333;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
ul,ol{
    list-style: none;
}


/* common css */
.f_left{
    float: left;
}
.f_right{
    float: right;
}
.clearfix::before,
.clearfix::after{
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

/*[class^="icon_"]{*/
    /*background: url("../images/sprites.png") no-repeat;*/
    /*background-size: 200px 200px;*/
/*}*/

.m_b30{
    margin-bottom:075rem;
}
.m_t30{
    margin-top: 0.75rem;
}
.bd_right{
	border-right: 1px solid #e6e6e6;
}
.bd_left{
	border-left: 1px solid #e6e6e6;
}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }		
.pd_lr{
	padding: 0 0.75rem;
}	
.bg_color{
	background: #fff;
}
/*公共样式*/

* {
    margin: 0;
    padding: 0;
}
img{
	vertical-align:top;
}

/* 清除浮动 */
.clearBoth {
	clear:both;
	/*控制分类后，各行高度不一样对不齐问题*/
	width:100%;
	height:0px;
	font-size:0;
	overflow:hidden;
	/*控制分类后，各行高度不一样对不齐问题*/
	line-height:0;
}
#header {
  height: 3.375rem;
  background-color: #c30700;
}
#header ul li{ float:left}
.logo {
  width: 13.8rem;
  float: left;
  padding-top: 0.825rem;
  padding-left: 0.125rem;
}
.logo img {
  width: 13.8rem;
  height: 1.825rem;
}
.menu_biao {
  width: 2.5rem;
  float: right;
  padding-top: 0.775rem;
}
.menu_biao img {
  width: 1.925rem;
  height: 1.925rem;
  border-radius: 0.175rem;
}
.bj {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.nav {
  width: 7.5rem;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  background-color: #ffffff;
  padding: 1rem 0.25rem;
}
.close {
  text-align: right;
  padding-bottom: 0.25rem;
  padding-right: 0.25rem;
}
.close img {
  width: 0.975rem;
  height: 0.975rem;
}
.nav1 {
  width: 100%;
}
.nav1 ul li {
  height: 2rem;
  border-bottom: #d9d3d3 0.025rem solid;
  line-height: 2rem;
}
.nav1 ul li img {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  margin-right: 0.35rem;
}
.nav1 ul li a {
  font-size: 0.7rem;
  color: #433333;
}
#banner {
  text-align: center;
}
#banner img {
  vertical-align: top;
  width: 100%;
}
#foot {
  padding: 1.375rem 0 3.05rem;
  background-color: #f3f3f3;
  border-top: #c30700 0.05rem solid;
  text-align: center;
  font-size: 0.625rem;
  color: #444444;
  line-height: 1.175rem;
}
#foot span {
  color: #ff0000;
}
#foot a {
  display: inline-block;
  margin-top: 0.25rem;
  width: 4.6rem;
  height: 1.25rem;
  background-color: #ffffff;
  border: #adadad 0.025rem solid;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.55rem;
  color: #898989;
  border-radius: 1.25rem;
}
#bottom {
  width: 100%;
  height: 2.25rem;
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  background-color: #46b1e9;
}
#bottom ul li {
  float: left;
  width: 25%;
  border-right: #cbcbcb 0.025rem solid;
  box-sizing: border-box;
  text-align: center;
  line-height: 2.25rem;
}
#bottom ul li a {
  color: #ffffff;
  font-size: 0.75rem;
}
#bottom ul li img {
  width: 0.875rem;
  height: 0.875rem;
  vertical-align: middle;
}.piclist li{ width:48%; margin:0.6%; float:left; text-align:center;}
.piclist li img{ width:100%; height:180px;}

#top {
	height: auto;
	width: 100%;
	background-position: left; text-align:center; text-align:center
}


.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;
height: 120px;
}
.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) ; }
/*----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}
.content img{ max-width:100%}