/* 品牌站  */

.brand_head {
    width: 1190px;
    height: 50px;
    margin: 0 auto;
}

.brand_head_left {
    font-size: 20px;
    float: left;
    margin: 8px 0;
}

.brand_head_left span {
    font-size: 14px;
    margin: 0 8px;
    color: #888;
}

.brand_head_right {
    color: #F03A58;
    float: right;
    margin: 8px 0;
}


/* 背景 */

.brand1 {
    background: url(../images/ppz_bg1.jpg);
}

.brand2 {
    background: url(../images/ppz_bg2.jpg);
}

.brand3 {
    background: url(../images/ppz_bg3.jpg);
}

.brand4 {
    background: url(../images/ppz_bg4.jpg);
}

.brand5 {
    background: url(../images/ppz_bg5.jpg);
}

.brand6 {
    background: url(../images/ppz_bg6.jpg);
}

.brand7 {
    background: url(../images/ppz_bg7.jpg);
}

.brand8 {
    background: url(../images/ppz_bg8.jpg);
}

.brand9 {
    background: url(../images/ppz_bg9.jpg);
}

.brand1 p,
.brand2 p,
.brand3 p {
    font-size: 16px;
    margin: 50px 40px 0 20px;
}

.brand1 span,
.brand2 span,
.brand3 span {
    font-size: 16px;
    margin-left: 20px;
}

.brand4 p,
.brand5 p,
.brand6 p,
.brand7 p,
.brand8 p,
.brand9 p {
    font-size: 14px;
    margin: 50px 0 0 40px;
}

.hover1 {
    width: 390px;
    height: 150px;
    background-color: #F03A58;
    display: none;
    position: relative;
}

.hover1 p {
    width: 120px;
    height: 80px;
    color: #fff;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 135px;
}

.hover1 button {
    width: 100px;
    height: 45px;
    border-radius: 45px;
    font-size: 18px;
    color: #F03A58;
    border: none;
    outline: none;
    margin: auto;
    position: absolute;
    top: 80px;
    left: 145px;
}

.brand1:hover .hover1 {
    display: block;
}

.hover2 {
    width: 390px;
    height: 150px;
    background-color: #F03A58;
    display: none;
    position: relative;
}

.hover2 p {
    width: 120px;
    height: 80px;
    color: #fff;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 135px;
}

.hover2 button {
    width: 100px;
    height: 45px;
    border-radius: 45px;
    font-size: 18px;
    color: #F03A58;
    border: none;
    outline: none;
    margin: auto;
    position: absolute;
    top: 80px;
    left: 145px;
}

.brand2:hover .hover2 {
    display: block;
}

.hover3 {
    width: 390px;
    height: 150px;
    background-color: #F03A58;
    display: none;
    position: relative;
}

.hover3 p {
    width: 120px;
    height: 80px;
    color: #fff;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 135px;
}

.hover3 button {
    width: 100px;
    height: 45px;
    border-radius: 45px;
    font-size: 18px;
    color: #F03A58;
    border: none;
    outline: none;
    margin: auto;
    position: absolute;
    top: 80px;
    left: 145px;
}

.brand3:hover .hover3 {
    display: block;
}

.hover4 {
    width: 190px;
    height: 210px;
    background-color: #F03A58;
    display: none;
    position: relative;
}

.hover4 p {
    width: 120px;
    height: 80px;
    color: #fff;
    margin: auto;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 40px;
}

.hover4 button {
    width: 100px;
    height: 45px;
    border-radius: 45px;
    font-size: 18px;
    color: #F03A58;
    border: none;
    outline: none;
    margin: auto;
    position: absolute;
    top: 120px;
    left: 45px;
}

.brand4:hover .hover4 {
    display: block;
}

.hover5 {
    width: 190px;
    height: 210px;
    background-color: #F03A58;
    display: none;
    position: relative;
}

.hover5 p {
    width: 120px;
    height: 80px;
    color: #fff;
    margin: auto;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 40px;
}

.hover5 button {
    width: 100px;
    height: 45px;
    border-radius: 45px;
    font-size: 18px;
    color: #F03A58;
    border: none;
    outline: none;
    margin: auto;
    position: absolute;
    top: 120px;
    left: 45px;
}

.brand5:hover .hover5 {
    display: block;
}

.hover6 {
    width: 190px;
    height: 210px;
    background-color: #F03A58;
    display: none;
    position: relative;
}

.hover6 p {
    width: 120px;
    height: 80px;
    color: #fff;
    margin: auto;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 40px;
}

.hover6 button {
    width: 100px;
    height: 45px;
    border-radius: 45px;
    font-size: 18px;
    color: #F03A58;
    border: none;
    outline: none;
    margin: auto;
    position: absolute;
    top: 120px;
    left: 45px;
}

.brand6:hover .hover6 {
    display: block;
}

.hover7 {
    width: 190px;
    height: 210px;
    background-color: #F03A58;
    display: none;
    position: relative;
}

.hover7 p {
    width: 120px;
    height: 80px;
    color: #fff;
    margin: auto;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 40px;
}

.hover7 button {
    width: 100px;
    height: 45px;
    border-radius: 45px;
    font-size: 18px;
    color: #F03A58;
    border: none;
    outline: none;
    margin: auto;
    position: absolute;
    top: 120px;
    left: 45px;
}

.brand7:hover .hover7 {
    display: block;
}

.hover8 {
    width: 190px;
    height: 210px;
    background-color: #F03A58;
    display: none;
    position: relative;
}

.hover8 p {
    width: 120px;
    height: 80px;
    color: #fff;
    margin: auto;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 40px;
}

.hover8 button {
    width: 100px;
    height: 45px;
    border-radius: 45px;
    font-size: 18px;
    color: #F03A58;
    border: none;
    outline: none;
    margin: auto;
    position: absolute;
    top: 120px;
    left: 45px;
}

.brand8:hover .hover8 {
    display: block;
}

.hover9 {
    width: 190px;
    height: 210px;
    background-color: #F03A58;
    display: none;
    position: relative;
}

.hover9 p {
    width: 120px;
    height: 80px;
    color: #fff;
    margin: auto;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 40px;
}

.hover9 button {
    width: 100px;
    height: 45px;
    border-radius: 45px;
    font-size: 18px;
    color: #F03A58;
    border: none;
    outline: none;
    margin: auto;
    position: absolute;
    top: 120px;
    left: 45px;
}

.brand9:hover .hover9 {
    display: block;
}

.brand4:hover .pp4 {
    display: none;
}

.brand5:hover .pp5 {
    display: none;
}

.brand6:hover .pp6 {
    display: none;
}

.brand7:hover .pp7 {
    display: none;
}

.brand8:hover .pp8 {
    display: none;
}

.brand9:hover .pp9 {
    display: none;
}

.brand {
    width: 1190px;
    height: 460px;
    margin: 0 auto;
}

.brand li {
    list-style: none;
    float: left;
    margin-bottom: 10px;
}

.brand1,
.brand2,
.brand3 {
    width: 390px;
    height: 150px;
    background-color: #a5b366;
}

.margin_10 {
    margin-right: 10px;
}

.brand4,
.brand5,
.brand6,
.brand7,
.brand8,
.brand9 {
    width: 190px;
    height: 210px;
    background-color: #0e3d5c;
}