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

	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: #22a514;

}

.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: #0fa0ba 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: #0fa0ba;

}

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

}