@charset "utf-8";
/* CSS Document */
.footer{ 
    width:100%;
    background:#222;
    clear:both;
    padding:30px 0 10px 0;
}
.bottom{
    float:left;
    height:auto;
    border-bottom:1px solid #999;
}
.bottom li{
    float:left;
    margin:0px 15px;
    border-top:2px solid #333;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.bottom li a{
    font-size:14px;
    color:#CCC;
    text-decoration:none;
    line-height:40px;
}
.bottom li:hover{
    border-top:2px solid #F90;
}
.bottom li:nth-child(9){
    display:none;
}
.bottom li:nth-child(10){
    display:none;
}

.bottom2{
    width:62%;
    margin: auto;
}
.bottom2 li{
    float:left;
    margin:0px 5px;
}
.bottom2 li a{
    font-size:12px;
    color: #CCC;
    text-decoration:none;
    line-height:50px;
}
.bottom2 li a:hover{
    color:#00FFFF;
}

.footer .product_box{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    border-bottom:#313131 solid 1px;
    padding-bottom:30px;
}
.footer .product_box .bottom_box{
    flex:0 0 10%;
}
.footer .product_box .bottom_box:first-child{
    flex:0 0 15%;
}
.footer .product_box .bottom_box:nth-child(3){
    flex:0 0 20%;
}
.footer .product_box .bottom_box:nth-child(6){
    flex:0 0 15%
}
.footer .product_box .bottom_box .bottom_title{
    font-size:16px;
    color:#fff;
    border-bottom:#555 solid 1px;
    display:block;
    width:80%;
    line-height:30px;
    cursor:pointer;
}
.footer .product_box .bottom_box .bottom_title:hover{
    color:#F90;
}
.footer .product_box .bottom_box:nth-child(3) .bottom_logo, .footer .product_box .bottom_box:nth-child(6) .bottom_logo{
    display:flex;
    flex-wrap:wrap;
    justify-content:left;
}
.footer .product_box .bottom_logo{
    margin-top:10px;
}
.footer .product_box .bottom_box:first-child .bottom_logo{
    margin-top:0;
}
.footer .product_box .bottom_logo li{
    flex:0 0 100%;
}
.footer .product_box .bottom_box:first-child .bottom_logo{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.footer .product_box .bottom_box:first-child .bottom_logo li{
    flex:0 0 46%;
    margin:10px 0;
}
.footer .product_box .bottom_box:first-child .bottom_logo li:last-child{
    flex:0 0 98%;
}
.footer .product_box .bottom_box:nth-child(3) .bottom_logo li{
    flex:0 0 33%;
}
.footer .product_box .bottom_box:nth-child(6) .bottom_logo li{
    flex:0 0 50%;
}
.footer .product_box .bottom_logo li a{
    font-size:12px;
    color:#888;
    text-align:center;
    line-height:24px;
}
.footer .product_box .bottom_box:nth-child(3) .bottom_logo li a{
    display:block;
    width:100%;
    text-align:left;
}
.footer .product_box .bottom_box .bottom_logo li span{
    color:#eee;
}
.footer .product_box .bottom_logo li a:hover{
    color:#fff;
}
.footer .product_box .bottom_box:first-child .bottom_logo li img{
    width:100%;
    height:30px;
}
.footer .product_box .bottom_logo #wx{
    position:relative;
}
.footer .product_box .bottom_logo #wx img{
    position:absolute;
    width:80px;
    height:80px;
    top:-40px;
    right:-80px;
    display:none;
    opacity:0;
    transition:.3s;
}
.footer .product_box .bottom_logo #wx:hover img{
    display:block;
    opacity:1;
}

@media(max-width:768px){
    .footer .product_box{
        display:initial;
    }
    .footer .product_box .bottom_box:nth-child(2), .footer .product_box .bottom_box:nth-child(4), .footer .product_box .bottom_box:nth-child(6){
        display:none;
    }
    .footer .product_box .bottom_box .bottom_title{
        border:none
    }
    .footer .product_box .bottom_logo{
        display:flex;
        flex-wrap:wrap;
        justify-content:left;
        border-bottom:#313131 solid 1px;
        padding-bottom:5px;
        margin-bottom:20px;
    }
    .footer .product_box .bottom_logo li{
        flex:0 0 25%;
        text-align:center;
    }
    .footer .product_box .bottom_box:first-child .bottom_logo li{
        flex:0 0 30%;
    }
    .footer .product_box .bottom_box:first-child .bottom_logo li img{
        width:auto;
        margin:10px auto;
    }
    .footer .product_box .bottom_box:nth-child(3) .bottom_logo li{
        flex:0 0 100%;
        display:flex;
        flex-wrap:wrap;
    }
    .footer .product_box .bottom_box:nth-child(3) .bottom_logo li a{
        text-align:center;
        flex:0 0 20%;
    }
    .footer .product_box .bottom_box .bottom_logo li span{
        display:none;
    }
    .bottom2{
        width:100%;
    }
}