/* banner */
.bnp{
  width:100%;
  height:300px;
  background:url("../img/report-m/banner.png") no-repeat;
  background-size:100% 100%;
  position:relative;
  text-align: center;
}
.bnp .p1{
  font-size:30px;
  font-family:MicrosoftYaHei;
  color:rgba(255,255,255,1);
  line-height:31px;
  position: absolute;
  top: 24%;
  /* left: 23%; */
  width:100%;
}
.bnp .p2{
  font-size:19px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:39px;
  position:absolute;
  top:40%;
  /* left:7%; */
  width:100%;
}
.bnp .p3{
  font-size:15px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:31px;
  position: absolute;
  top: 54%;
  /* left: 27%; */
  width:100%;
}
/* 报告查询文字 */
.ReportQuery{
  margin:auto;
  text-align:center;
  margin-top:30px;
}
.ReportQuery h3{
  font-size:21px;
  font-weight:400;
  font-family:MicrosoftYaHei;
  color:#202020;
  line-height: 30px;
}
.ReportQuery p{
  font-size:10px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
  margin-top:4px;
}
/* 报告查询四张图 */
.box{
  width:155px;
  height:102px;
  margin: 0 4%;
}
.box img{
  width:155px;
}
.sbox{
  height: 29px;
  border-bottom: 0.5px solid #E3E3E3;
  border-right: 0.5px solid #E3E3E3;
  border-left: 0.5px solid #E3E3E3;
  margin-top: -3%;
}
.box-left{
  display:inline-block;
  width:75px;
  margin-left: 4%;
}
.box-right{
  display:inline-block;
  width:60px;
  text-align: right;
}
.icon{
  display:inline-block;
  width:12px;
  height: 12px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXBAMAAAASBMmTAAAAMFBMVEUAAAAwMDAzMzMuLi4yMjIxMTEyMjIyMjI0NDQyMjI1NTUxMTEsLCwyMjIxMTExMTFIhuc1AAAAEHRSTlMAKvwLpECM5sm23GgSfCBY8FO8BgAAAIFJREFUGNNjkFKCAa0AhmWCMCBdwKDIAAPMCng5Ii5g8ADMMYToN8BUZhoaiqIHxTTm9MoHDAwHIByLvNMLgRSQI9EhcI2BIRLCYTZmaGVgYDcAcYAYlYNQBgQcOfZqcA7PrRLJBAgHYuU0JA6DZQISh2E2A0O1MRDA+OGggDGAsAGUERwKB/2jHQAAAABJRU5ErkJggg==") no-repeat center center;
  background-size:100% 100%;
  margin:3% 0 0 6%;
}
.icon+span{
  font-size:14px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
  margin-left: 3%;
}
.icon1{
  display:inline-block;
  width:10.5px;
  height: 12px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAMAAADTAfSvAAAAM1BMVEUAAABlZWVmZmZjY2NlZWVlZWVmZmZlZWVhYWFmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmbjk8N1AAAAEXRSTlMAz+MdvVeiPBDarn5nL5NI+tSFeIIAAACdSURBVBjTbZBbEsMgCEUB8Q3G/a+2cZoiGXs+9M4ZFRAeNBFRUnghfN3rhf0lqUlZocmWpYL22mLJfRazXdb1NudMfb/BcWAdEkAHsVkasVg2W12JnVO2mJPFuGOKYGD+HWXYBFyjreECeN1YLuH2kqCdFt3bwPe0a4/udETXGeojGRzlO6Ui/MGa2VXu+8MJ+4Ckh80DCE4qVDypH+MBBBXv7EgZAAAAAElFTkSuQmCC") no-repeat center center;
  background-size:100% 100%;
  margin:3% 0 0 6%;
}
.icon2{
  display:inline-block;
  width:10.5px;
  height: 12px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAMAAADeH4ToAAAAM1BMVEUAAABkZGRmZmZkZGRmZmZlZWVlZWVlZWVmZmZlZWVgYGBlZWVlZWVmZmZlZWVlZWVlZWWMNFrZAAAAEXRSTlMAFvcu6q7Cjdp9CmdKz5s8VwCbAOMAAAC4SURBVBjTTVBZFgMhCEM2Bdf7n7atxXHyY14eCUHYoFFYLcELg/NqVbheSfp/ovE60uJjmnhYX9dh/zehw2PRMJSbTMGJr9Z6EKZHy/kQOVLCFszZgtXxSpYZg/e8JIgKbgWx1JhTFGup6HRvRXcK7h/RAZSSuwyAhTtssqdeswDh3h/VJEvpBAoj9g8Dze3XWQDnc0IzKETQAU9J9mVgTIRfNSDq/mtdDOpTXHulWXnAG7UzawP4ADzBBV09CvYyAAAAAElFTkSuQmCC") no-repeat center center;
  background-size:100% 100%;
  margin:3% 0 0 6%;
}
.icon3{
  display:inline-block;
  width:10.5px;
  height: 12px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAANlBMVEUAAABmZmZmZmZgYGBmZmZlZWVmZmZlZWVmZmZlZWVlZWVmZmZmZmZlZWVmZmZlZWVmZmZkZGSW++T5AAAAEnRSTlMA7M0L/HUXNZGCKa2eQ9liwFJpkIy9AAAAx0lEQVQoz11QWxLEIAgDBNH67P0vu2yxtbt8JRmGJIBPkIk4JcDvaC8txlawl/MlH7jYiUIzPjqNGw2CRDdpBHulwZSFk2xd0l57e50FgFesOrY+6talbr2KpVs4YoQXzOkxm2HVtiy6tyyzXrUpBUF95CCMVCsxTyzHfkM3omNoUA12RPyQ+nda81cpZApXhOYenraZbf3Ckt0D0UNJMXw8LQbzqm2iVUjZWWfujkw8OpAuxrw2lCAw8N0u5wUiAxB0+J9L+gDZjgWeg+4CbwAAAABJRU5ErkJggg==") no-repeat center center;
  background-size:100% 100%;
  margin:3% 0 0 6%;
}
.icon4{
  display:inline-block;
  width:10.5px;
  height: 12px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXBAMAAAASBMmTAAAAHlBMVEUAAABmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVmZmZsw967AAAACXRSTlMA96qKLnfculc9lXodAAAAcUlEQVQY02NgEgSDDAYQ0CxSAoFMBxBHiAEMPAOQOQYEORwtSBzGyUgGsIE4SUpKDnAO0GIBBiHm8sJp5SVAZcxADtNMIJgC5TCnJU5MSwFzwHqmMjAgOJNxcVhDEBwgIJEjZgwGmsXG5gIMgYJwEAAA/Wsf9uYZwPwAAAAASUVORK5CYII=") no-repeat center center;
  background-size:100% 100%;
  margin:3% 0 0 6%;
}
.icon1+span,.icon2+span,.icon3+span,.icon4+span{
  font-size:14px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
  margin-left: 3%;
}
@media screen and (max-width:374px) {
  .box {
    width: 155px;
    height: 102px;
    margin: 0 1%;
  }
  .bnp .p1 {
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 24%;
    /* left: 21%; */
  }
  .bnp .p2 {
    font-size: 17px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 39px;
    position: absolute;
    top: 40%;
    /* left: 6%; */
  }
  .bnp .p3 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 52%;
    /* left: 27%; */
  }
}

@media screen and (min-width:376px) and (max-width:414px) {
  .bnp .p1 {
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 24%;
    /* left: 26%; */
  }
  .bnp .p2 {
    font-size: 19px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 39px;
    position: absolute;
    top: 40%;
    /* left: 12%; */
  }
  .bnp .p3 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 54%;
    /* left: 31%; */
  }
}

@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: 24%;
    /* left: 21%; */
  }
  .bnp .p2 {
    font-size: 17px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 39px;
    position: absolute;
    top: 40%;
    /* left: 10%; */
  }
  .bnp .p3 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 52%;
    /* left: 27%; */
  }
}