* {
    margin: 0;
    padding: 0;
}


.footer_box {
    width: 100%;
    height: calc(22px + 20rem);
    background: url(../images/footer_bg.png) no-repeat;
    background-size: cover;
}
.footer_top_box{
    padding-top: calc(4px + 1.5rem);
    padding-bottom: calc(7px + 1rem);
    border-bottom: 1px #FFFFFF20 solid;
}

.footer_top {
   max-width: 1260px;
   width: 90%;
   margin: auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.footer_logo{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer_logo div {
    width: calc(24px + 10rem);
    height: calc(18px + 2rem);
    background: #FFFFFF;
}
.footer_nav{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(2px + 2rem);
}
.footer_item{
font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
font-weight: 500;
font-size: calc(8px + 0.5rem);
color: #FFFFFF;
line-height: calc(5px + 1rem);
}

.footer_box .footer {
    max-width: 1260px;
    width: 90%;
    margin: auto;
}
.footer_contact_list{
    display: flex;
    justify-content: space-between;
    padding-top: calc(2px + 2rem);
}

.footer_contact_item .p1 p{
font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
font-weight: 500;
font-size: calc(4px + 1rem);
color: #FFFFFF;
line-height: calc(4px + 1.5rem);
}
.footer_contact_item .p1 div{
    width: calc(10px + 1.5rem);
height: calc(0px + 0.1rem);
background: #CEB25A;
margin-top: calc(1px + 0.2rem);
}
.footer_contact_item .p2{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(4px + 0.5rem);
    margin-top: calc(2px + 1.5rem);
}
.footer_contact_item .p2 p{
font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
font-weight: 400;
font-size: calc(4px + 0.5rem);
color: #FFFFFF;
line-height: calc(10px + 0.5rem);
display: flex;
justify-content: flex-start;
align-items: center;
gap: calc(4px + 1.5rem);
}

.footer_contact_item .p2 p span{
    display: flex;
    width: calc(5px + 2rem);
    color: #ffffff9a;
}

@media screen and (max-width: 1100px){
    .footer_box{
        height: auto;
        padding: calc(20px + 3rem) 0;
    }
    .footer_top{
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 3rem);
    }
    .footer_top_box {
    padding-bottom: calc(15px + 1rem);

}
    .footer_nav{
        flex-wrap: wrap;
        row-gap: calc(10px + 2rem);
    }
    .footer_item{
        width:30%;
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .footer_contact_list{
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 5rem);
        padding-top: calc(20px + 2rem);
    }
    .footer_contact_item .p1 p{
        font-size: calc(14px + 1rem);
        line-height: 1.5;
    }
    .footer_contact_item .p2 p{
         font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .footer_contact_item .p2 p span {
   
    width: calc(40px + 2rem);
    }
    .footer_contact_item .p1 div {
    width: calc(30px + 1.5rem);
    margin-top: calc(8px + 0.2rem);
}
}