.resource_banner{padding-top: 80px;}
.banner_wrap{position:relative;width:100%;height:400px;background:#f5f5f5}
.banner_wrap .banner{position:relative;width:100%;max-width: 1920px;margin:auto;height:100%;}
.banner_wrap .bannerBox {padding: 115px 0 0 0px;  max-width: 1200px; margin:0 auto; color: #fff;}
.banner_wrap .bannerBox .bannerTit {font-size: 64px; font-weight: 600;}
.banner_wrap .bannerBox .bannerTit br{display: none;}
.banner_wrap .bannerBox .bannerText{font-size: 16px; margin-top: 20px; line-height: 1.5;}

/* learn_category */
.resource_category {margin-top: 100px; }
.resource_category .category_inner{ margin: 0 auto;overflow-x: auto;}
.resource_category .category_inner .category_con{display: flex; align-items: center; width: 1200px; margin: 0 auto;}
.resource_category .category_inner .category_con:nth-of-type(2){margin: 10px auto;}
.resource_category .category_inner .category_con .left_con {font-size: 18px; font-weight: 600; width: 160px;}
.resource_category .category_inner ul{display: flex; gap:10px; flex-wrap: wrap; font-size: 15px;}
.resource_category .category_inner ul li{border: 1px solid #2196f3; border-radius: 3px;}
.resource_category .category_inner ul li a {display: inline-block; padding: 8px 10px; color: #2196f3;}
.resource_category .category_inner ul li.act,
.resource_category .category_inner ul li.act a{background-color: #2196f3; color: #fff;}

/* learn project */
.resource_project{padding-top:40px;}
.resource_project .section_inner{width:100%;max-width: 1230px;margin:auto;}
.resource_project .section_inner .project_wrap{margin-top:55px; display: flex;  flex-wrap: wrap; justify-content: center;}
.resource_project .section_inner .project_wrap .project_box {width: 380px; min-height:410px; border:1px solid #b9b9b9;margin:0 10px;border-radius: 5px; overflow: hidden; margin-top: 30px;}
.resource_project .section_inner .project_wrap .project_box .p_img{width:100%;height:230px;background-position: center center;font-size:0;text-indent: -1000px;overflow: hidden;background-position: top center;background-repeat: no-repeat;transition: all .5s ease;background-size:cover}
.resource_project .section_inner .project_wrap .project_box .text_box{padding:0 30px 10px;border-radius:0 0 5px 5px;}
.resource_project .section_inner .project_wrap .project_box .text_box .p_name{padding-top: 15px;font-size:24px;font-weight: 600;  line-height: 1.2; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.resource_project .section_inner .project_wrap .project_box .text_box .p_product{margin-top: 10px;font-size:14px;color:#a3a3a3; }
.resource_project .section_inner .project_wrap .project_box .text_box .p_product span{display:inline-block;padding-right:8px;margin-right:5px;background:url('../images/main/bar_h13.png') no-repeat right center;}
.resource_project .section_inner .project_wrap .project_box .text_box .p_text{margin-top: 10px;font-size:14px;color:#777777;line-height: 20px;height:40px;}
.resource_project .section_inner .project_wrap .project_box .text_box .p_detail{margin-top: 30px; ; border-top: 1px solid #dddddd; font-size:14px;color:#969696;}
.resource_project .section_inner .project_wrap .project_box .text_box .p_txt_wrap{display: flex; justify-content: space-between; margin-top: 10px; font-size:14px; color:#969696;}
.resource_project .section_inner .project_wrap .project_box .text_box .p_txt_wrap .date {display: inline-block;}
.resource_project .section_inner .project_wrap .project_box .text_box .p_txt_wrap .views {display: inline-block; position: relative; padding-left: 22px;}
.resource_project .section_inner .project_wrap .project_box .text_box .p_txt_wrap .views:before {content:''; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; display: inline-block; background:url('../images/main/icon_view.png') no-repeat left center; background-size: 100% 100%; transform: translateY(-50%);}
.resource_project .section_inner .project_wrap .project_box .text_box .p_detail div{display: inline-block; padding: 8px 7px; margin-top: 10px; margin-right: 5px; background-color: #f3f3f3; border-radius: 3px;}
.resource_project .section_inner .project_wrap .project_box:hover .p_img{transform: scale(1.07);}

/* more btn */

.more_btn {text-align: center; margin:75px 0 115px 0;}
.more_btn a{padding: 15px 40px; font-size: 16px; color: #fff; background-color: #2196f3; border-radius: 5px;}
@media screen and (max-width:1200px) {
    .resource_banner{padding-top: 50px;}
    .banner_wrap .bannerBox {padding: 94px 30px 0 30px;}
    .resource_banner .section_banner .banner_txt {padding: 40px 7.41% 0;}
    .resource_project .section_inner .project_wrap{flex-wrap: wrap; justify-content: center; margin-top: 30px;}
    
}

@media screen and (max-width:1000px) {
    .banner_wrap .bannerBox {padding: 94px 30px 0 30px;}
    .banner_wrap .bannerBox .bannerTit {font-size: 46px;}
    .banner_wrap .bannerBox .bannerText {font-size: 14px;}
    
    .resource_project {padding-top:0px;}
    .resource_project .section_inner {width: 92%;}
    .resource_project .section_inner p br {display: none;}
    .resource_project .section_inner .project_wrap .project_box{width: 100%;}
    .resource_project .section_inner .project_wrap .project_box .text_box .p_name {font-size: 20px;}
    .resource_project .section_inner .project_wrap .project_box .text_box .p_detail {margin-top: 20px; font-size: 11px;}
    .resource_project .section_inner .part_btn {position: static; margin-top: 20px;}

    .resource_category {margin-top: 50px;}
    .resource_category .category_inner{width: 92%; padding-bottom: 16px;}
    .resource_category .category_inner .category_con {display: block;}
    .resource_category .category_inner .category_con:first-child .left_con {display: none;}
    .resource_category .category_inner .category_con .left_con {margin-bottom: 10px;}
    
}

@media screen and (max-width:768px){
    .banner_wrap .bannerBox .bannerTit{font-size: 44px;}
    .banner_wrap .bannerBox .bannerTit br{display: block;}
    .banner_wrap .bannerBox .bannerText{font-size: 14px;}
}

@media screen and (max-width:425px){
    .banner_wrap {height: 320px;}
    .banner_wrap .bannerBox {padding: 64px 30px 0 30px;}
    .banner_wrap .bannerBox .bannerTit{font-size: 40px;}

    .resource_project .section_inner .project_wrap .project_box {height: auto; font-size: 18px; min-height: unset;}
    .resource_project .section_inner .project_wrap .project_box .p_img{height: 160px;}
    .resource_project .section_inner .project_wrap .project_box .text_box {padding: 0 20px 10px;}
    .resource_project .section_inner .project_wrap .project_box .text_box .p_name{padding-top: 15px;}
    .resource_project .section_inner .project_wrap .project_box .text_box .p_detail {margin-top: 15px;}
    
}