*{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
.clearfix::after {
    display: block;
    content: "";
    height: 0;
    font-size: 0;
    clear: both;
  }
  

  .clearfix {
    zoom: 1;
  }
.wz_bg{
    width: 100%;
    background: #fff;
}
.wz_rightBox{
    box-sizing: border-box;
    padding: 1% 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:15px;
}
.wz_right{
    border: 1px solid #ff332b ;
    border-radius: 0  20px 20px 0;
    margin-left: -1%;
    width: 68%;
    box-shadow: 0 0 27px rgb(252 103 103 / 20%);
    position: relative;
}
.wz_bgText{
    position: absolute;
}
.wz_list1{
    padding: 0 2%;
    width: 61%;
    /* margin: 0 4%; */
    position: relative;
    z-index: 2;
}
.wz_list1 ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2%;
}
.wz_list1 ul li{
    cursor: pointer;
    width: 28%;
    margin-bottom: 2%;
    border-radius: 40px;
    border: 2px solid #ff332b;
    line-height: 28px;
    background: none;
    padding-left: 0;
    
}
.wz_list1 ul li:hover{
    background-color: #fff1ad;
}
.wz_list1 ul li:hover>a{
    color: #ff332b;
}
.wz_swiper{
    width: 33%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 27px rgb(252 103 103 / 20%);
}
.wz_swiper img{
    width: 100%;
}
.wz_swiper .swiper-pagination-bullet-active{
    background-color: #fff;
}
.wz_list1 ul li img{
    margin-left: -6%;
}
.wz_list1 ul li a{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.wz_list2{
    width:18%;
}
.wz_right{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding: 1% 0;
    /* overflow: hidden; */
}
.wz_code{
    width: 10%;
}
.wz_code img{
    display: block;
    border-radius: 10px;
    border:1px solid #ff332b ;
    width: 100%;
    position: relative;
    z-index: 2;
}
.code_tit{
    width: 20%;
    font-size: 16px;
    color: #fff;
}
.wz_code a{
    background-color: #ffa200;
    line-height: 1.3;
    text-align: center;
    margin-left: -3%;
    border: 1px solid #3e130f;
    width: 14%;
}
.wz_tuzi{
    width: 20%;
    margin: -5% 0;
    margin-left: 7%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wz_tuzi span{
    display: block;
    position: absolute;
    text-align: center;
    padding: 2% 6%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wz_tuzi span p{
    font-size: 12px;
    margin-top: -2%;
    padding-bottom: 0%;
    line-height: 3.4;
}
.wz_tip1{
    background: url(../images/tuzi_tip_03.png) no-repeat top center;
    top: -10%;
    left: -30%;
    background-size: 100% 100%;
}
.wz_tip2{
    background: url(../images/tuzi_tip_07.png) no-repeat top center;
    top: 52%;
    left: -16%;
    background-size: 100% 100%;
}
.wz_tuzi img{
    width: 37%;
}
.wz_right_c{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dade_sf{
    animation-name: scaleDraw; /*关键帧名称*/
    animation-timing-function: ease-in-out; /*动画的速度曲线*/
    animation-iteration-count: infinite; /*动画播放的次数*/
    animation-duration: 2s; /*动画所花费的时间*/
    
}
@keyframes scaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: scale(1); /*开始为原始大小*/
  }
  75% {
    transform: scale(1.15) translateX(-20px); /*放大1.1倍*/
  }
}
.wz_bgText{
    width: 100%;
    background: url(../images/wz_text.png)no-repeat;
    position: absolute;
    bottom: -15%;
    background-size: contain;
    padding: 8%;
    background-position-y: -26%;
}

@media screen and (max-width: 1400px){
    .wz_list1 ul li a{
        font-size: 12px;
    }
    .wz_tuzi span p{
        font-size: 12px;
        line-height: 1;
        padding-bottom: 0;
    }
    .wz_tip1{
        top: -10%;
        left: -58%;
    }
    .wz_tip2 {
        top: 60%;
        left: -46%;
    }
    /* .wz_code img{
        width: 44%;
    } */
    .wz_tuzi span {
        padding: 10% 6%;
    }
    .wz_list1{
        width: 56%;
    } 
    .wz_list1 ul li{
        line-height: 20px;
        margin-bottom: 3%;
        width: 30%;
    }
    .wz_code {
        width: 15%;
        margin-right: 6%;
    }
}
@media only all and (max-width: 1080px){
   .wz_swiper{
    display: none;
   }
   .wz_bg,.wz_right{
    display: block;
    padding: 0;
   }
   .wz_list1{
    width: 100%;
    margin: 0;
   }
   .wz_code{
    width: 35%;
    padding-left: 2%;
    display: inline-block;
    /* text-align: right; */
    margin-left: 20%;
   }
   .wz_code img{width: 60%;}
   .wz_list1 ul li a{
    font-size: 16px;
   }
   .wz_right{margin-left: 0;width: 100%;border-radius: 10px;}
   .wz_tuzi{
    margin: 0;
   }
   .wz_right_c{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2%;
    margin-bottom: 2%;
   }
   .wz_tuzi{
    width: 37%;
    /* text-align: right; */
    display: inline-block;
    
   }
   .wz_tuzi span,.wz_bgText{
     display: none;
   }
}