body{
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-s;
}
body,html,div,h1,ul,li{
  margin:0;
  padding:0;
}
.clear{
  clear: both;
}
.top_wrap{
  width:1200px;
  height:70px;
  margin: 0 auto;
}
.header{
  height:70px;
  background-color: #00a0e9;
}
.logo{
  float: left;
}
.logo img{
  display: block;
  height:70px;
}
.header h1{
  height: 70px;
  line-height: 70px;
  color: #fff;
  padding-left:30px;
  float: left;
}
.banner img{
  display: block;
  width:100%;
}
.features{
  float: left;
  width: 50%;
  margin-left: 10%;
  margin-top:20%;
}
.feature_item{
  margin-left: 0;
  margin-right:10%;
}
.feature_list{
  width:80%;
  margin: 0px auto;
}
.feature_list h2{
  font-size: 30px;
  line-height: 1.4;
  color: #584f60;
  vertical-align: top;
}
.feature-desc{
  font-size: 22px;
  color: #929292;
  line-height: 1.7;
}
.feature_img{
  float: left;
  width:312px;
  height:662px;
  padding-top:50px;
  background: url("../images/bg-mobile.jpg");
  background-repeat: no-repeat;
}
.feature_img img{
  display: block;
  width: 264px;
  height: 468px;
  padding-left: 26px;
  margin-top: 46px;
}
.footer{
  width:100%;
  padding:25px 0;
  background:rgba(0, 0, 0, 0.06);
  border-top: 1px solid rgba(158, 158, 158, 0.11);
  margin-top: 50px;
  text-align: center;
}
.links{
  font-size: 12px;
  display: inline-block;
}
.links ul{
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.links ul li{
  float: left;
  border-right: 1px solid #8a8a8a;
  margin-right: -1px;
  padding: 0 20px;
}
.links ul li a{
  text-decoration: none;
  color: #8a8a8a;
}
/*
  service privacy
*/
.content{
  width:1000px;
  margin: 60px auto;
  color: #929292;
}
.content h1{
  font-size: 28px;
}
.content h1,.content h3{
  color: #584f60;
}
.content p{
  line-height: 1.7;
}