/* banner */
.bnp{
  width:100%;
  height:300px;
  background:url("../img/aboustus-m/bj.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: 26%;
  /* left: 11%; */
  width:100%;
}
.bnp .p2{
  font-size:15px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:31px;
  position: absolute;
  top: 47%;
  /* left: 15%; */
  width:100%;
}
.flex{
  display:flex;justify-content:center;margin-top:2%
}
/* 公司宗旨文字 */
.Purpose{
  margin:auto;
  text-align:center;
  margin-top:30px;
}
.Purpose h3{
  font-size:21px;
  font-weight:400;
  font-family:MicrosoftYaHei;
  color:#202020;
  line-height: 30px;
}
.Purpose p{
  font-size:10px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
  margin-top:4px;
}
/* 公司宗旨四块 */
.play{
  width:168px;
  height:243px;
  margin:auto;
}
.box{
  width:154px;
  margin-left: 4%;
}
.box h3{
  font-size:16px;
  font-weight:400;
  font-family:MicrosoftYaHei;
  color:#202020;
  line-height: 30px;
  margin-top:5%
}
.box i{
  display: inline-block;
  font-size:12px;
  color:rgba(102,102,102,1);
  line-height:30px;
}
.box p{
  display:inline-block;
  width:86%;
  height:11%;
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:1px;
}
.box div{
  height:23px;
}
.box1{
  width:153px;
  height:120px;
  box-shadow:0 0 10px #E5e5e5;
  margin-left:4.3%;
  background:url("data:image/png;base64,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") no-repeat center center;
  background-size:50px 50px;
}
.box2{
  width:153px;
  height:120px;
  box-shadow:0 0 10px #E5e5e5;
  margin-left:4.3%;
  background:url("data:image/png;base64,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") no-repeat center center;
  background-size:59px 46px;
}
.box3{
  width:153px;
  height:120px;
  box-shadow:0 0 10px #E5e5e5;
  margin-left:4.3%;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABiBAMAAAAM6vhjAAAAMFBMVEUAAAAAT34AUH0AUH4ATnwAT34AT30AUH4AUHwATXwAT34AT34AT30AT30AT30AUH4Mft9+AAAAD3RSTlMA9zztH6TjuioR0o9Od1+9WbDAAAAEFElEQVRIx82Va0gUURTHL7LSLm2CBQX22I2Cyigoowc9Zj9U2Ass0qgE0ZKi12RJW1TsUvSAvsyHKEqLpDLswWplD0LayKAkS+hD0ReLTIqCmJbdFYNO59zZZWacmTt+Cfx/uDtz9jfn3nvOuecyN/nL5pYzd/nWqrPUje5crlo+c23Snfu1hLER+Z9cp40041ix143zjgriOHGOG5eTCuF4ss/dXxTH467+PLEuHLub+Ev9z6gjWFGFk8sEs7rK/HlBB6xOSn0r7k0r5Doy+qa0xGEbEVVONUItPZ9PfWdTErYOfe9gz6oG9Y7CI76IwmkbyVMwJsqKp3KM8YhPnG2DjZATXfpbZRyHi39tYlcDBw1rqAzSIm24XlisGF55JJcnLRtZFkibbE+bKOJQ8EEx13Es8dhkOJ5UWJ4kg3o0agxJC9xmJuUF7rypSa8uA9jWoyEz2tpZB4wNWdYLeAI8XyVIldPcUwD6f0j9cUtNvA/fpd81+0HdOY35pXmluIr1zColE7CPEhQ8OpmOshOwh4k0PQaqfI3yWMKEqt8E8InyOF/M4XZ46az87XoiiqKD4nwNgnkteXQ/2YzisiphifIFkmLMo1TdKo+3AFeLUE3MoA7Mm6Hx7CegismAWmDaSeeTdmN9EjCSyf3hcFjUCB/i/wHkxjFXeSXkRg6wdT7Z3PZyQJIsnOfF1QAAjKpuF3I5myCj1DoB568h4saGA/ijHnHkcgjbOVlhZ2c0ILjPgfO0ILZbOz2XYwjet+c6EMPcaqoLYFbidhz9o+pH+wsALFSsnDcCAGON5YCf1Vq5QkDx03N2KXfTDThzcCDnl9DMLwtf2Q7eQYYBatdA7jlZx2sFjbumKNGXibiZ4+5AK8PP+MRvNTItMnOTgNSV5bjnZ0AOg0bOy6tVJRv50VZ6DkjbjdxFIPXjn+3sUgC0iXOzRp17CqQ0PjWWxoB0iLHhwFWic/4AkJJkAU1b8VoArgk6R18SlwmGGpZgPmYkY7X4S9NJ4B4K7f2xiizno43vRcR2fWyltjVF+6IEe3szJk7frzV+FPBrLDeBGV7OuSpTPp5n80GTpV+3UD7eAk+wfX592lKpQUSs+dXKF+gyHC7xQqYgWOsFrXK2/s40zr0VpSuU15+gnr2nuaHFWs/8mZbzx3jt4Xut03lrFp43/fwm3c4vvd3T+0F9DPd6X9hfXtENXEP9RdyvRt/Y0CiJ+hV5fMArjGhR/6NrsIEo9XoPE3Ck4s7W0raXISbkdA1NbqlBIWeubkuRruqQI9cNRjU7chUm7ooj98zEdTlyeWGDjipDL87sUjijwyEhp0fmkIjzyJBVn4jzxSCrOcJ5C/MzKogLOV+2Wlb89/hNOO2qY8TBYDR4rrV0MFr/D7TtcXP5MArnAAAAAElFTkSuQmCC") no-repeat center center;
  background-size:39px 49px;
}
.box4{
  width:153px;
  height:120px;
  box-shadow:0 0 10px #E5e5e5;
  margin-left:4.3%;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABhBAMAAADSARnUAAAAJ1BMVEUAAAAAT34ATn0AUH4AT30AT30AT30ATHsAT34AT34AT34AT30AUH5ex+ttAAAADHRSTlMA9iPWUrxsE+aIpTwVHaYCAAACoklEQVRYw+3WwUsUURwH8C9mO6inlS0U5zBYKtIllLBsDxqCCR2MiiQ9WIcQ8zBUG2SnTIpiDwt13MNWVAgdNooIPE3biiu/P6qdkWZ33sz37bybgZ+b4G+/vzfv994MmIV7MDRi78/AzFeRKRjpKor0m5f8Pi75L0usH46+ZP0zFN+zLyMleWVgNm2pxBrxSspYLrY30fw7h4iMiAxGhl9qTnuIiDRiJdEYa2FeCZE9tbEghghCZAtRd9UYqCGxU5qxIzHWud3dMTcSsg1oYroWlrJ2dmD6AQ0JdNvy7zmOLskh71I16CAMUcyKSB1N40UJnfJ/+0QrJB5TDyvCmmqzhIQAV4Pd6s5LO2/QRS8JCf55AtZ7USw3B46EAGffuRgRhR/wdMcB1ZeXmNPQ+iVx3io4v+sEOWgUJMl+VX/fx5F3QLibiRqgHkkyj3dWFmJRc3kR9Jn1CFPXLMV0MdeEKtFdoW6TkrxQQ2SKbaH+IFFGuAZ7xtxBpJ0bk75pB73C1YDxycBycBcFJnBSVxIeJW8GK2F0QVfSavs8iuFMaEtaPfQjn66ktdJX4cDn9Gtp7VoJPc+zvoHV8HfIKK9lA29c4PGcbz7cF7aV1lzASbv7e+YzNmQ+yVP0tqAqpGRWqBnjs19zwQ+M4XVp0XtsC8wGv2CYgulS+GbmwJVZXxQZ5roLzlqRBBPQOcNelVxXQsxl6G3Gn7CDDtaUCu8LOulTWttGZ5nISRt0kMKTtprXSgXz7KMtgYGbSgVn/fx00c6+2LkCA9bD4eExHDGj99ukWn+mSD4suW/kUyT9ySyZl1TQ2Sy5WlOf/wMXKazfarmziiPFGvaNmVS8nfRdMFhIodNrhX+Xeg7SKrN95DbYTHa+metIre/6YcgHJPkLYN8R2RALb4kAAAAASUVORK5CYII=") no-repeat center center;
  background-size:50px 48px;
}
/* 公司简介 */
.brief{
  margin:auto;
  text-align:center;
  margin-top:30px;
}
.brief h3{
  font-size:21px;
  font-weight:400;
  font-family:MicrosoftYaHei;
  color:#202020;
  line-height: 30px;
}
.brief p{
  font-size:10px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
  margin-top:4px;
}
/* 公司简介长文 */
.jjbox{
  margin:3% auto;
  text-align:justify;
  text-indent:1em;
  max-width: 86%;
}
.jjbox p{
  font-size:13px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(96,98,102,1);
  line-height:20px;
}
/* 公司发展历程 */
.history{
  margin:auto;
  text-align:center;
  margin-top:30px;
}
.history h3{
  font-size:21px;
  font-weight:400;
  font-family:MicrosoftYaHei;
  color:#202020;
  line-height: 30px;
}
.history p{
  font-size:10px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
  margin-top:4px;
}
/* 联系我们 */
.call{
  margin:auto;
  text-align:center;
  margin-top:30px;
}
.call h3{
  font-size:21px;
  font-weight:400;
  font-family:MicrosoftYaHei;
  color:#202020;
  line-height: 30px;
}
.call p{
  font-size:10px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
  margin-top:4px;
}
.box-left span{
  font-size:10px;
  font-family:ArialMT;
  font-weight:400;
  color:rgba(32,32,32,1);
  line-height:30px;
}
.box-left .telimg{
  width:20px;
  height:19px;
  position:relative;
  bottom:-4.5px;
}
.box-left .e-mimg{
  width:17px;
  height:12px;
  position: relative;
  bottom: -1px;
}
.box-left .dzimg{
  width:19px;
  height:19px;
  position: relative;
  bottom: -3px;
}
@media screen and (max-width:374px) {
  .box-left span {
    font-size: 8px;
    font-family: ArialMT;
    font-weight: 400;
    color: rgba(32,32,32,1);
    line-height: 30px;
  }
  .bnp .p1 {
    font-size: 34px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 26%;
    /* left: 4%; */
  }
  .bnp .p2 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 47%;
    /* left: 8%; */
  }
}
@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: 26%;
    /* left: 14%; */
  }
  .bnp .p2 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 47%;
    /* left: 18%; */
  }
}

@media screen and (min-width:360px) and (max-width:374px) {
  .bnp .p1 {
    font-size: 34px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 26%;
    /* left: 9.5%; */
  }
  .bnp .p2 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 47%;
    /* left: 12.5%; */
  }
}