body {
  background-color: #EEE;
}
.wrap {
  background-color: #fff;
}
.banner {
  width: 10rem;
  /*height: 4.93333333rem;*/
  height: 6.613333rem;
  background: #0880c5 url(../img/bg01.png) no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
  text-align: center;
}
.banner a {
  display: inline-block;
  width: 1.92rem;
  height: 1.92rem;
  margin-top: 1.06666667rem;
  color: #fff;
}
.banner p {
  font-size: 0.45333333rem;
  color: #fff;
  margin: 0.13333333rem 0 0.06666667rem 0;
  font-weight: bold;
}
.banner span {
  width: 8.8rem;
  display: block;
  margin: auto;
  font-size: 0.37333333rem;
  color: #fff;
  line-height: 0.65333rem;
  margin-top: .4rem;
}
.content {
  width: 10rem;
  height: auto;
  margin: 0.13333333rem auto 0.46666667rem auto;
}
.catalog {
  width: 100%;
  height: 7.33333333rem;
  text-align: center;
  background: url(../img/bg02.png) no-repeat center bottom;
  background-size: 10rem 3.85333333rem;
}
.content h4 {
  font-size: 0.53333333rem;
  font-weight: bold;
  margin: 0.26666667rem 0;
  padding: 0.26666667rem 0 0 0;
}
.content P {
  color: #5c5c5c;
  font-weight: 400;
  font-size: 0.37333333rem;
  line-height: 0.69333333rem;
  letter-spacing: 0.04rem;
}
.catalog h4 {
  color: #e34100;
}
.catalog P {
  margin-left: 18%;
  text-align: left;
}
.catalog P:nth-of-type(1):before {
  content: "";
  display: inline-block;
  width: 0.37333333rem;
  height: 0.34666667rem;
  background: url(../img/service.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 0.24rem;
}
.catalog P:nth-of-type(2):before {
  content: "";
  display: inline-block;
  width: 0.34666667rem;
  height: 0.37333333rem;
  background: url(../img/phone.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 0.24rem;
}
.catalog P:nth-of-type(3):before {
  content: "";
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  background: url(../img/share.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 0.24rem;
}
.finance {
  width: 10rem;
  text-align: center;
}
.law,
.medicalCare {
  width: 10rem;
  text-align: center;
  margin-top: 1.06666667rem;
}
.finance h4 {
  color: #f29516;
}
.finance a {
  display: block;
  width: 5.37333333rem;
  height: 5.01333333rem;
  margin: 0.8rem auto 0 auto;
}
.law h4 {
  color: #005992;
}
.law a {
  display: block;
  width: 5.28rem;
  height: 4.73333333rem;
  margin: 0.8rem auto 0 auto;
}
.medicalCare h4 {
  color: #03539e;
}
.medicalCare a {
  display: block;
  width: 5.81333333rem;
  height: 5.25333333rem;
  margin: 0.8rem auto 0 auto;
}
.footer {
  width: 10rem;
  height: 2.8rem;
  background-color: #0880c5;
  position: relative;
  margin: 0 auto;
}
.footer a {
  display: block;
  width: 4rem;
  height: 1.2rem;
  line-height: 1.2rem;
  border: 1px solid #FFF;
  position: absolute;
  top: 0.8rem;
  border-radius: 0.13333333rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #fff;
  text-align: right;
  padding-right: 0.64rem;
  box-sizing: border-box;
}
.IOSDowload {
  left: 0.66666667rem;
  background: url(../img/apple.png) no-repeat 0.4rem 0.13333333rem;
  background-size: 0.66666667rem 0.8rem;
}
.AndroidDowload {
  right: 0.66666667rem;
  background: url(../img/android.png) no-repeat 0.4rem 0.13333333rem;
  background-size: 0.74666667rem 0.8rem;
}