@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: #047602;

}

#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: #047602 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: #047602;

}

#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:28%; margin:2.6%; float:left; text-align:center;}

.piclist li img{ width:100%; height: 80px}



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

}

.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}