.unity_learn_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;}

.category {font-size: 24px; height: 65px; background-color: #f3f3f3; line-height: 2.5;}
.category .category_inner {max-width: 1230px; margin: 0 auto;}

/*learn_search*/
.learn_search_b {padding-top: 40px;}
.learn_search_b .learn_search_wrap {display: flex; justify-content: flex-end;}
.learn_search select{margin-right: 2%; max-width: 160px;width:28%;box-sizing:border-box; padding: 10px 30px;border: 1px solid #bbbbbb; border-radius: 5px; background: url(../images/resource/down_select.png) no-repeat center right;}
.learn_search .input_wrap {position: relative;width:68%;max-width: 400px;}
.learn_search .input_wrap input[type="text"] {width:100%; padding: 13px 47px 13px 21px; border: 1px solid #bbbbbb; border-radius: 5px;}
.learn_search_b .input_wrap a {display: inline-block; position: absolute; right: 0; width: 47px; height: 45px; background: url(../images/press/press_search.png) no-repeat center right;}
/* begginer_category 
.begginer_category {margin-top: 100px; overflow-x: auto;}
.begginer_category .category_inner{width: 1020px; margin: 0 auto;}
.begginer_category .category_inner ul{display: flex; gap:10px; flex-wrap: wrap; font-size: 16px;}
.begginer_category .category_inner ul li{border: 1px solid #2196f3; border-radius: 3px;}
.begginer_category .category_inner ul li a {display: inline-block; padding: 10px 13px; color: #2196f3;}
.begginer_category .category_inner ul li.act,
.begginer_category .category_inner ul li.act a{background-color: #2196f3; color: #fff;}*/

/* begginer project */
.begginer_project{}
.begginer_project .section_inner{width:100%;max-width: 1230px;margin:auto;}
.begginer_project .section_inner .project_wrap{display: flex;  flex-wrap: wrap; padding-bottom: 100px;}
.begginer_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;}
.begginer_project .section_inner .project_wrap .project_box .p_img{width:100%;min-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}
.begginer_project .section_inner .project_wrap .project_box .text_box{padding:0 30px;height:180px;border-radius:0 0 5px 5px;}
.begginer_project .section_inner .project_wrap .project_box .text_box .p_name{padding-top: 28px;min-height: 60px;font-size:24px;font-weight: 600;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height: 1.2;}
.begginer_project .section_inner .project_wrap .project_box .text_box .p_product{margin-top: 10px;min-height: 20px; font-size:14px;color:#a3a3a3;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.begginer_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;}
.begginer_project .section_inner .project_wrap .project_box .text_box .p_text{margin-top: 10px;font-size:14px;color:#777777;line-height: 20px;height:40px;}
.begginer_project .section_inner .project_wrap .project_box .text_box .p_detail{margin-top: 20px; padding: 0 0 20px 0; border-top: 1px solid #dddddd; font-size:14px;color:#969696;}
.begginer_project .section_inner .project_wrap .project_box .text_box .p_detail span{display: inline-block; padding: 6px 14px; margin: 10px 5px 0 0; background-color: #f3f3f3; border-radius: 3px; vertical-align: text-bottom;}
.begginer_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:1300px) {
    .begginer_project .section_inner .project_wrap{flex-wrap: wrap; justify-content: center; margin-top: 30px;}
    .section_inner {width: 92%;}
    .unity_learn_banner{padding-top: 50px;}
    .category{display: none;}
    .banner_wrap .bannerBox {padding: 94px 30px 0 30px;}
    .unity_learn_banner .section_banner .banner_txt {padding: 40px 7.41% 0;}
}

@media screen and (max-width:1000px) {
    .banner_wrap .bannerBox {padding: 94px 30px 0 30px;}

    .begginer_category {margin-top: 60px; margin-left: 4%; overflow-x: auto;}
    .begginer_category .category_inner{width: unset; margin: 0 auto;}
    .begginer_category .category_inner ul{display: block; gap:0; width: 4050px; font-size: 16px;}
    .begginer_category .category_inner ul li{display: inline-block; margin-right: 5px;}

    .begginer_project {padding-top:0;}

    .begginer_project .section_inner {width: 95%;}
    .begginer_project .section_inner p br {display: none;}
    .begginer_project .section_inner .project_wrap .project_box{width: 95%;}
    .begginer_project .section_inner .part_btn {position: static; margin-top: 20px;}
    
}

@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){
    .learn_search select{margin-right: 2%; max-width: 160px;width:28%;box-sizing:border-box; padding: 10px 15px;border: 1px solid #bbbbbb; border-radius: 5px; background: url(../images/resource/down_select.png) no-repeat center right;}
    .learn_search .input_wrap input[type="text"] { padding: 13px 47px 13px 11px;}
    .banner_wrap {height: 320px;}
    .banner_wrap .bannerBox {padding: 64px 30px 0 30px;}
    .banner_wrap .bannerBox .bannerTit{font-size: 40px;}
    .banner_wrap .bannerBox .bannerText br{display: none;}

    .begginer_project .section_inner .project_wrap .project_box {min-height: 370px;}
    .begginer_project .section_inner .project_wrap .project_box .p_img{min-height: 200px;}
    .begginer_project .section_inner .project_wrap .project_box .text_box{padding: 0 20px;}
    .begginer_project .section_inner .project_wrap .project_box .text_box .p_name {padding-top: 20px;}
    .begginer_project .section_inner .project_wrap .project_box .text_box .p_name{min-height: unset;}
    .begginer_project .section_inner .project_wrap .project_box .text_box .p_product{min-height: unset;}
    
}