.footer{width: 100%;position: relative;background-color: #242426;}
.f-top{width: 100%;padding-top: 1rem;padding-bottom: .5rem;border-bottom: 1px solid rgba(255,255,255,.3);}
.f-cont{width: 15.26rem;margin: 0 auto;}
.f-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{float: left;width: 9.5rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.f-item{display: block;}
.f-one{display: block; color: #ffffff;line-height: 1.5; margin-bottom: .5rem;}
.f-twobox{display: inline-block;}
.f-two{display: block;cursor: pointer; color: rgba(255,255,255,.5);line-height: 1.57;margin-bottom: .1rem;}
.f-two:hover{color: #fff;}

.f-right{float: right;width:3.5rem;}
.f-tip{display: block;width: 100%;margin-bottom: .1rem; color: #ffffff;line-height: 1.5;}
.f-phone{display: block;cursor: pointer;margin-bottom: .1rem; width: 100%;font-weight: bold;line-height: 1.3;color: #fff;}
.f-intro{width: 100%;margin-bottom: .1rem; color: #fff;line-height: 1.7;}
.f-address{display: flex;}
.f-span1{color: #fff;line-height: 1.6;}
.f-span2{flex: 1; color: #fff;line-height: 1.6;}

.f-codebox{width: 100%;font-size: 0;}
.f-code{display: inline-block;vertical-align: top;text-align: center;margin-top: .15rem; margin-right: 2%;width: 32%;}
.f-code:last-child{margin-right: 0;}
.f-img{width: 100%;border-radius: .15rem;overflow: hidden;}
.f-img img{width: 100%;}
.f-name{width: 100%;color: #fff;line-height: 1.7;}

.f-center{display: none; width: 100%;font-size: 0;text-align: center;padding-top: 1rem;padding-bottom: .5rem;border-bottom: 1px solid rgba(255,255,255,.3);}
.f-buttom{display: inline-block;vertical-align: middle;color: #fff;}
.f-buttom:after{content: '|';margin: 0 .2rem;}
.f-buttom:last-child:after{display: none;}
.f-bottom{width: 15.26rem;margin: 0 auto;padding-top: .3rem;padding-bottom: .3rem;text-align: center;} 
.f-link{display: inline-block;vertical-align: middle;padding: 0 .1rem;color: rgba(255,255,255,.5);line-height: 1.7;}
.f-link:last-child{margin-right: 0;}
.f-bottom a:hover{cursor: pointer; color: #fff;}

@media(max-width: 900px){  
  .f-cont{width: 100%;margin: 0 auto;max-width: 500px;padding-left: 10px;padding-right: 10px;}  
  .f-left{display: none; width: 100%;} 
  .f-item{width: 100%;margin-bottom: .3rem;}
  .f-one{margin-bottom: .3rem;}
  .f-twobox{width: 100%;}
  .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .2rem;} 
  .f-right{width: 100%;}

  .f-bottom{width: 100%;margin: 0 auto;max-width: 500px;padding-left: 10px;padding-right: 10px;}
  .f-center{display: block;margin: 0 auto;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
  .f-top{display: none;} 
}

.embed-toolbar[data-v-9858d005]{opacity: 0;z-index: -1;visibility: hidden;}
.embed-icon[data-v-e5119d70]{opacity: 0;z-index: -1;visibility: hidden;}