.footer{ width:100%; background:#00427B;}
.footer-content{ padding:2% 20% 2% 8%;
    overflow:hidden;
    font-size:calc(10px + 0.7vw);
    line-height:36px;
    color:#fff;
    font-weight: bold;
}
.footer-content a{  color:#fff;transition:all .3s;}
.footer-content img{ max-width: 100%}
.footer-contact-list{
    overflow:hidden;
    display: flex;
    justify-content: space-between;
}
.footer-contact-list ul{
    padding: 1% ;
    text-align: center;
    font-size: calc(15px + 0.1vw);
}
.footer-contact-list .contact{
  	display:none;
}
.footer-contact-list .lxfs{
    text-align: left;
}
.footer-contact-list ul li{
    overflow:hidden;
    list-style: none;
    font-weight: normal;
}
.footer-contact-list ul li img{
    float:left;
    width:35%;
    margin:10% 2% 0 2%;
}
.footer-contact-list ul li a{
    float:left;
    width:100%;
    color: #eeeeee;
    opacity: 0.5;
    list-style: none;
  transition:all .4s;
}
.footer-contact-list ul li a:hover{
	opacity: 1;
  transition:all .4s;
}
.footer-contact-list ul li p{
    margin-top: 0;
    float:left;
    width:90%;
    text-align:left;
    font-size: 24px;
    list-style: none;
}
.footer .line{
    width:100%;
    opacity: 0.2;
  	border:0.2px solid #eeeeee;
}
.footer .tip{
  	margin-top:1%;
    text-align:center;
    width:100%;
    color: #eeeeee;
    opacity: 0.5;
  	font-weight:normal;
    list-style: none;
  	font-size: calc(5px + 0.5vw);
}

@media screen and (max-width: 1630px) {
  .footer-content{padding-right:0;}

}
@media screen and (max-width: 1400px) {

    .footer-contact-list ul li p {
        font-size: 24px;
        width: 100%;
    }
  .footer-content{
    padding: 2% 2% 2% 8%;
  }

}
@media screen and (max-width: 1200px){
    .footer-contact-list ul{
        padding: 1%;
    }
    .footer-contact-list ul li p{
        font-size: 18px;
    }
}

@media screen and (max-width: 935px){
  
.footer-contact-list ul li{
display:none;
}
  .footer-contact-list ul{
  font-size:13px;
  }
}
@media screen and (max-width: 600px){
  .footer-contact-list{    flex-direction: column;}
  .footer-content{padding: 2%;}
  .footer-contact-list .lxfs{text-align:center;}
  
    .footer-contact-list ul {
        padding: 0;
        border-bottom: 1px solid #fff;
    }
}

@media screen and (max-width: 476px){
  .footer-content{
  	display:block;
  }
  .footer-contact-list{
  	display:block;
  }
  .footer-contact-list .contact{
    display:block;
    float:right;
    width:50%;
  	text-align:center;
  }
  .footer-contact-list .contact img{
  	
    padding:0 30%;
  }
  .footer-contact-list ul{
    float:left;
    width:50%;
  	padding:0;
  }
  .footer-content{
  	line-height:21px;
    font-weight:normal;
  }
  .footer-contact-list .lxfs{
  	text-align:center;
  }
}