.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;}
/*learn_search*/
 .learn_search {padding-top: 40px;}
 .learn_search .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 .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;}
/* learn_category 
.learn_category {margin-top: 100px; overflow-x: auto;}
.learn_category .category_inner{width: 1020px; margin: 0 auto;}
.learn_category .category_inner ul{display: flex; gap:10px; flex-wrap: wrap; font-size: 16px;}
.learn_category .category_inner ul li{border: 1px solid #2196f3; border-radius: 3px;}
.learn_category .category_inner ul li a {display: inline-block; padding: 10px 13px; color: #2196f3;}
.learn_category .category_inner ul li.act,
.learn_category .category_inner ul li.act a{background-color: #2196f3; color: #fff;}*/

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

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

    .learn_project {padding-top:0;}
    .learn_project .section_inner {width: 95%;}
    .learn_project .section_inner p br {display: none;}
    .learn_project .section_inner .project_wrap .project_box{width: 95%;}
    .learn_project .section_inner .part_btn {position: static; margin-top: 20px;}
}
@media screen and (max-width:768px){
    .learn_category {margin-left: 4%;}
    .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: auto;}
    .banner_wrap .bannerBox {padding: 64px 30px 0 30px;}
    .banner_wrap .bannerBox .bannerTit{font-size: 40px;}
    .banner_wrap .bannerBox .bannerText br{display: none;}

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