/* banner */
.event_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 .bannerText{font-size: 16px; margin-top: 20px; line-height: 1.5;}

/* event_inner_top */
.event_section .section_inner{width:100%;max-width: 1200px;margin:auto;}
.event_project .section_inner .inner_top {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.event_project .section_inner .inner_top h3{font-size:48px}
.event_project .section_inner .inner_top .event_search {display: flex;}
.event_project .section_inner .inner_top select{margin-right: 20px; width: 160px; padding: 10px 30px;border: 1px solid #bbbbbb; border-radius: 5px; background: url(../images/resource/down_select.png) no-repeat center right;}
.event_project .section_inner .inner_top .input_wrap {position: relative;}
.event_project .section_inner .inner_top .input_wrap input[type="text"] {width: 400px; padding: 13px 47px 13px 21px; border: 1px solid #bbbbbb; border-radius: 5px;}
.event_project .section_inner .inner_top .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;}

/* event project */
.event_project{padding-top:40px;}
.event_project .section_inner{width:100%;max-width: 1230px;margin:auto;}
.event_project .section_inner .project_wrap{ display: flex;  flex-wrap: wrap;}
.event_project .section_inner .project_wrap .project_box {position: relative; width: 380px; height:460px;border:1px solid #b9b9b9;margin:0 10px;border-radius: 10px; overflow: hidden; margin-top: 30px;}
.event_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}
.event_project .section_inner .project_wrap .project_box .text_box{padding:0 25px 10px;height:auto;border-radius:0 0 5px 5px;}
.event_project .section_inner .project_wrap .project_box .text_box .p_name{padding-top: 28px;font-size:24px;font-weight: 600;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height: 1.2;}
.event_project .section_inner .project_wrap .project_box .text_box .p_product{margin-top: 10px;padding-left: 20px;font-size:14px;color:#a3a3a3;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.event_project .section_inner .project_wrap .project_box .text_box .p_product.event_time{ margin-top:20px;background: url(../images/event/event_icon1.png) no-repeat center left;}
.event_project .section_inner .project_wrap .project_box .text_box .p_product.event_location{ background: url(../images/event/event_icon2.png) no-repeat center left; height: 16px;}
.event_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;}
.event_project .section_inner .project_wrap .project_box .text_box .p_text{margin-top: 10px;font-size:14px;color:#777777;line-height: 20px;height:40px;}
.event_project .section_inner .project_wrap .project_box .text_box .p_detail{margin-top: 25px; border-top: 1px solid #dddddd; font-size:14px;color:#969696;}
.event_project .section_inner .project_wrap .project_box .text_box .p_detail span{display: inline-block; margin:15px 5px 0 0 ; padding: 6px 14px; background-color: #f3f3f3; border-radius: 3px; vertical-align: text-bottom;}
.event_project .section_inner .project_wrap .project_box:hover .p_img{transform: scale(1.07);}
.event_project .section_inner .project_wrap .project_box .event_hash {position: absolute; top: 20px; left: 20px; color: #fff;;border-radius: 3px;}
.event_project .section_inner .project_wrap .project_box .event_hash span{padding: 6px 14px; border-radius: 3px;}
.event_project .section_inner .project_wrap .project_box .event_hash.event_expected span {background-color: #2196f3;}
.event_project .section_inner .project_wrap .project_box .event_hash.event_end span{background-color: #999999;}
.event_project .section_inner .project_wrap .project_box .good_icon {display: none; position: absolute; top:12px;  right: 20px; width: 26px; z-index: 3;}
.event_project .section_inner .project_wrap .project_box .good_icon i{color: #fff; font-size: 26px;}
.event_project .section_inner .project_wrap .project_box .good_icon.on i{color: #2196f3; font-weight: 600;}


.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) {
    .event_banner{padding-top: 50px;}
    .banner_wrap .bannerBox {padding: 94px 30px 0 30px;}
    .event_banner .section_banner .banner_txt {padding: 40px 7.41% 0;}
    .event_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;}
    
    .event_project .section_inner .inner_top {padding-left: 2%;}
    .event_project .section_inner .inner_top h3{margin-bottom: 20px;}
    .event_project .section_inner .inner_top .event_search {position: relative; width: 95%; }
    .event_project .section_inner .inner_top select {width: 40%;}
    .event_project .section_inner .inner_top .input_wrap {width: 60%;}
    .event_project .section_inner .inner_top .input_wrap input[type="text"]{width: 100%;}

    .event_project {padding-top:60px;}
    .event_project .section_inner {width: 92%;}
    .event_project .section_inner p br {display: none;}
    .event_project .section_inner .project_wrap .project_box{width: 100%; border-radius: 10px;}

    .event_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 .bannerText{font-size: 14px;}
    .event_project .section_inner .inner_top {margin-top: 30px;}
    .event_category .category_inner ul:nth-of-type(2){margin-top: 15px;}
    .event_project {padding-top:0px;}
    .event_project .section_inner .project_wrap {margin-top: 0;}
    
}

@media screen and (max-width:640px) {
    .event_project .section_inner .inner_top {padding-left: 4%;}
    .event_project .section_inner .inner_top h3 {font-size: 36px;}
    .event_project .section_inner .inner_top select {margin-right: 5px; font-size: 14px;}
    .event_project .section_inner .inner_top select option{font-size: 14px;}
    .event_project .section_inner .inner_top .input_wrap input[type="text"]::placeholder{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;}
    .event_project .section_inner .inner_top {padding-left: 4%;}
    .event_project .section_inner .inner_top select {width: 36%; padding: 6px 10px; font-size: 12px;  background: url(../images/resource/down_select.png) no-repeat center right -5px}
    .event_project .section_inner .inner_top select option{font-size: 12px;}
    .event_project .section_inner .inner_top .input_wrap {width: 64%;}
    .event_project .section_inner .inner_top .input_wrap a {height: 30px; right: -5px;}
    .event_project .section_inner .inner_top .input_wrap input[type="text"]{padding: 6px 47px 6px 11px;}
    .event_project .section_inner .inner_top .input_wrap input[type="text"]::placeholder{font-size: 12px;}
    .event_project .section_inner .project_wrap .project_box {min-height:390px; height: auto;}
    .event_project .section_inner .project_wrap .project_box .p_img{height:210px;}
    .event_project .section_inner .project_wrap .project_box .text_box{padding: 0 20px 10px;}
    .event_project .section_inner .project_wrap .project_box .text_box .p_name {padding-top: 18px; white-space: unset;}
    .event_project .section_inner .project_wrap .project_box .text_box .p_name br{ display: none;}
    .event_project .section_inner .project_wrap .project_box .text_box .p_product.event_time{ margin-top:10px;}
    .event_project .section_inner .project_wrap .project_box .text_box .p_product{margin-top: 5px;}
    .event_project .section_inner .project_wrap .project_box .text_box .p_detail{padding: 0; margin-top: 15px;}
    .event_project .section_inner .project_wrap .project_box .text_box .p_detail span{margin:10px 5px 0 0 ;}


}
@media screen and (max-width:360px){
    .event_project .section_inner .project_wrap .project_box{min-height: 360px;}
    .event_project .section_inner .project_wrap .project_box .p_img{height: 190px;}
    .event_project .section_inner .project_wrap .project_box .text_box .p_name{font-size: 20px;}
    .event_project .section_inner .project_wrap .project_box .event_hash{left: 10px;}
    .event_project .section_inner .project_wrap .project_box .good_icon{right: 15px;}
    .more_btn {margin: 45px 0 75px 0;}
    .more_btn a{padding: 10px 30px; border-radius:3px;}
}