.flex{
    display: flex;
}

.justify-center{
    justify-content: center;
}

.flex-column{
    flex-direction: column;
}

.flex-row{
    flex-direction: row;
}

.flex-wrap{
    flex-wrap: wrap;
}

.hzw-main{
    width: 100%;
    background: url(../images/pc-bg.jpg) top center repeat-y;
    background-size: 100% auto;
}

.hzw-content{
    max-width: 1336px;
    min-width: 1024px;
    width: 100%;
    position: relative;
}

.hzw-logo{
    position: absolute;
    width: 30%;
    top: 18%;
    left: 16%;
    z-index: 10;
}

.hzw-banner-product{
    position: absolute;
    width: 43%;
    top: -2%;
    right: 10%;
    z-index: 10;
}

.hzw-banner-title{
    position: absolute;
    width: 32%;
    left: 13%;
    top: 45%;
    z-index: 10;
}

.hzw-banner-fangdajing{
    position: absolute;
    width: 18%;
    top: 50%;
    right: 24%;
    z-index: 20;
}

/* 页面动画元素初始隐藏样式 */
.hzw-banner,
.hzw-logo,
.hzw-banner-title,
.hzw-banner-product,
.hzw-banner-fangdajing {
  opacity: 0;
}

.hzw-tab-list{
    width: 80%;
    margin: 50px auto 20px;
}

.hzw-tab-item{
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    cursor: pointer;
}

.hzw-tab-hover{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    box-sizing: border-box;
    padding: 0 10px;
    transition: opacity 0.3s ease;
}

.hzw-tab-item:hover .hzw-tab-hover{
    opacity: 1;
}

.peishi01{
    width: 80%;
    margin-right: -2%;
    margin-bottom: 20px;
}

.peishi02{
    width: 80%;
    margin-right: -2%;
    margin-bottom: 20px;
}

.peishi03{
    width: 80%;
    margin-right: -2%;
    margin-bottom: 20px;
}

.peishi04{
    width: 80%;
    margin-right: -2%;
    margin-bottom: 20px;
}

.block{
    position: relative;
}

.block .product-content{
    width: 60%;
    position: absolute;
    left: 20%;
}

#block01 .product-content{
    top: 15%;
}

#block02 .product-content{
    top: 5%;
}

#block03 .product-content{
    top: 4%;
}

#block04 .product-content{
    top: 18%;
}

#block05 .product-content{
    top: 4%;
}

#block06 .product-content{
    top: 16%;
}

#block07 .product-content{
    width: 62%;
    position: absolute;
    left: 19%;
}

#block07 .product-content{
    top: 16%;
}

._buuttonList{position: absolute; width: 48%; font-size: 0px;}
._buuttonList .button{display: inline-block; width: 50%; box-sizing: border-box; position: relative;}

.sub_buuttonList{width: 120%; position: absolute; top: 100%; left: -10%; padding: 8px 4px 4px; display: none; text-align: center; border-radius: 10px; background-color: #eee1cb; overflow: hidden;}
.sub_buuttonList a{margin: 0px 0px 4px; display: inline-block; width: 33%;}

#block01 ._buuttonList{
    top: 54%;
    left: 47%;
}

#block02 ._buuttonList{
    top: 58%;
    left: 8%;
}

#block03 ._buuttonList{
    top: 61%;
    left: 47%;
}

#block04 ._buuttonList{
    top: 53%;
    left: 47%;
}

#block05 ._buuttonList{
    top: 60%;
    left: 6%;
}

#block05 .sub_buuttonList{
    width: 150%;
    margin-left: -15%;
    padding: 8px 4px 4px;
}

#block05 .sub_buuttonList a{
    width: 25%;
}

#block06 ._buuttonList{
    top: 62%;
    left: 47%;
}

.gift{
    width: 80%;
    margin: 10px auto;
}