.footer{width:100%;background:url(../images/index/footer-bg-2_hunm.jpg) no-repeat;}
.footer-ul{width:1200px;margin: auto;overflow:hidden;position:relative;z-index:1;}
/* background:url(../images/index/footer-nav.png) no-repeat; */
.footer-ul:before{content:"";background:url(../images/index/footer-nav.png) no-repeat;position:absolute;width:100%;height:39px;top:0;left:0;z-index:-1;opacity: 0.3;}

.footer-ul li{float: left;width:171px;}
.footer-ul li a{font-size:14px;text-align: center;display:block;width:100%;padding:10px 0;color:#f5f5f5;}
.footer-ul li a:hover{color:#E3B96F}

.footer-cont{overflow:hidden;width:1200px;margin:auto;padding:20px 0;overflow:hidden;}

.footer-cont-left{width:400px;min-height:160px;text-align: center;border-right:1px solid #fff;float:left;box-sizing:border-box}
.footer-cont-left img{max-height:60px;margin-top:25px;max-width: 320px;}
.footer-cont-left h1{color:#fff;margin-top: 10px;}
.footer-cont-left h3{color:#fff;margin-top: 10px;}

.footer-cont-middle{float:left;width:400px;}
.footer-cont-middle p{color:#fff;font-size:16px;box-sizing:border-box;padding-left:90px;margin:15px 0;}
.footer-cont-right{width:400px;float:right}
.footer-cont-right-img{width:150px;height:150px;border:1px solid #fff;margin:5px auto;box-sizing:border-box;padding:5px;}
.footer-cont-right-img img{width:100%;height:100%;}
.footer-copy{background-color:rgba(0, 0, 0, 0.3);height:40px;color:#aaa;text-align:center;line-height:40px;font-size:14px;}
.footer-copy a{color:#ff9900}
.footer-ul div{display:none;}
.footer-cont-ft{display:none;}

@media screen and (max-width:500px){
    .footer{width:100%;overflow:hidden;}
    .footer-ul{width:90%;margin:auto;text-align:center;}
    .footer-ul li{display:none;}
    .footer-ul:before{background-size:100% 100%;}
    .footer-ul div{color:#fff;font-size:18px;padding:6px 0;}

    .footer-cont{width:100%;overflow:hidden;display:flex;flex-direction:column;padding:10px 0;}
    .footer-cont-left{width:100%;border-right:none;min-height:140px;}
    .footer-cont-left img{max-height:60px;max-width: 300px;}
    .footer-cont-left h1{font-size:16px;}
    .footer-cont-left h3{font-size:12px;}
    .footer-cont-middle,.footer-cont-right{display:none;}
    .footer-cont-ft{display:flex;width:95%;margin:10px auto;justify-content: space-between;align-items: center;}
    .footer-cont-ft-left{width: 100%;}
    .footer-cont-ft-left p{color:#fff;font-size:14px;line-height:20px;text-align: center;}
    .footer-cont-ft img{width:90px;height:90px;}
}