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


/* notice_section */
.notice_section{padding-top:130px;}
.notice_section p {color: #777777; font-size: 16px; margin: 20px 0 40px 0; line-height: 1.3;}
.notice_section h4 {font-size: 24px; line-height: 1.3;}
.notice_section .gray_txt {color:#a3a3a3;font-size: 14px;}
.notice_section .section_inner{width:100%;max-width: 1200px;margin:auto;}
.notice_section .section_inner .inner_top {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.notice_section .section_inner .inner_top h3{font-size:48px}
.notice_section .section_inner .inner_top .notice_search {display: flex;}
.notice_section .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;}
.notice_section .section_inner .inner_top .input_wrap {position: relative;}
.notice_section .section_inner .inner_top .input_wrap input[type="text"] {width: 400px; padding: 13px 47px 13px 21px; border: 1px solid #bbbbbb; border-radius: 5px;}
.notice_section .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;}

/* notice_wrap */
.notice_wrap{margin-top:55px; display: flex;  flex-wrap: wrap;}
.notice_wrap .notice_box {width: 280px; height:310px;border:1px solid #b9b9b9;margin:0 10px;border-radius: 10px; overflow: hidden; margin-top: 30px;}
.notice_wrap .notice_box .p_img{width:100%;height:170px; 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}
.notice_wrap .notice_box .text_box{padding:0 30px;border-radius:0 0 5px 5px;}
.notice_wrap .notice_box .text_box .p_name{min-height:80px; display: -webkit-box; padding-top: 28px;font-size:22px;font-weight: 600;overflow:hidden; text-overflow:ellipsis; line-height: 1.2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice_wrap .notice_box .text_box .p_product{margin-top: 24px;font-size:14px;color:#a3a3a3;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.notice_wrap .notice_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;}
.notice_wrap .notice_box .text_box .p_text{margin-top: 10px;font-size:14px;color:#777777;line-height: 20px;height:40px;}
.notice_wrap .notice_box .text_box .p_detail{margin-top: 30px; padding: 20px 0; border-top: 1px solid #dddddd; font-size:14px;color:#969696;}
.notice_wrap .notice_box .text_box .p_detail span{padding: 6px 14px; background-color: #f3f3f3; border-radius: 3px; vertical-align: text-bottom;}
.notice_wrap .notice_box:hover .p_img{transform: scale(1.07);}


.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) {
    .notice_banner{padding-top: 50px;}
    .banner_wrap .bannerBox {padding: 94px 30px 0 30px;}
    .notice_banner .section_banner .banner_txt {padding: 40px 7.41% 0;}
     .section_inner .notice_wrap{flex-wrap: wrap; justify-content: center; margin-top: 30px;}
    
}

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

    .notice_section{padding-top:60px;}
    .notice_section .section_inner {width: 100%;}
    .notice_section .section_inner .inner_top {padding-left: 2%;}
    .notice_section .section_inner .inner_top h3{margin-bottom: 20px;}
    .notice_section .section_inner .inner_top .notice_search {position: relative; width: 95%; }
    .notice_section .section_inner .inner_top select {width: 40%;}
    .notice_section .section_inner .inner_top .input_wrap {width: 60%;}
    .notice_section .section_inner .inner_top .input_wrap input[type="text"]{width: 100%;}
    .notice_section .section_inner .notice_wrap {justify-content: space-around;}
    .notice_section .section_inner .notice_wrap .notice_box{width: 47.5%;}
    .notice_section .section_inner p br {display: none;}
    .notice_section .section_inner .part_btn {position: static; margin-top: 20px;}
    
}
@media screen and (max-width:820px) {
    .banner_wrap .bannerBox .bannerTit{font-size: 44px;}
    .banner_wrap .bannerBox .bannerText{font-size: 14px;}
    .notice_section .section_inner .notice_wrap .notice_box{width: 45.5%;}
}

@media screen and (max-width:640px) {
    .notice_section .section_inner .inner_top {padding-left: 4%;}
    .notice_section .section_inner .inner_top h3 {font-size: 36px;}
    .notice_section .section_inner .inner_top select {margin-right: 5px; font-size: 14px;}
    .notice_section .section_inner .inner_top select option{font-size: 14px;}
    .notice_section .section_inner .inner_top .input_wrap input[type="text"]::placeholder{font-size: 14px;}
    .notice_wrap .notice_box {height: 200px; border-radius: 5px;}
    .notice_wrap .notice_box:nth-child(odd){margin: 10px 0 10px 2.5%;}
    .notice_wrap .notice_box:nth-child(even){margin: 10px 2.5% 10px 0;}
    .notice_wrap .notice_box .p_img {height: 100px;}
    .notice_wrap .notice_box .text_box{padding: 0 15px;}
    .notice_wrap .notice_box .text_box .p_name {padding-top: 15px; font-size: 16px;}
    .notice_wrap .notice_box .text_box .p_product {font-size: 12px;}
    .notice_wrap .notice_box .text_box .p_name {min-height:54px;}
}

@media screen and (max-width:425px) {
    .banner_wrap {height: 320px;}
    .banner_wrap .bannerBox {padding: 84px 30px 0 30px;}
    .banner_wrap .bannerBox .bannerTit{font-size: 40px;}
    .notice_section .section_inner .inner_top {padding-left: 4%;}
    .notice_section .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}
    .notice_section .section_inner .inner_top select option{font-size: 12px;}
    .notice_section .section_inner .inner_top .input_wrap {width: 64%;}
    .notice_section .section_inner .inner_top .input_wrap a {height: 30px; right: -5px;}
    .notice_section .section_inner .inner_top .input_wrap input[type="text"]{padding: 6px 47px 6px 11px;}
    .notice_section .section_inner .inner_top .input_wrap input[type="text"]::placeholder{font-size: 12px;}

    .more_btn {margin: 55px 0 75px 0;}
    .more_btn a{padding: 10px 30px; border-radius: 3px;}

}