.footer{
background-image: url("../images/f_bg.png");
background-size: 100% 100%;
padding-top: 0.3rem;
}
.footer .main{
display: flex;
justify-content: space-between;
}	
.footer_box{
	border-bottom: 0.01rem solid rgba(255,255,255,0.2);
}
.footer .main .flex_box1{
	width: 100%;

}
.footer .f_mill{
	width: 2rem;
	flex: 0 0 2rem;
}
.footer_nav{
	justify-content: space-between;
	display: flex;
	padding-bottom:1rem;
	margin-bottom: 0.45rem;
		align-items: flex-start;
width: 100%;
padding-left: 0;
padding-right: 0;
	
}
.footer .flex_box2{
	width:100%;
}
.footer_nav .level1_a{
	font-size: 0.24rem;
	font-weight: bold;
	color: #FFFFFF;
	height: auto;
	padding-bottom:0.2rem;
}
.footer_nav .level2_a{
	font-size: 0.2rem;
	font-weight: 400;
	color: #DCDCDC;
	line-height: 0.36rem;
}
.footer_nav .level2_a:hover{
    color: #fff;
}
.footer .flex_box2 {
	padding:0.09rem 0 0.15rem 0rem;
	border-top:0.01rem solid rgba(255,255,255,0.2);
	border-bottom:0.01rem solid rgba(255,255,255,0.2);
	
}
.qr_box{
	display: flex;
}
.footer .contact{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer .c_item {
	display: flex;
	align-items: flex-start;
}
.footer .c_item img{
	width:0.22rem;
	object-fit: contain;
	margin-right:0.1rem;
}
.footer .c_item .tie{
	font-size: 0.2rem;
	height:auto;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
}

.footer .c_item .txt{
	font-size: 0.16rem;
	font-weight: 400;
	color: #9E9E9E;
	line-height: 0.3rem;
	display: block;
	margin-top: 0.05rem;
	height: auto;
}
.footer .qr{
	
}
.record{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row !important;

}
.record .re_text{
	display: flex;
		text-align: center;
		padding: 0.3rem 0;
}
.record .re_text, 
.record .re_text span{
	font-size: 0.14rem;
	color: #FFFFFF;
	white-space: nowrap;
	width: 100%;
	
}
.record .re_text a{
	display: inline-block;
	width: auto;
	margin:0 0.1rem;
}
.totop {
    right: 0;
    bottom: 0.3rem;
    height: 0.44rem;
    object-fit: contain;
	width: auto;
}




/* 二维码 */
.footer .flex_box3{
	width: 100%;
	width: auto;
	height: auto;
}
.footer .b_logo{
	height: auto;
	margin-bottom: 0.5rem;
}
.footer .b_logo img{
width: 3.45rem;
height: 0.6rem;
object-fit: contain;
}
.footer .qr_item{
	font-weight: 400;
	font-size: var(--t_size);
	color: #FFFFFF;
	text-align: center;
	width: auto;
	margin-left: 0.5rem;
	width: 1.2rem;
	margin-bottom: 0.3rem;
}
.fir_link{
font-size: var(--c_size);
color: #FFFFFF;
	width: auto;
	height: auto;
}
.footer .qr_item img{
	width: 1.2rem;
	height: 1.2rem;
	object-fit: cover;
	margin-bottom: 0.1rem;
}
.qr_box{
	display: flex;
	flex-wrap: wrap;
}


.quickLink .tit {
	margin-right: 0.2rem;
	font-size: 0.2rem;
	font-weight: bold;
	color: #000089;
	padding-right: 0.16rem;
	border-right: 0.02rem solid #000089;
	line-height: 1;
}

.quickLink .contain {
	position: relative;
	flex: 1;
background-color: transparent;


}

.quickLink .contain input{
    border: 0;
    outline: none;
    width: 80%;
    height: .34rem;
	background-color: transparent;
	text-align: center;
}

.select_box{
    width: auto;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: #FFFFFF;
    display: none;
    box-shadow: 0 0 0.05rem 0.01rem #999999;
    max-height: 2rem;
    overflow-y: scroll;
    z-index: 100;
	left: 50%;
	    transform: translateX(-50%);
}

.select_box a{
    display: block;
    padding-left: .2rem;
    line-height: 2;
	white-space: nowrap;
	padding: 0.02rem 0.05rem;
}

.select_box a:hover{
    background:var(--c) !important;
    color: #FFFFFF;
}

.quickLink select {
	width: 100%;
	height: 100%;
	padding-left: 0.2rem;
	background: transparent;
	border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
	border: none;
	outline: none;
	appearance: none;
}

.quickLink .contain .down {
	position: absolute;
	right: 0.2rem;
	top: 50%;
	width: 0.14rem;
	height: 0.11rem;
	transform: translateY(-50%);
}

.quickLink .select2 {
	margin-right: 0;
}

.quickLink .companyLink {
	display: flex;
	align-items: center;
	padding-bottom: 0.27rem;
}

.quickLink .link_list .items {
	font-size: 0.14rem;
	color: #666666;
	margin-right: 0.3rem;

}

.quickLink .link_list .items:hover {

	color: #000000;
}

.quickLink .nav_link {
	display: flex;

}



@media only screen and (max-width: 768px) {
    .footer_nav {
    display:none;
    }
    .footer .f_mill{
        width: auto!important;
    flex: auto!important;
    }
    .footer .qr_item{
        width: auto!important;
        margin-left: 0!important;
    }
    .footer .b_logo img{
        margin: 0 auto;
    }
    .footer .main{
        flex-direction: column;
    }
    .footer .qr_item img{
        margin-left: auto;
    margin-right: auto;
    }
    .qr_box{
        flex-direction: column;
    }
    .quickLink .contain input{
            text-align: center!important;
    }
}