
.footer{
    width: 100%;
    height: 450px;
    position: relative;
    background: url("../images/fbg.png") no-repeat ;
    background-size: cover;

}
.finfo{
    width: 90%;
    color: #FFFFFF;
    font-size: 0.35rem;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.finfo p{
  margin-bottom: 5px;
}
.ecode{
    width: 100%;
    height: 120px;
    text-align: center;
    /*border: 1px solid red;*/
    position: absolute;
    top:70%;
    left: 50%;
    transform: translate(-50%,-0%);
}
.ecode img{
    width: 100px;
    height: 100px;
}
.flogo{
    width: 100%;
    margin-bottom: 20px;
}
.subtit{
    width: 100%;
    color: #FFFFFF;
    font-size: 0.25rem;
    margin: 5px 0;
}
.fsubtit{
    display: none;
}
.footer1{
    width: 100%;
    height: 600px;
    background: #302F2F;
}
.petfbox{
    width: 90%;
    /*height: 150px;*/
    margin: 0 auto;
    display: block;
    justify-content: center;
}
.petfleft{
    width: 100%;
    text-align: center;
    padding: 30px 0;
}
.petfright{
     width: 100%;
     display: flex;
     align-items: center;
    flex-wrap: wrap;
 }
.petfitem{
    width: 30%;
    margin: 20px 30px;
    color: #FFFFFF;
    display: block;
    justify-content: space-between;
    align-items: center;
}
.fecode{
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.fedesc{
    width: auto;
}
.fedesc .fbtit{
    font-size: 0.4rem;
}
.fedesc .fbstit{
    font-size: 0.3rem;
    word-break: break-word;
}
.petcon{
    width: 90%;
    margin: 10px auto;
    text-align: center;
    font-size: 0.3rem;
    color: #FFFFFF;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {

}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    .footer{
        width: 100%;
        height: 420px;
        position: relative;
        background: url("../images/fbg.png") no-repeat;
        background-size: 100% 100%;;

    }

    .finfo{
        width: 90%;
        color: #FFFFFF;
        font-size: 14px;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .finfo p{
        margin-bottom: 5px;
    }
    .flogobox{
        width: 100%;
        font-size: 0.11rem;
        padding: 10px 0 10px 0;
        margin-bottom: 30px;
        border-bottom: 1px solid  #FFFFFF;;
    }
    .fsubtit{
        display: block;
    }
    .fsubtit{
        width:400px;
        position: absolute;
        top: 30%;
        right: 10%;
        z-index: 999;
    }
    .flogo{
        width: 450px;
        margin-bottom: 20px;
        /*position: absolute;*/
        /*top: 45%;*/
        /*left: 0%;*/
        /*transform: translate(10%,-50%);*/
    }
    .ecode{
        width: 220px;
        height:110px;
        text-align: center;
        position: absolute;
        top: 75%;
        left:90%;
        transform: translate(-50%,-50%);
    }
    .subtit{
        font-size: 0.09rem;
        width: 100%;
        color: #FFFFFF;
        margin: 5px 0;
    }
    .
    {
        color: white;
    }
    .titlea:hover{
        color: white;
    }


    .footer1{
        width: 100%;
        height: 300px;padding-top: 30px;
        background: #302F2F;
    }
    .petfbox{
        width: 90%;
        height: 150px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .petfleft{
        width: 20%;
        height: 100%;
        line-height: 150px;
        text-align: center;
    }.petfright{
        width: 80%;
        height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    }
     .petfitem{
        width: 300px;
         height: 150px;
         margin: 0 30px;

         color: #FFFFFF;

         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     .fecode{
         width: 120px;
         height: 120px;
         /*border: 1px solid red;*/
     }
     .fedesc{
         width: 170px;
     }
     .fedesc .fbtit{
         font-size: 0.09rem;
     }
    .fedesc .fbstit{
        font-size: 0.08rem;
    }
    .petcon{
        width: 90%;
        margin: 10px auto;
        text-align: center;
        font-size: 0.08rem;
        color: #FFFFFF;
    }
}
