* {
    padding: 0;
    margin: 0;
}
body{
    font-family: Source Han Sans CN,Microsoft YaHei,PingFang SC, Arial, Helvetica, Helvetica Neue;
}
a {
    text-decoration: none;
}
li{
    list-style-type: none;
}

.footer{
    background: #323232;
}
.footer_item{
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;

    box-sizing: border-box;
    padding: 0 130px;
    
}
.footer_top{
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
}
.footer_logo{
    width: 390px;
   
}
.footer_logo img{
    width: 100%;
}
.footer_top_right{
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    width: 53%;
    
}
/* .footer_top_right_one{
    min-width: 144px;
    padding-right: 66px;
} */
.footer_top_right_one div{
    font-size: 14px;
    /* font-family: PingFang SC-Medium, PingFang SC; */
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
}
.footer_top_right_one .tzyw{
    font-size: 12px;
    /* font-family: PingFang SC-Medium, PingFang SC; */
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;   
}

/* .footer_top_right_one ul{

} */
.footer_top_right_one ul li{
    font-size: 12px;
    /* font-family: PingFang SC-Regular, PingFang SC; */
    font-weight: 400;
    color: rgba(255,255,255,0.6);
    line-height: 24px;
    cursor: pointer;
    padding-top: 4px;
}
.footer_top_right_one ul li:hover{
    color: #fff;
}


.footer_bottom{
 display: flex;
 justify-content: space-between;
 padding-top: 53px;
 padding-bottom: 33px;
}
.footer_bottom_left{
    font-size: 12px;
    /* font-family: PingFang SC-Regular, PingFang SC; */
    font-weight: 400;
    color: rgba(255,255,255,0.4);
    line-height: 14px;
   
}
.footer_bottom_right{
    display: flex;
    justify-content: space-between;
    width: 59.5%;
}
.footer_bottom_right_one{
    display: flex;
    justify-content: space-between;
}
.footer_bottom_right_one div{
    font-size: 12px;
    /* font-family: PingFang SC-Medium, PingFang SC; */
    font-weight: 500;
    color: rgba(255,255,255,0.7);
    line-height: 14px;
    padding-right: 32px;
}
.footer_bottom_right_bei{
    font-size: 12px;
    /* font-family: PingFang SC-Regular, PingFang SC; */
    font-weight: 400;
    color: rgba(255,255,255,0.4);
    line-height: 14px;
}
.footer_bottom_right_bei img{
    width: 14px;
    display: inline-block;
    padding: 0 5px 0 10px;
}



.tzyw{
    position: relative;
    cursor: pointer;
}
.tzyw span{
    font-weight: 400;
    color: rgba(255,255,255,0.6);
}
.tzyw:hover span{
    color: #fff;
}

.tzyw .dis_block{
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 76px;
    box-sizing: border-box;
}
.tzyw:hover .dis_block{
    display: block;
}
.dis_block:hover{
    display: block;
}
.tzyw .dis_block ul{
    background: #484848;
    width: 100%;
    padding-bottom: 8px;
    position: relative;
    z-index: 5;
}
.tzyw .dis_block ul li{
    font-size: 12px;
    /* font-family: PingFang SC-Regular, PingFang SC; */
    font-weight: 400;
    color: rgba(255,255,255,0.6);
    line-height: 20px;
    padding: 8px 8px 0;
}
.tzyw .dis_block ul li:hover{
    color: #FFFFFF;
  
}

.tzyw .dis_block .jiantou {
     position: absolute;
     top: 5px;
     left: -3%;
     width: 7px;
     height: 12px;
     transform: rotate(45deg);
     /* // transition: ; */
     background: #484848;
 }

.footer_item_mobile{
    display: none;
}









 /* 移动端样式 */
 @media screen and (-webkit-device-pixel-ratio: 3) and (max-device-width: 1171px) {

}

@media screen and (max-width: 1081px) {

    .footer{
        height: 100%;
    }

    .footer_item{
        display: none;
        
    }

    .footer_item_mobile{
        display: block;
        padding: 0 24px;
    }
    .footer_logo_mobile{
        width: 100%;
        padding-top: 48px;
    }
    .footer_logo_mobile img{
        width: 100%;
    }
    .footer_list_monile{
        padding-top: 20px;
    }
    /* .footer_list_monile ul{

    } */
    .footer_list_monile >ul >li{
        font-size: 14px;
        /* font-family: PingFang SC-Medium, PingFang SC; */
        font-weight: 500;
        color: #FFFFFF;
        line-height: 18px;
        padding: 20px 0;
        border-bottom: 1px solid rgba(255,255,255,0.4);
    }
    .footer_list_monile >ul >li p{
        position: relative;
    }
    .footer_list_monile >ul >li span::after{
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-left:2px solid #FFFFFF;
        border-bottom:2px solid #FFFFFF;
        transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
        position: absolute;
        top: 20%;
        right: 0;
        transition:all 1s ;
    }
    .footer_list_monile >ul >li .afterspan::after{
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-left:2px solid #FFFFFF;
        border-bottom:2px solid #FFFFFF;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transition:all 1s ;
        position: absolute;
        top: 20%;
        right: 0;
    }

    .footer_show{
        display: none;
    }


    .footer_mobile_text{
        text-align: center;
        padding: 40px 0;
    }
    .footer_mobile_text p{
        font-size: 12px;
        /* font-family: PingFang SC-Regular, PingFang SC; */
        font-weight: 400;
        color: rgba(255,255,255,0.4);
        line-height: 18px;
        padding-bottom: 4px;
    }
    .footer_mobile_beian{
        font-size: 12px;
        /* font-family: PingFang SC-Regular, PingFang SC; */
        font-weight: 400;
        color: rgba(255,255,255,0.4);
        line-height: 18px;
        
    }
    .footer_mobile_beian img{
        width: 18px;
        height: 18px;
        display: inline-block;
        padding-right: 8px;
        vertical-align: middle;
    }




    .footer_show ul li{
        font-size: 14px;
        font-weight: 400;
        color: #DDDDDD;
        line-height: 24px; 
        padding-top: 16px;  
    }
    .footer_show ul li div{
        padding-left: 20px;
        font-size: 12px;
    }







}