/* banner */
.bnp{
  width:100%;
  height:300px;
  background:url("../img/HIS-m/banner.png") no-repeat;
  background-size:100% 100%;
  position:relative;
  text-align: center;
}
.bnp .p1{
  font-size:35px;
  font-family:MicrosoftYaHei;
  color:rgba(255,255,255,1);
  line-height:31px;
  position: absolute;
  top: 29%;
  /* left: 10%; */
  width:100%;
}
.bnp .p2{
  font-size:15px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:20px;
  position: absolute;
  top: 51%;
  /* left: 13%; */
  /* width: 280px; */
  width:100%;
  text-align: center;
}
/* 服务商 */
.mode{
  width:100vw;
  margin:auto;
  text-align:center;
  margin-top:30px;
}
.mode h3{
  font-size:18px;
  font-weight:400;
  font-family:MicrosoftYaHei;
  color:#202020;
  line-height: 30px;
}
.mode p{
  font-size:10px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
  margin-top:4px;
}

.zz,.gl{
  height:165px;
  background:url("../img/HIS-m/bj.png") no-repeat;
  background-size:100% 100%;
  margin: 0 1%;
}
.zz img,.gl img{
  width:61px;
  height:61px;
  margin-top: 13%;
  margin-left: 30%;
}
.zz h2,.gl h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:#fff;
  line-height:15px;
  text-align: center;
}
.zz p,.gl p{
  width:150px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:#fff;
  line-height:15px;
  text-align: center;
  margin:3% auto;
}
/* 服务价值 */
.serbox1{
  height:101px;
  border:1px solid #979899;
  margin: 0 4%;
  display:flex;
  justify-content:space-around;
}
.serbox1>img{
  width:25px;
  height:30px;
  margin-top: 10%;
  margin-left: 5%;
}
.serbox1 div{
  margin-left: -7%;
  margin-top: 5%;
}
.serbox1>div>h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(32,32,32,1);
  line-height:15px;
}
.serbox1>div>p{
  width:216px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:15px;
}
.serbox2{
  height:101px;
  border:1px solid #979899;
  margin:3% 4%;
  display:flex;
  justify-content:space-around;
}
.serbox2>img{
  width:25px;
  height:30px;
  margin-top: 10%;
  margin-left: 5%;
}
.serbox2 div{
  margin-left: -7%;
  margin-top: 5%;
}
.serbox2>div>h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(32,32,32,1);
  line-height:15px;
}
.serbox2>div>p{
  width:216px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:15px;
}
.serbox3{
  height:101px;
  border:1px solid #979899;
  margin: 0 4%;
  display:flex;
  justify-content:space-around;
}
.serbox3>img{
  width:25px;
  height:30px;
  margin-top: 10%;
  margin-left: 5%;
}
.serbox3 div{
  margin-left: -7%;
  margin-top: 5%;
}
.serbox3>div>h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(32,32,32,1);
  line-height:15px;
}
.serbox3>div>p{
  width:216px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:15px;
}
.serbox4{
  height:101px;
  border:1px solid #979899;
  margin:3% 4%;
  display:flex;
  justify-content:space-around;
}
.serbox4>img{
  width:33px;
  height:27px;
  margin-top: 10%;
  margin-left: 5%;
}
.serbox4 div{
  margin-left: -7%;
  margin-top: 5%;
}
.serbox4>div>h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(32,32,32,1);
  line-height:15px;
}
.serbox4>div>p{
  width:216px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:15px;
}
@media screen and (max-width: 374px) {
  .bnp .p1 {
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 29%;
    /* left: 9%; */
  }
  .bnp .p2 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 20px;
    position: absolute;
    top: 51%;
    /* left: 6%; */
    /* width: 280px; */
    text-align: center;
  }
}

@media screen and (min-width:376px) and (max-width:414px) {
  .bnp .p1 {
    font-size: 35px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 29%;
    /* left: 14%; */
  }
  .bnp .p2 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 20px;
    position: absolute;
    top: 51%;
    /* left: 17%; */
    /* width: 280px; */
    text-align: center;
  }
}
@media screen and (min-width:360px) and (max-width:374px) {
  .bnp .p1 {
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 29%;
    /* left: 15%; */
  }
  .bnp .p2 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 20px;
    position: absolute;
    top: 51%;
    /* left: 12.5%; */
    /* width: 280px; */
    text-align: center;
  }
}