html, body {
  font-family: Helvetica !important;
  padding-bottom: 0.96rem; }
/** ��ҳ��ʼ **/
.logo {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  height: 0.9rem;
  background-color: #4b916f;
  width: 100%; }
  .logo .logo-img {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.15rem; }
    .logo .logo-img img {
      width: 0.6rem;
      height: 0.6rem; }
  .logo .logo-info {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1; }
    .logo .logo-info p {
      line-height: 0.7rem;
      font-size: 0.3rem;
      width: 100%;
      color: #fff; }
      .logo .logo-info p span {
        display: block;
        font-size: 0.24rem;
        margin-top: -0.4rem; }
  .logo .nav {
    width: 1.5rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center; }
    .logo .nav a {
      font-size: 0.28rem;
      margin: 0;
      color: #fff; }

.banner {
  width: 100%;
  height: 3.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden; }
  .banner img {
    width: 6.4rem;
    height: 3.2rem; }
  .banner .swiper-pagination {
    text-align: center; }
    .banner .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #4b916f; }

.menu .list {
  overflow: hidden;
  width: 100%;
  height: auto; }
  .menu .list a {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 2.13rem;
    height: 1.5rem;
    float: left;
    text-align: center;
    margin-top: 0.3rem; }
    .menu .list a img {
      width: 1.1rem;
      height: 1.1rem;
      display: inline-block; }
    .menu .list a p {
      display: block;
      text-align: center;
      font-size: 0.24rem;
      height: 0.4rem;
      line-height: 0.4rem;
      color: #4b916f; }

.title {
  padding-bottom: 0.06rem;
  background: transparent url(../images/title-ref.jpg) no-repeat;
  margin: 0 0.2rem;
  background-position: left bottom;
  background-size: 0.06rem 0.06rem; }
  .title .top-title {
    width: 6rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #4b916f; }
    .title .top-title span {
      display: inline-block;
      color: #fff;
      background-color: #4b916f;
      height: 0.44rem;
      line-height: 0.54rem;
      padding: 0 0.2rem;
      font-size: 0.26rem; }
    .title .top-title a.more {
      float: right;
      background-color: transparent;
      color: #4b916f;
      height: 0.44rem;
      line-height: 0.54rem;
      font-size: 0.26rem; }

.profile {
  margin-top: 0.3rem; }
  .profile .profile-detail {
    padding: 0.2rem;
    display: -moz-box;
    display: -webkit-box;
    display: box; }
    .profile .profile-detail .photo {
      width: 1.55rem; }
      .profile .profile-detail .photo img {
        width: 100%;
        height: auto; }
    .profile .profile-detail .text {
      margin-left: 0.2rem;
      -moz-box-flex: 1;
      -webkit-box-flex: 1;
      box-flex: 1; }
      .profile .profile-detail .text p {
        line-height: 1.5em;
        font-size: 0.22rem; }

.business {
  margin-top: 0.3rem; }
  .business .business-detail {
    padding: 0.2rem; }
    .business .business-detail .list {
      width: 6rem;
      overflow: hidden;
      padding-bottom: 0.1rem; }
      .business .business-detail .list a {
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 2rem;
        height: auto;
        text-align: center;
        position: relative;
        float: left;
        margin-top: 0.2rem;
        height: 1.1rem; }
        .business .business-detail .list a img {
          width: 1.55rem;
          display: inline-block; }
        .business .business-detail .list a p {
          width: 1.55rem;
          margin: 0 auto;
          position: absolute;
          bottom: 0;
          display: block;
          text-align: center;
          background-color: rgba(0, 0, 0, 0.5);
          color: #fff;
          margin-left: 0.225rem;
          height: 0.3rem;
          line-height: 0.3rem;
          font-size: 0.22rem; }

.case {
  margin-top: 0.3rem; }

.article-list {
  padding: 0.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .article-list a {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    height: 0.7rem;
    font-size: 0.24rem;
    line-height: 0.7rem;
    color: #666;
    position: relative;
    width: 100%; }
    .article-list a p {
      -moz-box-flex: 1;
      -webkit-box-flex: 1;
      box-flex: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #666;
      padding: 0 0.2rem; }
    .article-list a .time {
      width: 1.4rem;
      color: #666;
      display: block; }
    .article-list a:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border: 3px solid #4b916f;
      border-radius: 100%;
      position: absolute;
      top: 50%;
      margin-top: -3px; }

.evalute {
  margin-bottom: 0.2rem; }
  .evalute .evalute-list {
    padding: 0.2rem; }
    .evalute .evalute-list a {
      display: block;
      line-height: 0.4rem;
      font-size: 0.24rem;
      color: #666;
      margin: 0.1rem 0; }
      .evalute .evalute-list a p {
        line-height: 0.4rem;
        height: 0.4rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 0.2rem;
        position: relative;
        font-size: 0.24rem; }
        .evalute .evalute-list a p:before {
          content: '';
          display: block;
          width: 0;
          height: 0;
          border: 3px solid #4b916f;
          border-radius: 100%;
          position: absolute;
          top: 50%;
          margin-top: -3px;
          margin-left: -0.2rem; }
  .evalute .evalute-from {
    margin: 0.2rem;
    margin-top: 0; }
    .evalute .evalute-from textarea {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      font-size: 0.24rem;
      color: #666;
      padding: 0.1rem;
      border: 1px solid #e09a5f;
      width: 100%;
      height: 1.2rem; }
    .evalute .evalute-from a {
      display: block;
      height: 0.8rem;
      line-height: 0.8rem;
      text-align: center;
      font-size: 0.3rem;
      color: #fff;
      background-color: #e09a5f; }

.concat .concat-list {
  padding: 0.2rem;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .concat .concat-list .list {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    margin: 0.1rem 0;
    width: 100%; }
    .concat .concat-list .list p {
      font-size: 0.24rem;
      -moz-box-flex: 1;
      -webkit-box-flex: 1;
      box-flex: 1;
      line-height: 0.4rem;
      color: #666; }
    .concat .concat-list .list .name {
      padding-right: 0.1rem;
      font-size: 0.24rem;
      height: 0.4rem;
      line-height: 0.4rem;
      padding-left: 15px;
      position: relative;
      color: #aaa; }
      .concat .concat-list .list .name:before {
        content: '';
        width: 0;
        height: 0;
        display: block;
        border: 3px solid #4b916f;
        border-radius: 100%;
        position: absolute;
        top: 50%;
        margin-top: -3px; }

.concat .map {
  margin: 0.2rem;
  margin-top: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 6rem;
  height: 2.8rem;
  border: 1px solid #4b916f;
  overflow: hidden;}
  .concat .map .plat {
    width: 100%;
    height: 2rem;
    background-color: #eee; }

.copyright {
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: #666;
  font-size: 0.24rem;
  background-color: #eee; }
.copyright a{
  color: #666;  }

.presence {
  margin-top: 0.3rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .presence .swiper {
    padding: 0 0.2rem;
    margin-top: 0.2rem;
    width: 6rem;
    overflow: hidden; }
    .presence .swiper .swiper-slide {
      text-align: center; }
      .presence .swiper .swiper-slide img {
       /* width: 1.55rem;*/
	    width:5rem;
		height:3rem;
        display: inline-block; }
    .presence .swiper .swiper-pagination {
      text-align: center; }
      .presence .swiper .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #4b916f; }

/** ��ҳ����� **/

/** �ײ�������ʼ **/
.other {
width: 6.4rem;
position: fixed;
z-index: 9;
bottom: 0;
height: 0.88rem;
background:#333; 
/*overflow:hidden;*/
}
body{
padding-bottom:0.88rem;
}
.other-menu{position:relative;z-index:2}
.other-menu a {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #333;
display: block;
line-height: 1.16rem;
text-align: center;
height: 0.88rem;
width: 1.6rem;
float: left;
color:#ccc;
font-size: 0.22rem;
position:relative;
padding-top:0.1rem;
border-right: 1px solid #434343;
 }
.other-menu a:hover{
background:#3c3c3c;
}
.other-menu a.hover{
background:#3c3c3c;
color:#fff;
}
.other-menu a .ico {
width:0.4rem;
height:0.4rem;
display:inline-block;
vertical-align:-0.18rem;
position:absolute;
left:50%;
margin-left:-0.2rem;
}
.other-pop{
position:absolute;
bottom:-3.88rem;
right:0;
width:1.6rem;
opacity:0;
overflow:hidden;
transition: all 0.35s;
z-index:1;
border-radius:0.05rem 0.05rem 0 0
}
.other-pop a{
display:block;
width:1.6rem;
height:0.8rem;
line-height:0.8rem;
padding-top:0;
font-size:0.22rem;
border-bottom:0.01rem solid #5c5c5c;
background:rgba(60,60,60,0.95);
top:-3.40rem;
color:#fff;
text-align:center;
}
.other-pop-active {
opacity:1;
bottom:0.76rem;
right:0;
}

/** �ײ��������� **/