/* Banner 样式 */
.banner {
    background-image: url(../images/weiguoyuan_banner.png);
}
.banner .ban_con {
    padding-top: 150px;
} 

/* 微农园 Project 样式 */
.project {
    background-image: url(../images/weiguoyuan_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 50px;
}
 
.project .project_left {
    width: 60%;
}
 
.project .project_left .project_tit {
    font-size: 32px;
}
 
.project .project_left .project_tit .image {
    width: 70px;
    margin-top: -8px;
}
 
.project .project_left .project_subtit {
    font-size: 32px;
    color: #3E903E;
    margin-top: 20px;
}
 
.project .project_left .project_desc {
    margin-top: 15px;
}
 
.project .project_left .project_ul {
    margin-top: 20px;
}
 
.project .project_left .project_ul li {
    width: 49%;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
    cursor: pointer;
}
 
.project .project_left .project_ul li .icon {
    display: none;
}
 
.project .project_left .project_ul li .tit {
    font-size: 20px;
    font-weight: bold;
}
 
.project .project_left .project_ul li .desc {
    font-size: 16px;
    margin-top: 15px;
    color: #616161;
}
 
.project .project_left .project_ul li.active .tit {
    color: #0118FF;
}
 
.project .project_left .project_ul li:hover {
    box-shadow: 3px 3px 11px #f0efef;
}
 
.project .project_left .btn {
    width: 150px;
}
 
.project .project_right {
    width: 40%;
    text-align: center;
}
 
.project .project_right .image {
    width: 60%;
    display: none;
}
 
.project .project_right .image.active {
    display: inline-block;
}
 
/* 媒体查询 */
@media (max-width: 1024px) {
    .project .project_right .image {
        width: 70%;
        margin-top: 50px;
    }
}
 
@media (max-width: 769px) {
 
    .project .project_left .project_subtit {
        font-size: 24px;
        margin-top: 10px;
    }
 
    .project .project_left .project_ul li .tit {
        font-size: 18px;
    }
 
    .project .project_right .image {
        width: 90%;
        margin-top: 100px;
    }
}
 
@media (max-width: 431px) {
    .banner{
		background-image: url(../images/weiguoyuan_banner_small.png);
	}
    .banner .warp .ban_con {
        width: 100%;
        backdrop-filter: blur(4px);
        padding: 83px 10%;
    }
 
    .project {
        margin-top: 50px;
        display: block;
    }
 
    .project .project_left {
        width: 100%;
    }
 
    .project .project_left .project_tit {
        font-size: 18px;
    }

    .project .project_left .project_ul li{
        margin-bottom: 8px;
    }
    
    .project .project_left .project_ul li.active .tit {
        color: #333;
    }
     
    .project .project_left .project_ul li:hover {
        box-shadow: 3px 3px 11px #f0efef;
    }
 
    .project .project_left .project_tit .image {
        width: 50px;
    }
 
    .project .project_left .project_subtit {
        font-size: 16px;
        margin-top: 15px;
    }
 
    .project .project_left .project_desc {
        margin-top: 15px;
    }
 
    .project .project_left .project_ul li .tit {
        height: 36px;
        font-size: 16px;
        margin-top: 15px;
    }
 
    .project .project_left .project_ul li .desc {
        font-size: 14px;
    }
 
    .project .project_left .project_ul li .icon {
        display: block;
    }
 
    .project .project_left .btn {
        display: none;
    }
 
    .project .project_right {
        display: none;
    }
}

@media (max-width: 401px) {
    .banner .warp .ban_con {
		padding: 87px 5%;
	}
}