.footer{width:100%;color:#fff;padding:2rem 0 0 0;background:url(../images/footer_bg.jpg);background-size: 100% 100%;}
.footer_title{margin:10px 0;font-size: 1.2rem;font-weight: bolder;color:#fff;}
.bottom_nav{padding:10px 0;color:#fff;font-weight: bolder;border-bottom:1px solid rgba(255,255,255,0.3);}
.bottom_nav a{font-weight: normal;padding-right: 10px;color:#fff;}
.bottom_nav a:hover{font-weight: bolder;}
.bottom_nav ul{display:flex;justify-content: space-between;}
.bottom_nav li{width:auto;padding:0 10px;line-height: 2.5rem;}
.footer .wp>.content{display: flex;padding:3rem 0 1rem 0;flex-wrap: wrap;}
.footer .col1{width: 350px;}
.footer .col2{width: calc(100% - 750px);display: flex;justify-content: center;}
.footer .col2 .links .row{display: flex;}
.footer .col2 .kuaisu_item {width: 220px;height:50px;margin:20px 30px;}
.footer .col2 .kuaisu_item:last-child{margin-bottom:0;}
.footer .col2 .kuaisu_item_box {display:flex;cursor:pointer;justify-content:space-between;align-items: center;border: 1px solid #fff;border-radius:5px;color:#fff;line-height: 40px;padding: 0 20px;}
.footer .col2 .kuaisu_item_list {position:absolute;width:220px;margin-top:40px;height:160px;overflow-x:hidden;overflow-y:auto;border-radius:5px;background: #fff;opacity: 0.9;display: none;padding:15px 0;}
.footer .col2 .kuaisu_item_list li {margin:15px 0;padding:0 10px;}
.footer .col2 .kuaisu_item_box .nav_icon2 {width: 9px;height: 6px;background: url(../images/icon_arrow.png) no-repeat;}
.footer .col1 .contact{padding:15px 0;}
.footer .col1 .contact div{margin:15px 0;}
.footer .copyright{display: flex;justify-content: center;padding: 15px 0;background:#331eac;text-align: center;
    line-height: 2;}
.footer .col3{width: 400px;}
.footer .col3 .content{display: flex;justify-content: center;align-items: center;}
.footer .col3 .qrcode{width:50%;padding:10px 20px;display: block;text-align: center;}
.footer .col3 .qrcode img{margin:10px auto;}
.footer .col3 .qrcode .text{text-align: center;}

@media screen and (max-width: 1199px){
	.footer .col1 {width: 100%;}
	.footer .col1>div{width: 350px;margin: 0 auto;}
	.footer .col2 {display: none;}
	.footer .col3 {width: 100%;}
	.footer .col3>div{width: 400px;margin: 0 auto;margin-top:2rem;}
	
}
@media screen and (max-width: 768px){
	.footer .bottom_nav{display: none;}
}
@media screen and (max-width: 480px){
	.footer .col3>div{width: 100%;}
	.footer .col3 .qrcode{padding:10px;}
}