@charset "gb2312";
/* CSS Document */

body,h1,img,p,ul,li{
  margin:0;
  padding:0;
  border:none;
  list-style:none;
}
body{
  margin:0px; 
  padding:0px; 
  font:12px "微软雅黑"; 
  text-align:center; 
  background-color: #5abbc7; 
  color:#ffffff; 
}
a{
  color:#333;
  text-decoration:none;
}
a:hover{
  color:#cc0000; 
  text-decoration:underline;
}
img{
  border:none;
  margin:0px;
  padding:0px;
  vertical-align: middle;
}
.bg{
  width: 100%;
}
.main{
  position: relative;
}
.now{
  position: absolute;
  top: 78%;
  left: 55%;
  width: 265px;
}
.see{
  position: absolute;
  top: 77%;
  left: 26%;
  width: 279px;
}
.content{
  position: absolute;
  bottom:6%;
  left: 40%;
  width: 370px;
}
@media screen and (max-width: 1080px) {
  .person_text, .person_circle, .person_warp, .little_circle, .line, .ht_top, .footer, .person_icon1, .person_icon2, .person_icon3, .person_icon4, .person_icon5, .person_icon6, .person_icon7, .person_icon8 {
    display: none;
  }
  .mob_header {
    display: block;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: .3rem 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    font-size: .65rem;
  }
  .logo {
    float: left;
    width: 6rem;
    height: 1.5rem;
    margin-left: .5rem;
    background-image: url(www.huatu.comimages2015cssimagesmob_logo.pngv=1);
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -999em;
  }
  .m-footer {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 0.6rem;
    line-height: 2rem;
    background-color: #333;
  }
  .now{
    position: absolute;
    top: 73.7%;
    left: 54%;
    width: 8rem;
  }
  .see{
    position: absolute;
    top: 72.5%;
    left: 12%;
    width: 8rem;
  }
  .content{
    position: absolute;
    bottom:5%;
    left: 36%;
    width: 8rem;
  }