/* 清除浮动 */
.clearfix::after{
    content: '';
    clear: both;
    display: block;
}
/* 桃子样式 */
.peach{
    /* 复合背景样式 */
    background: url('../images/bg.jpg');
    width: 1146px;
    height: 631px;
    margin: 0 auto;
    position: relative;
}
.peach span{
    width: 90px;
    height: 100px;
    /* 将行 */
    display: inline-block;
    position: absolute;

}

@keyframes peach{
    0%{}
    25% {
        transform:  rotate(10deg)
    }
    50% {
        transform:  rotate(0deg)
    }
    75% {
        transform:  rotate(-10deg)
    }
    100% {
        transform:  rotate(0deg)
    }
}
/* 取第一个桃子 */
.peach1{
    background: url('../images/peach.png') no-repeat 0 0;
    left:350px;
    top: 250px;
    animation: peach 1s linear infinite;
    transform-origin: 50% 0;
}
.peach2{
    background: url('../images/peach.png') no-repeat 0 -100px;
    left:510px;
    top: 165px;
    animation: peach 3s linear infinite;
    transform-origin: 50% 0;
}
.peach3{
    background: url('../images/peach.png') no-repeat 0 -210px;
    left:535px;
    top: 290px;
    animation: peach 2s linear infinite;
    transform-origin: 50% 0;
}
.peach4{
    background: url('../images/peach.png') no-repeat 0 -320px;
    left:715px;
    top: 210px;
    animation: peach 4s linear infinite;
    transform-origin: 50% 0;
}
.peach5{
    background: url('../images/peach.png') no-repeat 0 -430px;
    left:690px;
    top: 390px;
    animation: peach 3s linear infinite;
    transform-origin: 50% 0;
}
.peach6{
    background: url('../images/peach.png') no-repeat 0 -540px;
    left:850px;
    top: 385px;
    animation: peach 2s linear infinite;
    transform-origin: 50% 0;
}


/* 设置直击三农 */
.zhiji {
    width: 1400px;
    margin: 0px auto;
}
.zhiji .dh li{
    float: left;
    list-style: none;
    margin-right: 20px; 
    position: relative;
    
    
}
.zhiji .dh img{
    width: 300px;
    height: 200px;
    vertical-align: bottom;
    
}
/* 第一个白色透明盒子 */
.zhiji .cover1{
    width: 300px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    transition: all 1s;
}
.zhiji .dh li:hover .cover1{
    height: 140px;
    
}
/* 第二个白色透明盒子 */
.zhiji .cover2{
    width: 300px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    transform: scale(0);
    transition: all 1s;

}
.zhiji .dh li:hover .cover2{
    height: 100%;
    transform: scale(1);
    
}
/* 第三个白色透明盒子 */
.zhiji .cover3{
    width: 300px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    transition: all 1s;
}
.zhiji .dh li:hover .cover3{
    height: 100%;
    transform: rotate(360deg) ;
    
    
}
/* 第四个白色透明盒子 */
.zhiji .cover4{
    width: 300px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    transform: scale(0);
    transition: all 1s;

}
.zhiji .dh li:hover .cover4{
    height: 100%;
    transform: scale(1);
    
}



/* 风采口碑模块 */
.fengcai{
    width: 1300px;
    margin: 0px auto;
    
}

.fengcai .fengcai-imgs {
    column-count: 4;
    background-color: #ccc;
    padding: 20px;
    box-sizing: border-box;
    

}
.fengcai .fengcai-imgs img{
    width: 100%;
    
}

.fengcai .fengcai-imgs ul {
    list-style: none; 
    margin: 20px 0; 
    padding: 0 20px; /* 添加左右内边距 */
    
}
.fengcai .fengcai-imgs ul li{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    box-shadow: 10px 10px 5px #333;
    break-inside: avoid;
    
}