.page-footer-box{
  background-color: #e4e4e4;
  border-top:4px solid #ad0000;
}
.page-footer-top-top-img{
  width:calc( 400 / 1440 * 100% );
  height:unset;
}
.page-footer-top-top{
  padding:clamp( 10px,3vw,30px ) 0 clamp( 5px,1.2vw,12px );
}
.page-footer-top-top-right{
  border-radius: 25px;
  overflow:hidden;
  height: clamp(30px,5vw,50px);
}
.page-footer-top-top-right-unit{
  height:100%;
  padding:0 clamp( 5px,1vw,10px);
  display:flex;
  align-items:center;
  background-color: #ad0000;
  margin-left:5px;
  height:100%;
}
.page-footer-top-top-right-unit:first-of-type{
  margin-left:0;
}
.page-footer-top-top-right-unit-img{
  width:clamp( 15px,2.8vw,28px);
  display:block;
  flex:none;
}
.page-footer-top-top-right-unit-img img{
  width:100%;
}
.page-footer-top-top-right-unit-title{
  font-size: clamp(12px,2vw,20px);
  margin-left:5px;
  flex:none;
  color:#ffffff;
  display:block;
}
.page-footer-top-bottom{
  border-top:2px solid #aaaaaa;
  padding:clamp( 10px,3vw,30px) 0 clamp( 20px,4vw,40px);
  display:flex;
  align-items:flex-start;
}
.page-footer-top-bottom-unit{
  width:calc( 1 / 8 * 100% );
  padding:0 clamp(5px,1.3vw,13px);
  border-left:1.5px solid #6f6d6e;
}
.page-footer-top-bottom-unit:first-of-type{
  border-left:1.5px solid rgba(0,0,0,0);
}
.page-footer-top-bottom-unit:nth-child(n+9){
  display:none;
}
.page-footer-top-bottom-unit-title{
  color:#555555;
  font-size: clamp(12px, 1vw, 16px);
  font-weight:bold;
}
.page-footer-top-bottom-unit-list-unit{
  font-size: clamp(10px, 0.8vw, 14px);
  color:rgba(85,85,85,0.75);
  margin-top:5px;
  display:block;
}
.page-footer-center{
  padding:clamp( 5px,0.8vw,8px ) 0 clamp( 5px,2.2vw,22px);
  background-color: #eceaea;
}
.page-footer-center-top{
  padding:clamp(5px,1vw,10px) 0;
  border-top:1px solid #b0b0b0;
}
.page-footer-center-top:first-of-type{
  border-top:0;
}
.page-footer-center-top-left-left-point{
  width: 6px;
  height: 6px;
  background-color: #ca1621;
  border-radius:50%;
  margin-left:clamp(5px,1vw,10px);
}
.page-footer-center-top-left-left-title{
  font-size:clamp( 8px,1.4vw,14px);
  color: #3e3e3e;
  margin-left:clamp(5px,1vw,10px);
  line-height:clamp(15px,2vw,20px);
}
.page-footer-center-top-left-left{
  height:clamp(15px,2vw,20px);
}
.page-footer-center-top-left-list-unit{
  font-size:clamp( 8px,1.4vw,14px);
  color: #3e3e3e;
  margin-left:clamp(8px,2vw,15px);
  line-height:clamp(15px,2vw,20px);
}

.page-footer-center-top-right{
  height:clamp( 20px,4.4vw,44px );
}
.page-footer-center-top-right-unit{
  height:100%;
  display:block;
  margin-left:clamp(10px,2vw,20px);
  cursor:pointer;
  position:relative;
}
.page-footer-center-top-right-unit img{
  height:100%;
}

.page-footer-center-top-right-unit .share-weixin-box{
  padding:2px;
  position:absolute;
  transform:scaleX(0) scaleY(0);
  transform-origin:0 100%;
  transition:0.5s;
  left:0;
  bottom:100%;
  background:#ffffff;
  box-shadow: 0px 3px 6px 2px 
		rgba(0, 0, 0, 0.27);
  /*transform:scaleX(1) scaleY(1) translateY(-50%);*/
  opacity: 0;
}
.page-footer-center-top-right-unit .share-weixin-box{
  background-color: #878787;
}
.page-footer-center-top-right-unit.wx:hover .share-weixin-box{
  transform:scaleX(1) scaleY(1);
  opacity: 1;
}
.page-footer-center-top-right-unit .weixin-qrcode img{
  width:100px;
  position:relative;
  z-index:10;
}
.page-footer-center-top-wap{
  display:none;
}
@media (max-width:576px){
  .page-footer-top-top>.flex{
    display:block;
  }
  .page-footer-top-top-right{
    width:100%;
    justify-content:center;
    margin-top:clamp(1px,3vw,28px);
  }
  .page-footer-top-top-img{
    margin-left:auto;
    margin-right:auto;
    width:clamp( 1px , 80vw , 678px );
  }
  .page-footer-top-top-right-unit{
    padding:0 clamp( 1px , 3.87vw , 29px );
  }
  .page-footer-top-top-right-unit:first-of-type{
    border-radius: 20px 0 0 20px;
  }
  .page-footer-top-top-right-unit:last-child{
    border-radius: 0px 20px 20px 0px;
  }
  .page-footer-top-bottom{
    display:block;
    padding: clamp(10px, 3vw, 30px) clamp( 1px, 1.87vw, 20px ) clamp(20px, 4vw, 40px);
  }
  .page-footer-top-bottom-unit{
    border-left:0!important;
    display: flex;
    width:100%;
    margin-top:10px;
  }
  .page-footer-top-bottom-unit:first-of-type{
    margin-top:0px;
  }
  .page-footer-top-bottom-unit-title{
    flex:none;
  }
  .page-footer-top-bottom-unit-list{
    flex:1;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    align-items:center;
  }
  .page-footer-top-bottom-unit-list-unit{
    margin-top:0;
    margin-left:clamp( 1px,3vw,48px );
    padding:0;
    font-size:12px;
  }
  .page-footer-center-top-wap{
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .page-footer-center-top .page-footer-center-top-right{
    display:none;
  }
  .page-footer-center-top-left-left-title{
    font-size: clamp(10px, 1.4vw, 14px);
  }
  .page-footer-center-top-left-list-unit{
    font-size: clamp(10px, 1.4vw, 14px);
  }
  .page-footer-center{
    border-top: 2px solid #aaaaaa;
    padding: clamp(5px, 0.8vw, 8px) clamp( 1px,1.87vw,20px) clamp(5px, 2.2vw, 22px);
  }
  .page-footer-center-top{
    border-top: 0;
  }
  .page-footer-center-top-right{
    height:unset;
  }
  .page-footer-center-top-wap .page-footer-center-top-right-unit{
    height:clamp( 1px,7.33vw,56px );
  }
  .page-footer-center-top-wap .page-footer-center-top-right:nth-child(2n){
    display:block;
  }
  .page-footer-center-top-wap .page-footer-center-top-right:nth-child(2n) .page-footer-center-top-right-unit{
    margin-top:clamp( 1px, 2.4vw,18px);
  }
}