.probannerbig { width: 100%; transition: all ease-in-out .3s; }
    .probannerbig > .ban { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; background-color: #000; }
        .probannerbig > .ban > .conn { position: relative; z-index: 2; padding-top: 220px; padding-bottom: 160px; max-width: 1170px; margin: 0px auto; }
        .probannerbig > .ban > .bgdiv { background-color: rgba(0,0,0,0.4); z-index: 1; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; }
        .probannerbig > .ban > .conn > h1.page-title { font-size: 3rem; text-align: center; color: #fff; font-weight: 400; letter-spacing: 0; line-height: 115% }
        .probannerbig > .ban > .conn > p { font-size: 1.25rem; color: #fff; line-height: 57px; text-align: center; padding-bottom: 40px; }

@media only screen and (max-width:768px) {
    .probannerbig > .ban > .conn { padding-left: 15px; padding-right: 15px; padding-top: 160px; padding-bottom: 100px; }
        .probannerbig > .ban > .conn > h1.page-title { font-size: 2rem; }
}



.contentbig { width: 100%; background-color: #f7f7f7; }
    .contentbig > .conn { max-width: 1380px; margin: 0px auto; border: solid 0px #000; padding: 100px 30px 100px 30px; }
        .contentbig > .conn > .title { text-align: center; width: 100% }
            .contentbig > .conn > .title h2.headline { font-size: 2.25rem; color: #242424; line-height: 3rem; font-weight: 400; }
            .contentbig > .conn > .title span { font-size: 1.12rem; }


        .contentbig > .conn > ul.list { margin-top: 50px; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
            .contentbig > .conn > ul.list > li { width: 31.33%; margin: 1%; background-color: #fff; padding: 15px; }
                .contentbig > .conn > ul.list > li .img { width: 100% }
                    .contentbig > .conn > ul.list > li .img > img { max-width: 100%; }
                .contentbig > .conn > ul.list > li .title { font-size: 1.25rem; color: #333; margin-bottom: 10px; line-height: 1.5; }
                .contentbig > .conn > ul.list > li .text { font-size: 1rem; color: #666; line-height: 1.5; margin-bottom: 10px; }
                .contentbig > .conn > ul.list > li .date { font-size: 12px; color: #999; line-height: 1.5; }


@media only screen and (max-width:768px) {
    .contentbig > .conn { padding: 50px 15px 50px 15px; }
        .contentbig > .conn > .title h2.headline { font-size: 1.5rem; }
        .contentbig > .conn > ul.list > li { width: 48%; margin-bottom: 15px; }
}


@media only screen and (max-width:480px) {
    .contentbig > .conn { padding: 50px 15px 50px 15px; }
        .contentbig > .conn > .title h2.headline { font-size: 1.5rem; }
        .contentbig > .conn > ul.list > li { width: 100%; margin: 0%; margin-bottom: 15px; }
}