p,h1,h2,h3,h4,h5{
  margin: 0;
  padding: 0;
}
.aboutUs-banner{
  width: 100%;
  height: 6rem;
  background:  url("../../images/aboutUs/1.jpg") no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: relative;
}
.aboutUs-banner>div{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aboutUs-banner>div>span{
  display: inline-block;
  margin-bottom: 0.42rem;
  font-size:.16rem;
  font-family:Microsoft YaHei;
  font-weight:400;
  color:rgba(224,255,254,1);
}
.aboutUs-banner>div>p{
  writing-mode: vertical-rl;
  font-size:.14rem;
  font-family:Microsoft YaHei;
  font-weight:400;
  color:rgba(239,255,253,1);
}
.aboutUs-banner-item1{
  left: 4.9rem;
  top: 1.2rem;
}
.aboutUs-banner-item2{
  left: 6.05rem;
  top: 1.43rem;
}
.aboutUs-banner-item3{
  right: 8.2rem;
  top: .45rem;
}
.aboutUs-banner-item4{
  right: 5.55rem;
  top: 2.15rem;
}
.aboutUs-box1{
  width: 100%;
  height: 4.55rem;
  position: relative;
  top: -1rem;
}
.aboutUs-box1>div{
  height: 4.55rem;
  width: 12.44rem;
  background:  url("../../images/aboutUs/2.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  border-radius:0.08rem;
  overflow: hidden;
}
.aboutUs-title{
  font-size: 0.5rem;
  margin: 0 auto;
  margin-top: 0.62rem;
  margin-bottom: 0.78rem;
  width: 12.4rem;
  text-align: center;
}
.aboutUs-title::after{
  content: "";
  display: block;
  font-size: 0;
  width: .9rem;
  height: .03rem;
  background: #23cdc5;
  margin: 0 auto;
  margin-top: 0.25rem;
}
.aboutUs-box1-child{
  width: 10.96rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.aboutUs-box1-child>p{
  width: 10.96rem;
  margin-bottom: 0.1rem;
  font-size: 0.18rem;
  letter-spacing: 0.01rem;
  line-height: 0.3rem;
  font-size:0.16rem;
  font-family:Microsoft YaHei;
  font-weight:300;
  color:rgba(51,51,51,1);
}
.aboutUs-box3{
  width: 100%;
}
.aboutUs-box3-content{
  width: 14.54rem;
  height: 7.6rem;
  background:  url("../../images/aboutUs/pjbj.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  position: relative;
  left: 0.5rem;
  margin-bottom: 0.5rem;
}
.aboutUs-box3-child1{
  margin-right: 0.4rem;
  margin-left: 1rem;
  margin-top: 0.7rem;
}
.aboutUs-box3-child1>img{
  width: 4.9rem;
  height: 4.9rem;
}
.aboutUs-box3-child2>p{
  width: 6.2rem;
  height: 1.8rem;
  font-size: 0.14rem;
  margin-top: 0.5rem;
  letter-spacing: 0.01rem;
  line-height: 0.3rem;
}
.aboutUs-box3-child2>h3{
  font-size: 0.32rem;
}
.aboutUs-box3-child3{
  display: flex;
  margin-left: 4rem;
  position: relative;
  top: 1rem;
}
.aboutUs-box3-child3>div{
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
}
.aboutUs-box3-child3>div:nth-child(1){
  background:  url("../../images/aboutUs/51.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 1.1rem;
}
.aboutUs-box3-child3>div:nth-child(2){
  background:  url("../../images/aboutUs/52.png") no-repeat;
  background-size: 100% 100%;
}
.customer-symbol{
  display: inline-block;
  position: relative;
}
.aboutUs-banner-text{
  font-size: 0.22rem;
  position: absolute;
  width: 3rem;
}
.aboutUs-banner-text5{
  top: 2.3rem;
  left: -3.05rem;
}
.aboutUs-banner-text6{
  top: .1rem;
  right: 3.8rem;
}
.aboutUs-banner-text7{
  top: .1rem;
  left: 4.6rem;
}
.aboutUs-banner-text8{
  top: 2.3rem;
  right: -3.85rem;
}

.customer-heartbeat{
  animation: heartbeat 0.8s linear;
  -webkit-animation: heartbeat 0.8s linear;
  -moz-animation: heartbeat 0.8s linear;
  -o-animation: heartbeat 0.8s linear;
}
@keyframes heartbeat {
  0% {
    transform: scale(1.2,1.2);
  opacity:1;
}
33% {
  transform: scale(1,1);
  opacity:0.8;
}
66% {
  transform: scale(1.2,1.2);
  opacity:1;
}
100% {
  transform: scale(1,1);
  opacity:1;
}
}
@-webkit-keyframes heartbeat {
  0% {
    transform: scale(1.2,1.2);
  opacity:1;
}
33% {
  transform: scale(1,1);
  opacity:0.8;
}
66% {
  transform: scale(1.2,1.2);
  opacity:1;
}
100% {
  transform: scale(1,1);
  opacity:1;
}
}
@-o-keyframes heartbeat {
  0% {
    transform: scale(1.2,1.2);
  opacity:1;
}
33% {
  transform: scale(1,1);
  opacity:0.8;
}
66% {
  transform: scale(1.2,1.2);
  opacity:1;
}
100% {
  transform: scale(1,1);
  opacity:1;
}
}
@-moz-keyframes heartbeat {
  0% {
    transform: scale(1.2,1.2);
  opacity:1;
}
33% {
  transform: scale(1,1);
  opacity:0.8;
}
66% {
  transform: scale(1.2,1.2);
  opacity:1;
}
100% {
  transform: scale(1,1);
  opacity:1;
}
}